/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/*01 - RESET*/
/*02 - GLOBAL SETTINGS*/
/*03 - TYPOGRAPHY*/
/*04 - BUTTONS*/
/*05 - HEADER*/
/*06 - TOP BANER CONTENT */
/*07 - OTHER TOP*/

/* CUSTOM PRELOAD */
#loader-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1111;background-color:#fff;-webkit-animation:loader 0.8s linear;animation:loader 0.8s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes loader{0%{opacity:1;}70%{opacity:1;}99%{opacity:0;}100%{display:none;visibility:hidden;z-index:-10;opacity:0;}}
@keyframes loader{0%{opacity:1;}70%{opacity:1;}99%{opacity:0;}100%{display:none;visibility:hidden;z-index:-10;opacity:0;}}


html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*, ::after, ::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
 

.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-sm-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-sm-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-sm-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-sm-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-sm-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-sm-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-sm-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-sm-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-sm-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-sm-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-sm-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-sm-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-sm-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-sm-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-md-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-md-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-md-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-md-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-md-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-md-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-md-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-md-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-md-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-md-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-md-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-md-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-md-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-md-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-lg-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-lg-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-lg-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-lg-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-lg-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-lg-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-lg-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-lg-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-lg-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-lg-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-lg-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-lg-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-lg-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-lg-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-xl-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-xl-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-xl-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-xl-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-xl-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-xl-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-xl-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-xl-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-xl-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-xl-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-xl-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-xl-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-xl-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-xl-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}

.w-100 {
  width: 100% !important;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET */
/*--------------------------------------------------------------------------------------------------------------*/
html{overflow-y:scroll}
*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}
*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:none}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}
:focus,:hover,:active,:visited{outline:none}
button{background:none}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* main */
html{height:100%;-webkit-font-smoothing:antialiased}
body{height:100%;overflow:hidden}
#content-block{overflow:hidden;position:relative}
.overflow-hidden{overflow:hidden}
html.overflow-hidden body{overflow:hidden}
html.keyboard-focus :focus{outline:auto}
.bg-image{background-size:cover;background-repeat:no-repeat;background-position:center center}
.bg-full{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.full-size{position:absolute;top:0;left:0;width:100%;height:100%}
.img{display:inline-block;max-width:100%;max-height:100%;vertical-align:top}
.clearfix{position:relative}
.clearfix:after{display:block;content:"";clear:both}
.cell-view{display:table-cell;vertical-align:middle;width:10000px}
section,.relative{position:relative}
img[data-i-src],[data-bg]{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s;opacity:0}
img[data-i-src].imgLoaded,[data-bg].bgLoaded{opacity:1}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a{cursor:pointer}
.upper-child span{text-transform:uppercase}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive-16by9{padding-bottom:56.25%}
.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}
@media (min-width: 1200px) {
.container{width:100%;max-width:1400px;padding-left:15px;padding-right:15px}
}
@media (min-width: 1450px) {
.container{width:100%;max-width:1730px;padding-left:60px;padding-right:60px}
.container.size1{max-width:1460px}
}
[class*=spacer]{clear:both;width:100%!important}

.spacer-xl{height:clamp(2.5rem, -1.2975rem + 7.9114vw, 5.625rem);}
.spacer-lg{height:clamp(2.5rem, 1.4474rem + 2.193vi, 3.75rem);}
.spacer-sm{height:clamp(1.875rem, 1.3487rem + 1.0965vi, 2.5rem);}
.spacer-xs{height:clamp(0.9375rem, 0.6743rem + 0.5482vi, 1.25rem);}

