/* Theme Name: websima Theme URI: https://websima.com Author: Websima Creative Agency Author URI: https://websima.com Description: Websima Creative Agency Version: 1.0 */ /* -------------------- Bootstrap -------------------- */ html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1280px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-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;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.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;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.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;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.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;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.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;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.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:flex!important}.d-inline-flex{display:-ms-inline-flexbox!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:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!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:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!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:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!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:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}} /* -------------------- Css Reset (Mayerweb) -------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;display:inline;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:none}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;height:13px;width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}button:focus, input:focus, textarea:focus {outline: none !important;}li {list-style: none;} /* -------------------- Fonts & Icons -------------------- */ .af-success p { text-align: center !important; margin-block: 0.5rem; padding: 0.5rem; border-radius: 0.5rem; background: green; color: #fff; font-size: 15px; line-height: 2; } @font-face { font-weight: normal; font-style: normal; font-display: fallback; font-family: myriad; /* src: url("assets/fonts/IRANSansWeb_Light.eot"); */ src: url("assets/fonts/myriad-pro.woff") format('woff'); } input[type="checkbox"], input[type="radio"] { accent-color: var(--color1); } @font-face { font-weight: bold; font-style: normal; font-display: fallback; font-family: myriad-bold; /* src: url("assets/fonts/IRANSansWeb_Medium.eot"); */ src: url("assets/fonts/myriad-pro-bold.woff") format('woff'); } @font-face { font-family: 'icomoon'; src: url('assets/fonts/icomoon.eot?myndct'); src: url('assets/fonts/icomoon.eot?myndct#iefix') format('embedded-opentype'), url('assets/fonts/icomoon.ttf?myndct') format('truetype'), url('assets/fonts/icomoon.woff?myndct') format('woff'), url('assets/fonts/icomoon.svg?myndct#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-mk:before { content: "\e934"; color: #e9322a; } .icon-fx:before { content: "\e935"; color: #e9322a; } .icon-mobile-phone:before { content: "\e936"; color: #e9322a; } .icon-home-phone:before { content: "\e937"; color: #e9322a; } .icon-code:before { content: "\e938"; color: #e9322a; } .icon-filtershop:before { content: "\e932"; } .icon-starfill:before { content: "\e92a"; } .icon-star:before { content: "\e929"; } .icon-filter:before { content: "\e928"; color: #fff; } .icon-tag:before { content: "\e91d"; } .icon-telegram:before { content: "\e915"; } .icon-x:before { content: "\e911"; } .icon-whatsapp:before { content: "\e912"; } .icon-copy:before { content: "\e914"; } .icon-zoom:before { content: "\e913"; } .icon-cat2:before { content: "\e90f"; } .icon-share:before { content: "\e910"; } .icon-cart:before { content: "\e900"; } .icon-search:before { content: "\e901"; } .icon-user:before { content: "\e902"; } .icon-arrow-left:before { content: "\e903"; } .icon-arrow-right:before { content: "\e904"; } .icon-comment:before { content: "\e905"; } .icon-line:before { content: "\e906"; } .icon-instagram:before { content: "\e907"; } .icon-linkedin:before { content: "\e908"; } .icon-facebook:before { content: "\e909"; } .icon-arrow:before { content: "\e90a"; } .icon-close:before { content: "\e90b"; } .icon-menu:before { content: "\e90c"; } .icon-home:before { content: "\e90d"; } .icon-cat:before { content: "\e90e"; } .icon-quteb:before { content: "\e916"; } .icon-top:before { content: "\e91a"; } .icon-admin:before { content: "\e919"; } .icon-zoomp:before { content: "\e92b"; } .icon-calendar .path1:before { content: "\e917"; } .icon-calendar .path2:before { content: "\e918"; margin-left: -1em; } .icon-whatsapp2 .path1:before { content: "\e924"; color: rgb(233, 50, 42); } .icon-whatsapp2 .path2:before { content: "\e925"; margin-left: -1.0498046875em; color: rgb(233, 50, 42); } .icon-whatsapp2 .path3:before { content: "\e926"; margin-left: -1.0498046875em; color: rgb(255, 255, 255); } .icon-phone:before { content: "\e91e"; color: #e9322a; } .icon-location:before { content: "\e91f"; color: #e9322a; } .icon-fax:before { content: "\e920"; color: #e9322a; } .icon-clock .path1:before { content: "\e921"; color: rgb(233, 50, 42); } .icon-clock .path2:before { content: "\e922"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-clock .path3:before { content: "\e923"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-calendar:before { content: "\e918"; } .icon-email:before { content: "\e927"; color: #e9322a; } .icon-clock .path1:before { content: "\e921"; color: rgb(233, 50, 42); } .icon-clock .path2:before { content: "\e922"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-clock .path3:before { content: "\e923"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-waze:before { content: ""; background: url(assets/img/waze.svg); width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; background-size: contain; } .icon-google:before { content: ""; background:url(assets/img/google.svg); width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; background-size: contain; } .icon-compare:before { content: "\e92c"; } .icon-bell:before { content: "\e92d"; } .icon-check:before { content: "\e92e"; } .icon-error:before { content: "\e92f"; } .icon-list:before { content: "\e930"; } .icon-sucsess:before { content: "\e931"; } .icon-download:before { content: "\e933"; } /* -------------------- Config -------------------- */ :root { --color1: #e9322a; --color2: #424043; --color3: #424043; --bg_light: #fdf9f6; --border_light: #f3efee; --bg_body: #fff; --bg_footer: rgba(15, 15, 15, 1); --danger: #d53343; --bg_danger : #fff5f5; --success : #28a745; --bg_success : #f4fff3; --bg_info:#cce5ff4a; --info:#004085cc; --main_font: myriad; --bold_font: myriad-bold; --heading_h1_fontsize:34px; } ::-moz-selection { /* Code for Firefox */ color: #fff; background: var(--color1); } ::selection { color: #fff; background: var(--color1); } body { direction: ltr; text-align: left; font-family: var(--main_font), Arial; font-size: 14px; color: #222; line-height: 2; background: var(--bg_body); } .alert { position: relative; } .clearfix:after{ content: ''; clear: both; display: block; } .container-full { max-width: 100%; padding: 0; margin: 0; } .container-full > .row{ margin:0; } .gm-style .place-card-large { padding: 9px 4px 9px 11px; display: none; } .w-100 { width: 100%; } .row { margin-right: -10px; margin-left: -10px; } .row > [class*="col-"], .row > [class*="col"]{ padding-left: 10px !important; padding-right: 10px !important; } #wrapper .no-gutters { margin-right: 0 !important; margin-left: 0 !important; } #wrapper .no-gutters > .col, #wrapper .no-gutters > [class*="col-"] { padding-right: 0 !important; padding-left: 0 !important; } .text-center{ text-align:center!important; } input { font-family: var(--main_font), Arial; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } img { max-width: 100%; height: auto; } video{ width:100%; } a { transition: 0.3s; color: var(--color3); text-decoration: none; } a:hover { text-decoration: none; color: var(--color1); } .form-control.ltr{ direction: ltr; text-align: left; } .inner-pages .site-main{ padding: 50px 0; } .owl-carousel.space-nav .owl-nav button.owl-prev, .owl-carousel.space-nav .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; } .owl-carousel.space-nav .owl-nav button.owl-prev { right: -20px; } .owl-carousel.space-nav .owl-nav button.owl-next { left: -20px; } .owl-carousel .owl-nav button.disabled{ opacity:0.5; } /* -------------------- GENERAL SETTING -------------------- */ .inner-page .site-main { margin-top: 50px; margin-bottom: 50px; position: relative; } .title-part.inner-title h1 { font-size: var(--heading_h1_fontsize); } .title-part.inner-title { margin-bottom: 20px; } .title-site h1{ font-size:var(--heading_h1_fontsize); } .title-site .title-heading, .title-site h4, .title-site h2{ font-size:calc(var(--heading_h1_fontsize) - 2px ); line-height: 1.8; } .title-site-center{ text-align:center } .title-between { display: flex; align-items: center; justify-content: space-between; } /* -------------------- Animation Pulse -------------------- */ @-webkit-keyframes pulse { 0% { -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.3); } 70% { -webkit-box-shadow:0 0 0 10px rgba(250,190,88,0); } 100% { -webkit-box-shadow:0 0 0 0 rgba(250,190,88,0); } } @keyframes pulse { 0% { -moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.3); box-shadow:0 0 0 0 rgba(255, 255, 255, 0.3); } 70% { -moz-box-shadow:0 0 0 10px rgba(250,190,88,0); box-shadow:0 0 0 10px rgba(250,190,88,0); } 100% { -moz-box-shadow:0 0 0 0 rgba(250,190,88,0); box-shadow:0 0 0 0 rgba(250,190,88,0) } } /* -------------------- Menu Mobile -------------------- */ #mask{ position: fixed; z-index: 9999; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; bottom: 0; display: none; } #menumobile{ position: fixed; top: 0; bottom: 0; left: -320px; width: 300px; background: #fff; font-family: var(--bold_font); z-index: 99991; transition: all 0.5s; box-sizing: border-box; overflow: hidden; box-shadow: 0 .5rem 1rem rgba(0,0,0,.3) !important; overflow-y: auto; } #menumobile img{ /*! filter: brightness(0)invert(1); */ max-width: 130px; } #nomenumobile { cursor: pointer; transition: all 0.5s; width: 25px; height: 25px; background: var(--danger); text-align: center; border-radius: 3px; display: inline-flex; color: #fff; font-size: 17px; align-items: center; justify-content: center; } .tel-mm a { background: var(--bg_footer); color: #fff; padding: 10px 15px; display: block; text-align: center; } .tel-mm a:before{ content: ''; width: 6px; height: 6px; margin-left: 10px; background: var(--color2); display: inline-block; border-radius: 100%; animation:pulse 2s infinite; position: relative; top: -1px; } .come-menumobile { left: 0px !important; } .title-mm{ background: #fff; padding: 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; } .title-mm img{ user-select: none; } .btn-mm{ padding: 0 20px; margin-top: 20px; } .btn-mm a{ display: flex; } .title-sub-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-flow: row-reverse; } .title-sub-head strong { font-family: var(--bold_font); } .main-mm{ padding: 5px 20px; } .main-mm ul li a{ color: #222; display: block; padding: 8px 0; position: relative; width: 80%; } .main-mm ul li a:hover{ color: var(--color2); } .main-mm ul li > .sub-menu{ position: fixed; top: 0; bottom: 0; width: 300px; background: #fff; left: -300px; transition: 0.3s; z-index: 9; padding: 20px; } /* .childer i{ position: absolute; cursor: pointer; top: 9px; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: 7px; } */ .childer i{ transform: rotate(-90deg); } .childer{ position: absolute; right: -25%; cursor: pointer; top: 10px; width: 24px; height: 24px; border-radius: 4px; background-color: var(--color2); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 6px; } .come-submenu{ left: 0 !important; } .sub-closer i{ transform: rotate(90deg); } .sub-closer{ cursor: pointer; width: 24px; height: 24px; background-color: var(--color1); border-radius: 4px; overflow: hidden; text-align: center; display: flex; align-items: center; font-size: 6px; justify-content: center;color: #fff; } /* .sub-closer i{ cursor: pointer; top: -1px; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); position: relative; left: -1px; } */ .title-subcome{ color: var(--color1); font-weight: normal; position: relative; top: 2px; font-size: 19px; } .badge-fix { position: fixed; bottom: 0; background: rgba(12, 12, 12, 0.7); width: 100%; z-index: 100; } ul.fixed-menu-items { display: flex; padding: 20px 0; align-items: center; justify-content: space-around; } .mobile-footer-home { background: var(--color1); color: #fff; display: flex; padding: 5px 10px; border-radius: 40px; align-items: center; gap: 10px; } .mobile-footer-home i{ font-size:20px; } .mobile-footer-home span{ font-size:14px; } ul.fixed-menu-items li i{ font-size:22px; color:#fff; } ul.fixed-menu-items li>div{ display:flex; gap: 10px; } ul.fixed-menu-items a.head_item_cart { align-items: center; display: flex; } .fixed-menu-cart a{ color:#fff; display:flex; } /* -------------------- Button -------------------- */ #cancel-comment-reply-link, .button{ user-select: none; height: 47px; display: inline-flex; align-items: center; padding: 0 32px 0 25px; background: var(--color1); color: #fff !important; font-family: inherit; border-radius: 7px 0 7px 7px; z-index: 1; position: relative; transition: 0.3s; border: none; border-radius: 32px 0 0 32px; font-size: 18px; min-width: 80px; } #cancel-comment-reply-link:before, .button:before{ z-index: 1; content: "\e904"; position: absolute; top: 50%; right: 0; background: #fff; border-radius: 100px; width: 32px; height: 32px; transition: 0.3s; font-family: 'icomoon'; color: var(--color1); display: flex; justify-content: center; align-items: center; font-size: 23px; transform: translateY(-50%) translateX(50%); box-shadow: -2px 2px 12px 0px rgba(46, 46, 46, 0.25); } #cancel-comment-reply-link:hover, .button:hover{ color: #fff; } #cancel-comment-reply-link:after, .button:after{ content: ''; position: absolute; width: 25px; height: 100%; background: var(--color1); right: 0; transform: translateX(100%); border-radius: 0 32px 32px 0; transition: .3s; } #cancel-comment-reply-link:hover:after, .button:hover:after{ right: -5px; } .button.button2 { background: transparent; color: var(--color1) !important; } .section-content .button.button2:hover { color:#fff; } .button.button2:after { content:none; } .button.button2:before { background: var(--color1); color: #fff; } .button.button2:hover:before { background: #fff; color: var(--color1); } .section-content .button.button2:hover:before { background: #fff; color: var(--color1); } .btn{ user-select: none; border:none; background:none; padding:0; } .header-search:hover, .head_account .btn:hover{ color:var(--color1); } /* -------------------- FAQ CSS -------------------- */ .faq-cat a{ background: rgba(65, 64, 66, 1); color: #fff; display: flex; padding: 18px 10px; justify-content: center; border-radius: 12px; font-size: 18px; } .wrap-swiper-faq { background: rgba(245, 245, 250, 1); padding: 25px 0 25px 25px; border-radius: 16px; } .faq-cat.active a{ background: var(--color1); } .faq-cat:hover a{ background: var(--color1); } .faqs-content .faqs-question { display: flex; align-items: center; width: 100%; padding: 8px; cursor: pointer; font-size: 16px; gap: 15px; position:relative; } .error-faq { background: var(--bg_danger); color: var(--danger); display: block; text-align: center; padding: 10px; border-radius: 10px; } .faqs-content .faqs-item { overflow: hidden; margin-bottom: 25px; background: rgba(245, 245, 250, 1); border-radius: 14px; } .faqs-answer .editor-content p { color: rgba(123, 121, 125, 1); margin-bottom: 0 !important; } .faqs-question i{ width: 20px; height: 20px; font-size: 5px; border: 2px solid rgba(33, 33, 33, 1); display: flex; justify-content: center; align-items: center; border-radius: 4px; position: absolute; right: 25px; top: 25px; transform: rotateX(0deg); transition: .3s; } .accordion-content{ display:none; } /* .faqs-item .faqs-answer{ display:none; } */ .faqs-item .faqs-answer { padding: 0 45px 20px 65px; } .faqs-question .faq-num { font-size: 22px; width: 48px; height: 48px; background: rgba(211, 211, 229, 1); display: flex; align-items: center; justify-content: center; border-radius: 8px; transition:.3s; position:relative; z-index: 1; overflow: hidden; } .faqs-item.active .faq-num{ color:#fff; } .faqs-item.active .faqs-question i { transform: rotateX(180deg); color:var(--color1); border-color:var(--color1); } .faqs-question .faq-num:after { content: ""; position: absolute; width: 100%; height: 100%; background: var(--color1); z-index: -1; inset: 0; transform: rotateX(270deg); transition: .7s; } .faqs-item.active .faq-num:after{ transform: rotateX(0deg); } .faqs-item.active .faqs-question{ color:var(--color1); } /* -------------------- TAB CSS -------------------- */ .tab-content{ display:none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } .tab-content.active{ display:block; } @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } /* -------------------- header -------------------- */ .navtop-right{ display:flex; align-items:center; justify-content: flex-end; gap: 25px; } .navtop-left { display: flex; align-items: center; } .header-menu { display:none; } .header-menu > li > a { padding: 0 10px; margin: 0 5px; display: inline-block; font-size: 16px; } .header-menu > li > a:hover{ color:var(--color1); } .header-menu > li:first-child > a { margin-left: 0; padding-left: 0; } .header-main { padding: 20px 0; } .header-logo { display: block; margin-right:70px; } .item-head-banner { position: relative; display: block; } .item-head-banner span { position: absolute; right: 50%; transform: translateY(-50%) translateX(50%); color: #fff; font-size: 15px; top: 50%; width: 100%; display: flex; justify-content: center; } .item-head-banner img{ width:100% } .navtop-right i{ font-size:21px; } .item-slider video, .item-slider img{ width:100%; object-fit: cover; height: 100%; } .item-slider video{ position:relative; } .item-slider video:after{ content:""; } .desc-slider { position: absolute; max-width: 40%; color: #fff; } .desc-slider h3 { font-size:48px; margin-bottom: 5px; } .desc-slider p { font-size:18px; margin-bottom: 40px; } .nav-slider { position: absolute; bottom: 10px; right: 50%; transform: translateX(50%); z-index: 1; } .suspended { position: absolute; transform: translateY(-50%); max-width: 50%; } .swiper-slider , .section-slider { height: 75vh; overflow: hidden; } .parent_item_cart.item_has_sub .sub_part { width: 320px; } .item_has_sub { position: relative; } .sub_part { position: absolute; width: 100%; left: auto; right: 0; top: 90%; opacity: 0; background: #fff; visibility: hidden; transition: 0.3s; box-shadow: 0 5px 10px rgba(0,0,0,0.08); z-index: 9; pointer-events: none; transform: translateY(60px) scale(0.9); transform-origin: right top; padding: 15px; } .item_has_sub:hover .sub_part { opacity: 1; visibility: visible; margin-top: 0; pointer-events: auto; transform: translateY(0) scale(1); } .header-mm { display: flex; margin-right: 15px; position: relative; align-items: center; } .navtop-left > .button { width: 37px; padding: 0 10px; } .user-btn--submenu { position: absolute; left: 0; top: 100%; background: #fff; box-shadow: 1px 5px 14px rgb(0 0 0 / 20%); width: 209px; opacity: 0; pointer-events: none; transition: opacity 0.3s; line-height: 1; border-radius: 12px; z-index:3; } .h-login.wrap-login { display: flex; align-items: center; line-height: 1; cursor:pointer; } .h-login.wrap-login:hover { color: var(--color1); } .h-login:hover .user-btn--submenu { opacity: 1; pointer-events: auto; } .user-btn--submenu a { border-radius: 6px; display: flex; align-items: center; gap: 4px; padding: 10px 15px 10px 4px; margin: 5px; } .user-btn--submenu a.profile { background: #e9322a2b; display: flex; align-items: center; justify-content: space-between; } .h-login.wrap-login i { margin-right: 5px; } @media screen and (min-width: 992px) { .header-mm{ display:none; } .header-menu { display: flex; align-items: center; } } .section-products-home .title-site { margin-top: 80px; } /* -------------------- product tab -------------------- */ .products-tab{ display: flex; gap: 20px; margin-bottom: 32px; overflow-y: auto; padding-bottom: 18px; position:relative; } /* width */ .products-tab::-webkit-scrollbar { width: 2px; height:3px; } /* Track */ .products-tab::-webkit-scrollbar-track { background: #f1f1f1; border-radius:30px; } /* Handle */ .products-tab::-webkit-scrollbar-thumb { background: var(--color1); border-radius:8px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .products-tab li{ display:flex; min-width: fit-content; } .products-tab li a{ display: flex; background: rgba(216, 219, 229, 0.5); border-radius: 40px; padding: 5px 13px 5px 5px; gap: 10px; align-items: center; width: 100%; } .products-tab li a span{ font-size: 18px; color: rgba(65, 64, 66, 1); } .item_has_sub { position: relative; display: flex; flex-direction: column; } a.Logout { color: var(--color1); position: absolute; padding: 5px 10px; background: #fff; border: 1px solid var(--color1); bottom: -5px; transform: translateY(120%); z-index: 100; left: 0; transition: .3s; border-radius: 4px; opacity: 0; visibility: hidden; } span.basket-w__count { position: absolute; background: var(--color1); border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; top: -12px; right: -10px; } .item_has_sub:hover a.Logout{ transform: translateY(100%); opacity: 1; visibility: visible; } .item_has_sub a{ line-height: 1.3; } .item_has_sub a:hover{ color:var(--color1); } .products-tab li .icon-title img { max-width: 25px; filter: none; transition: .3s; } .products-tab li:hover .icon-title , .products-tab li.active .icon-title { background: var(--color1); } .products-tab li:hover .icon-title img , .products-tab li.active .icon-title img { filter: brightness(0) invert(1); } .section-products-tab .title-site { display: flex; align-items: center; justify-content: space-between; } .header-search, .head_item_cart { display: flex; align-items: center; } span.noresults { color: var(--danger); padding: 10px; display: block; font-size: 15px; } /* -------------------- cat product style -------------------- */ .subtitle { color: rgba(65, 64, 66, 1); font-size: 22px; } .swiper-title .swiper-slide a { display: flex; background: rgba(216, 219, 229, 0.5); border-radius: 40px; padding: 5px 13px 5px 5px; gap: 10px; align-items: center; } .swiper-title .swiper-slide span { font-size:18px; color:rgba(65, 64, 66, 1); } .icon-title { width: 40px; height: 40px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition:.3s; } .item-catprd { background: rgba(250, 250, 250, 1); border-radius: 32px; padding: 20px; } .desc-cat { text-align: center; margin: 20px 0 90px; color: rgba(65, 64, 66, 1); } .image-cat img{ transition: .3s; transform: scale(1); width: 100%; } .image-cat { display: block; overflow: hidden; } .item-catprd:hover .image-cat img{ transform: scale(1.05); } .wrap-item-catprd { display: flex; gap: 20px; height: 100%; align-items: stretch; position: relative; } .wrap-item-catprd:after{ content: ""; inset: 0; background: #fff; position: absolute; opacity: .6; transition: .3s; pointer-events:none; border-radius: 32px; } .swiper-slide-active .wrap-item-catprd:after{ opacity: 0; } .swiper-title .tab-links li:hover .icon-title, .swiper-title .tab-links li.active .icon-title{ background:var(--color1); } .swiper-title .tab-links li .icon-title img{ max-width: 25px; filter: none; transition: .3s; } .swiper-title .tab-links li:hover .icon-title img, .swiper-title .tab-links li.active .icon-title img{ filter: brightness(0) invert(1); } .desc-cat .title{ font-size:40px; line-height: 1.3; } .desc-cat span{ font-size:16px; } .section-cat-product { margin: 100px 0; } .swiper-title{ margin-bottom:40px; } .wrap-item-catprd.grid{ display:grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-areas: "B B A " "C C A " } .swiper-title .swiper-wrapper{ justify-content:center; } .wrap-item-catprd.grid .item-catprd:first-child{ grid-area: A; } .wrap-item-catprd.grid .item-catprd:nth-child(2){ grid-area: B; display: flex; } .wrap-item-catprd.grid .item-catprd:nth-child(3){ grid-area: C; display: flex; } .swiper-catproduct .swiper-slide { height: auto; } .title-site { margin-bottom: 30px; } .sw-prd div, .sw-honor div, .sw-contact div, .sw-csr div, .sw-faq div, .sw-blog div, .sw-brand div, .sw-product div, .sw-catproduct div{ border-radius: 50%; padding: 7px; box-sizing: border-box; display: inline-flex; width: 58px; height: 58px; background-color: #eff0f4; justify-content: center; align-items: center; color: var(--color1); font-size: 26px; padding: 7px; box-sizing: border-box; cursor: pointer; transition:.3s; z-index: 1; } .sw-navigation.sw-catproduct { display: flex; position: absolute; top: 50%; } .p-relative{ position:relative; } .sw-navigation.sw-catproduct { position: absolute; top: 50%; z-index: 1; width: 90%; display: flex; right: 50%; justify-content: space-between; transform: translateX(50%); } .section-products-home .title-site p{ font-size:18px; } .section-products-home{ overflow:hidden; position:relative; } .swiper-product .swiper-slide:after{ content: ""; background: #fff; position: absolute; opacity: .6; transition: .3s; pointer-events: none; z-index: 1; inset: 0; transition:.3s; height: 110%; } .swiper-product .swiper-slide.swiper-slide-next:after, .swiper-product .swiper-slide.swiper-slide-active:after{ opacity: 0; } /* -------------------- about content -------------------- */ .section-content { background: #020202; position:relative; padding:130px 0 60px 0; position:relative; overflow: hidden; } .section-content .title-heading{ color:#fff; } .section-content .editor-content p { color: #fff !important; font-size:18px; } .image-about { position: absolute; right: 0; bottom: 0; max-width: 50%; } .section-content .wrap-btn { display: flex; gap: 30px; margin: 70px 0; } .section-content .editor-content{ margin-bottom: 60px; } .item-attr{ background: radial-gradient(111.97% 488.64% at 0% 14.04%, rgba(99, 99, 99, 0.189) 0%, rgba(255, 255, 255, 0.098) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(104.23deg, rgba(255, 255, 255, 0.26) 3.91%, rgba(255, 255, 255, 0) 102.22%); border-radius: 24px; padding: 31px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.26); backdrop-filter: blur(5px); margin-bottom: 15px; } .title-wrap span{ font-size:24px; color:#fff; } .title-wrap img{ max-width:32px; } .icon-attr { background: linear-gradient(147deg, rgba(0, 0, 0, 0.162) 0%, rgba(255, 255, 255, 0.18) 100%); width: 58px; height: 58px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.18); min-width: 58px; } .title-wrap { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; } .item-attr p{ font-size:14px; color:#fff; min-height: 55px; } .about-content-wrap { position: relative; z-index: 2; } #blob { height: 50vmax; aspect-ratio: 1; position: absolute; left: 50%; top: 50%; translate: -50% -50%; border-radius: 50%; animation: rotate 20s infinite; opacity: 0.8; background: radial-gradient(50% 50% at 50% 50%, rgba(233, 50, 42, 0.3) 0%, rgba(233, 50, 42, 0) 100%); z-index: 1; } @keyframes rotate { from { rotate: 0deg; } 50% { scale: 1 1.5; } to { rotate: 360deg; } } /* -------------------- cta style -------------------- */ .section-cta{ padding: 100px 0; background-repeat: no-repeat; background-size: cover; background-position: center; position:relative; min-height: 670px; } .background-video { width: 100vw; height: 100vh; object-fit: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .title-cta { font-size: 64px; color: #fff; line-height: 1; margin-bottom: 30px; } .cta-desc-wrap p{ color:#fff } .cta-wrap{ position:absolute; max-width: 40%; } .cta-desc-wrap { margin-bottom: 40px; } .margin-section{ margin:100px 0; } /* -------------------- Contact Mode -------------------- */ #contactaccordion .card { margin-bottom: 20px; border: 1px solid var(--color1); padding: 10px 20px; border-radius: 5px; } #contact-tab { margin-bottom: 15px; } #contact-tab a { display: flex; flex-direction: column; color: #fff; font-size: 17px; align-items: center; } #contact-tab a span { color:#fff; font-size:12px; } #contact-tab a:after{ content: ""; position: absolute; height: 24px; background: rgba(255, 255, 255, 0.2); right: 0; width: 2px; top: 50%; transform: translateY(-50%); } #contact-tab .nav-item:hover a, #contact-tab .nav-item.active a{ color: var(--color1); } .contact-dir-button a{ display: inline-flex; align-items: center; background: var(--color1); border-radius: 45px; height: 43px; padding: 8px 13px 8px 8px; color: #fff; font-size: 13px; gap: 7px; position:relative; overflow: hidden; } .websima-map:after{ content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.65%, rgba(0, 0, 0, 0.3) 100%); width: 100%; position: absolute; height: 100%; bottom: 0; z-index: 5; pointer-events: none; inset: 0; } .mapp-container { z-index: 1; } .acf-form .acf-fields>.acf-field{ border:none; } .websima-contact-form .input-cform { line-height: 1; padding: 8px 0!important; clear: none!important; width: 100%; } .websima-contact-form textarea { min-height: 230px; } .input-cform .acf-input, .input-cform .acf-label, .text-cform .acf-label, .text-cform .acf-input { line-height: 1; } .websima-contact-form .text-cform { padding: 8px 0!important; width: 100%; order: 1; } .swiper-contact-wrap{ position:relative; margin-top: 60px; } .swiper-contact-wrap:after{ content: ""; background: url(assets/img/backcontact.svg); width: 100%; height: 90px; position: absolute; background-size: contain; bottom: -2px; background-repeat: no-repeat; background-position: center; } .contact-info { display: grid; grid-template-columns: repeat(2,49%); grid-auto-rows: auto; gap: 30px; padding: 60px; } .websima-contact-form .acf-field textarea, .websima-contact-form .acf-field input[type="text"], .websima-contact-form .acf-field input[type="email"] { padding: 10px 20px; background: #F5F5FA; } .websima-contact-form #message { text-align: center; border: 1px solid var(--success); padding: 5px; margin-bottom: 20px; margin-top: 20px; } .websima-contact-form .acf-fields { display: flex; flex-wrap: wrap; } .websima-contact-form { margin: 30px 0 15px; } .acf-form-submit { text-align: center; } .error-page{ position:relative; } .error-page:after { content: ""; height: 58%; background: rgb(132,20,16); background: radial-gradient(circle, rgba(132,20,16,1) 0%, rgba(104,23,20,1) 100%); position: absolute; width: 100%; top: -70px; z-index: -1; } .error-text { font-size: 40px; margin-bottom: 10px; } .error-desc { font-size: 18px; color: rgba(123, 121, 125, 1); margin-bottom: 40px; } .error404 #breadcrumbs a , .error404 #breadcrumbs { color: #fff; } #breadcrumbs { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } /* Hide scrollbar for Chrome, Safari and Opera */ #breadcrumbs::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ #breadcrumbs { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .contact-info li { display: flex; align-items: center; background: rgba(250, 250, 252, 1); border-radius: 14px; padding: 20px 23px; gap: 10px; } .sidebar.sidebar-post { position: sticky; top: 10px; } .contact-info li i { font-size: 20px; margin-right: 20px; color:#e9322a; } .contact-dir-button { display: flex; position: absolute; top: 25px; right: 25px; z-index: 5; gap: 10px; } .wrap-phone-item a, .address a, .email a, .desc-item , .wrap-phone-item { margin-left: auto; color: rgba(116, 114, 117, 1) !important; font-size: 14px; text-align: right; } .contact-info li>span{ color:rgba(37, 37, 37, 1); font-size:15px; } .wrap-phone-item a{ position: relative; display: inline-flex; align-items: center; } .contact-info li a:hover, .wrap-phone-item a:hover, .wrap-phone-item a:hover{ color:var(--color1) !important; } .url-whatsapp .wrap-phone-item a:not(:last-child):after, .phone-item .wrap-phone-item a:not(:last-child):after { content: ""; width: 1px; height: 16px; display: inline-block; background: rgba(212, 212, 214, 1); margin: 0 15px; } .contact-dir-button .button { margin: 20px 10px; } .acf-notice.-error.acf-error-message.-dismiss { display: none; } .acf-field .acf-notice.-error { background: none !important; color: #cc2727; border-color: #d12626; border: none; padding: 0 !important; margin: 0 !important; position: absolute; bottom: 0; transform: translateY(100%); } .title-social { display: flex; flex-direction: column; color: #ffff; font-size: 64px; } .title-social span{ line-height: 1; } .title-social .one{ font-family: 'myriad-bold'; font-size: 64px; } .title-social .two{ font-size: 54px; letter-spacing: 7px; } .wrap-social { display:flex; gap: 50px; flex-wrap: wrap; } .wrap-social a{ display: flex; flex-direction: column; color: #fff; align-items: center; gap: 10px; } .wrap-social a:hover span, .wrap-social a:hover{ color:var(--color1); } .wrap-social a i{ width: 65px; height: 65px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 27px; } .websima-map { border-radius: 30px 30px 0 0; position: relative; overflow: hidden; } .wrap-social a .icon-x{ font-size: 18px; } .wrap-social a span{ font-size: 19px; text-transform: uppercase; color: #ffffffb8; transition:.3s; } .section-social{ background-image: url(assets/img/backsocial.webp); background-size: cover; padding: 110px 0; background-repeat: no-repeat; background-position: center; margin: 80px 0; } .websima-contact-form .acf-form-submit { position: relative; max-width: fit-content; margin: 30px auto; } @media screen and (min-width: 768px) { .websima-contact-form .input-cform { width: 49%; clear: none!important; margin-bottom: 18px !important; } .websima-contact-form .acf-fields { display: block; } .websima-contact-form .input-cform[data-name="email_cform"] { float:right; } .websima-contact-form .input-cform[data-name="name_cform"] { float:left; } } .sw-navigation.sw-product { position: absolute; top: 50%; z-index: 2; width: 100%; display: flex; justify-content: space-between; left: -20px; transform: translateY(-50%); } .acf-spinner { position: absolute; right: -10px; z-index: 1; top: 14px; } .swiper.gallery-thumbs{ max-height:638px; } .swiper.gallery-top{ max-height:260px; } .desc-comment { color: #fff; } .wrap-gallery-thumbs { max-width: 260px; } .wrap-gallery-thumbs img{ border-radius: 40px; filter: blur(12px); } .gallery-thumbs .swiper-slide img{ filter: blur(12px); transition:.3s; } .gallery-thumbs .swiper-slide.swiper-slide-active img{ filter: blur(0); } .image-comment{ position:relative; padding:0 1px; } .gallery-thumbs .swiper-slide .image-comment:after{ right: 0; bottom: 30px; } .gallery-thumbs .swiper-slide .image-comment:before{ left: 0; top: 30px; } .gallery-thumbs .swiper-slide .image-comment:after, .gallery-thumbs .swiper-slide .image-comment:before { opacity:0; } .gallery-thumbs .swiper-slide.swiper-slide-active .image-comment:after, .gallery-thumbs .swiper-slide.swiper-slide-active .image-comment:before { opacity:1; } .person-post { font-size: 14px; } .person-comment { font-size: 18px; margin-bottom: 40px; } .section-testimonial .title-heading{ color:#fff; } .person-name { font-size: 18px; } .section-testimonial .icon-comment { color: rgba(233, 50, 42, 1); font-size: 70px; margin-bottom: 25px; display: block; } .sw-testimonial div{ border-radius: 50%; padding: 7px; box-sizing: border-box; display: inline-flex; width: 40px; height: 40px; background-color: #fff; justify-content: center; align-items: center; color: var(--color1); font-size: 26px; padding: 7px; box-sizing: border-box; cursor: pointer; transition: .3s; cursor:pointer; } .sw-navigation.sw-testimonial { position: absolute; right: -25px; top: 50%; flex-direction: column; display: flex; gap: 10px; z-index: 100; } .sw-navigation.sw-testimonial .swiper-nav-prev { transform: rotate(90deg); } .sw-navigation.sw-testimonial .swiper-nav-next { transform: rotate(90deg); } .section-testimonial .row { align-items: center; } .section-testimonial .title-site { margin-bottom: 15px; } .desc-comment .icon-line{ opacity: .3; margin-bottom: 16px; display: block; } .search-terms { display: flex; gap: 20px; } .wrap-card-blog { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* -------------------- Footer Style -------------------- */ #footer { background: var(--bg_footer); color: #fff; padding: 50px 0; position: relative; overflow: hidden; z-index:1; } #footer:after, #footer:before { content: ""; height: 50vmax; aspect-ratio: 1; position: absolute; border-radius: 50%; opacity: 0.8; background: radial-gradient(50% 50% at 50% 50%, rgba(233, 50, 42, 0.3) 0%, rgba(233, 50, 42, 0) 100%); z-index: -1; pointer-events: none; } #footer:after{ left: 0; bottom: 0; transform: translate(-40%, 35%); } .menu-footer-container a{ font-size: 16px; color: rgba(150, 150, 150, 1); margin-bottom: 3px; display: block; } #footer:before{ right: 0; top: 0; transform: translate(40%, -35%); } #footer a:hover{ color:var(--color1); } .wrap-ft-menu { padding: 0 5px; } .title-call { display: block; font-size: 19px; } #newsletter-form .form-group{ position:relative; } #newsletter-form .form-group label.error{ position: absolute; color: var(--color1); display: block; left: 15px; bottom: -25px; } #newsletter-form .bg-primary{ position: absolute; color: var(--swiper-theme-color); bottom: -32px; left: 10px; } #newsletter-form .bg-danger{ position: absolute; color: var(--danger); bottom: -32px; left: 10px; } .footer-top p{ font-size:17px; } .footer-contact a{ color: rgba(150, 150, 150, 1); font-size: 18px; } .footer-contact a:not(:first-of-type):before { content: ""; background: rgba(255, 255, 255, 0.1); display: block; width: 2px; height: 24px; margin: 0 10px; } .footer-contact a { display: inline-flex; } .footer-contact li i { margin-left: 15px; font-size: 16px; } .footer-title { margin-bottom: 10px; font-size: 19px; } .footer-menu { display: flex; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 50px 0 0 0; margin: 30px 0 0 0; flex-wrap: wrap; } .footer-access-mobile .footer-title { background: rgba(0, 0, 0, 1); padding: 15px 10px!important; border-radius: 15px; text-align: left; margin: 0 5px; position: relative; } .footer-access-mobile { gap: 10px; } .footer-access-mobile .footer-title:before { content: "\e90a"; font-family: 'icomoon'; position: absolute; right: 15px; top: 32px; transform: translateY(-50%) rotate(0deg); font-size: 7px; color: rgb(255 255 255); transition: .3s; } .footer-title.active:before { transform: translateY(-50%) rotate(180deg); } .copy-right { background: #fff; color: rgba(51, 51, 51, 1); padding: 10px 0; } .copy-right .container { display: flex; align-items: center; justify-content: space-between; } #newsletter-form .btn-news{ background-color: var(--color1); color: #fff; min-width: 118px; border-radius: 32px; } #newsletter-form { display: inline-flex; justify-content: center; gap: 10px; position: relative; } #newsletter-form input{ background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 32px; padding: 5px 18px; height: 48px; min-width: 288px; transition: .3s; } #newsletter-form input:focus{ border-color:var(--color1); } .copy-right p{ font-size:16px; color:rgba(51, 51, 51, 1); } .copy-right p a{ color:var(--color1); } .symbols { display: flex; gap: 10px; } .newsletter{ display:block; background: rgb(255 255 255 / 0.05); } .footer-newsletter { display: flex; flex-wrap:wrap; max-width: 100%; flex: 0 0 100%; justify-content: center; align-items:center; } .footer-newsletter input[type=email] { width: 100%; margin-bottom: 12px; height: 40px; } .newsletter p { text-align: center; margin-bottom: 10px; } .footer-top { text-align: center; display: grid; gap: 30px; margin-bottom: 30px; } .head_item_box { background: #fff; position: fixed; width: 400px; top: 0; left: -100%; transition: 0.3s; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); z-index: 9999999; bottom: 0; transition: 0.7s; overflow: auto; scrollbar-color: var(--color1) #fff; scrollbar-width: thin; } .head_item_box.active { left: 0; } .title-mega-cart { text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 1.625rem; color: #000; padding: 11px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.04); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06); background: #fff; } .title-mega-cart .close { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 25px; height: 25px; background: red; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 4px; padding-top: 1px; cursor: pointer; font-size: 13px; padding: 3px 0 3px; } .title-mega-cart .close i{ color:#fff; } .mask_mini_cart { padding: 15px; } @media screen and (min-width: 768px) { .newsletter{ display:flex; align-items:center; justify-content:space-between; } .footer-newsletter { max-width: 55%; flex: 0 0 55%; justify-content: space-between; flex-wrap: nowrap; } .newsletter p { text-align: right; margin-bottom: 0; } .footer-newsletter input[type=email] { width: 69%; margin-left: 8px; margin-bottom: 0; } } @media screen and (min-width: 992px) { .footer-newsletter { max-width: 55%; flex: 0 0 55%; } .footer-newsletter input[type=email] { width: 75%; } } /* -------------------- Breadcrumb Style -------------------- */ #breadcrumbs { margin: 20px 0; } #breadcrumbs a:after{ content: ""; display: inline-block; margin: 0 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--color1); } #header { box-shadow: 0px 4px 28px 0px rgba(84, 84, 84, 0.08); background: #fff; } .archive-top .main-content{ margin-bottom:40px; } .archive-top .main-content p{ font-size:18px; color:rgba(123, 121, 125, 1); }.warranty-verify-page .warranty-verify-step:after{ content: ""; background: url(assets/img/backwaranty.svg); width: 100%; height: 95px; position: absolute; background-size: contain; bottom: 0; background-repeat: no-repeat; background-position: center; max-width: 600px; z-index: 0; } .wrap-step { display: flex; position: relative; z-index: 1; transform: translateY(50%); gap: 250px; } /* -------------------- Single Style -------------------- */ .help-heading { margin-bottom: 10px; padding: 12px; border: 1px solid #ECECEC; border-radius: 20px; } .help-m .help-heading ul{ display:none; border: 1px solid #ECECEC; padding: 10px; border-radius:15px; } .help-m .help-heading { margin-bottom: 10px; padding: 0; border: none; } .help-m .help-heading > span { background: rgba(87, 103, 122, 1); margin: 0 0 15px 0; border-radius: 12px; position: relative; font-size: 17px; } .help-m .help-heading > span:after { content: "\e90a"; font-family: icomoon; position: absolute; right: 20px; top: calc(50% - 6px); font-size: 6px; transform: rotate(0deg); transition: .3s; } .help-m .help-heading > span.active:after { transform: rotate(180deg); } .help-heading > span { display: block; background: var(--color1); padding: 12px 20px; border-radius: 12px; color: #fff; font-size: 17px; margin-bottom: 20px; } .help-m .help-heading span { margin-bottom: 10px; } .help-heading a { padding: 5px 15px; display: block; color: #737373; font-size: 15px; line-height: 1.6; } .help-heading a:hover { color:var(--color1); } time.single-time { background: #F6F6F6; padding: 4px 15px; color: #414042; border-radius: 56px; backdrop-filter: blur(10px); min-width: 107px; margin-bottom: 10px; display: inline-block; } .title-single .title-heading{ font-size: 40px; line-height: 1.4; } .socials-share .share-icon{ position: absolute; opacity: 0; visibility: hidden; right: -15px; top: 7px; transition: 2.5s; transform: translateX(120%); height: fit-content; } i.icon-copy { font-size: 20px !important; } .socials-share.active .share-icon{ position: absolute; opacity: 1; visibility: visible; transform: translateX(104%); } .socials-share:after{ content: ""; width: 88px; position: absolute; border: 1px solid var(--color1); height: 40px; border-radius: 40px; left: -2px; background: #fff; z-index: -1; transition: 2.5s; } .socials-share.active:after{ opacity: 1; width: 300px; } .share-icon span{ margin-right: 20px; } .single-top{ overflow:hidden; } .category_post { margin: 25px 0 32px; display: flex; align-items: center; gap: 8px; } .single-post__meta .category_post { margin: unset; } .single-post__meta { justify-content: space-between; margin-block: 24px 32px; align-items: center; } @media (max-width:767.98px) { .single-post__meta{ flex-direction: column; align-items: flex-start; gap: 1rem; } .single-post__meta .category_post { margin: unset; overflow: auto; text-wrap: nowrap; width: 100%; } .sidebar-btn:after{ top: 24px; } } .title-single { max-width: 85%; } .socials-share { display: flex; align-items: center; border-radius: 40px; color: var(--color1); font-size: 14px; justify-content: center; transition: .7s; cursor: pointer; transform: rotate(0deg); position: absolute; right: 10px; } .socials-share.active{ transform: rotate(90deg); } /* .socials-share.active{ animation-name: share; animation-duration: .5s; animation-fill-mode: forwards; } @keyframes share { 0% { transform: rotate(0deg); } 50% { transform: rotate(90deg); } 100% { transform: rotate(90deg); width: 300px; } } .socials-share.active .share-icon{ opacity: 1; visibility: visible; } */ .share-icon-m .icon-copy, .share-icon-m a{ font-size: 23px; color: #414042; display: inline-flex; align-items: center; transition: .3s; } .socials-share-m span{ color:var(--color1); } .socials-share-m .textcopy { transform: translateY(-50%) translateX(100%); } .share-icon-m { display: flex; align-items: center; gap: 10px; margin-left: auto; } .wrap-socials .icon-compare, .socials-share-m>i, .social-text i { background: var(--color1); width: 32px; height: 32px; color: #fff; display: inline-flex; border-radius: 50%; justify-content: center; align-items: center; font-size: 18px; padding: 0 2px 0 0; transition: 500ms; } .social-text i:hover, .wrap-socials .icon-compare:hover{ background:#D8DBE5;color: var(--color1); } .socials-share-m { display: flex; align-items: center; gap: 10px; border: 1px solid var(--color1); border-radius: 24px; padding: 5px; margin: 0 0 15px 0; position: relative; } .category_post i{ color: var(--color1); font-size: 20px; margin-top: -4px; } .category_post span{ color: var(--color1); font-size: 14px; } .tags_post a:not(:last-child)::after, .category_post a:not(:last-child)::after { content: " "; width: 5px; height: 5px; background-color: var(--color1); display: inline-block; margin: 0 5px 0 13px; border-radius: 50%; } .share-icon{ display:flex; gap:10px; } .share-icon .icon-copy, .share-icon a{ font-size: 23px; color: #414042; display: inline-flex; align-items: center; transform: rotate(-90deg); transition:.3s; } .share-icon .icon-copy:hover, .share-icon a:hover{ color:var(--color1); } a.share-x { font-size: 14px; } .social-text { display: flex; gap: 10px; padding: 2px; align-items: center; } .textcopy { position: absolute; top: -20px; font-size: 12px; color: var(--color1); background: #f1f6f2; padding: 2px 9px; border-radius: 5px; display: none; left: 0; width: 150px; transform: translateY(-50%) translateX(-50%); } .single-product .textcopy { left: 120px !important; } .help-heading li { margin-bottom: 5px; } .help-heading li:last-child { margin-bottom: 0; } .access-post a { display: block; border: 1px solid #f5f5f5; background-color: #F4F4F4; padding: 10px 15px 8px; font-size: 18px; border-radius: 12px; } .access-post> div{ margin: 10px 0; border: 1px solid #ECECEC; border-radius: 20px; padding: 10px; transition:.3s; } .access-post> div:hover{ border-color:var(--color1); } .wrap-title { display: flex; gap: 20px; align-items: baseline; border-bottom: 1px solid #E9E9E9; padding: 0 0 18px 0; margin: 0 0 31px 0; position: relative; } .category_post a{ display:flex; align-items: center; } .tags_post a:hover, .category_post a:hover{ color:var(--color1); } .socials-share { display: flex; } .socials a { display: inline-flex; font-size: 32px; color: #fff; } .socials { display: flex; justify-content: center; gap: 15px; } .footer-contact { display: flex; grid-gap: 20px; justify-content: space-between; flex-wrap: wrap; } .thumbnail-post-img img{ border-radius:20px; } .thumbnail-post-img { text-align: center; } .tags_post a:not(:last-child)::after { margin: 0 13px 0 13px; } .thumbnail-img img{ border-radius: 24px; width: 100%; } .tags_post a { color: #414042; font-size: 14px; display: flex; align-items: center; } .tags_post { border-top: 1px solid #dadada; padding-top: 25px; margin-top: 30px; display: flex; align-items: center; } .tags_post i{ color:var(--color1); font-size:20px; margin-right: 6px; } .tags_post span{ color:var(--color1); margin-right: 12px; } .row.row-attr { max-width: 95%; margin: -50px auto; padding-bottom: 20px; } .top-about { position: relative; margin: 0 0 120px 0; } .title-part.about-title h1{ font-size:38px; line-height: 1; } .title-part.about-title span{ color:rgba(116, 114, 117, 1); font-size:24px; } .title-part.about-title { margin-bottom: 10px; } .content-about{ margin-bottom:30px; } .section-content-about{ margin: 165px 0 50px; } .top-about:after { content: ""; height: 35%; background: rgba(33, 33, 33, 1); position: absolute; width: 100%; bottom: 0; z-index: -1; min-height: 195px; } p.subtitle-inner { font-size: 18px; color: rgba(123, 121, 125, 1); } .section-blog-inner{ position:relative; } .section-blog-inner:after{ content: ""; height: 50%; position: absolute; background: var(--color1); width: 100%; top: 0; z-index: -1; } .section-blog-inner { position: relative; padding: 30px 0 0; margin: 80px 0; } .section-blog-inner .title-site .title-heading{ color:#fff; } .section-blog-inner .title-site .subtitle-inner { color: #fff; font-size: 18px; } /*form style */ .acf-fields > .acf-field { border: none !important; } .acf-field .acf-label { margin: 0 !important; } .acf-field .acf-label label { margin: 0 10px 3px; } .acf-icon.-globe:before, .acf-radio-list:before, .acf-checkbox-list:before, .acf-radio-list li:before, .acf-checkbox-list li:before{ content:none !important } .acf-file-uploader .acf-basic-uploader { user-select: none; min-width: 135px; height: 40px; border-radius: 40px; align-items: center; justify-content: center; padding: 0 18px; background: var(--color1); color: #fff!important; font-family: inherit; font-size: 13px!important; z-index: 1; position: relative; transition: .3s; overflow: hidden; cursor: pointer; display: inline-block; margin-top: 10px; } .acf-file-uploader .acf-basic-uploader::before { content: "Upload file"; position: absolute; color: rgb(255, 255, 255); right: 50%; font-size: 13px; transform: translateX(50%); top: 3px; } .acf-basic-uploader input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } ul.acf-radio-list li input[type=checkbox], ul.acf-radio-list li input[type=radio], ul.acf-checkbox-list li input[type=checkbox], ul.acf-checkbox-list li input[type=radio] { margin: -1px 5px 0 0 !important; width: 15px; height: 15px; accent-color: var(--color1); } ul.acf-radio-list, ul.acf-checkbox-list { display: flex; flex-wrap: wrap; gap: 10px; } ul.acf-radio-list:focus-within, ul.acf-checkbox-list:focus-within { border: none; } /* Teams style */ .team-item { text-align: center; min-height: 295px; margin-bottom: 35px; } .team-item img{ border-radius:8px; } .team-item{ position:relative; } .team-item:after{ content: ""; background: url(assets/img/name.svg); position: absolute; bottom: -2px; width: 80%; height: 31px; right: 50%; transform: translateX(50%); background-repeat: no-repeat; background-size: contain; background-position: center; } .team-item:before{ content: ""; position: absolute; inset: 0; background: rgba(65, 64, 66, 0.1); backdrop-filter: blur(0); border-radius: 8px; transition:.5s; } .teams-social-m { position: absolute; right: 50%; transform: translateX(50%); bottom: -70px; display: flex; align-items: center; gap: 10px; } .team-item:hover:before{ backdrop-filter: blur(20px); } .teams-social-m a{ display: inline-flex; color: rgba(65, 64, 66, 1); font-size: 24px; } .teams-social-m .twitter{ font-size: 19px; } .team-content .name{ font-size:18px; } .team-content .post{ font-size:14px; color:rgba(115, 115, 115, 1); } .teams-social-m:before{ content: ""; background: rgba(233, 233, 233, 1); width: 32px; height: 2px; top: -10px; position: absolute; right: 50%; transform: translateX(50%); } .team-content { position: absolute; bottom: -10px; right: 50%; transform: translateX(50%) translateY(50%); z-index: 1; } .teams-social { position: absolute; top: 50%; right: 50%; transform: translateX(50%); display: flex; align-items: center; gap: 20px; } .team-content > a { display: block; line-height: 1; padding: 5px; } .teams-social a { display: inline-flex; transform: translateX(-80%); font-size: 24px; color: #fff; opacity:0; visibility:hidden; } .teams-social a.twitter { font-size: 18px; } .teams-social a:hover{ color:var(--color1); } .team-item:hover .teams-social a { transform: translateX(0%); opacity:1; visibility:visible; } .teams-social a .teams-social a:nth-child(1) { transition:.3s } .teams-social a:nth-child(2) { transition:.9s } .teams-social a:nth-child(3) { transition:1.1s } .teams-social a:nth-child(4) { transition:1.3s } /* -------------------- shop Style -------------------- */ #max_price , #min_price { display: block !important; border: 1px solid #E8E8E8; border-radius: 12px; height: 48px; padding: 10px; display: block; width: 100%; margin-bottom: 40px; font-size: 16px; position:relative; } .max_price , .min_price{ position:relative; } .max_price:before , .min_price:before{ position: absolute; top: 0; left: 0; transform: translateY(-100%); font-size: 14px; } .max_price:before{ content:"Price range up to"; } .min_price:before{ content:"Price range from"; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #d4d4d4; border: 0; position: relative; margin: 32px 15px 60px 0px; height: 3px; text-align: right } .price_slider_wrapper .ui-slider .ui-slider-handle { z-index: 2; width: 25px; height: 25px; cursor: ew-resize; outline: 0; top: -10px; margin-left: -5px; background: var(--color1); border-radius: 100%; position: absolute; transition: all 0.3s } .price_slider_wrapper .ui-slider .ui-slider-handle:after { content: "\e90a"; font-family: icomoon; z-index: 2; cursor: ew-resize; top: 7px; border-radius: 100%; position: absolute; transition: all 0.3s; right: 6.5px !important; font-size: 6px; color: #fff; transform: rotate(-90deg); } .price_slider_wrapper .ui-slider .ui-slider-handle:hover { background: var(--color2) } .price_slider span:first-of-type:after { right: 9px!important; transform: rotate(90deg) !important; } .price_slider_wrapper .ui-slider .ui-slider-handle:hover:after { background: var(--color2) } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: var(--color1) } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: right; margin-right: .5em; margin-left: .5em } .woocommerce .widget_price_filter .price_slider_amount { text-align: left; line-height: 2.4; font-size: .8751em } .price_slider_wrapper .price_slider_amount { position: relative; margin-top: 90px; margin-bottom: 5px; line-height: 2.4; text-align: center!important } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 1px; background-color: var(--color1) } .price_label { font-size: 0 } .price_label .from,.price_label .to { position: absolute; font-size: 13px; font-family: var(--bold_font); color: #2E2E2FCC; transform: translateY(-100%); } .price_slider_wrapper { position: relative; } .price_label .to { right: 5px; top: -42px; } .price_label .to:before { content:"until the"; margin-right: 5px; } .price_label .from { left: 4px; top: -42px; } .price_label .from:before { content:"of"; margin-right: 5px; } button.button-fillter { background: #212121; color: #fff; border: 1px solid #212121; padding: 10px; height: 47px; width: 125px; border-radius: 32px; font-size: 18px; } .woocommerce.widget_price_filter .widget-title h4:before, .woocommerce-widget-layered-nav .widget-title h4:before{ content: "\e928" !important; } li.woocommerce-widget-layered-nav-list__item a:before { content: ""; display: inline-block; position: relative; width: 24px; height: 24px; background-color: #fff; top: 1px; margin-right: 2px; transition: 0.3s; border-radius: 5px; min-width: 17px; border: 1px solid #E6E6E6; } li.woocommerce-widget-layered-nav-list__item a:hover:before, li.woocommerce-widget-layered-nav-list__item.chosen a:before { background-color: var(--color1); } .wc-layered-nav-term a{ display: flex; align-items: flex-start; gap: 8px; color: #313233 !important; font-size: 15px!important; } .wrap-socials { border: 1px solid var(--color1); position: absolute; z-index: 10; border-radius: 24px; padding: 2px 2px 3px 2px; left: 40px; top: 33px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; } /* .summary .price , .summary .wrap-price-del, .summary > .d-flex, .summary > ins, .summary > .cart, .summary > .single_add_to_cart_button, .summary > .stock, .summary > .price { display: none !important; } */ h2.title-details { font-size: 26px; color: #252525; } .wrap-cat{ display: flex; position: relative; margin-bottom: 20px; } .wrap-cat .category_post{ margin:0; } .wrap-title-service{ border-bottom: 1px solid #E9E9E9; padding-bottom: 10px; margin-bottom: 20px; } .box-call-service { border: 1px solid #ECECEC; padding: 20px; border-radius: 20px; margin-top: 30px; } .box-call-service>span { background: var(--color1); color: #fff; display: block; border-radius: 12px; padding: 10px; text-align: center; font-size: 18px; margin-bottom: 15px; } .number-box { display: flex; justify-content: space-between; align-items: center; } .number-box span { color: #212121; font-size: 15px; display: flex; align-items: center; gap: 8px; } .number-box a { color:#E9322A; font-size:15px; } /* -------------------- download Style -------------------- */ .top-page { background-position: center; padding: 80px 0; background-size: cover; background-repeat: no-repeat; position: relative; margin-top: -90px; z-index: -1; } .top-page:after{ content: ""; position: absolute; background: #000; inset: 0; opacity: 0.5; pointer-events: none; z-index: 0; } .top-page .title-part{ position:relative; z-index:1; } .top-page .title-part p, .top-page .title-part h1{ color:#fff } .search-box-section { margin: 80px 0; } .title-search { font-size: 36px; } .desc-search { color: #7B797D; font-size: 18px; } .search-fast-select select{ background: #F5F5FA; height: 64px; border-radius: 14px; border: none; min-width: 80%; padding: 10px 17px; font-size: 15px; margin-bottom: 15px; } #search-brand { margin: 80px 0; } search_result { display: none; } span.top-single { background: rgb(101,10,9); background: radial-gradient(circle, rgba(101,10,9,1) 0%, rgba(52,12,10,1) 92%); position: absolute; min-height: 340px; width: 100%; top: -70px; z-index: -1; } .download-main{ position: relative; padding: 10px 0 0 0; margin: 0 0 80px 0; } .page-template-maplist #breadcrumbs span , .page-template-maplist #breadcrumbs a , .page-template-websima-warranty #breadcrumbs span , .page-template-websima-warranty #breadcrumbs a , .single-download #breadcrumbs span , .single-download #breadcrumbs a { color: #fff; } .subtitle-download{ font-size:20px; color:#fff; } .title-download h1{ font-size: 36px; color: #fff; max-width: 70%; flex: 0 0 70%; line-height: 1.4; } .title-download { display: flex; align-items: center; gap: 50px; justify-content: space-between; flex-wrap: wrap; } .row-top-download{ align-items: center; } ul.manual-download { background: #F5F5FA; padding: 10px; } ul.manual-download { background: #F5F5FA; padding: 25px; border-radius: 16px; margin-bottom: 70px; } ul.manual-download li:first-child span{ font-size:16px; color:#212121; } ul.manual-download li:first-child{ background:#fff; } ul.manual-download li{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; padding: 20px 10px; border-radius:8px; } ul.manual-download.manual-download-m.drivers li, ul.manual-download.manual-download-m li{ grid-template-columns: repeat(1, 1fr); } ul.manual-download.manual-download-m li .item{ display: flex; justify-content: space-between; padding: 10px 0; } ul.manual-download.manual-download-m li .item{ display: flex; justify-content: space-between; padding: 10px 10px; border-radius: 16px; } ul.manual-download.manual-download-m li .item:nth-child(2){ background-color: #F0F0F5; } ul.manual-download.drivers li{ grid-template-columns: repeat(5, 1fr); } ul.manual-download li span{ display:flex; justify-content:center; color:#212121; font-size:15px; } ul.manual-download li a{ display: inline-flex; align-items: center; gap: 10px; justify-content: center; } ul.manual-download li a i{ color:#C5C5C9; } ul.manual-download li:nth-child(odd):not(:first-child) { background-color: #F0F0F5 } .title-box { font-size: 36px; color: #212121; margin-bottom: 10px; } ul.access-bar{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; background: #E8E8ED; padding: 15px; border-radius: 24px; position: sticky; top: 15px; margin: 50px 0; z-index: 10; } ul.access-bar.access-bar-m{ display: grid; grid-template-columns: repeat(1, 1fr); } ul.access-bar.access-bar-m li:not(:last-child):after{ content:none; } ul.access-bar.access-bar-m li:not(:first-of-type){ display:none; } ul.access-bar.access-bar-m li{ max-width: 90%; } ul.access-bar.access-bar-m a{ justify-content: flex-start; padding: 10px 15px; } ul.access-bar.access-bar-m.active i{ transform: rotate(180deg); } ul.access-bar.access-bar-m i{ position: absolute; right: 18px; top: 37px; font-size: 7px; transform: rotate(0deg); transition:.3s; } ul.access-bar li{ position:relative; } ul.access-bar li:not(:last-child):after { content: ""; height: 24px; width: 1px; background: #B0B0B0; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } ul.access-bar a{ font-size: 16px; color: #212121; display: flex; justify-content: center; background: transparent; padding: 10px 5px; border-radius: 16px; transition: .3s; } ul.access-bar a.active, ul.access-bar a:hover{ background: #fff; } /* -------------------- csr Style -------------------- */ .image-csr img{ border-radius:40px; } .item-csr { box-shadow: 0px 4px 56px 0px rgba(68, 68, 68, 0.05); background: #fff; padding: 50px 75px; border-radius: 16px; margin: 0 25px 30px; } .wrap-gallery-thumbs-csr{ max-width: 90%; margin: -100px auto 0; z-index: 1; } .item-csr h3{ font-size: 36px; line-height: 1; margin-bottom: 2px; } .item-csr span{ font-size: 24px; color: rgba(116, 114, 117, 1); margin-bottom: 10px; display: block; } .item-csr p{ font-size:16px; color:rgba(65, 64, 66, 1); margin-bottom: 30px; } .wrap-gallery-thumbs-csr{ position:relative; } .sw-csr .swiper-nav-prev, .sw-csr .swiper-nav-next{ position:absolute; top: 50%; transform: translateY(-50%); } .item-honor img{ border-radius:24px; } .sw-csr .swiper-nav-next{ right:-40px; } .sw-csr .swiper-nav-prev{ left:-40px; } .title-honor{ color:rgba(65, 64, 66, 1); font-size:16px; } .section-honors .subtitle{ font-size: 18px; color: rgba(123, 121, 125, 1); max-width: 70%; margin: auto; } .item-honor { text-align: center; display: grid; gap: 20px; } /* -------------------- comment Style -------------------- */ .commentlist ul.children { padding-left: 88px; position: relative; } .commentlist ul.children:before { content: "\e91a"; position: absolute; width: 40px; left: 25px; writing-mode: tb-rl; top: 80px; font-family: 'icomoon'; height: 40px; background: var(--color1); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 17px; border: 1px solid #fff; box-shadow: 0px 0px 14px 3px rgb(233 50 42 / 45%); } .editor-content .commentlist { margin-bottom: 100px; } #review_form_wrapper form,#commentform{ margin-bottom: 15px; } .form-submit { text-align: center!important; margin:25px 0 20px; flex: 0 0 100%; } #commentform { display:flex; flex-wrap: wrap; justify-content: space-between; } .editor-content .comment-notes { flex: 0 0 100%; display: flex; flex-wrap: wrap; font-size: 13px; } .editor-content .comment-form-author,.editor-content .comment-form-email { flex: 0 0 49%; flex-wrap: wrap; display: flex; } .comment-form-comment { flex: 0 0 100%; } .editor-content #commentform input, .editor-content #commentform textarea { background: #F5F5FA; } #reply-title { display: none; } .comment-notes { display: none!important; } .editor-content label,.comment-form label{ margin-bottom: 5px!important; position: relative; display: inline-block; color: #3D3D3D!important; font-size:18px; margin-left: 12px; } .comment-awaiting-moderation { color: var(--color1); text-align: center; display: block; background: var(--bg_danger); } .commentlist .comment_container { border: 1px solid #DEDEDE; border-radius: 16px; margin: 30px 0; padding: 20px; } .comment-list .children .comment_container { width: 89%; margin: 20px 0; margin-right: 112px; } .head-comment { padding: 8px 25px 8px 8px; color: #0c0918; position: relative; align-items: center; justify-content: space-between; display: inline-flex; background: #F5F5FA; border-radius: 16px; } .head-comment .icon-user{ width: 41px; height: 40px; background: #E4E4F2; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 22px; color: #212121; margin-right: 9px; } .comment_container .editor-content{ padding: 20px; } .time_comment i{ font-size:20px; color:#212121; margin-right:6px; } .editor-content a.comment-reply-link{ color: var(--color1); display: inline-flex; align-items: center; font-size: 14px; transition: 0.3s; margin-top: 20px; } .editor-content a.comment-reply-link:hover{ color: var(--color2); } .head-comment .icon-admin{ font-size: 22px; color: var(--color1); margin-left: 15px; } .comment-reply-link i { font-size: 11px; font-weight: bold; transition:0.3s; } .comment-reply-link:hover i{ margin-left: -10px; padding-right: 10px; } .item-comment { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgb(242,240,247); padding: 18px; position: relative; } .text_comment p{ font-size:13px; padding: 10px 0px; } .commentlist #reply-title{ border-radius: 15px; display: flex; justify-content: space-between; padding: 10px 25px; margin-bottom: 20px; font-size:13px; } .commentlist .children .comment_container { flex: 0 0 90%; } .editor-content .commentlist li { position: relative; } .head-comment .time_comment { color: #919194; display: flex; align-items: center; font-size:14px; margin-left: 32px; } .time_comment span{ margin-top: 5px; } .comment-custom-field { display: flex; align-items: center; width: 100%; justify-content: space-between; flex-wrap: wrap; } /* -------------------- Search Simple -------------------- */ .header-searchsimple form { width: 100%; border: 1px solid #f1f1f1; border-radius: 6px; position: relative; display: flex; align-items: center; transition: 0.4s; padding: 0 7px; } .header-searchsimple #search-text { width: 100%; text-align: right; border: none; background: none; color: var(--color1); font-size: 16px; padding: 6px; } .search-results-box { } .header-searchsimple { position: relative; width: 100%; } @media screen and (min-width: 576px) { .header-searchsimple form { max-width: 407px; min-width: 407px; } } /* -------------------- Search Popup -------------------- */ .bottom-head-search { display: flex; align-items: center; justify-content: flex-end; } .header-search > span { margin-left: 5px; display:none } .search-pup-up { position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 100%; z-index: 1000; color: white; overflow: hidden; overflow-y: visible; padding-bottom: 50px; display:none; } .fd-outer { width: 30px; margin-top: 10px; cursor: pointer; position: absolute; top: 20px; right: 30px; z-index: 10; } .fd-inner { width: 30px; text-align: center; } .fd-inner:before, .fd-inner:after { position: absolute; content: ''; height: 2px; width: inherit; background: var(--color1); right: 0; transition: all .3s ease-in; } .fd-inner:after { bottom: 48%; transform: rotate(-45deg); } .fd-inner:before { top: 48%; transform: rotate(45deg); } .fd-outer label { font-size: .8em; line-height: 3em; text-transform: uppercase; color: var(--color1); transition: all .3s ease-in; opacity: 0; cursor: pointer; } .fd-outer:hover .fd-inner:before, .fd-outer:hover .fd-inner:after { transform: rotate(0); background: var(--color1); } .fd-outer:hover .fd-inner:before { top: 0; } .fd-outer:hover .fd-inner:after { bottom: 0; } .fd-outer:hover label { opacity: 1; } .form-wrap { padding-top: 50px; } .search-pup-up #search-text { width: 100%; text-align: left; border: none; background: #F9F9F9; color:#414042; font-size: 17px; padding: 0 25px 0 60px; height: 99px; border-radius: 14px; } .search-form{ position:relative; } .search-form:after{ content: "\e901"; position: absolute; font-family: 'icomoon'; top: 50%; z-index: 1; color: #414042; font-size: 22px; transform: translateY(-50%); left: 28px; } .wrap-itle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .card-serch-prd { display: flex; border: 1px solid #D8DBE5; border-radius: 24px; padding: 10px; gap: 10px; } .wrap-title-Search a{ color:var(--color1); font-size:16px; } .wrap-title-Search{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .desc-prd .price { display: flex; align-items: center; color: #414042; text-decoration: none; font-size: 16px; } .search-terms a{ font-size: 13px; color: #414042; border: 1px solid #EFEFEF; border-radius: 9px; padding: 4px 12px; display: flex; align-items: center; gap: 5px; } .search-terms a:after{ content: "\e90a"; color:#414042; font-size: 5px; font-family: 'icomoon'; display: inline-block; transform: rotate(-90deg); } .desc-prd .price del .woocommerce-Price-currencySymbol { display:none; } .search-blogbox { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); } .desc-prd .price ins { text-decoration: none; line-height: 1; } .desc-prd .price { display: block; padding-top: 17px; position: relative; margin-left: 8px; } .desc-prd .price del { color: rgba(176, 178, 187, 1); position: absolute; left: 0; text-align: center; font-size: 14px; top: 0; } .price-carts { display: inline-flex; align-items: center; border: 1px solid rgba(216, 219, 229, 1); border-radius: 32px; padding: 5px 23px 5px 6px; }/* width */ .search-pup-up::-webkit-scrollbar { width: 10px; } /* Track */ .search-pup-up::-webkit-scrollbar-track { border-radius: 10px; } /* Handle */ .search-pup-up::-webkit-scrollbar-thumb { background: var(--color1); border-radius: 10px; } .desc-prd h3 a{ color: #414042; font-size: 18px; margin-bottom: 10px; display: block; } .desc-prd h3{ min-height:85px; } .desc-prd { display: flex; flex-direction: column; align-items: flex-start; } .desc-prd .price { display: flex; align-items: center; } .search-title { font-size: 21px; display: block; color: #333; } .search-pup-up .search-form{ transform:scale(0); opacity:0; transition-duration:.6s; transition-delay:.5s; overflow: hidden; border-radius: 14px; margin-bottom: 30px; } .search-loading{ width: 20px; height: 20px; border:solid 2px #fff; border-radius: 50%; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .search-image { flex: 0 0 30%; border-radius: 15px; overflow: hidden; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .search-pup-up.popup-search-active .search-form{ transform:scale(1); opacity:1; } .search-detail h3 a{ display: block; text-align: left; } .search-pup-up .icons-wrapper{ position: absolute; top: 40px; right: 50px; transform: translateY(-50%); } .search-pup-up .icons-wrapper .icon-close{ position: absolute; top: 0; left: 0; display: none; font-size: 15px; color: var(--color1); border-radius: 5px; border: 1px solid var(--color1); padding: 2px; } .search-pup-up .icons-wrapper i{ position: absolute; top: 0; left: 0; display: none; font-size: 15px; color: var(--color1); border-radius: 5px; padding: 2px; } .more-search { margin: 15px 0 10px; } .search-product .search-detail{ display:flex; } /* -------------------- blog style -------------------- */ .post-item img{ border-radius:24px; width:100%; } .post-item h2 a{ color:#414042; font-size:20px; } .desc-post-item { padding: 0 10px; margin-top: 20px; } .more-post:before{ content: ""; height: 8px; width: 8px; background: #E9322A; border-radius: 50%; display: block; } .more-post { display: flex; gap: 8px; align-items: center; color: #A8A8A8 !important; font-size: 18px; transition:.3s; } .post-grid-item { display: flex; } .grid-item-image img{ border-radius:15px; } .grid-item-image { flex: 0 0 47%; max-width: 47%; } .post-grid-item { display: flex; gap: 25px; align-items: center; } .blog-grid { display: grid; gap: 10px; } .post-item h2{ min-height:64px; margin-bottom: 12px; } .desc-post-item p{ color: rgba(166, 163, 168, 1); font-size: 15px; margin-bottom: 12px; } .post-grid-item h2 a{ font-size:18px; color:#414042; } .post-grid-item .more-post { font-size: 17px; } .grid-item-image, .post-item-image { display: block; position: relative; overflow: hidden; } #sidebar ul.children{ position: relative; padding-left: 10px; } #sidebar ul.children:before{ content: ""; width: 2px; background: rgba(233, 50, 42, 0.3); position: absolute; left: 0; height: 90%; top: 50%; transform: translateY(-50%); } .grid-item-image{ border-radius: 15px; } .post-item-image{ border-radius: 24px; } .card-archive{ margin-bottom:30px; } .grid-item-image time, .post-item-image time{ background: #FFFFFF26; position: absolute; top: 10px; z-index: 1; left: 10px; padding: 3px 13px; color: #fff; border-radius: 56px; backdrop-filter: blur(10px); } .grid-item-image:after, .post-item-image:after{ content: ""; position: absolute; background: rgba(65, 64, 66, .40); inset: 0; opacity: 0; visibility: hidden; transition: .3s; } .grid-item-image img, .post-item-image img{ filter: blur(0); transition:.3s; } .post-grid-item:hover .grid-item-image img, .post-item:hover .post-item-image img{ filter: blur(5px); } .post-grid-item:hover .grid-item-image:after, .post-item:hover .post-item-image:after{ opacity:1; visibility:visible; } .grid-item-image:before, .post-item-image:before{ content: ''; background-image: url(assets/img/logoblog.svg); position: absolute; width: 115px; height: 30px; top: 50%; right: 50%; z-index: 1; transform: translate(50%, -50%) scale(2.5); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 0; visibility: hidden; transition: .5s; } .post-grid-item:hover .grid-item-image:before, .post-item:hover .post-item-image:before{ opacity: .4; visibility: visible; transform: translate(50%, -50%) scale(1); } .post-grid-item:hover .more-post, .post-item:hover .more-post{ color:var(--color2) !important; } .card-archive .post-item h2 a { font-size: 16px; } .wrap-more { display: flex; justify-content: center; margin: 40px 0 0; } .item-banner img{ border-radius:32px; } .section-testimonial { background: #080404; } .section-testimonial{ position:relative; overflow:hidden } .post-grid-item h2{ margin-bottom: 20px; } .item-banner{ position: relative; display:block; overflow: hidden; border-radius: 32px; } .btn-light{ position: relative; display:block; overflow: hidden; } .media_image, .image-blog a, .widget_media_image a{ display:block; overflow:hidden; position:relative; } .contact-dir-button a:after, .image-blog a:after, .widget_media_image a:after, .btn-light:after, .media_image:after, .item-banner:after{ position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .contact-dir-button a:hover:after, .image-blog:hover a:after, .widget_media_image:hover a:after, .widget_media_image:hover .media_image:after, .btn-light:hover::after , .item-banner:hover::after { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .item-pbanner { display: block; background-size: contain; min-height: 500px; background-attachment: fixed; background-repeat: no-repeat; width:100%; } .weblog-access { display: grid; row-gap: 15px; margin: 20px 0 0 0; } .item-access-blog { background: rgba(160, 160, 160, 1); display: flex; border-radius: 10px; padding: 29px 25px; align-items: center; gap: 20px; position: relative; } .item-access-blog span{ font-size:14px; color:#fff; } .img-access img{ max-width:23px; } .item-access-blog i{ font-size: 6px; color: #fff; position: absolute; right: 30px; transform: rotate(-90deg); } .tabs-weblog li { text-align: center; border: 1px solid var(--color1); border-radius: 25px; transition: 0.3s ease; position: relative; font-size: 16px; display: flex; justify-content: center; align-items: center; padding: 7px 30px; color: #313233; min-width: 100px; cursor: pointer; } .image-blog img{ border-radius:15px; } li.tab-blog:hover , li.tab-blog.active { background: var(--color1); color: #fff; } .tabs.tabs-weblog { display: flex; gap: 15px; margin-bottom: 30px; } /* -------------------- section about -------------------- */ .section-about{ position: relative; padding: 40px 0; overflow: hidden; } .section-about:after{ content: ""; background: rgba(242, 242, 242, 1); height: 100%; position: absolute; width: 80%; right: 0; top: 50%; transform: translateY(-50%); border-radius: 25px 0 0 25px; z-index: -1; } .image-about-block img{ width:100%; border-radius:0 32px 32px 0; } .section-about .row { align-items: center; } .about-content .main-content{ margin-bottom:30px; } .about-content .main-content p{ font-size:18px; } .title-about { font-size: 33px !important; } .about-content .title-site { margin-bottom: 15px; } .about-content { padding: 0 0 0 30px; } .section-blog .subtitle , .section-categories .subtitle , .section-brands .subtitle { font-size: 18px; color:rgba(123, 121, 125, 1); } .section-brands .title-site { max-width: 780px; margin: 0 auto 60px; } .item-brands { text-align: center; position: relative; } .item-brands:before { content: ""; height: 24px; background: rgba(217, 217, 217, 1); width: 2px; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); border-radius: 10px; } .item-brands img{ max-width:148px; filter: grayscale(1) brightness(2.1); transition:.3s; } .item-brands:hover img{ filter: none; } .sw-navigation.sw-prd, .sw-navigation.sw-honor , .sw-navigation.sw-honor , .sw-navigation.sw-faq , .sw-navigation.sw-blog , .sw-navigation.sw-brand { display: flex; justify-content: center; gap: 10px; margin: 22px 0 0; } .sw-prd div, .sw-honor div, .sw-contact div, .sw-brand div, .sw-csr div, .sw-faq div, .sw-blog div, .sw-brand div{ width: 48px; height: 48px; } .sw-prd div:hover, .sw-honor div:hover, .sw-contact div:hover, .sw-brand div:hover, .sw-csr div:hover, .sw-faq div:hover, .sw-blog div:hover, .sw-testimonial div:hover, .sw-brand div:hover{ background: var(--color1); color: #fff; } .sw-contact div{ position:absolute; } .sw-contact .swiper-nav-next{ right: 0; top: 15px; transform: translateX(100%); } .sw-contact .swiper-nav-prev{ left: 0; top: 15px; transform: translateX(-100%); } .sw-navigation div.swiper-button-disabled{ opacity: 0; cursor: auto; visibility: hidden; } .main-faq p{ font-size: 18px; color: rgba(123, 121, 125, 1) !important; text-align: center !important; } .section-product{ margin:80px 0; } .section-faq{ margin:80px 0; } .faqs-content { margin: 50px 0 0; } .img-honor{ position:relative; } .img-honor:after{ position: absolute; content: ''; height: 5px; width: 55px; background: var(--color1); bottom: 0; right: 50%; transform: translateX(50%); border-radius: 0; opacity: 0; transition: .3s; } .item-honor:hover .img-honor:after{ bottom: 5px; border-radius: 8px 8px 0 0; opacity: 1; } .wrap-swiper-slider .swiper-slider { height: unset; border-radius: 16px; } .title-content-slide { font-size: 40px; } .section-content-slide .editor-content.main-content { margin-bottom: 20px; } .item-access { border: 1px solid rgba(222, 222, 222, 1); display: flex; flex-direction: column; border-radius: 12px; padding: 30px; align-items: center; gap: 22px; } .nav-sw.nav-cat { display: block; } .icon-access { background: var(--color1); width: 55px; height: 55px; border-radius: 50%; max-width: 55px; justify-content: center; display: flex; align-items: center; border: 5px solid #fdebeb } .title-access { color: rgba(123, 121, 125, 1); font-size: 14px; font-family: var(--bold_font); } [data-tab-content] { display: none; } .active[data-tab-content] { display: block; } .tabcontent { animation: fadeEffect 1s; /* Fading effect takes 1 second */ position:relative } @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .grid-item-image.item-weblog { flex: 0 0 36%; max-width: 36%; } .blog-content .post-grid-item{ margin-bottom:20px; } .section-blog.backsec{ background:rgba(247, 247, 247, 1); } .section-blog{ padding:65px 0; } #breadcrumbs a{ color:#8c8a8f; } /* -------------------- END Search Popup -------------------- */ @media screen and (max-width:768px){ .form-wrap { padding-top: 80px; } .fd-inner { width: 25px; } .fd-outer { width: 25px; top: 10px; right: 20px; } } @media screen and (min-width:576px){ .header-search > span { display:block; } } @media screen and (min-width:992px){ .header-search > span { font-size:12px; } } @media screen and (min-width:1200px){ .header-search > span { font-size: inherit; } } @media screen and (max-width: 576px) { .type-product .summary.entry-summary .cart,.variations_form .woocommerce-variation-add-to-cart{ flex-direction: column; } .quantity{ margin-bottom: 20px; } } @media screen and (max-width: 425px) { .product-meta-top{ flex-direction: column; } .product-meta-top > div { width: 100%; margin: 5px 0; justify-content: space-around; } .product-meta-right a:first-child:after{ content: unset; } .type-product .summary .price ins:before{ font-size: 16px; } } .more-tax-desc { margin-bottom: 15px; } .items-sub-category { margin: 1rem 0; display: flex; align-items: center; flex-wrap: wrap; } .item-sub-category { padding: 5px 10px; border: 1px solid #a8a8a8; margin: 5px 5px; display: inline-block; } .page-numbers { display: flex; align-items: center; justify-content: center; gap: 15px; } ul.page-numbers{ margin: 35px auto 35px; } .page-numbers li { margin: 0 5px; } .page-numbers li a, .page-numbers li span { padding: 5px; line-height: 1; font-size: 16px; color: rgba(46, 46, 47, 0.8); background: transparent; width: 36px; height: 36px; border-radius: 50%; } .page-numbers li a:not(.next):not(.prev):hover, .page-numbers li span.current{ color: #fff; background: var(--color1); width: 36px; height: 36px; border-radius: 50%; } #more-tax-desc{ background: rgba(87, 103, 122, 1); padding: 60px 110px; border-radius: 14px; position: relative; margin: 60px 0 100px; } #more-tax-desc:after{ content: ""; background: rgba(230, 230, 230, 1); position: absolute; height: calc(100% + 16px); width: 90%; top: 50%; transform: translateY(-50%) translateX(50%); border-radius: 8px; z-index: -1; right: 50%; } p.subtitle2 { font-size: 18px; color: rgba(123, 121, 125, 1); } #more-tax-desc.editor-content p{ color:#fff !important; font-size:14px; margin-bottom: 0 !important; } .next.page-numbers, .prev.page-numbers{ width: 48px; height: 48px; background: rgba(216, 219, 229, 0.3); border-radius: 50%; } .next.page-numbers i, .prev.page-numbers i{ font-size: 26px; color: var(--color1); } .sw-navigation.sw-gallery div { border-radius: 50%; display: inline-flex; width: 40px; height: 40px; background-color: #D8DBE54D; justify-content: center; align-items: center; color: var(--color1); font-size: 26px; padding: 7px; box-sizing: border-box; cursor: pointer; transition: .3s; cursor: pointer; } .sw-navigation.sw-gallery div:hover { background: var(--color1); color: #fff; } /* sidebar */ .widget-side { border: 1px solid rgba(236, 236, 236, 1); border-radius: 20px; } .widget-title { background: var(--color1); margin: 12px; border-radius: 12px; padding: 5px 20px; color: #fff; font-size: 21px; position: relative; font-family: var(--main_font); } .widget-title h4:before{ content: "\e90e"; color: #fff; font-family: 'icomoon'; margin-right: 12px; font-size: 20px; transition: color 400ms; } .widget-side > ul > li { padding: 10px 20px; } .widget-side > ul > li.current-cat a { color:var(--color1) !important; } .cat-parent { position: relative; } .children .cat-item { font-size: 12px; border: none; padding: 5px 0; } .caticon { cursor: pointer; width: 25px; height: 25px; position: absolute; display: flex; align-items: center; justify-content: center; right: 20px; top: 10px; } .caticon:before { right: 5px; top: 50%; content: "\e90a"; font-family: icomoon; display: inline-block; padding: 1px; transform: rotate(0deg); z-index: 0; transition: 0.3s; font-size: 6px; color: rgba(115, 115, 115, 1); } .cat-parent.active > .caticon:before { transform: rotate(-135deg) translateY(-50%); border-color: var(--color1); } .children .caticon{ top: 5px; } .caticon.active:before{ transform: rotate(180deg); color: var(--color1); } .sidebar-m .widget-side { border: none; } .sidebar-m .widget-title { background: rgba(87, 103, 122, 1); margin: 0 0 15px 0; border-radius: 12px; padding: 5px 20px; position:relative; font-size: 19px; } .sidebar-m .widget-title:after { content: "\e90a"; font-family: icomoon; position: absolute; right: 20px; top: calc(50% - 6px); font-size: 6px; transform: rotate(0deg); transition: .3s; } .sidebar-m .widget-title.active:after { transform: rotate(180deg); } .sidebar-m .widget_categories>ul{ border: 1px solid rgba(236, 236, 236, 1); border-radius: 20px; padding:10px; display: none; } .sidebar-btn { background: #414042; margin: 0 0 15px 0; border-radius: 12px; padding: 5px 20px; position: relative; font-size: 19px; color: #fff; display: flex; align-items: center; gap: 10px; height: 56px; } .sidebar-btn:after{ content: "\e90a"; position: absolute; right: 20px; top: 20px; font-family: 'icomoon'; font-size: 5px; transform: rotate(270deg); } #sidebar.active{ left: 0; } #sidebar .sidebar-close { display: block; width: 20px; height: 20px; position: relative; background: var(--danger); text-align: center; margin: 10px auto 10px 0; color: #fff; font-size: 13px; cursor:pointer; } #sidebar a:hover{ color:var(--color2); } .sidebar-shop-side .icon-close{ cursor: pointer; transition: all 0.5s; width: 25px; height: 25px; background: var(--danger); text-align: center; border-radius: 3px; display: flex; color: #fff; font-size: 17px; align-items: center; justify-content: center; margin: 20px 10px 20px auto; } #sidebar input[type="search"] { border: 1px solid #a3a3a3; padding: 10px 20px; border-radius: 15px; height: 40px; display: block; box-sizing: border-box; font-family: inherit; width: 100%; transition: 0.3s; margin-bottom: 10px; font-size: 14px; text-align: right; } .widget-side form { padding: 0 20px 20px; } #sidebar button[type="submit"]:hover{ background:var(--color2) } #sidebar .select2-container--default .select2-selection--single{ border: 1px solid #fafafa; background: #fafafa; padding:10px 20px; border-radius: 15px; height: 50px; display: block; box-sizing: border-box; font-family: inherit; width: 100%; transition: 0.3s; margin-bottom: 20px; font-size: 14px; text-align: right; } #sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 11px; left: 11px !important; width: 20px; } #sidebar a{ color: rgba(115, 115, 115, 1); font-size: 15px; } #sidebar a:hover{ color:var(--color1) !important; } #sidebar ul.children li a{ font-size:13px; color:rgba(166, 166, 166, 1); } .widget_media_image img{ border-radius:20px; display:table; margin:auto; } .widget_media_image a{ position:relative; } /* -------------------- Modules Css -------------------- */ .section-base{ padding: 30px 0; } .countdown-wrapper { direction: ltr; } .countdown-wrapper span{ display: inline-block; margin: 0 5px; } /* -------------------- Modal bootstrap Css -------------------- */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; background-color: rgb(0 0 0 / 50%); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-clip: padding-box; border-radius: 0.3rem; outline: 0; color: #fff; overflow: hidden; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; background: var(--color1); } .modal-title { margin-bottom: 0; line-height: 1.5; font-size: 16px; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; text-align: center; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .nav-sw { margin-top: 35px; } .modal-header .close { background: transparent; border: none; color: #fff; font-size: 27px; } @media (min-width: 576px) { .modal-body{ padding:40px; } .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 768px){ .modal-dialog { max-width: 550px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .footer-access-mobile .wrap-ft-menu { width: 100%; background: rgba(0, 0, 0, 1); border-radius: 15px; } .footer-access-mobile .menu-footer-container a { margin-bottom: 8px; } .footer-m{ margin: 0 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0 0; } /*************************************************** * Generated by SVG Artista on 11/26/2023, 5:31:19 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ svg:not(:root) { overflow: hidden; } .wrapsvg svg { max-width: 70%; max-height: 70%; } .wrapsvg{ display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; opacity: 1; background: rgb(240, 240, 240); } svg .svg-elem-1 { stroke-dashoffset: 356.4602966308594px; stroke-dasharray: 356.4602966308594px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2s; } svg.active .svg-elem-1 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-2 { stroke-dashoffset: 256.54747009277344px; stroke-dasharray: 256.54747009277344px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.1s; } svg.active .svg-elem-2 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-3 { stroke-dashoffset: 458.2409362792969px; stroke-dasharray: 458.2409362792969px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.2s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.2s; } svg.active .svg-elem-3 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-4 { stroke-dashoffset: 182.49075317382812px; stroke-dasharray: 182.49075317382812px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.3s; } svg.active .svg-elem-4 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-5 { stroke-dashoffset: 182.09786987304688px; stroke-dasharray: 182.09786987304688px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.4s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.4s; } svg.active .svg-elem-5 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-6 { stroke-dashoffset: 182.10940551757812px; stroke-dasharray: 182.10940551757812px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.5s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.5s; } svg.active .svg-elem-6 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-7 { stroke-dashoffset: 325.5213623046875px; stroke-dasharray: 325.5213623046875px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.6s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.6s; } svg.active .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(234, 47, 43); } svg .svg-elem-8 { stroke-dashoffset: 356.4602966308594px; stroke-dasharray: 356.4602966308594px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.7s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.7s; } svg.active .svg-elem-8 { stroke-dashoffset: 0; } svg .svg-elem-9 { stroke-dashoffset: 256.54747009277344px; stroke-dasharray: 256.54747009277344px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.8s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.8s; } svg.active .svg-elem-9 { stroke-dashoffset: 0; } svg .svg-elem-10 { stroke-dashoffset: 458.2409362792969px; stroke-dasharray: 458.2409362792969px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.9s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.9s; } svg.active .svg-elem-10 { stroke-dashoffset: 0; } svg .svg-elem-11 { stroke-dashoffset: 182.49075317382812px; stroke-dasharray: 182.49075317382812px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3s; } svg.active .svg-elem-11 { stroke-dashoffset: 0; } svg .svg-elem-12 { stroke-dashoffset: 182.09786987304688px; stroke-dasharray: 182.09786987304688px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.1s; } svg.active .svg-elem-12 { stroke-dashoffset: 0; } svg .svg-elem-13 { stroke-dashoffset: 182.10940551757812px; stroke-dasharray: 182.10940551757812px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.2s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.2s; } svg.active .svg-elem-13 { stroke-dashoffset: 0; } svg .svg-elem-14 { stroke-dashoffset: 325.5213623046875px; stroke-dasharray: 325.5213623046875px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.3s; } svg.active .svg-elem-14 { stroke-dashoffset: 0; } #websima-auth-modal .alert.bg-primary { bottom: 0; color: var(--success); margin: 0 auto; color: #fff; font-size: 14px; width: 100%; text-align: center; background-color: #007bff!important; padding: 6px 0; } /* CSS stock */ #stock-notify-modal{ position: fixed; top: 0; right: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999; } #stock-notify-modal .wrapper{ display: flex; align-items: center; justify-content: center; height: 100%; } #stock-notify-modal .modal-box{ background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 5px; } #stock-notify-modal .modal-header{ display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid #e9ecef; } #stock-notify-modal .modal-body { padding: 15px; } #stock-notify-modal .modal-title{ font-size: 16px; font-weight: bold; } #stocknotifyform .form-group{ display: flex; justify-content: center; flex-direction: column; margin: 20px 0 35px; } #stocknotifyform #mobile{ border: 1px solid #D3CFCE7A; padding: 10px 20px; border-radius: 4px; height: 46px; display: block; box-sizing: border-box; font-family: inherit; width: 100%; transition: 0.3s; font-size: 12px; direction: ltr; text-align: left; } #mobile-error { position: absolute; color: var(--danger); font-size: 12px; bottom: -30px; } #stocknotifyform .alert{ position: absolute; bottom: 65px; background: var(--bg_success) !important; font-size: 13px; color: var(--success); right: 50%; transform: translateX(50%); padding: 0px 15px; margin-bottom: 0; display: flex; width: 100%; text-align: center; justify-content: center; } /* -------------------- Responsive Mode -------------------- */ @media screen and (min-width: 1200px) { .desc-comment { padding-right: 100px; } .desc-product { padding-right: 100px; padding-left: 6vw; } } @media screen and (min-width: 992px) { .nav-sw { display:none; } } @media screen and (min-width: 768px) { } @media screen and (min-width: 576px) { } @media screen and (max-width: 1200px) { .desc-slider h3 { font-size: 36px; margin-bottom: 0; } .desc-slider p { font-size: 17px; margin-bottom: 20px; } .desc-slider { position: absolute; max-width: 90%; color: #fff; transform: translate(-50%, -50%); left: 50% !important; top: 50% !important; text-align: center; z-index: 1; width: 100%; } .header-logo { margin-right: 15px; } .wrap-item-catprd.grid{ display:flex; gap:10px; } .wrap-item-catprd.grid .item-catprd:nth-child(3), .wrap-item-catprd.grid .item-catprd:nth-child(2) { display: block; } .desc-cat h3 { font-size: 23px; } .desc-cat span { font-size: 15px; } .desc-cat { margin: 20px 0 60px; } .swiper-title .swiper-slide span { font-size: 15px; } .item-catprd { padding: 15px; } .header-menu > li > a { margin: 0 5px; } .cta-wrap { max-width: 90%; left: 50% !important; top: 50% !important; transform: translateY(-50%) translateX(-50%) !important; width: 100%; } .desc-product { margin-bottom: 30px; } .swiper-product .swiper-slide:after { content: none; } .title-cta { font-size: 40px; margin-bottom: 20px; } .section-products-home .title-site { margin-top: 0; } .section-products-home .container-fluid{ padding-right:15px !important; } .sw-navigation.sw-testimonial{ display:none; } .top-about:after { height: 60%; } .title-wrap span { font-size: 18px; } .item-attr{ padding: 15px; } .title-single .title-heading { font-size: 32px; } .help-heading > span { padding: 12px 15px; font-size: 15px; } } @media screen and (max-width: 992px) { :root { --heading_h1_fontsize: 28px; } .products-tab li a span { font-size: 15px; } .products-tab li a { gap: 10px; } .products-tab { gap: 10px; } .sw-navigation.sw-catproduct { display: none; } .section-content { padding: 60px 0 60px 0; } .section-content .title-heading { text-align: center; } .image-about { max-width: 100%; } .section-content .editor-content p { font-size: 17px; } .sw-navigation.sw-product { display: none; } .margin-section { margin: 50px 0; } .section-about .container-fluid{ padding-left:15px !important; } .about-content { padding: 0; margin-top: 20px; text-align: center; } .about-content .main-content p { text-align: center; } .section-about:after { height: 70%; width: 100%; right: 0; top: unset; transform: translateY(0); border-radius: 0; bottom: 0; } .image-about-block img { border-radius: 32px 32px 0 0; } .wrap-gallery-thumbs { max-width: unset; } .section-testimonial { padding:50px 0; } .swiper.gallery-top { max-height: unset; } .section-testimonial .icon-comment { text-align: center; } .section-testimonial .title-site { text-align: center; } .wrap-btn { text-align: center; margin: 30px 0 0; justify-content: center; } ul.page-numbers { margin: 35px auto; } .title-part.about-title h1 { font-size: 28px; } .title-part.about-title span { font-size: 20px; } .wrap-gallery-thumbs-csr { max-width: 90%; } .title-content-slide { font-size: 30px; } .wrap-swiper-slider { margin-bottom: 20px; } .wrap-swiper-faq { padding: 15px 0 15px 15px; } .swiper-contact-wrap:after { height: 65px; bottom: 0; } #contact-tab { margin-bottom: 5px; } .contact-info { grid-template-columns: repeat(1,100%); padding: 25px 0; gap: 15px; } .contact-info li { padding: 15px; } .error-page:after { height: 45%; } .section-cat-product { margin: 50px 0; } .section-content-about { margin: 85px 0 40px; } .top-about { margin: 0 0 90px 0; } .faqs-content .faqs-question { padding: 15px 40px 15px 18px; font-size:15px; } .section-faq, .section-blog-inner, .section-product { margin: 40px 0; } .editor-content .commentlist { margin-bottom: 50px; } .title-download { gap: 25px; justify-content: center; margin-bottom: 30px; } .title-download h1 { font-size: 30px; max-width: 100%; flex: 0 0 100%; text-align: center; } .subtitle-download { font-size: 18px; display: block; text-align: center; } } @media screen and (max-width: 768px) { .margin-section { margin: 20px 0; } .person-comment { font-size: 16px; margin: 0; } .desc-comment { text-align: center; margin: 25px 0 0 0; } .desc-comment .icon-line { margin-bottom: 15px; margin-top: 15px; } #newsletter-form input { height: 48px; min-width: 230px; } #newsletter-form .btn-news { min-width: 100px; } .footer-contact li{ flex:0 0 100%; } .footer-contact { text-align: center; } a.footer-logo { max-width: 140px; margin: auto; } .footer-top p { font-size: 15px; } .copy-right .container { flex-direction: column; align-items: center; } .copy-right p { font-size: 15px; text-align: center; } #more-tax-desc { padding: 35px 30px; } .faqs-question .faq-num{ display:none; } .faqs-answer .editor-content p { font-size: 15px !important; } .faqs-item .faqs-answer { padding: 0 25px 15px 20px; } .faqs-content .faqs-item { margin-bottom: 15px; } .faqs-question i{ top:20px; right: 15px; } .faqs-content { margin: 20px 0 0; } .title-single .title-heading { font-size: 31px; } .title-single { max-width: 100%; } :root { --heading_h1_fontsize: 28px; } .editor-content .comment-form-author, .editor-content .comment-form-email { flex: 0 0 100%; } .head-comment .icon-user { width: 32px; height: 32px; border-radius: 8px; font-size: 18px; } .commentlist .comment_container { padding: 15px; } .comment_container .editor-content { padding: 10px 5px 5px; } .editor-content a.comment-reply-link { margin-top: 5px; } .commentlist ul.children { padding-left: 35px; } .commentlist ul.children:before { width: 30px; height: 30px; color: #fff; font-size: 13px; box-shadow: 0px 0px 4px 1px rgb(233 50 42 / 30%); left: 0; } .head-comment .icon-admin { font-size: 19px; margin-left: 5px; } .head-comment { padding: 5px 10px 5px 5px; font-size: 14px; } .head-comment .time_comment { margin-left: 15px; } .section-blog-inner .title-site .subtitle-inner { font-size: 16px; } .team-content .name { font-size: 17px; } .team-content .post { font-size: 13px; } .team-content { bottom: -5px; } .wrap-gallery-thumbs-csr { max-width: 100%; } .item-csr h3 { font-size: 25px; } .item-csr span { font-size: 18px; } .wrap-gallery-thumbs-csr { margin: -45px auto 0; } .sw-csr .swiper-nav-prev, .sw-csr .swiper-nav-next { position: relative; top: 0; transform: translateY(0); } .sw-csr .swiper-nav-prev { left: 0; } .sw-csr .swiper-nav-next { right: 0; } .sw-navigation.sw-csr { display: flex; justify-content: center; gap: 10px; } .section-honors .subtitle { font-size: 16px; max-width: 100%; } .sw-contact .swiper-nav-next { right: -10px; top: 20px; transform: translateX(0); width: 35px; height: 35px; font-size: 23px; } .sw-contact .swiper-nav-prev { left: -10px; top: 20px; transform: translateX(0); width: 35px; height: 35px; font-size: 23px; } .websima-contact-form .input-cform { margin-bottom: 20px !important; } .error-text { font-size: 32px; } p.subtitle-inner { font-size: 16px; } .wrap-social { justify-content: center; } .title-social { align-items: center; margin-bottom: 60px; } .inner-page .site-main { margin-top: 40px; } .post-item h2 a { font-size: 18px; } .woocommerce-tabs ul li a { padding: 10px 15px; } .category_post { margin: 15px 0 15px; } .acf-form .acf-fields>.acf-field { width: 100% !important; } ul.access-bar { margin: 20px 0 40px; } .title-box { font-size: 28px; } ul.manual-download { padding: 5px; } ul.manual-download li { padding: 10px; } ul.manual-download li:first-child { background: transparent; } } @media screen and (max-width: 576px) { .average-rate { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--color1); z-index: 10; border-radius: 24px; padding: 2px 10px; margin-bottom: 10px; } .head_item_box { width: 90%; } .cta-wrap { text-align: center; } .gallery-thumbs .swiper-slide .image-comment:after, .gallery-thumbs .swiper-slide .image-comment:before { content: none; } .section-content .editor-content p { text-align: center; } .icon-title { width: 32px; height: 32px; } #cancel-comment-reply-link, .button { height: 45px; padding: 0 30px 0 20px; border-radius: 32px 0 0 32px; font-size: 16px; } .copy-right { padding: 10px 0 90px; } .card-archive .post-item { box-shadow: 0px 3.7772397994995117px 41.54963684082031px 0px rgba(232, 232, 232, 0.65); border-radius: 16px; padding: 0 0 10px 0; background: #fff; } .card-archive .post-item img , .card-archive .post-item-image { border-radius: 15px 15px 0 0; } .item-csr { padding: 25px 15px; } .image-csr img { border-radius: 12px; } .item-csr p { font-size: 15px; } .swiper-contact-wrap:after { background-image: url(assets/img/backcontact-m.svg); height: 75px; } .contact-info li { padding: 15px; gap: 10px; flex-direction: column; align-items: center; justify-content: center; } .wrap-phone-item a, .address a, .email a, .desc-item, .wrap-phone-item { margin-left: unset; text-align: center; } .wrap-social a { flex: 0 0 40%; max-width: 40%; } .section-social { background-position: left; padding: 65px 0; margin: 40px 0; } .websima-map { border-radius: 30px !important; } .error-page:after { height: 39%; } .sw-navigation.sw-blog, .sw-navigation.sw-brand { display: none; } .card-archive { margin-bottom: 20px; } .card-archive .post-item h2 a { font-size: 21px; line-height: 1.6; } .team-item { margin-bottom: 70px; } .team-item:before{ content:none; } .archive-top .main-content { margin-bottom: 20px; } } @media screen and (max-width: 378px) { .swiper-contact-wrap:after { bottom: -5px; } } del .woocommerce-Price-currencySymbol{ display:none; } .price del span{ color:#B0B2BB !important; font-size:16px !important; position:relative; } .price del span:after{ content: ''; background: #B0B2BB; height: 1px; width: 100%; position: absolute; top: calc(50% - 1px); right: 50%; transform: translateX(50%); } .price ins, .price del{ text-decoration:none; } /* Product-Item-Card-css */ .product-item .price:only-child:not(:has(del)) { justify-content: center; align-items: center; } .product-item .price-cart .percent { color: #fff; background: var(--color1); border-radius: 44px; font-size: 19px; width: 65px; height: 38px; display: flex; align-items: center; justify-content: center; margin-right: 8px; position:absolute; left:0; } .product-item .price-cart { display: flex; align-items: center; border: 1px solid rgba(216, 219, 229, 1); border-radius: 32px; padding: 7px; position: absolute; background: #fff; bottom: 0; transform: translateY(50%); min-width: 166px; justify-content: center; } .product-item { border: 1px solid #eee; border-radius: 24px; background: #fff; transition: 0.3s; position: relative; border: 1px solid rgba(216, 219, 229, 1); padding: 15px; transform: translateY(0); } .product-image { display: block; border-radius: 8px; overflow: hidden; } .product-image img{ width:100%; } .product-item .price del, .product-item .price ins{ display: block; text-align: center; line-height: 1; text-decoration: none; } .product-item-parent{ margin-bottom:30px; margin-top: 15px; } .product-item:hover{ transform: translateY(-15px); } .product-item .price { position: relative; width: 100%; line-height: 1; height: 100%; text-align: center; min-height: 38px; inset: 0; display: flex; flex-direction: column; padding-left:60px; } .product-item .price:only-child:not(:has(del)) { padding: 0; justify-content: center; } .product-item .price del{ color: rgba(176, 178, 187, 1); font-size: 16px; } .woocommerce-Price-currencySymbol{ font-size: 22px; color: var(--color1); } .product-item .price del .woocommerce-Price-currencySymbol{ display: none; } .product-item .price>.woocommerce-Price-amount> bdi, .product-item .price ins { transition: 0.3s; font-size: 20px; } .product-item .price-cart .stock.out-of-stock { background: none; padding: 0; font-size: 16px; margin: 0 !important; width: 100%; } .product-item h2 a{ font-size: 20px; color: rgba(65, 64, 66, 1); line-height: 1.5; margin: 15px 0; display:block; } .product-item h2{ min-height: 65px; } .btn-sale{ text-align: center; margin-top: 30px; } .desc-card { color: rgba(65, 64, 66, 1); font-size: 14px; margin-bottom: 20px; } ul#menu-main-menu li:hover > a{ color: var(--color1); } ul#menu-main-menu li a{ padding: 0 10px; display: block; font-size: 1rem; position: relative;text-transform: capitalize; } ul#menu-main-menu ul li.menu-item-has-children > a::after { right: 10px; transform: translateY(-50%) rotate(-90deg); } ul#menu-main-menu li.menu-item-has-children > a::after { content: '\e90a'; font-family: 'icomoon'; position: absolute; font-size: 5px; color: inherit; top: 50%; transform: translateY(-50%); right: -2px; } ul#menu-main-menu li { position: relative; } ul#menu-main-menu ul{ padding-block: 4px; position: absolute; left: 5px; top: 100%; background-color: #fff; min-width: 200px; border-radius: .5rem; z-index: 2; box-shadow: 0 10px 20px #00000060; opacity: 0; overflow: hidden; visibility: hidden; transition: 500ms; } ul#menu-main-menu ul ul{ left: 100%; top: 0; box-shadow: 10px 10px 20px #00000060; } ul#menu-main-menu li:hover > ul{ overflow: visible; visibility: visible; opacity: 1; } .loader-gallery svg { width: 6rem; height: 6rem } .loader.loader-gallery circle { stroke: #dedede; stroke-dasharray: 132; fill: #f000; transform-origin: 50% 50%; animation: spinner-gallery 2s linear infinite; -webkit-animation: spinner-gallery 2s linear infinite; transform: rotate(-90deg); } .product-item .product-image{ position: relative; } .product-item .product-image .loading-wrapper{ min-height: 265px; display: flex; align-items: center; justify-content: center; } @-webkit-keyframes spinner-gallery { 0% { transform: rotate(-90deg); stroke-dashoffset: 132 } 50% { transform: rotate(270deg); stroke-dashoffset: 28 } 100% { transform: rotate(630deg); stroke-dashoffset: 132 } } @keyframes spinner-gallery { 0% { transform: rotate(-90deg); stroke-dashoffset: 132 } 50% { transform: rotate(270deg); stroke-dashoffset: 28 } 100% { transform: rotate(630deg); stroke-dashoffset: 132 } } @media (min-width:992px) { #menumobile{ display: none; } } .archive__product__intro { margin-bottom: 24px; overflow: hidden; } .archive__product__intro .more-tax-desc { margin-bottom: unset; margin-top: 25px; } .archive__product__intro.has--image .d-flex { max-width: 66.67%; } .archive__product__intro .d-flex { flex-direction: column; align-items: flex-start; gap: 16px; } .archive__product__intro h1 { font-size: 40px; line-height: 1.25; } .archive__product__intro.has--image { padding: 62px 48px; position: relative; z-index: 1; border-radius: 24px; overflow: hidden; color: #fff !important; } .archive__product__intro img { position: absolute; inset: 0; z-index: -1; display: block; height: 100%; object-fit: cover; border-radius: 24px; width: 100%; } .archive__product__intro.has--image p { color: #fff !important; font-size: 14px !important; } /* .product-item .price:only-child { margin: auto; } */ /* .price-cart:not(:has(.on-sale)) { padding: 0 6px; } */ .next.page-numbers:hover, .prev.page-numbers:hover { background-color: var(--color1); } .next.page-numbers:hover i, .prev.page-numbers:hover i { color: #fff; } #breadcrumbs a:hover { color: var(--color1); } .archive__product__intro.has--image p > a { transition: 300ms; } .archive__product__intro.has--image p > a:hover { color: var(--color1); text-decoration-style: dashed; text-decoration-line: underline; text-underline-offset: 5px; } #more-tax-desc { background-color: #414042; } .sidebar-shop-side .widget-title { text-transform: capitalize; display: flex; align-items: center; justify-content: space-between; } .sidebar-shop-side .widget-title { background-color: var(--color1); transition: 400ms; } .sidebar-shop-side .widget-title.active { background-color: #F4F4F4; color: #414042; } .sidebar-shop-side .widget-title.active i { transform: scale(1, 1); color: #737373; } .sidebar-shop-side .widget_product_categories i { display: none; } .sidebar-shop-side .widget-title i { font-size: 6px; width: 24px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; margin-right: -12px; transform: scale(1, -1); transition: transform 400ms; } .widget-title.active h4:before { color: #737373; } .widget_layered_nav_filters li.chosen a::before { content: "\e90b"; font-family: 'icomoon'; font-size: 16px; margin-right: 8px; color: var(--danger); vertical-align: middle; } .product-colors { display: flex; align-items: center; justify-content: center; gap: 2px; background-color: #fff; padding: 4px; border-radius: 48px; transform: translateY(-50%); margin-inline: auto; width: fit-content; margin-bottom: -20px; height: 40px; } .product-colors:empty { background-color: transparent; } .product-colors span { width: 32px; height: 32px; display: inline-block; border-radius: 32px; padding: 3px; border: 1px solid #F2F2F2; background-clip: content-box; } span.count-color { background: var(--color1); color: #fff; text-align: center; font-size: 16px; line-height: 26px; } @media (max-width:1199.98px) { .archive__product__intro.has--image .d-flex { max-width: 100%; } } @media (max-width:991.98px) {} @media (max-width:767.98px) { .sidebar-shop-side { position: fixed; left: -100%; top: 0; bottom: 0; transition: all 0.5s; z-index: 99999; background: #fff; overflow-y: auto; max-width: 300px; } .archive__product__intro.has--image { padding: unset; width: fit-content; margin-inline: auto; } .archive__product__intro img { position: static; } .archive__product__intro.has--image .d-flex { padding: 50px 40px; position: absolute; left: 0; top: 0; z-index: 1; } .archive__product__intro h1 { font-size: 32px; } .archive__product__intro .more-tax-desc { margin-bottom: unset; margin-top: 20px; } .live-support-btn { bottom: 85px !important; } } @media (max-width:575.98px) { .archive__product__intro.has--image .d-flex { padding: 20px; } } @media (min-width: 768px) { .sidebar-shop-side .icon-close { display: none; } .space-section { margin-block: 100px; } } .alert-warranty-verify:after{ left: 5px !important; top: 3px !important; transform: unset !important; } /* .acf-field[data-width] { float: left; clear: none; } */ .wt--form{ width: 80%; background-color: #D8DBE5; padding: 1rem; border-radius: 1rem; }