@media ( max-width:1200px ) {
.spacer-lg{height:40px}
.spacer-xl{height:65px}
}
@media ( max-width:1500px ) {
  .spacer-lt60 {height: 60px;}
}
@media ( max-width:1200px ) {
    .spacer-xl.type2{height: 75px;}
    .spacer-lg.type2{
        height: 50px;
    }
}
@media ( max-width:991px ) {
  .spacer-sm45 {height: 45px;}
}
@media ( max-width:767px ) {
  .spacer-lg.type2{height: 20px;}
  .spacer-lg{height:30px}
  .spacer-xl, .spacer-xl.type2{height:50px}
  .spacer-xs30 {height: 30px;}
  .spacer-xs25 {height: 25px;}
}
/* breakpoints */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{font-family: var(--ff-1);font-weight: 400;font-size: var(--text);line-height: 1.3;color: var(--clr-text);}
b,strong{font-weight:700}
a{color:inherit;text-decoration:none;-webkit-transition:.25s;-o-transition:.25s;transition:.25s}
a:hover{text-decoration:none}
ul,ol{list-style:none}
body,.text{font-size:16px;line-height:1.5em}
.text-sm{font-size:14px;line-height:20px}
.text-lg{font-size:18px;line-height:30px}
.article > *{margin-bottom:20px}
.article > :last-child{margin-bottom:0}
.article img{max-width:100%;height:auto;display:block}
.article ol{counter-reset:number}
.article ol li{padding-left:0}
.article ol li:before{counter-increment:number;content:"#" counter(number);margin-right:5px}
.article ul li{padding-left:20px}
.article ul li:before{display:inline-block;width:5px;height:5px;background:#000;content:"";vertical-align:middle;margin:0 10px}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{color:var(--clr-title);font-weight: inherit;}

.h1,h1{font-size: clamp(2.25rem, 1.6184rem + 1.3158vi, 3rem);}
.h2,h2{font-size: clamp(2rem, 1.7895rem + 0.4386vi, 2.25rem);}
.h3,h3{font-size: clamp(1.375rem, 0.6155rem + 1.5823vw, 2rem);}
.h4,h4{font-size: clamp(1.5rem, 1.2895rem + 0.4386vi, 1.75rem);}
.h5,h5{font-size: clamp(1.25rem, 1.0395rem + 0.4386vi, 1.5rem);}
.h6,h6{font-size: clamp(1rem, 0.3924rem + 1.2658vw, 1.5rem);}

.text-white{color: #fff;}
.h3.type2{font-size: 36px;}
.as.light{color:#fff}
.as.extraLage{font-size:120px;line-height:120px;letter-spacing:-18px}
.large{font-size:20px;line-height:30px}
.normall{font-size:15px;line-height:26px}
.normall.size1{font-size:17px}
.small{font-size:13px;line-height:18px}
.text-truncate{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
@media (min-width: 0) {
.text-xs-left{text-align:left}
.text-xs-center{text-align:center}
.text-xs-right{text-align:right}
}
@media (min-width: 576px) {
.text-sm-left{text-align:left}
.text-sm-center{text-align:center}
.text-sm-right{text-align:right}
}
@media (min-width: 768px) {
.text-md-left{text-align:left}
.text-md-center{text-align:center}
.text-md-right{text-align:right}
}
@media (min-width: 992px) {
.text-lg-left{text-align:left}
.text-lg-center{text-align:center}
.text-lg-right{text-align:right}
}
@media (min-width: 1200px) {
.text-xl-left{text-align:left}
.text-xl-center{text-align:center}
.text-xl-right{text-align:right}
}

.title-margin {margin-bottom: clamp(1.25rem, -1.0285rem + 4.7468vw, 3.125rem);}

.title-decor{position: relative;padding: clamp(1.25rem, 0.4146rem + 1.7405vw, 1.9375rem) clamp(1.25rem, -1.0285rem + 4.7468vw, 3.125rem);color: var(--clr-white);font-weight: 500;width: fit-content;line-height: 1;}
.title-decor.text-center{margin-inline: auto;}
.title-decor::before{content: "";position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%); background: url(../img/icons/title-decor.svg);background-repeat: no-repeat;background-position: center;background-size: contain;pointer-events: none;z-index:-1}
.title-decor.type2::before{background-image: url(../img/icons/title-decor-2.svg);}
.title-decor.type3::before{background-image: url(../img/icons/title-decor-3.svg);}
.title-decor.type4::before{background-image: url(../img/icons/title-decor-4.svg);}}

.simpleArticle{position:relative;font-size:16px;line-height:24px;color: var(--clr-title);}
.simpleArticle.size1{font-size:13px;line-height:1.6}
.simpleArticle.light{color:#fff}
.simpleArticle.light table td{border-color:#fff}
.simpleArticle.thin{font-weight:300}
.simpleArticle.titleCenter h1,.simpleArticle.titleCenter h2,.simpleArticle.titleCenter h3,.simpleArticle.titleCenter h4,.simpleArticle.titleCenter h5,.simpleArticle.titleCenter h6{text-align:center}
.simpleArticle.extraLight{color:rgba(255,255,255,0.7)}
.simpleArticle strong{display:block;font-weight:700;margin-bottom:30px}
.simpleArticle{color: var(--clr-title);}
.simpleArticle p{margin-bottom:24px}
.simpleArticle p:last-child{margin-bottom:0}
.simpleArticle blockquote{position:relative;padding:30px 30px 30px 50px;margin-left:30px;}
.simpleArticle table{width:100%;border-collapse:collapse}
.simpleArticle table td{width:20%;padding:15px;border:1px solid #0e0e0e}
.simpleArticle img{max-width:100%;height:auto;display:block}
.simpleArticle ul{margin-bottom:24px}
.simpleArticle ul li{padding-left:15px}
.simpleArticle ul li:before{position:absolute;top:8px;left:0;width:6px;height:6px;-webkit-border-radius:100%;border-radius:100%;background:var(--clr-primary);content:""}
.simpleArticle ul li:last-child{margin-bottom:0}
.simpleArticle ol{counter-reset:number;margin-bottom:24px}
.simpleArticle ol > li:before{margin-right:5px;counter-increment:number;content:"#" counter(number);color: var(--clr-primary);}
.simpleArticle ul ol,.simpleArticle ol ul{margin-top: 8px;margin-bottom: 0;margin-left:27px;}
.simpleArticle li{position:relative;margin-bottom:8px}
.simpleArticle li:last-chil{margin-bottom:8px}
.simpleArticle a:not(.button){color:var(--clr-primary);}
.simpleArticle br{line-height:1em}
.simpleArticle h1,.simpleArticle h2,.simpleArticle h3,.simpleArticle h4,.simpleArticle h5,.simpleArticle h6{margin-bottom:15px}
@media (max-width:767px) {
.hidden-xs{display:none!important}
.simpleArticle{font-size:14px;line-height:22px}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md{display:none!important}
}
@media (min-width:768px) {
.only-mob{display:none!important}
}
@media (min-width:1200px) {
.hidden-lg{display:none!important}
.simpleArticle a:not(.button):hover{color: var(--clr-title);}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.btn{display:inline-block;vertical-align:bottom;text-align:center;position:relative;cursor:pointer;text-decoration:none;border:none;background:none;-webkit-transition:.25s;-o-transition:.25s;transition:.25s;font-size:16px;line-height:20px;font-weight:700;padding:10px 25px} 
.btn-block{display:block;width:100%}
.btn:active:not(.loading){-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}
.btn.disabled{pointer-events:none;border-color:grey;background:grey}
.btn-close{width:40px;height:40px;font-size:20px;line-height:40px;text-align:center;-webkit-transition:.25s;-o-transition:.25s;transition:.25s;cursor:pointer}
.btn-close:active{-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}
.btn-close:before{content:"\02715"}
/*Buttons*/
button {
  background: transparent;
}

.button {
  z-index: 1;
  position: relative;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  line-height: 1;
  text-decoration: none;
  padding: 0em 1.3em;
  border: none;
  border-radius: var(--btn-height-l);
  transition: var(--transition-1);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  gap: 0.8em;
  min-height: var(--btn-height-l);
  color: var(--clr-white);
  font-weight: 500;
  background: var(--clr-primary);
}

.button.btnColor2 {
  color: #0e0e0e;
    font-size: 15px;
}

.button.btnSize2 {
  font-size: 12px;
  line-height: 14px;
  padding: 12px 36px;
}

.button.btnStyle2 {
  background: transparent;
}

.button.added {
  background: transparent;
}

.button.added.btnColor2 {
  background: transparent;
}
.button.btn-red{
    color: #fff;
}

.button.btnDisabled {
  opacity: .7;
  pointer-events: none;
}

@media ( min-width:1200px ){
  .button:hover {
    background: var(--clr-title);
  }    
    .button:hover.btnColor2 {
        color: #f7c200;
        background-color: transparent;
    }
}


html.overflow-menu{overflow:hidden}
header #logo{display:inline-block;margin-right:30px;-webkit-transition:opacity .25s linear;-o-transition:opacity .25s linear;transition:opacity .25s linear}
header #logo a{display:flex;align-items:center;}
header #logo img{width:150px;height:50px;display:block}
header nav ul{font-size:0}
header nav li{position:relative;display:inline-block;vertical-align:middle;line-height:20px;color:#000;font-weight:400;padding:0 26px;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear}
header nav li:before{position:absolute;top:50%;right:0;width:1px;height:30px;background:#ebebeb;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:width .45s cubic-bezier(0.445,0.05,0.55,0.95);-o-transition:width .45s cubic-bezier(0.445,0.05,0.55,0.95);transition:width .45s cubic-bezier(0.445,0.05,0.55,0.95);content:''}
header nav li a{display:block;position: relative;z-index: 2;}
header nav li img{width:40px;height:40px;display:block;margin:0 auto 4px}
header .headerSection{position:relative;display:inline-block;vertical-align:middle;padding:0 15px;font-size:14px}
header .headerSection.user-block{padding:0 10px}
header .headerSection.header-call{height:27px;padding: 0;}
header .headerSection .tel{display:block;display:inline-block;text-align:right;cursor:pointer}
header .headerSection .tel p{font-size:13px;margin-bottom:9px;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear}
header .headerSection .tel span{font-size:20px;line-height:26px;color:#0E0E0E;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear;display:flex;align-items:center;justify-content: flex-end;}
header .headerSection .tel svg{margin-right:8px;position:relative;width:27px;height:27px;}
header .headerSection .basket{position:relative;display:block}
header .headerSection .basket img{width:28px;height:28px;display:table;margin:0 auto 4px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:opacity .25s linear;-o-transition:opacity .25s linear;transition:opacity .25s linear}
header .headerSection .basket .basketCount{position:absolute;top:10px;right:0;font-size:12px;line-height:12px;color:#fff;display:inline-block;padding:6px 5px;-webkit-border-radius:100%;border-radius:100%;z-index:2;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}
header .headerSection .basket .basketCount span{display:block;min-width:14px;text-align:center}
header .headerSection .basket .basketPrice{color:#000}
header .headerSection .basket .basketPrice span{font-size:13px;margin-right:2px;max-width:43px;min-width:32px;text-align:right;overflow:hidden;display:inline-block;vertical-align:bottom;font-weight:700}
header .headerSection .basket .basketPrice i{font-size:11px;display:inline-block;vertical-align:bottom}
header .headerSection .languages{padding:10px 0}
header .headerSection .languages span{font-size:14px;padding-right:15px}
header .headerSection .languages ul {
    padding: 5px;
    position: absolute;
    top: 100%;
    left: -10000px;
    min-width: 77px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #0e0e0e;
    opacity: 0;
    -webkit-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-transition: opacity .25s linear, left .1s .255s, -webkit-transform .25s linear;
    transition: opacity .25s linear, left .1s .255s, -webkit-transform .25s linear;
    -o-transition: opacity .25s linear, transform .25s linear, left .1s .255s;
    transition: opacity .25s linear, transform .25s linear, left .1s .255s;
    transition: opacity .25s linear, transform .25s linear, left .1s .255s, -webkit-transform .25s linear;
    box-shadow: 0 2px 12px rgb(0 0 0 / 5%);    
}
header .headerSection.location-change{cursor:pointer;}
header .headerSection .languages.type-2 ul{
    min-width: 178px;
}
header .headerSection .languages ul li{position:relative;font-size:14px;line-height:18px;font-weight:400}
header .headerSection .languages ul li:after {
    content: "";
    box-sizing: border-box;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    opacity: 0;
    z-index:-1;
    transition: all 0.3s;
}
 
header .headerSection .languages ul a {
    display: block;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    padding: 7px 15px;
    -webkit-transition: opacity .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s, -webkit-transform .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) .25s;
    transition: opacity .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s, -webkit-transform .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) .25s;
    -o-transition: opacity .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s, transform .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) .25s;
    transition: opacity .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s, transform .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) .25s;
    transition: opacity .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s, transform .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.25s, -webkit-transform .25s cubic-bezier(0.445, 0.05, 0.55, 0.95) .25s
}
header .headerSection.user-block span,header .headerSection .languages span.select-location{padding:0}
header .headerSection .languages span.select-location{max-width:87px;text-align:center;position:relative;z-index:-1;}
.blog-id-4 header .headerSection .languages span.select-location{max-width:75px;}
.blog-id-4.language-en header .headerSection .languages span.select-location{max-width:60px;}
header .headerSection .languages span.select-location.select-km{max-width:110px;text-align:center}
header .headerSection.user-block ul{min-width:110px}
header .headerSection.user-block a{color:#333}
header .headerSection:last-child{padding-right:0}
header .hamburger{display:none}
.ddIcon{position:absolute;top:50%;right:0;width:13px;height:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .25s linear;transition:-webkit-transform .25s linear;-o-transition:transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear}
.ddIcon:before,.ddIcon:after{position:absolute;top:50%;left:0;width:8px;height:1px;background:#0e0e0e;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:''}
.ddIcon:after{left:auto;right:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.headerFlex{display:flex;justify-content:space-between;align-items:center;padding:4px 15px;width:100%}
header{position:fixed;top:0;left:0;width:100%;z-index:1020;backface-visibility:hidden;background:var(--bg-1);box-shadow:0 2px 12px rgba(0,0,0,0.05)}
.header-margin{margin-bottom:73px}
.headerRightBar{font-size:0}
header .headerSection .mobileTel{position:relative;width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;}
header .headerSection .mobileTel img{width: 27px;height: auto;}
@media (min-width: 1741px) {
    .blog-id-1.language-uk header nav > ul > li, .blog-id-4.language-uk header nav > ul > li, .blog-id-14.language-uk header nav > ul > li{max-width: 120px;}
    .blog-id-1 header nav > ul > li, .blog-id-4 header nav > ul > li, .blog-id-14 header nav > ul > li{padding: 0 21px;}
}
@media (max-width: 1740px) and (min-width: 1641px) {
    .blog-id-1.language-uk header nav > ul > li, .blog-id-4.language-uk header nav > ul > li, .blog-id-14.language-uk header nav > ul > li{max-width: 110px;}
    .blog-id-1 header nav > ul > li, .blog-id-4 header nav > ul > li, .blog-id-14 header nav > ul > li{padding: 0 17px;}
}
@media (max-width: 1640px) and (min-width: 1501px) {
    .blog-id-1.language-uk header nav > ul > li, .blog-id-4.language-uk header nav > ul > li, .blog-id-14.language-uk header nav > ul > li{max-width: 100px;}
    .blog-id-1 header nav > ul > li, .blog-id-4 header nav > ul > li, .blog-id-14 header nav > ul > li{padding: 0 13px;}
}
@media (max-width: 1500px) and (min-width: 1367px) {
    .blog-id-1.language-uk header nav > ul > li, .blog-id-4.language-uk header nav > ul > li, .blog-id-14.language-uk header nav > ul > li{max-width: 98px;}
    .blog-id-1 header nav > ul > li, .blog-id-4 header nav > ul > li, .blog-id-14 header nav > ul > li{padding: 0 11px;}
    .blog-id-1 header .headerSection.location-change, .blog-id-4 header .headerSection.location-change, .blog-id-14 header .headerSection.location-change {padding-right: 0;}
}
@media (max-width: 1366px) and (min-width: 1200px) {
    .blog-id-1.language-uk header nav > ul > li, .blog-id-4.language-uk header nav > ul > li, .blog-id-14.language-uk header nav > ul > li{max-width: 91px;}
    .blog-id-1 header nav > ul > li, .blog-id-4 header nav > ul > li, .blog-id-14 header nav > ul > li{padding: 0 8px;}
    .blog-id-1 header nav > ul > li, .blog-id-1 header nav > ul > li a p, .blog-id-1 header .headerSection, .blog-id-1 header .headerSection .basket .basketPrice span, .blog-id-1 header .headerSection .languages ul li, .blog-id-1 .header-submenu li a,
    .blog-id-4 header nav > ul > li, .blog-id-4 header nav > ul > li a p, .blog-id-4 header .headerSection, .blog-id-4 header .headerSection .basket .basketPrice span, .blog-id-4 header .headerSection .languages ul li, .blog-id-4 .header-submenu li a
    .blog-id-14 header nav > ul > li, .blog-id-14 header nav > ul > li a p, .blog-id-14 header .headerSection, .blog-id-14 header .headerSection .basket .basketPrice span, .blog-id-14 header .headerSection .languages ul li, .blog-id-14 .header-submenu li a{letter-spacing: -0.2px;}
}
@media (min-width: 1367px) {
    .blog-id-1 header nav li img, .blog-id-4 header nav li img, .blog-id-14 header nav li img{width:35px;height:35px;}
}
@media (min-width: 1200px) {
    .blog-id-1.language-uk .headerFlex, .blog-id-4.language-uk .headerFlex, .blog-id-14.language-uk .headerFlex{padding-top: 2px;padding-bottom: 0;}
    header nav li:after{content:"";box-sizing:border-box;border-radius:10px;position:absolute;left:-1px;top:-5px;right:-1px;bottom:-5px;cursor:pointer;opacity: 0;transition: all 0.3s;}
    header nav li.current-menu-ancestor:after,header nav li.current-menu-item:after,header nav li:hover:after{opacity: 1;}

    .blog-id-1 header nav > ul > li, .blog-id-1 header nav > ul > li a p, .blog-id-1 header .headerSection, .blog-id-1 header .headerSection .basket .basketPrice span, .blog-id-1 header .headerSection .languages ul li, .blog-id-1 .header-submenu li a,
    .blog-id-4 header nav > ul > li, .blog-id-4 header nav > ul > li a p, .blog-id-4 header .headerSection, .blog-id-4 header .headerSection .basket .basketPrice span, .blog-id-4 header .headerSection .languages ul li, .blog-id-4 .header-submenu li a
    .blog-id-14 header nav > ul > li, .blog-id-14 header nav > ul > li a p, .blog-id-14 header .headerSection, .blog-id-14 header .headerSection .basket .basketPrice span, .blog-id-14 header .headerSection .languages ul li, .blog-id-14 .header-submenu li a{font-size: 12px;}
    .blog-id-1 header .headerSection .languages span, .blog-id-4 header .headerSection .languages span, .blog-id-14 header .headerSection .languages span{font-size: 11px;}
    .blog-id-1 header nav > ul > .menu-item-alcohol a p, .blog-id-4 header nav > ul > .menu-item-alcohol a p, .blog-id-14 header nav > ul > .menu-item-alcohol a p{line-height: 14px;}
    .blog-id-1 header nav li img, .blog-id-4 header nav li img, .blog-id-14 header nav li img{width:32px;height:32px;}
    .blog-id-1.language-uk header nav .menu-item-alcohol img, .blog-id-4.language-uk header nav .menu-item-alcohol img, .blog-id-14.language-uk header nav .menu-item-alcohol img{width:30px;height:30px;margin-bottom: 0}
    .blog-id-1 header nav > ul > li,.blog-id-4 header nav > ul > li,.blog-id-14 header nav > ul > li{/*text-align: center;*/line-height: 16px;}
    .blog-id-1 header .headerSection, .blog-id-4 header .headerSection, .blog-id-14 header .headerSection{padding: 0 7px;}
    .blog-id-1 header .headerSection.user-block, .blog-id-4 header .headerSection.user-block, .blog-id-14 header .headerSection.user-block{padding: 0;}
}
@media (max-width: 1366px) and (min-width: 1200px) {
    .blog-id-1 header .headerSection, .blog-id-1 header .headerSection .languages span, .blog-id-1 header .headerSection .basket .basketPrice span,
    .blog-id-4 header .headerSection, .blog-id-4 header .headerSection .languages span, .blog-id-4 header .headerSection .basket .basketPrice span,
    .blog-id-14 header .headerSection, .blog-id-14 header .headerSection .languages span, .blog-id-14 header .headerSection .basket .basketPrice span{font-size: 11px;}
    .blog-id-1 header .headerSection .basket .basketPrice, .blog-id-4 header .headerSection .basket .basketPrice, .blog-id-14 header .headerSection .basket .basketPrice{min-width: 50px;}
    .blog-id-1 header .headerSection .basket .basketPrice i, .blog-id-4 header .headerSection .basket .basketPrice i, .blog-id-14 header .headerSection .basket .basketPrice i{font-size: 10px;}
    .blog-id-1 header .headerSection .languages:not(.type-2) span, .blog-id-4 header .headerSection .languages:not(.type-2) span, .blog-id-14 header .headerSection .languages:not(.type-2) span{padding-right: 3px;}
    .blog-id-1 .ddIcon, .blog-id-4 .ddIcon, .blog-id-14 .ddIcon{width: 7px;height: 6px;}
    .blog-id-1 .ddIcon:before, .blog-id-1 .ddIcon:after, .blog-id-4 .ddIcon:before, .blog-id-4 .ddIcon:after, .blog-id-14 .ddIcon:before, .blog-id-14 .ddIcon:after{width: 4px;}
}
@media (min-width: 1025px) {
  header:not(.style2).scrolled{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15)}
  header.scrolled .headerFlex{padding-top:5px;padding-bottom:5px} 
  header .languages:hover ul{left:50%;opacity:1;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .25s linear,left 1ms,-webkit-transform .25s linear;transition:opacity .25s linear,left 1ms,-webkit-transform .25s linear;-o-transition:opacity .25s linear,transform .25s linear,left 1ms;transition:opacity .25s linear,transform .25s linear,left 1ms;transition:opacity .25s linear,transform .25s linear,left 1ms,-webkit-transform .25s linear}
  header .languages:hover ul li:before{width:100%}
  header .languages:hover ul a{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
  header .languages:hover ul li:nth-child(2):before{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
  header .languages:hover ul li:nth-child(2) a{-webkit-transition:opacity .25s linear .35s ,-webkit-transform .25s linear .35s;transition:opacity .25s linear .35s ,-webkit-transform .25s linear .35s;-o-transition:opacity .25s linear .35s ,transform .25s linear .35s;transition:opacity .25s linear .35s ,transform .25s linear .35s;transition:opacity .25s linear .35s ,transform .25s linear .35s ,-webkit-transform .25s linear .35s}
  header .languages:hover ul li:nth-child(3):before{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
  header .languages:hover ul li:nth-child(3) a{-webkit-transition:opacity .25s linear .45s ,-webkit-transform .25s linear .45s;transition:opacity .25s linear .45s ,-webkit-transform .25s linear .45s;-o-transition:opacity .25s linear .45s ,transform .25s linear .45s;transition:opacity .25s linear .45s ,transform .25s linear .45s;transition:opacity .25s linear .45s ,transform .25s linear .45s ,-webkit-transform .25s linear .45s}
  header .languages:hover ul li:nth-child(4):before{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
  header .languages:hover ul li:nth-child(4) a{-webkit-transition:opacity .25s linear .55s ,-webkit-transform .25s linear .55s;transition:opacity .25s linear .55s ,-webkit-transform .25s linear .55s;-o-transition:opacity .25s linear .55s ,transform .25s linear .55s;transition:opacity .25s linear .55s ,transform .25s linear .55s;transition:opacity .25s linear .55s ,transform .25s linear .55s ,-webkit-transform .25s linear .55s}
  header .languages:hover ul li:nth-child(5):before{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
  header .languages:hover ul li:nth-child(5) a{-webkit-transition:opacity .25s linear .65s ,-webkit-transform .25s linear .65s;transition:opacity .25s linear .65s ,-webkit-transform .25s linear .65s;-o-transition:opacity .25s linear .65s ,transform .25s linear .65s;transition:opacity .25s linear .65s ,transform .25s linear .65s;transition:opacity .25s linear .65s ,transform .25s linear .65s ,-webkit-transform .25s linear .65s}
}
@media (min-width: 991px) {
    header .headerSection .basket .basketPrice{min-width: 58px;text-align: center;display: inline-block;}
    header .headerSection .basket .basketPrice span{min-width: auto;}
}
@media (min-width: 1200px) {
  .headerSection .tel path{transition:all .3s}
    header .headerSection .languages ul li:hover:after {opacity: 1;}
}
@media (max-width: 1500px) {
  header .headerSection .mobileTel img{width: 25px;}
}
@media (max-width: 1365px) {
    header .headerSection .languages span{padding-right:15px;font-size: 13px;}
    header nav li{padding:0 14px;text-align:center}
    header .headerSection{padding:0 15px;font-size: 13px;}
    header .headerSection.header-cart{padding:0 2px}
    header .headerSection .languages span.select-location{max-width: 80px;}
    header #logo{margin-right:20px}
    .blog-id-4 header .headerSection, .blog-id-4 header .headerSection .languages span, .blog-id-4 header .headerSection .basket .basketPrice span{font-size: 12px;}
}
@media (max-width: 1199px) {
  header #logo img{width:107px}
  header .headerSection .tel p{display:none}
  header .headerSection .tel svg{margin:0;width:16px;height:16px}
  header .headerSection .tel span{font-size:0;width:30px;height:30px;justify-content: center;}
  header .headerSection{padding:0 5px}
  header .headerSection .languages{padding-right:10px}
  header nav li img{width:32px;height:32px}
  .header-margin{margin-bottom:64px}
  header .headerSection .languages span{width: 100%;display: block;position: relative;z-index: 2;}
  header .headerSection .languages span.select-location{max-width: 100%;}
  header .headerSection .languages{padding-right: 0;}
  header{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15)}
  header #logo{margin-left:15px}
  header #logo img{width:90px;height:40px}
  header .hamburger{display:block}
  header .headerFlex{padding:6px 0}
  header .navWrapper{position:fixed;top:60px;left:-101%;width:100%;height:100%;padding:0 15px 68px;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;background:#fff;-webkit-transition:left .4s cubic-bezier(0.445,0.05,0.55,0.95);-o-transition:left .4s cubic-bezier(0.445,0.05,0.55,0.95);transition:left .4s cubic-bezier(0.445,0.05,0.55,0.95)}
  header .navWrapper.active{left:0}
  header .navWrapper.active nav li:before,header .navWrapper.active nav li:after{width:50%;width:-webkit-calc(50% - 15px);width:calc(50% - 15px)}
  /*header .navWrapper.active .headerSection .languages{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:1050ms;-o-transition-delay:1050ms;transition-delay:1050ms;background:#fff;color:#0e0e0e}*/
  header .navWrapper .headerSection{display:block;color:#fff}
  header .headerRightBar{margin-left:auto;color:#fff}
  header nav{margin-bottom:15px;margin-left:-15px;margin-right:-15px;background:#0e0e0e}
  header nav li{display:block;color:#fff;padding:0 15px;text-align:center}
  header .hamburger{position:relative;right:0;width:48px;height:48px;cursor:pointer;display:inline-block;vertical-align:middle;margin-right:5px;-webkit-transition:background .5s,opacity .5s,right .25s linear,top .25s linear,bottom .25s linear,-webkit-transform .5s;transition:background .5s,opacity .5s,right .25s linear,top .25s linear,bottom .25s linear,-webkit-transform .5s;-o-transition:transform .5s,background .5s,opacity .5s,right .25s linear,top .25s linear,bottom .25s linear;transition:transform .5s,background .5s,opacity .5s,right .25s linear,top .25s linear,bottom .25s linear;transition:transform .5s,background .5s,opacity .5s,right .25s linear,top .25s linear,bottom .25s linear,-webkit-transform .5s}
  header .hamburger span{position:absolute;left:50%;width:25px;height:2px;background:#0e0e0e;-webkit-border-radius:1px;border-radius:1px;margin-left:-10px;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}
  header .hamburger span:nth-child(1){top:17px}
  header .hamburger span:nth-child(2){top:50%;margin-top:-1px}
  header .hamburger span:nth-child(3){bottom:17px}
  header .hamburger.active{right:-5px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:background .5s,opacity .5s,-webkit-transform .5s;transition:background .5s,opacity .5s,-webkit-transform .5s;-o-transition:transform .5s,background .5s,opacity .5s;transition:transform .5s,background .5s,opacity .5s;transition:transform .5s,background .5s,opacity .5s,-webkit-transform .5s}
  header .hamburger.active span:nth-child(1){top:23px}
  header .hamburger.active span:nth-child(2){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
  header .hamburger.active span:nth-child(3){bottom:23px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
  header .ddIcon{top:5px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  header .headerSection{text-align:center;padding:0}
  header .headerSection .languages{padding-top:0;-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);opacity:0;-webkit-transition:opacity .175s cubic-bezier(0.445,0.05,0.55,0.95),-webkit-transform .175s cubic-bezier(0.445,0.05,0.55,0.95);transition:opacity .175s cubic-bezier(0.445,0.05,0.55,0.95),-webkit-transform .175s cubic-bezier(0.445,0.05,0.55,0.95);-o-transition:opacity .175s cubic-bezier(0.445,0.05,0.55,0.95),transform .175s cubic-bezier(0.445,0.05,0.55,0.95);transition:opacity .175s cubic-bezier(0.445,0.05,0.55,0.95),transform .175s cubic-bezier(0.445,0.05,0.55,0.95);transition:opacity .175s cubic-bezier(0.445,0.05,0.55,0.95),transform .175s cubic-bezier(0.445,0.05,0.55,0.95),-webkit-transform .175s cubic-bezier(0.445,0.05,0.55,0.95)}
  header .headerSection .languages span{padding:0}
  header .headerSection .languages ul{position:relative;top:auto;left:auto;min-width:100%;opacity:1;margin:15px -30px;background:#fff;color:#0e0e0e;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:none;-o-transition:none;transition:none;display:none}
  header .headerSection .languages ul li{padding:0 15px;font-weight:600}
  header .headerSection .languages ul a{font-size:14px;padding:15px 0;opacity:0;-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);transform:translate(0,15px)}
  header .headerSection .languages.active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:1150ms;-o-transition-delay:1150ms;transition-delay:1150ms}
  /*header .headerSection .languages.active .ddIcon{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}*/
  header .headerSection .languages.active a{opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
  header .headerSection .basket{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
  header .headerSection .basket > img{display:inline-block;margin-bottom:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
  header .headerSection .basket .basketPrice{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;margin-right:10px}
  header .headerSection .basket .basketPrice span{font-size:14px;min-width:inherit;}
  header .headerSection{padding:0!important}
  header .navWrapper > .headerSection{margin-bottom:15px;padding-bottom:4px!important}
  header .headerSection.header-cart{margin:0 25px}
  header .headerSection.user-block a{font-size:12px}
  header .headerSection .mobileTel img{margin-right: 25px;width: 22px;}
}
@media (max-width: 767px) {
  header #logo{margin:0 15px}
  header #logo img{width:80px;height:auto}
}
@media (max-width: 575px) {
  header .headerSection .mobileTel img{margin-right: 20px;}
}
@media (max-width: 480px) {
  header .headerSection .mobileTel img{margin-right: 15px;}
  header .headerSection .basket>img{width: 22px;height: 22px;}
  header .headerSection .basket .basketPrice{margin-right: 6px;}
}
@media (max-width: 450px) and (min-width: 361px) {
  /*header .headerRightBar{justify-content:space-between;width:calc(100% - 170px);display:flex;align-items:center}*/
  header .headerSection.header-cart{margin:0 5px}
}
@media (max-width: 400px) {
  header .headerSection .mobileTel img{margin-right: 3px;}
}
@media (max-width: 360px) {
  header .headerSection.header-cart{margin:0 10px}
  header .headerSection .basket img{height:24px;width:24px}
  header #logo img{width:72px}
  header .headerSection .basket .basketPrice{margin-right:8px}
  header .hamburger{width:42px}
}
/* ============================ */
/* PRODUCTS */

/*MAIN BANNER*/
.mainBanner .bgImage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mainBanner .videoWrapper {
  position: relative;
}

.mainBanner .swiper-slide {
  overflow: hidden;
}

.mainBanner .bannerContent {
  margin-bottom: 30px;
}

.mainBanner .cellView {
  height: -webkit-calc(100vh - 233px);
  height: calc(100vh - 233px);
  padding-top: 10px;
  padding-bottom: 80px; 
    display: flex;
    align-items: center;
}

.mainBanner .bannerInfo {
  position: relative;
  padding-left: 100px;
  z-index: 2;
    width: 100%;
}

.mainBanner .bannerInfo .as,
.mainBanner .bannerInfo p {
  -webkit-transition: color .250s linear .250s;
  -o-transition: color .250s linear .250s;
  transition: color .250s linear .250s;
}

.mainBanner .bannerInfo p span {
  margin-right: 3px;
  -webkit-transition: color .250s linear .250s;
  -o-transition: color .250s linear .250s;
  transition: color .250s linear .250s;
}

.mainBanner .bannerInfo.light .as,
.mainBanner .bannerInfo.light p,
.mainBanner .bannerInfo.light p span {
  color: #fff;
}

.mainBanner .bannerInfo.light .shares i:before {
  background: url(../fonts/svg-icons/shares-left-white.svg);
}

.mainBanner .bannerInfo.light .shares i:after {
  background: url(../fonts/svg-icons/shares-right-white.svg);
}

.mainBanner .bannerInfo.light .linesTitle:before, .mainBanner .bannerInfo.light .linesTitle:after {
  background-image: url(../img/title-line-white.png);
}

.mainBanner .bannerInfo.center {
  text-align: center;
  padding-left: 0;
}

.mainBanner .bannerInfo .leaf:before {
  position: absolute;
  top: 5px;
  left: -34px;
  width: 36px;
  height: 46px;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../fonts/svg-icons/banner-leaf.svg);
  content: '';
}

.mainBanner .bannerInfo .shares {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  color: #0e0e0e;
  font-weight: 500;
  padding: 3px 20px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  -webkit-border-image: url(../img/share-border2.png) 6 round;
       -o-border-image: url(../img/share-border2.png) 6 round;
          border-image: url(../img/share-border2.png) 6 round;
}

.mainBanner .bannerInfo .shares p {
  position: relative;
  -webkit-transition: color .250s linear .250s;
  -o-transition: color .250s linear .250s;
  transition: color .250s linear .250s;
}

.mainBanner .bannerInfo .shares i:before, .mainBanner .bannerInfo .shares i:after {
  position: absolute;
  top: -27px;
  left: -34px;
  width: 30px;
  height: 40px;
  background: url(../img/icons/shares-left.svg);
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
}

.mainBanner .bannerInfo .shares i:after {
  top: -29px;
  left: auto;
  right: -34px;
  background: url(../img/icons/shares-right.svg);
}

.mainBanner .bannerInfo .shares:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: '';
}

.mainBanner .bannerInfo .as {
  position: relative;
  margin-bottom: 13px;
}

.mainBanner .bannerInfo p {
  font-weight: 500;
}

.mainBanner .linesTitle {
  position: relative;
  padding: 15px 0 30px;
}

.mainBanner .linesTitle:before, .mainBanner .linesTitle:after {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 300px;
  height: 12px;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: repeat-x;
  background-position: 50% 50%;
  background-image: url(../img/title-line.png);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: background .250s linear .250s;
  -o-transition: background .250s linear .250s;
  transition: background .250s linear .250s;
  content: '';
}

.mainBanner .linesTitle:after {
  top: auto;
  bottom: -3px;
}

.mainBanner .productItemWrapper {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-top: 0;
}

.mainBanner .productItemWrapper .productItem {
  position: relative;
  top: 0;
  right: 0;
  width: 120%;
  padding-bottom: 87%;
  margin-left: auto;
}

.mainBanner .productItemWrapper .productItem > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .productDecor {
  position: absolute;
}

.mainBanner .productDecor span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
}

.mainBanner .productDecor.decor-1 {
  top: auto;
  bottom: 30%;
  left: 2%;
  width: 60px;
  height: 60px;
}

.mainBanner .productDecor.decor-1.position-1 {
  bottom: auto;
  top: 3%;
  left: auto;
  right: 48%;
}

.mainBanner .productDecor.decor-1.position-2 {
  top: auto;
  bottom: 0%;
  left: auto;
  right: 20%;
}

.mainBanner .productDecor.decor-2 {
  top: auto;
  bottom: 39%;
  left: 16%;
  width: 60px;
  height: 60px;
}

.mainBanner .productDecor.decor-2.position-1 {
  bottom: 24%;
  right: 10%;
  left: auto;
}

.mainBanner .productDecor.decor-3 {
  top: 7%;
  left: 34%;
  width: 60px;
  height: 60px;
}

.mainBanner .productDecor.decor-3.position-1 {
  top: 27%;
  right: -1%;
  left: auto;
  height: 80px;
}

.mainBanner .productDecor.decor-4 {
  bottom: 27%;
  right: 23%;
  width: 60px;
  height: 60px;
  top: auto;
  left: auto;
}

.mainBanner .productDecor.decor-5 {
  bottom: 2%;
  left: 21%;
  width: 80px;
  height: 80px;
  top: auto;
}

.mainBanner .productDecor.decor-6 {
  top: 53%;
  left: 88px;
  width: 80px;
  height: 80px;
}

.mainBanner .productDecor.decor-7 {
  bottom: 13%;
  right: 18%;
  width: 60px;
  height: 60px;
  top: auto;
  left: auto;
}

.mainBanner .productDecor.decor-8 {
  top: 40%;
  left: auto;
  width: 60px;
  height: 60px;
  right: 10%;
}

.mainBanner .productDecor.decor-9 {
  top: auto;
  bottom: -25px;
  left: auto;
  width: 60px;
  height: 60px;
  right: 24%;
}

.mainBanner .productDecor.decor-10 {
  top: 36%;
  left: 9%;
  width: 60px;
  height: 60px;
  z-index: 2;
}

.mainBanner .productDecor.decor-11 {
  top: 42%;
  left: 22%;
  width: 60px;
  height: 60px;
  z-index: 2;
}

.mainBanner .productDecor.star-1 {
  top: auto;
  bottom: 0;
  left: 14%;
  width: 44px;
  height: 44px;
  z-index: 2;
}

.mainBanner .productDecor.star-2 {
  top: auto;
  bottom: 10%;
  left: 17%;
  width: 62px;
  height: 68px;
  z-index: 2;
}

.mainBanner .productDecor.star-3 {
  top: auto;
  bottom: 17%;
  left: 35%;
  width: 54px;
  height: 54px;
  z-index: 2;
}

.mainBanner .productDecor.star-4 {
  top: auto;
  bottom: 35%;
  left: 37%;
  width: 50px;
  height: 60px;
  z-index: 2;
}

.mainBanner .productDecor.star-5 {
  top: auto;
  bottom: 30%;
  left: 41%;
  width: 46px;
  height: 44px;
  z-index: 2;
}

.mainBanner .productDecor.star-6 {
  top: 19%;
  left: 15%;
  width: 52px;
  height: 54px;
  z-index: 2;
}

.mainBanner .productDecor.star-7 {
  top: 23%;
  left: 6%;
  width: 34px;
  height: 38px;
  z-index: 2;
}

.mainBanner .productDecor.star-8 {
  top: 21%;
  left: 45%;
  width: 44px;
  height: 54px;
  z-index: 2;
}

.mainBanner .productDecor.star-9 {
  top: 21%;
  left: auto;
  right: 27%;
  width: 64px;
  height: 64px;
  z-index: 2;
}

.mainBanner .productDecor.star-10 {
  top: 21%;
  left: auto;
  right: 5%;
  width: 70px;
  height: 68px;
  z-index: 2;
}

.mainBanner .productDecor.star-11 {
  top: 36%;
  left: auto;
  right: 24%;
  width: 22px;
  height: 26px;
  z-index: 2;
}

.mainBanner .productDecor.star-12 {
  top: 35%;
  left: auto;
  right: 34%;
  width: 40px;
  height: 48px;
  z-index: 2;
}

.mainBanner .productDecor.star-13 {
  top: 33%;
  left: auto;
  right: 39%;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.mainBanner .productDecor.star-14 {
  top: auto;
  left: auto;
  right: 38%;
  width: 34px;
  height: 38px;
  bottom: 20%;
  z-index: 2;
}

.mainBanner .productDecor.cloud-1 {
  top: auto;
  left: 23%;
  width: 178px;
  height: 68px;
  bottom: 23%;
  z-index: 1;
}

.mainBanner .productDecor.cloud-2 {
  top: 32%;
  left: 29%;
  width: 256px;
  height: 80px;
  z-index: 1;
}

.mainBanner .productDecor.cloud-3 {
  top: 14%;
  left: 13%;
  width: 184px;
  height: 70px;
  z-index: 1;
}

.mainBanner .productDecor.cloud-4 {
  top: 30%;
  left: auto;
  right: 32%;
  width: 190px;
  height: 110px;
  z-index: 1;
}

.mainBanner .productDecor.cloud-5 {
  top: 22%;
  left: auto;
  right: -24px;
  width: 198px;
  height: 114px;
  z-index: 1;
}

.mainBanner .productDecor.cloud-6 {
  top: auto;
  left: auto;
  bottom: 16%;
  right: 38%;
  width: 205px;
  height: 60px;
  z-index: 1;
}

.mainBanner .productDecor.moon {
  top: 19%;
  left: 29%;
  width: 160px;
  height: 150px;
  z-index: 1;
}

.mainBanner .productDecor {
  position: absolute;
  top: 5px;
  left: 0;
  width: 200px;
  height: 200px;
}

.mainBanner .productDecor span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .productDecor.productPosition-1 {
  top: 102px;
  width: 270px;
  height: 100px;
}

.mainBanner .bannerLeaf {
  position: absolute;
  bottom: -37px;
  left: -132px;
  width: 300px;
  height: 300px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .bannerLeaf span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .bannerLeaf2 {
  position: absolute;
  bottom: 0;
  left: 30%;
  width: 235px;
  height: 150px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .bannerLeaf2 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .bannerLeaf3 {
  position: absolute;
  top: 13%;
  left: -2%;
  width: 200px;
  height: 114px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .bannerLeaf3 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .productDecor.productleft {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 740px;
  height: 320px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .productDecor.productleft span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner .productDecor.productleft.product-2 {
  bottom: -165px;
  top: auto;
  left: -290px;
  width: 890px;
  height: 720px;
}

.mainBanner .productDecor.productRight {
  position: absolute;
  left: auto;
  top: auto;
  bottom: -250px;
  right: -200px;
  width: 770px;
  height: 750px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.mainBanner.size2 .productItemWrapper {
  width: 60%;
  padding-top: 0;
}

.mainBanner.size2 .cellView {
  height: 75vh;
}
 
.mainBanner.size2 .productDecor.productleft {
  width: 340px;
  height: 140px;
}

.mainBanner.size2 .productDecor.productPosition-1 {
  top: 0;
}

.mainBanner.size2 .productDecor.productleft.product-2 {
  bottom: -165px;
  top: auto;
  left: -290px;
  width: 740px;
  height: 680px;
}

.mainBanner .mobileSection {
  position: relative;
}

.mainBanner .mobileSection .cellView {
  height: 100vh;
}


.deliveryArea {
  position: relative;
  padding: 50px 200px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.deliveryArea .bgPattern {
  -webkit-background-size: auto auto;
          background-size: auto;
    background-repeat: repeat;
}

.deliveryArea .deliveryImg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; 
}

.deliveryArea .deliveryImg.scooterDelivery {
  top: auto;
  left: -50px;
  bottom: 0;
  width: 134px;
  height: 120px;
}

.deliveryArea .deliveryImg.deliveryMessage {
  top: 7px;
  left: 30px;
  width: 126px;
  height: 56px;
}

.deliveryArea .deliveryImg.deliveryMessage span {
  position: absolute;
  top: 6px;
  left: 36px;
  font-size: 13px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.deliveryArea .deliveryImg.apple {
  top: 7px;
  width: 70px;
  height: 70px;
  left: auto;
  right: -7px;
  -webkit-transform: rotate(11deg);
      -ms-transform: rotate(11deg);
          transform: rotate(11deg);
}

.deliveryArea .deliveryImg.deliveryProduct {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  width: 132px;
  height: 72px;
}

.deliveryArea .deliverySection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0 15px;
  width: 33.33333%;
}

.deliveryArea .deliverySection:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
}

.deliveryArea .deliverySection:last-child:after {
  content: none;
}

.deliveryArea .deliverySection p {
  font-weight: 300;
  text-align: center;
}
.simpleHR {
    display: block;
    height: 1px;
    background: $greyColor;
}

.bgImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.bgShadow:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1;
    content: '';
}

.bgPattern{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 50% 50%;
}
.clipWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(auto auto auto auto);
}
.banerTitle .as {
  text-transform: uppercase;
  letter-spacing: 5px;
  z-index: 1;
  display: table;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
}

.banerTitle .as:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/banner-title-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  content: '';
}

.banerTitle span {
  display: block;
}

.banerTitle p {
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 36px;
}

.mainBanner .productDecor.productleft.handWithMobile {
  bottom: 0;
  left: 0;
  width: 650px;
  height: 590px;
  display: block !important;
}
.mainBanner .swiper-pagination.swiper-pagination-bullets{
    width: auto!important;
    left: 50%;
    width: auto;
    background: #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 9px 14px;
    bottom: 30px;   
    transform: translateX(-50%);
}
.mainBanner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 8px;
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    width: 8px;
    height: 8px;
    opacity: 1;    
}
.swiperMainWrapper {
    position: relative;
} 

@media (max-width: 1500px) {
    .bannerInfo  .banerTitle .as {
      margin-bottom: 3px;
    }
    .mainBanner .productDecor.productleft.product-2 {
      width: 739px;
    height: 571px;
    }
    .mainBanner .productDecor.productleft.handWithMobile {
    width: 360px;
      height: 350px;
  }
    .deliveryArea{
        padding: 35px 80px;
        font-size: 16px;
    }
    .deliveryArea .deliveryImg.deliveryProduct{
        width: 114px;
        height: 61px;        
    }
    .deliveryArea .deliveryImg.apple{
        width: 52px;
        height: 52px;        
    }
    .mainBanner .button,
    .deliveryArea .button{font-size: 15px;}
    .mainBanner .cellView{height: calc(100vh - 200px);padding-bottom: 10px;}
    .mainBanner .h1{font-size: 45px;line-height: 1.2;}
    .banerTitle p{font-size: 24px;line-height: 1.35;}
    
}

@media (max-width: 1199px) {
  .mainBanner .productDecor.productleft.handWithMobile {
    display: none !important;
  }
  .mainBanner .productDecor, .mainBanner .productItemWrapper {
    display: none;
  }
  .banerTitle p {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .mainBanner .productDecor,
  .mainBanner .productItemWrapper {
    display: none;
  }
  .mainBanner .cellView {
    height: -webkit-calc(100vh - 170px);
    height: calc(100vh - 170px);
    padding-bottom: 50px;
  }
  .mainBanner .productDecor.productPosition-1 {
    display: block;
    top: 50px;
  }
  .mainBanner .productDecor.decor-6 {
    display: block;
    top: 23%;
    left: 83%;
  }
  .mainBanner .productDecor.decor-5 {
    display: block;
    bottom: 7%;
    left: 9%;
  }
  .mainBanner .productDecor.star-3 {
    display: block;
    bottom: 25%;
    left: 21%;
  }
  .mainBanner .productDecor.star-7 {
    display: block;
    top: 15%;
  }
  .mainBanner .productDecor.star-10 {
    display: block;
    top: 32%;
  }
  .mainBanner .productDecor.star-11 {
    display: block;
    top: 55%;
    left: auto;
    right: 18%;
    width: 34px;
    height: 36px;
  }
  .mainBanner .productDecor.star-14,
  .mainBanner .productDecor.star-1 {
    display: block;
  }
  .mainBanner .productDecor.cloud-2 {
    display: block;
    top: 27%;
    left: 23%;
    width: 266px;
  }
  .mainBanner .productDecor.cloud-5 {
    top: 32%;
    display: block;
  }
  .mainBanner .productDecor.moon {
    top: 20%;
    left: 31%;
    display: block;
    width: 110px;
    height: 110px;
  }
  .mainBanner .bannerLeaf3 {
    top: 6%;
  }
  .deliveryArea {
    padding: 20px 0;
    font-size: 13px;
    line-height: 24px;
  }
  .deliveryArea .deliveryImg {
    display: none;
  }
  .deliveryArea .button {
    font-size: 13px;
  }
    .cellView.slide-text-4,
    .cellView.slide-text-2{
        display: flex;
        align-items: center;
    }
    .mainBanner .bannerInfo .as{
        font-size: 45px;
    }
    .mainBanner .cellView.slide-text-5 .as{
        padding: 25px 20px;
        font-size: 28px;
    }
    .banerTitle .h1{font-size: 40px;line-height: 1.3;margin-bottom: 30px;}
}
@media (max-width: 767px) {
 
  .bannerLinks li {
    background: #fff;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
  }
  .bannerLinks span,
  .bannerLinks p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
  }
  .bannerLinks a {
    padding: 15px 20px;
    display: block;
  }
  .bannerLinks img {
    width: 40px;
    height: 40px;
    display: block;
  }
  .mainBanner .bannerContent {
    margin-bottom: 25px;
  }
  .mainBanner:not(.not-work-holiday) .bannerContent p br {
    display: none;
  }
  .mainBanner .bannerInfo {
    padding: 0;
    text-align: center;
  }
  .mainBanner .bannerInfo .as:before {
    content: none;
  }
  .mainBanner .mobileSection .cellView {
    height: auto;
    padding-bottom: 5px;
    padding-top: 15px;
  }
    .mainBanner .bannerLinks{
        width: 100%;
    }
}
 
/* btn-loader */
.btn-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.btn-loader-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:var(--clr-primary)}
.btn-loader-inner span{display:block;width:4px;height:4px;border-radius:4px;background-color:#FFF;margin:0 3px;-webkit-animation:scale 1s infinite ease;animation:scale 1s infinite ease}
.btn-loader-inner span:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}
.btn-loader-inner span:nth-child(3){-webkit-animation-delay:.25s;animation-delay:.25s}
.btn-loader-complete{display:none;position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--clr-primary);background-image:url(../img/icons/icon-prod_check.svg);background-position:center;background-repeat:no-repeat}
@-webkit-keyframes scale {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(2);transform:scale(1.5)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(2);transform:scale(1.5)}
to{-webkit-transform:scale(1);transform:scale(1)}
}

/* end of btn-loader */
 
/*MAIN PRODUCTS*/ 
.main-products.type2{
    padding-top: 85px;
}
.main-products .block-title{margin-bottom:60px;text-align:center;width:100%}
.product-cart-swiper .swiper-pagination{position: relative;width: fit-content !important;bottom: auto !important;margin-top: var(--sp-md);}
.productThumbnail{position:relative;}
.productThumbnail:before{position:absolute;top:-30px;left:-15px;right:-15px;bottom:-50px;opacity:0;background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.08);border-radius:10px;-webkit-transition:all .5s;transition:all .5s;content:'';z-index:-1;-webkit-transform:scale(0.96);-ms-transform:scale(0.96);transform:scale(0.96)}
.productThumbnail.type2:before{bottom: -30px;}
.productSize-W{position:absolute;left:30px;top:30px;z-index:4;}
.productSize-W > *{font-weight:700;font-size:20px;line-height:1.3;color:#0E0E0E;margin-bottom:4px;text-align:right;display:block}
.productThumbnail-image{position:relative;z-index:2;overflow:hidden;display:block;margin-bottom:22px;text-indent: -99999px;}
/*.productThumbnail-image > *{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .7s;}
.productThumbnail-image:before{content:"";padding-top:96%;display:block}*/
.productThumbnail-image > *{width:100%;height:100%;}
.productThumbnail-image > .image-hover{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .7s;}
.productThumbnail-image .image-hover{opacity:0}
.productThumbnail-image .image-hover img{
    object-fit: cover;
    width: 100%;
    height: 100%;    
}
.productInfoWrapp{position:relative;z-index:3;margin-top: 10px;display: flex;flex-direction: column;gap: 1rem;}
.productDescription .productTitle{font-weight:700;text-align:center;color:#0E0E0E;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;max-height:60px;min-height:60px;font-size: 30px;}
.productDescription p {
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #6B6B6B;
}

.productOrder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.price-count{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 1rem;width: 100%;}

.productOrder .productPrice{font-size: clamp(1.125rem, 0.6693rem + 0.9494vw, 1.5rem);font-weight: 700;color: var(--clr-title);display: flex;align-items: center;line-height: 1;gap: 10px;}

.productCountWrapper{
  --btn-size: 2.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--clr-brown);
  line-height: 1;
  border-radius: 10rem;
  background: var(--clr-orange);
}
.productCountWrapper input{
  font-size: var(--text-l);
  width: 2rem;
  color: inherit;
  text-align: center;
  font-weight: 700;
  outline: none !important;
  color: var(--clr-brown);
  background: var(--clr-white);
  height: 2rem;
  border-radius: 2px;
}
.productOrder .productCount{
  width: 2.5rem;
  height: var(--btn-size);
  background: none;
  cursor: pointer;
  -webkit-transition: var(--transition-1);
  transition: var(--transition-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10rem;
  transition: var(--transition-1);
  position: relative;
  color: var(--clr-white);
}
.productOrder .productCount:before, .productOrder .productCount:after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  border-radius: 1rem;
  background: currentColor;
}

.productOrder .productCount.moreProduct:after{
  webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}


.productThumbnail .productMoreInfo{position:absolute;left:0;right:0;bottom:-32px;font-weight:700;font-size:15px;line-height:17px;text-align:center;visibility:hidden;opacity:0;transition:all .5s;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.productThumbnail .productMoreInfo a{color:#6B6B6B}

/* btn-loader */
.btn-loader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.btn-loader-inner{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;border-radius: 50px;}
.btn-loader-inner span{display: block;width: 4px;height: 4px;border-radius: 4px;background-color: #FFFFFF;margin: 0 3px;-webkit-animation: scale 1s infinite ease;animation: scale 1s infinite ease;}
.btn-loader-inner span:nth-child(2){-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.btn-loader-inner span:nth-child(3){-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.ajax-block-inner .btn-loader-inner span{background-color:var(--clr-primary);}
.btn-loader-complete{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; border-radius: 50px;background-image: url(../img/icons/icon-prod_check.svg);background-position: center;background-repeat: no-repeat;}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
    transform: scale(1.5);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
    transform: scale(1.5);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.wrapper_calories_text {
    margin-bottom: 15px;
} 
.product_calories_text {
    font-size: 15px;
    line-height: 17px; 
    color: #0E0E0E;    
    text-align: center;
    margin-bottom: 6px;
} 
.product_calaories_item:last-child{
  border-right: 0px;
}
.product_calaories_salats_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #ccc;
    margin: 0px auto;
} 
.product_calaories_salats_item{
    font-size: 13px;
    font-weight: bold; 
    width: 25%;
    border-right: 1px solid #ccc;
    text-align: center;
    padding: 0 5px;
}
.product_calaories_salats_item:last-child{border: 0;}
.product_calories_salats_text{
  margin-bottom: 1px;
  font-weight: bold;
}
.wrapper_calories_text.only_mobile{
  display: none;
} 
.product_calaories_salats_wrap{
  padding: 5px 0px;
}
.product_calaories_salats_wrap .item_calories{
  line-height: 18px;
  padding-top: 3px;
  font-weight: 300;
}
.type2 .productDescription p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-height:78px;min-height:78px}

@media ( min-width:1200px ) {
  .productThumbnail:hover .productMoreInfo{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  .productThumbnail:hover .image-default{opacity: 0;}
  .productThumbnail:hover .image-hover,.productThumbnail.type2:hover .image-default{opacity:1}
  .productThumbnail:hover:before{opacity:1;z-index:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  .productCount:hover,.productCount:hover{color: var(--clr-brown);}
  .productThumbnail:hover{position:relative;z-index:5}
}

@media ( max-width: 1450px ) {
    .productSize-W > *{font-size: 14px;}
    .productDescription .productTitle{font-size: 28px;}
}
@media ( max-width: 1200px ) {
    .productDescription p{min-height: 78px;}
.productOrder{justify-content:center}
    .product_calaories_salats_item { 
        line-height: 20px;
        width: 50%;
    }
    .product_calaories_salats_item:first-child, .product_calaories_salats_item:nth-child(2) {
        border-bottom: 1px solid #ccc;
    }    
    .product_calaories_salats_item:nth-child(2) {
        border-right: 0px;
    }  
    .productDescription .productTitle{font-size: 24px;}
}
@media ( max-width: 767px ) {
    .productThumbnail-image{width:226px;margin-bottom:0;border-radius:10px 0 0 0}
    .productSize-W{left:10px;top:10px;right: auto;display: block;text-align: left;}
    .productSize-W > *{font-size:11px;line-height:12px;margin-bottom:2px}
    .productDescription .productTitle{font-size:15px;line-height:15px;text-align:left;max-height:32px;min-height:32px}
    .productDescription p{text-align:left;font-size:10px;line-height:13px;color:#4A4A4A;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-height:78px}
    .main-products.type2{
        padding-top: 15px;
    }
    .type2 .productDescription p{max-height:104px; min-height: inherit;-webkit-line-clamp: 9;}
    .product_calories_text{
        text-align: left;
        font-size: 12px;
        font-weight: 400;
    }
    .product_calaories_salats_wrap .item_calories{font-size:8px;}
    .productInfoWrapp{gap: 12px;}
    .price-count{margin-bottom: 12px;}
    .productCountWrapper{--btn-size: 2.5rem;}
    .productOrder .productCount{width: 2rem;}
    .productCountWrapper input{width: 28px;height: 28px;font-size: 1rem;}
}
@media ( max-width: 575px ) {
.productThumbnail-image{width:158px;position: relative;}
    .productThumbnail.type2{
        align-items: flex-start;
    }
    .productThumbnail.type2 .productThumbnail-image{
        height: 190px;
    }
    .product_calaories_salats_item{font-size: 11px;}
}
/* end of product */
 
 
.action-banner .swiper-slide{position:relative;width: 50%;}
.action-banner a{
    display:flex;
    flex-wrap: wrap;
    align-items: center;    
    border-radius: 10px; font-size:0;transition: all 0.4s;
}
.action-banner a.action-banner-item{
  text-indent: -99999px;
}
.action-banner .spacer-sm{
    height: 35px;
}
.action-banner .swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}
.action-banner .swiper-wrapper{
    display: flex; 
    box-sizing: content-box;    
}
.action-banner img{width:auto;max-width:100%;height:auto;border-radius: 10px;}
/*.action-banner .swiper-container{overflow:visible}*/
.action-banner .swiper-container .swiper-pagination{bottom:0px;background-color: transparent;margin-top: 30px; padding: 0;position: relative;
    width: 100%;
left: 0;right: 0;transform: translate(0);}
.action-banner .swiper-container .swiper-pagination-bullet{width:12px;height:12px;background:#626262;border-radius:50%;margin:0 20px!important}
 .action-banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#dcdcdc;}
@media ( min-width: 1200px ) {
    .submenu > li:first-child{
        display: none!important;
    } 
    .action-banner a:hover{
         opacity: 0.75;
    }
}
@media ( max-width: 1199px ) {
    .action-banner .spacer-sm{
        height: 15px;
    }
    .action-banner .swiper-container .swiper-pagination-bullet{width:10px;height:10px;margin:0 10px!important}    
}
@media ( max-width: 575px ) {
    .action-banner .swiper-container{overflow: visible;}
}

/*PRODUCT CARD*/

.breadcrumb {
  font-size: 15px;
  color: var(--clr-brown);
  padding: 10px 0;
  margin-bottom: 30px;
}

.breadcrumb.light {
  color: #fff;
}

.breadcrumb li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 17px;
  transition: var(--transition-1);
}

.breadcrumb li:first-child {
  padding-left: 12px;
}

.breadcrumb li:first-child:before, .breadcrumb li:first-child:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 1px;
  background: #a5a5a5;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -2px;
  content: '';
}

.breadcrumb li:first-child:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: 2px;
}

.breadcrumb li:last-child {
  pointer-events: none;
  font-weight: 500;
}

.breadcrumb li:last-child span:after {
  content: none;
}

.breadcrumb li span:after {
  position: absolute;
  top: 50%;
  right: -13px;
  width: 4px;
  height: 1px;
  background: #0e0e0e;
  content: '';
}


.cardProduct-images {
  margin-right: 50px;
  position: relative;
}

.cardProduct-images img {
  max-width: 100%;
  height: auto;
}

.prod-card-swiper .wrapp_review_product {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
}

.wrapp_review_product img {
  width: 17px;
  height: 26px;
}

.productOderDetail{
  --gap: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.wrapper_title_and_size{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.productOderDetail .title{
  text-transform: uppercase;
  color: var(--clr-brown);
  font-weight: 700;
  font-size: clamp(1.375rem, 0.3117rem + 2.2152vw, 2.25rem);
  line-height: 1.2;
}
.productOderDetail .product_calories_text{
  text-align: left;
}
.productOderDetail p {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--clr-brown);
  font-weight: 400;
}
.wrapper_product_size {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wrapper_product_size .productSize {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wrapper_product_size .imgWrapper {
  font-size: 0;
  margin-right: 6px;
}
.wrapper_product_size .imgWrapper  svg {
  width: 2rem;
  height: 2rem;
}
.wrapper_product_size p,
.wrapper_product_size span,
.wrapper_product_size i {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--clr-title);
} 

.wrapper_product_flex:empty{
  display: none;
}

.castomIngredients {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.castomIngredients .flex-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.castomIngredients .flex-row:not(:first-child){
  margin-top: var(--gap);
}
.castomIngredients .addButton {
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
}
.castomIngredients .addButton::before {
  content: "";
  width: 38px;
  height: 38px;
  display: inline-block;
  background-image: url(../img/icons/add-ing.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.castomIngredients .addButton p {
  font-weight: 500;
  font-size: 15px;
  line-height: 1; 
  color: var(--clr-brown);    
  margin: 0;
  transition: all 0.3s
}
.ingredientsPrice {
  display: flex;
  align-items: center;
}
.ingredientsPrice p {
  font-size: 15px;
  line-height: 1;
  margin-right: 8px;
  font-weight: 500;
}
.ingredientsPrice .ingTotalPrice {
  font-weight: 500;
  font-size: 26px;
  line-height: 1; 
  color: var(--clr-brown);
  margin-right: 5px;  
}
.ingredientsPrice i {
  font-weight: 500;
  font-size: 26px;
  line-height: 1; 
  color: var(--clr-brown);
}

.productRegularPrice{
  font-size: 0.7em;
  color: var(--clr-text);
  text-decoration: line-through;
  font-weight: 500;
}

.castomIngredients .newIngredientWrapper {
    width: 100%;
}
.castomIngredients .newIngredient {
  position: relative;
  margin-top: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.castomIngredients .newIngredient:last-child {
  margin-right: 0;
}

.newIngredient p {
  font-size: 16px;
  padding-left: 16px;
  transition: var(--transition-1);
  margin-bottom: 0;
  color: var(--clr-title);
  font-weight: 500;
}

.castomIngredients .newIngredient span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  transform: translateY(-35%) rotate(45deg);
  display: block;
}

.castomIngredients .newIngredient span:before, .castomIngredients .newIngredient span:after {
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 2px;
  transition: var(--transition-1);
  background-color: var(--clr-primary);
  content: '';
}

.castomIngredients .newIngredient span:after {
  transform: rotate(90deg);
}
.cardProductOrder .orderDetailSection {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cardProductOrder .orderDetailSection .counterTitle{
  color: var(--clr-title); 
}
.cardProductOrder .counterTitle {
  font-size: 15px;
  line-height: 1; 
  color: var(--clr-brown);   
  font-weight: 500;
}
.cardProductOrder .button {
    margin-bottom: 10px;
} 
.productDetail{align-items: flex-start;}

/*media*/
@media(min-width: 1200px){
  .breadcrumb li:not(:last-child) a:hover{
    color: var(--clr-primary);
  }
  .castomIngredients .addButton:hover p{
    color: var(--clr-primary);
  }
  .newIngredient:hover p{
    color: var(--clr-primary);
  }
  .pd-decor::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17%;
    height: 14%;
    background-image: url(../img/icons/pd-decor.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    pointer-events: none;
  }
  .ing-decor::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 14%;
    height: 87%;
    background-image: url(../img/icons/contact-decor-1.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    pointer-events: none;
  }
}

@media ( max-width: 991px ){
  .cardProduct-images {
    margin: 0 auto 24px;
    max-width: 500px; 
  }
  .breadcrumb{
    margin-bottom: 20px;
  }
}

@media ( max-width: 767px ){
  .prod-card-swiper .wrapp_review_product {
    top: 15px;
    left: 15px;
  }
  .productOderDetail .title{
    font-size: 24px;
  }
  .castomIngredients .flex-row.column{
    flex-direction: column !important;
    align-items: flex-start;
  }
  .ingredientsPrice p{
    margin-right: 8px;
  }
  .ingredientsPrice .ingTotalPrice, .ingredientsPrice i{
    font-size: 20px;
  }
  .cardProductOrder .orderDetailSection{
    gap: 8px;
  }
  .productOrder .productPrice{
    font-size: 20px;
    gap: 8px;
  }
  .wrapper_product_size{
    gap: 12px;
  }
  .wrapper_product_size .imgWrapper svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .wrapper_product_size p, .wrapper_product_size span, .wrapper_product_size i{
    font-size: 15px;
    color: var(--clr-brown);
  }
}
 

 /*========================*/
/*fix 27.04*/
/*========================*/
/*header*/
.header-list {cursor: pointer;}
.header-list::after {content: "";position: absolute;left: -1px;top: -5px;display: inline-block;width: calc(100% + 1px);box-shadow: 0 0 10px rgb(0 0 0 / 10%);background-color: #fff;border: none;border-top-left-radius: 5px;border-top-right-radius: 5px;box-sizing: border-box;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-list img {position: relative;z-index: 1;}
.header-list p {position: relative;padding-bottom: 5px;z-index: 1;}
.header-submenu {position: absolute;display: none;z-index: 1;left: -1px;width: calc(100% + 1px);padding: 10px 0;background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);min-width: 107px;}
.header-submenu::before {position: absolute;content: '';top: -8px;left: 0;width: 100%;height: 20px;background-color: #fff;}
.header-submenu li {position: relative;display: block;width: 100%;text-align: left;padding: 5px 10px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-submenu li::before,.header-submenu li::after {display: none;}
.header-submenu li.active a {color: #000;}
.header-submenu li a {position: relative;display: block;width: 100%;font-size: 13px;line-height: 1.2em;}
/*active*/
.header-list.active .header-submenu {display: block;}
.header-list.active p {color: #000}
.header-list.active::after {opacity: 1;}
/*location*/
.location-change .languages {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.location-change img {position: relative;display: inline-block;width: 22px;margin-right: 5px;}
.location-change span.select-location {line-height: 1.3em;}
.location-change .ddIcon {top: 60%;}
/*media*/
@media(min-width: 1200px){
  .header-list:hover::after {opacity: 1;}
  .header-list:hover .header-submenu {display: block;}
  .header-submenu li.active:hover a {color: #000;}
}
@media(max-width: 1500px){
  header .headerSection {padding: 0 15px;}
  header .headerSection.location-change {padding-right: 20px;}
  .location-change .languages img {width: 20px;}
  header #logo {margin-right: 10px;}
  header #logo img {width: 130px;}
}
@media(max-width: 1366px){
  header .headerSection {padding: 0 12px;}
  header div.headerSection.location-change {padding-left: 3px;padding-right: 3px;}
  header .headerSection .tel p {font-size: 12px;margin-bottom: 5px;}
  header .headerSection .tel span {font-size: 18px;}
  .headerFlex {padding: 4px 12px;}
  .header-submenu li a {font-size: 12px;}
}
@media(max-width: 1199px){
  header .headerSection .languages {padding: 0;}
  .location-change .languages img {margin: 0;}
  header .headerSection div.languages span.select-location,.location-change .ddIcon,
  header .headerSection .languages.type-2 ul,header .headerSection:last-child {display: none;}
  header .headerSection .tel span {font-size: 0;}
  header .headerSection.location-change {padding-right: 10px;height:25px;}
  header .headerSection {padding: 0 20px;}
  header .headerSection.user-block {padding: 0;}
  header #logo img {width: 107px;}
  .location-change img {margin-right: 25px;width:17px;display: -webkit-box;display: -ms-flexbox;display: flex;}
  header nav {margin-bottom: 0;background-color: #fff;padding: 30px;}
  header nav ul {border: 1px solid #dcd9c8;padding: 0 10px;border-radius: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  header nav li {color: #000;padding: 12px 30px;border-bottom: 1px solid #dcd9c8;}
  header nav li::before,header nav li::after {display: none;}
  header nav li.current-menu-item {color: #000;}
  header nav li.current-menu-item::before {position: absolute;content: '';top: -1px;left: -11px;display: inline-block;
  width: calc(100% + 22px) !important;height: calc(100% + 2px);border-radius: 10px;
  right: auto;background-color: transparent;-webkit-transform: none;-ms-transform: none;transform: none;}
  header nav li a,.header-list:not(.menu-item-sushi) {display: flex;align-items: center;}
  header nav li img,.header-list img {margin: 0 15px 0 0;}
  .header-list p {padding: 0;}
  .header-list:not(.menu-item-sushi) {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;-ms-flex-wrap: wrap;flex-wrap: wrap;border-bottom: none;}
  .header-list::after {position: absolute;content: '';width: auto !important;top: 25px;left: auto;right: 30px;opacity: 1;border: none;border-radius: 0;box-shadow: none;display: inline-block;border-top: 8px solid #b5b5b5;border-left: 8px solid transparent;border-right: 8px solid transparent;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
  header nav li:last-child {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
  .header-list .header-submenu {position: relative;display:none;left: auto;width: 100%;box-shadow: none;border: none;padding:0;}
  .header-list .header-submenu::before {display: none;}
  .header-submenu li {border-bottom: none;padding: 0;}
  .header-submenu li a {padding-left: 36px;font-size: 12px;}
  .header-list.active::after {top: 15px;border-top: 8px solid transparent;border-bottom: 8px solid #b5b5b5;border-left: 8px solid transparent;border-right: 8px solid transparent;}
  .header-list.active .header-submenu{display:none;}
}
@media(max-width: 767px){
  header nav li,.header-submenu li a{font-size:18px;}
}
@media(max-width: 575px){
  header .headerSection.header-cart {margin: 0 5px;}
  .location-change img {margin-right: 20px;}
  header nav li {padding: 10px 20px;}
  .header-list::after {top: 23px;right: 20px;}
  .header-list.active::after {top: 14px;}
}
@media(max-width: 480px){
  .location-change img {margin-right: 15px;}
  header .headerSection .basket .basketPrice {margin-right: 8px;}
  header #logo img {width: 95px;}
}
@media(max-width: 400px){
  header #logo {margin: 0 5px;}
  header #logo img {width: 70px;}
  header .headerSection.header-cart {margin: 0 12px;}
  .location-change img {margin-right: 12px;}
  header .headerSection .basket img {width: 22px;height: 22px;}
  header .headerSection.user-block a {font-size: 12px;}
  header .hamburger {width: 35px;}
  header nav {padding:15px;}
  header nav li {padding: 10px 15px;}
  .header-list::after {right: 15px;border-width: 7px;}
  .header-list.active::after {border-top: 7px solid transparent;border-bottom: 7px solid #b5b5b5;border-left: 7px solid transparent;border-right: 7px solid transparent;}
}

/*popup*/
.popup-container.location-container {border: 1px solid #dcd9c8;border-radius: 10px;padding: 60px 40px;text-align: center;}
.location-popup {position: relative;display: block;width: 100%;}
.location-popup-imgs {position: relative;display: block;width: 70%;margin: 0 auto;height: 0;padding-bottom: 70%;}
.location-popup-imgs img {position: absolute;top: 0;left: 0;width: 100%;}
.location-popup .title {margin-bottom: 40px;}
.location-popup-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #dcd9c8;margin-bottom: 20px;}
.location-popup-item:last-child {margin-bottom: 0;}
.location-popup-item span {position: relative;display: inline-block;font-size: 16px;color: #000000;font-weight: 600;}
.location-popup .button {padding: 15px 40px;font-size: 20px;margin-top: 20px;}
/*SumoSelect*/
.location-popup .sumoselect {display: -webkit-box;display: -ms-flexbox;display: flex;}
.location-popup .SumoSelect.open > .CaptionCont,.location-popup .SumoSelect:hover > .CaptionCont {box-shadow: none;border-color: none;}
.location-popup .SumoSelect .CaptionCont {height: auto;border: none;font-weight: 700;}
.location-popup .SumoSelect > .CaptionCont > span.placeholder {color: #000;font-style: normal;}
.location-popup .SumoSelect > .CaptionCont > span {padding-right: 10px;}
.location-popup .SumoSelect > .CaptionCont > label > i {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.location-popup .SumoSelect > .optWrapper {width: 280px;left: auto;right: 0;border-color: #dcd9c8;box-shadow: none;}
.location-popup .SumoSelect.open > .optWrapper {top: 38px;}
.location-popup .SumoSelect > .optWrapper > .options {max-height: 150px;border-radius: 0;}
.location-popup .SumoSelect .CaptionCont span {color: #000;}
/*media*/
@media(max-width: 991px){
  .popup-container.location-container {padding: 40px;}
  .location-popup-imgs {width: 50%;padding-bottom: 50%;}
}
@media(max-width: 575px){
  .popup-container.location-container {padding: 60px 20px;}
  .location-popup .title {font-size: 20px;margin-bottom: 30px;}
}
@media(max-width: 480px){
  .location-popup .button {display: block;width: 100%;}
  .location-popup-imgs {width: 60%;padding-bottom: 60%;}
}
@media(max-width: 400px){
  .location-popup .SumoSelect > .optWrapper {width: 249px;}
  .location-popup .title {font-size: 18px;}
  .location-popup-imgs {width: 70%;padding-bottom: 70%;}
}


/*===================*/
/*fix 17.05*/
/*===================*/
.location-popup-item span {position: absolute;z-index: 1;left: 0;}
.location-popup .sumoselect {width: 100%;}
.location-popup .SumoSelect {padding-left: 20%;}
.location-popup .SumoSelect.open > .optWrapper {top: 30px;}
.location-popup .SumoSelect .CaptionCont {text-align: right;}
.location-popup .SumoSelect .CaptionCont span {width: 100%;padding-right: 30px;}
.home-page .action-banner .swiper-container, .sushi-page .action-banner .swiper-container {opacity: 0;}
.home-page.loaded .action-banner .swiper-container.swiper-container-initialized, .sushi-page .action-banner .swiper-container.swiper-container-initialized {opacity: 1;}
.prod-card-swiper .imgWrapper {
  position: relative;
  width:100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius:0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: clamp(1.75rem, 0.8386rem + 1.8987vw, 2.5rem);
  border: 2px solid #D84125;
  box-sizing: border-box;
  aspect-ratio: 1;
}

/*media*/
@media(min-width: 1200px){
  .prod-card-swiper .imgWrapper::before, .prod-card-swiper .imgWrapper::after {
    content: "";
    position: absolute;
    left: -2px;
    top: 0;
    width: 91%;
    height: 71%;
    background-image: url(../img/icons/pd-img-decor-1.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
  }
  .prod-card-swiper .imgWrapper::after {
    top: auto;
    bottom: -5px;
    width: 100%;
    height: 35%;
    background-image: url(../img/icons/pd-img-decor-2.svg);
    background-position: bottom left;
  }
}
@media(max-width:767px){
  .xs-none{display:none;}
}
@media(max-width: 575px){
  .productThumbnail-image {width: 35%;}
  .action-banner .swiper-container .swiper-pagination {margin: 0;position: absolute;bottom: 10px;}
  .action-banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
  .action-banner .swiper-pagination .swiper-pagination-bullet:after {background-color: #fff;}
  .action-banner .swiper-container .swiper-pagination-bullet {background-color:#626262;margin: 0 6px !important;width: 8px;height: 8px;}
  .action-banner .spacer-xl {height:5px;}
  .productDescription .productTitle {margin-bottom: 5px;min-height: auto;max-height: none;}
  .productDescription p {min-height: auto;}
  .productThumbnail-image:before {display: none;}
  .productThumbnail-image img{position: absolute;top:50%;left: 50%;width: 100%;height: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
  .location-popup .SumoSelect > .optWrapper {width: 100%;}
  .seo-text-spacer {display: none;}
}
@media(max-width: 480px){
  .productDescription .productTitle{-webkit-line-clamp: 4;}
}
@media(max-width: 400px){
  .location-popup .SumoSelect {padding-left: 24%;}
}


/*fix 14.06*/
header #logo {margin-right: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;}
header #logo a {border: 1px solid #ebebeb;padding: 8px;border-radius: 8px;}
header #logo a:first-child {margin-right: 10px;}
header #logo img {width: 80px;height: auto;}
header #logo a:last-child{margin: 0 !important;}
/*media*/
@media(max-width: 1740px){
    header nav li {padding: 0 22px;}
}
@media(max-width: 1640px) {
  header .headerSection {padding: 0 10px;}
  header #logo {margin-right: 10px;}
    header .headerSection.location-change {padding-right: 10px;}
  header nav li {padding: 0 17px;}
}
@media (max-width: 1500px) {
  header nav li{padding:0 14px}
}
@media(max-width: 1366px){
  .headerFlex {padding: 4px 8px;}
  header #logo a {padding: 5px;border-radius: 5px;}
  header #logo a:first-child {margin-right: 5px;}
  header #logo img {width: 60px;}
  header nav li {padding: 0 11px;}
  header nav li a p {font-size: 14px;}
  header .headerSection, header .headerSection.user-block{padding: 0 3px;}
  header .headerSection .tel span {font-size: 17px;}
}
@media(max-width: 1199px){
  header .headerSection .tel span {font-size: 0;}
  header nav li a p,header nav li {font-size: 15px;}
  .header-submenu li a {font-size: 15px;}
  header nav li a,.header-list {padding: 5px 0;}
  .header-list {padding: 5px 15px;}
  .header-list::after {top: 19px;}
  .header-list.active::after {top: 8px;}
}
@media(max-width: 480px){
  header #logo {margin: 0 5px;}
  header #logo img {width: 50px;}
  header .headerSection .basket .basketPrice {margin-right: 5px;}
  header nav li a{padding:10px 0;}
  header nav .sub-menu li a{padding:5px 0;padding-left:47px;}
}
@media(max-width: 400px){
  header #logo a:first-child {margin-right: 3px;}
  header #logo img {width: 45px;}
  .location-change img {margin-right: 3px;}
  header .headerSection.header-cart {margin: 0 3px;}
  header .headerSection .basket .basketPrice {margin-right: 4px;}
  header .headerFlex .headerSection.user-block a {font-size: 11px;}
  header nav li{padding: 0 15px;}
}

/*fix 15/06*/
.prod-card-swiper .imgWrapper img.blue {
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.sushi-page .productSize-W .size{display:none;}
.sushi-page .productThumbnail:before{bottom:-20px;}
.sushi-page .productThumbnail .productMoreInfo{display:none;}
.sushi-page .castomIngredients{border-top:none;padding-top:10px;}

.start-sec{padding:60px 0;min-height: calc(100vh - 390px);}
.select-brand{position:relative;background:#ffd500;padding-bottom: 50%;border-radius: 10px;text-align: center;display: flex;align-items: center;justify-content: center;-webkit-transition: .25s;transition: .25s;overflow:hidden;}
.select-brand.sushi{position:relative;background:var(--clr-primary);}/*#34b4e1*/
.select-brand a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.select-brand img{position: absolute;width: auto;height: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit:cover;max-width: 340px;max-height:180px;}

@media(min-width:1200px){
  .select-brand:hover{box-shadow: 0 0 8px 1px rgb(0 0 0 / 25%);}
}
@media(max-width:1199px){
  .select-brand img{max-width:50%;max-height:120px;}
}
@media(max-width:991px){
  .start-sec{padding:0 0 40px;min-height:auto;}
  .select-brand{margin-top:40px;}
}
@media(max-width:767px){
  .start-sec{padding:0 0 20px;}
  .select-brand{margin-top:20px;}
  .swiper-entry.prod-card-swiper .swiper-pagination{position:relative;bottom:auto;width: fit-content;margin-top: 15px;}
}
@media(max-width:575px){
  .sushi-page .castomIngredients{margin-bottom:10px;}
  .sushi-page .castomIngredients.style-2 .cardProductOrder{height:30px;}
}


/*--------------*/
/*CHANGE 13.09*/
/*--------------*/
.single.single-action .imgWrapper {margin-bottom: 60px;}
.single.single-action .imgWrapper img {width: 100%;height: 100%;}
header {opacity: 0;visibility: hidden;}
.loaded header {opacity: 1;visibility: visible;}
.productThumbnail {text-align: center;}
.productThumbnail-image {width: 100%;height: 0;padding-bottom: 100%;background-color: #fff;}
.sushi-page .productThumbnail-image {padding-bottom: 71.3%;}
.productThumbnail-image img {position: absolute;top: 0;left: 0;display: block;}
.blog .button,.page-template-partners .button {font-size: 15px;}
.action-banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--clr-primary);}
.sushi-page .action-banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--clr-primary);}/*#34b4e1*/
.header-list p {padding: 0;}
.productThumbnail-image > .image-hover {-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.single.single-post .simpleArticle img {max-width: 90%;margin: 0 auto;}
/*media*/
@media(max-width: 1366px){
  .single.single-action .imgWrapper {margin-bottom: 40px;}
}
@media(max-width: 1199px){
  .sushi-page .location-change img.blue {top: -2px;}
  header .headerSection.header-call {top: -2px;}
  .header-list {padding: 5px 12px;}
  .header-list::after {top: 23px;}
  header nav {padding-bottom: 0;}
  header nav ul {border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;}
  header .languages-mobile {position: relative;display: block;width: 100%;padding: 0 15px;}
  header .languages-mobile .headerSection {display: block !important;width: 100%;border: 1px solid #dcd9c8;border-top: none;padding: 0 10px !important;border-radius: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
  header .languages-mobile .headerSection .languages {
  position: relative;display: block;width: 100%;height: 100%;padding: 10px 12px;border-top: 1px solid #dcd9c8;opacity: 1;transform: none;color: #0e0e0e;}
  header .languages-mobile .headerSection .languages span {display: inline-block;font-size: 15px;}
  header .ddIcon {position: absolute;z-index: 1;top: 18px;right: 30px;border-top: 8px solid #b5b5b5;border-left: 8px solid transparent;border-right: 8px solid transparent;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
  header .ddIcon::before,header .ddIcon::after {display: none;}
  header .languages-mobile .headerSection .languages.active .ddIcon {border-top: 8px solid transparent;border-bottom: 8px solid #b5b5b5;top: 9px;}
  header .headerSection .languages ul {background: transparent;box-shadow: none;min-width: auto;margin: 0;padding: 10px 0 0 0;}
  header .headerSection .languages ul a {font-size: 15px;padding: 8px 0;font-weight: 400;}
}
@media(max-width: 767px){
    .sushi-page .productThumbnail-image > * {width: 150%;}
    .productThumbnail-image,.sushi-page .productThumbnail-image {width: 226px;padding-bottom: 0;height: 100%;}
    .productThumbnail-image img {position: relative;left: auto;top: 0;}
    .ssectionTitle.grey-title:before,.sectionTitle.grey-title:before {bottom: auto;top: -2px;}
    .single.single-action .imgWrapper {margin-bottom: 30px;}
    .single.single-post .simpleArticle img {max-width: 100%;}
}
@media(max-width: 575px){
  .home-banner {margin-bottom: 30px;}
  .productSize-W {top: 4%;}
  .productThumbnail-image img {top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
  .sushi-page .productThumbnail-image > * {width: 100%;}
  .single.single-action .imgWrapper {margin-bottom: 20px;}
  header .ddIcon {right: 20px;}
}
@media(max-width: 480px){
    .home-banner {margin-bottom: 20px;}
    header .headerSection .basket .basketPrice {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    header .headerSection .basket .basketPrice * {line-height: 1.2em;}
    .header-list::after{top:29px;}
    .header-list.active::after{top:21px;}
    .productThumbnail-image,.sushi-page .productThumbnail-image {width: 50%;}
}
@media(max-width: 400px){
  header .languages-mobile {padding: 0;}
  header .ddIcon {right: 15px;border-width: 7px;}
}

.driveway-load {
  height: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .init-height-0 {
    height: 0;
    overflow: hidden;
  }
}
#line {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
}
#line.add:after {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-name: animation;
  animation-name: animation;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#line.add:before {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
  -webkit-animation-duration: 8000ms;
  animation-duration: 8000ms;
  -webkit-animation-name: animation;
  animation-name: animation;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#line.add.add1:before {
  -webkit-animation-duration: 200ms !important;
  animation-duration: 200ms !important;
}
#line:after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 0;
  height: 5px;
}
#line:before {
  content: "";
  left: 50%;
  top: 0;
  width: 0;
  height: 5px;
  position: absolute;
}
@-webkit-keyframes animation {
  0% {width: 0;}
  100% {width: 50%;}
}
@keyframes animation {
  0% {width: 0;}
  100% {width: 50%;}
}

/* vacancies */
.vac-poster {max-width: 1340px;}
.vac-poster, .vacancies-block.type1 .leftRight {border-radius: 28px;box-shadow: -3px 0 9px rgba(0,0,0,0.1);overflow: hidden;}
.vac-poster__desc {max-width: 43%;flex: 1 1 43%;align-self: center;}
.vac-poster__desc-inner {padding: 20px 20px 20px 55px;}
.vac-poster__desc-inner > *:last-child {margin-bottom: 0;}
.vac-poster__desc-title {font-size: 36px;line-height: 1.2;margin-bottom: 10px !important;}
.vac-poster__desc p {font-size: 19px;max-width: 378px;margin-bottom: 40px;}
.vac-poster__img-wrapp {max-width: 57%;flex: 1 1 57%;}
.vac-poster__img {background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 77%;}
.vac-left {max-width: 53%;flex: 0 0 53%;}
.vac-left_invert {margin-left: 47%;}
.vac-h2 {font-size: 43px;}
.vac-h3 {font-size: 37px;}
.vac-h5 {font-size: 20px;}
@media (max-width: 1199px) {
  .vac-poster__desc-inner {padding-left: 30px;padding-right: 30px;}
  .vac-poster__desc-title {font-size: 27px;}
  .vac-poster__desc p {margin-bottom: 30px;}
}
@media (max-width: 991px) {
  .vac-poster__desc, .vac-poster__img-wrapp {max-width: 100%;}
  .vac-poster__desc {text-align: center;}
  .vac-poster__desc-title {font-size: 22px !important;margin-bottom: 5px !important;}
  .vac-poster__desc p {font-size: 14px;line-height: 1.3;margin-bottom: 20px;}
}
@media (max-width: 767px) {
  .vacancies-block.type1 .leftRight {box-shadow: none;border-radius: 0;}
  .vac-left {max-width: 100%;flex: 1;}
  .vac-left_invert {margin-left: 0;}
}
@media (max-width: 575px) {
  .vac-h3 {font-size: 30px;}
}

/* hide menu link on desktop */
.menu_link{display:none;}

/* fix loaded page */
.main-products, section.cityVector{opacity:0;}

/* media */
@media(max-width: 1199px){
  .menu_link{font-size: 12px;line-height:1;color: #000;font-weight: 400;display: block;position: relative;margin-left:5px;text-align:center;}
  .menu_link img {width:25px;height:25px;}
}


.prg-block {display: flex;flex-direction: column;width: 100%; height: inherit;justify-content: space-between;font-size: clamp(1.25rem, .82rem + 2.13vw, 3.13rem);padding: 2.5%;max-width: 790px;background-color: var(--clr-primary);border-radius: 10px}
.prg-block-title {text-transform: uppercase;text-align: center;font-size: .75em;line-height: 1;font-weight: 700}
.prg-block-img {width: 84%;margin-left: 5%;margin-block: 1.2%;transform: translateY(-8%)}
.prg-block-img img {max-width: 100%;display: inline-block;vertical-align: top}
.prg-num-wrap {flex-shrink: 0;display: flex;align-items: center;justify-content: space-evenly}
.prg-num-item {width: 40%;text-align: center}
.prg-num {position: relative;overflow: hidden;padding: .42em 5px;font-size: .5em;line-height: 1;font-weight: 700;color: #0e0e0e;border-radius: 52px;border: solid 2px #0e0e0e;background-color: #fff}
.prg-num:before {content: "";position: absolute;z-index: 0;top: 0;left: 0;width: calc(var(--prg)*1%);height: 100%;border-radius: inherit;background-color: var(--clr-primary);}
.prg-num b {position: relative;z-index: 2}
.prg-num-text {margin-top: .4em;font-size: .25em;line-height: 1;font-weight: 700}

@media(max-width: 767px){
  .prg-num-text {-webkit-transform: translateY(100%);transform: translateY(100%);}
}