@font-face{font-family:"TCloudNumber";src:url("../../assets/fonts/TCloudNumber-Regular.ttf");} .banner-wrap{height:auto;position:relative;background-position:center center} .index-banner-top{margin:125px 0;z-index:99;position:absolute} .y-page-title-bg{width:100px;height:20px;background:linear-gradient(to right,#fff,#ffc107);display:inline-block;position:absolute;top:37%;left:22%;z-index:2} .center{text-align:center} .tpm-prod-hero__btn-group{margin-top:20px} .index-banner-top p,h1.banner-title{color:#fff;font-weight:600;margin-bottom:15px;font-size:38px;font-family:inherit;font-style:normal} img.products{width:1980px;height:338px} .tpm-prod-hero__btn{background:#0e52ff;box-shadow:8px 8px 20px 0 rgb(121 172 255 / 10%);color:#fff;min-width:136px;height:44px;font-size:16px;line-height:42px;-webkit-font-smoothing:auto;transition:all .3s ease-in-out;outline:0 none;cursor:pointer;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;display:inline-block;box-sizing:border-box;margin-right:20px;border:2px solid var(--theme-color-1);border-radius:4px} .tpm-prod-hero__btn--white{border:1px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);transition:all .3s ease-in-out;color:#fff;border-color:rgba(255,255,255,.6)} .index-banner-top ul>li button{float:left;padding:6px 35px;background:#fff;color:#3085de;border-radius:3px;font-weight:600;margin-left:0;margin-top:0;border:none;height:35.5px} .index-banner-top ul>li .contorl button{background:0 0;border:1px solid #fff;color:#fff;padding:5px 35px;margin-left:8px} .index-banner{width:1240px;margin:auto} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-pointer-events{touch-action:pan-y;height:338px} .container{/* width:1240px; */margin:0 auto;} .text-white{color:#000!important} .list_nome{display:none} .products-banner-buttons{width:930px;height:80px;margin-left:310px;margin-bottom:14px;padding:0 34px;background-image:url(../img/vendor/products-banner-bg.png);background-color:#fff;box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);border:1px solid #e1e6f0;box-sizing:border-box;font-size:0} .products-nav.fixed{position:fixed;top:80px} .column-header h2{font-size:20px;font-weight:500;margin-bottom:8px;color:#000} .column-header p{font-size:14px;color:#000} .column-header .column-pic{position:absolute;height:88px;bottom:10px;right:10px} .column-header{cursor:pointer;position:relative;padding:12px 24px 2px 24px;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;margin-bottom:10px;background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff} .products-banner-buttons .banner-desc{float:left;margin-top:28px;font-size:16px;color:#374567;line-height:24px;font-weight:700} .products-banner-buttons .banner-buttons{float:right;margin-top:22px} .products-wrap{margin:0 auto;padding-top:40px;height:auto;/* clear:both; *//* overflow:hidden */} .products-nav{float:left;width:268px;z-index:0;background:#fff;margin-bottom:50px} .products-nav>ul{border-right:1px solid #e1e6f0;box-sizing:border-box} .products-nav>ul li{position:relative;height:62px;padding:14px 0 14px 60px;line-height:32px;background:#fff} .products-secondary{position:relative!important;height:52px!important;padding:0 0 0 80px!important;line-height:52px!important;background:#f8f9fa!important} .product_second a{color:#9e9e9e!important;font-size:14px!important} li#open{background:linear-gradient(90deg,#0e52ff 0,#0e52ff 100%)} li#open:after{background:#0e52ff!important} li#open a{color:#fff;font-weight:700} .products-nav>ul li a{display:block;font-size:16px;color:#374567} li.second{height:auto!important;background:#fff!important} .product_second{border-bottom:1px solid rgb(25 28 61 / 4%);width:185px} .second .text-white{color:var(--theme-color-1)!important} .product_second.active a{color:var(--theme-color-12)!important;font-weight:700} .product_second a{font-size:14px!important} .products-nav>ul li:before{float:left;margin:0 0 0 -34px;width:6px;height:6px;border-radius:4px;content:"\e62c";font-family:kymb;display:block;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:18px;font-weight:700} .products-secondary:before{float:left;margin:23px 0 0 -34px!important;content:""!important;font-family:kymb;display:block;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:15px;color:#1039ff;left:0;background:#004bff;border-radius:2px!important} .products-secondary:before,li#open:before{content:"\e612";font-weight:700;font-size:20px;color:#fff} .products-nav>ul li:after{position:absolute;left:13px;bottom:0;display:block;content:'';width:231px;height:1px;background:#ebf0fc} .products-nav>ul li:last-child{border-bottom:none} .products-nav>ul li:last-child:after{content:none} .products-nav>ul li:hover{background:linear-gradient(90deg,rgba(235,240,252,0) 0,#ebf0fc 100%)} .products-nav>ul li.active{width:268px;border-right:2px solid #3860f4} .config-content-parent.product_card{float:right;width:100%} .col-sm-product{width:calc((100% - 47px)/ 3);margin-bottom:80px;margin-right:20px;display:inline-block;vertical-align:top} .product_card>div:nth-child(3n+3){margin-right:-12px} .smc-card.card-md:first-child{margin-left:0} .smc-card.card-md{padding-bottom:20px} .smc-card{position:relative;background:#fff;text-align:left;border: 1px solid #f9fafc;border-radius: 6px;background-color: #fff;box-shadow: 0 0 4px rgb(0 0 0 / 10%);} .smc-card:before{content:"";position:absolute;width:60px;height:4px;background: var(--theme-color-1);box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);border-radius:0 0 2px 2px;left:24px;} .smc-card .card-tag{position:absolute;top:16px;right:-1px;padding:2px 10px 2px 17px;background:linear-gradient(90deg,#f9faff 0,#ebf0fc 100%);border-radius:4px;font-size:12px;line-height:24px;font-weight:700;color:#3860f4;top:4px} a.button-base.button-yellowgradient.h34.no{background:linear-gradient(45deg,#ffcb84 0,#ffbc76 100%);color:#cc6a12;border:1px solid #ffa53d;text-shadow:0 .1em 0 #ffd7b4} a.button-base.button-yellowgradient.h34.no:hover{background:linear-gradient(45deg,#ffcb84 0,#ffbc76 100%);color:#cc6a12} a.button-base.button-yellowgradient.h34:hover{background: #004de6;color:#fff;} .smc-card .card-tag:before{position:absolute;top:12px;left:8px;content:'';width:4px;height:4px;background:linear-gradient(90deg,var(--theme-color-12) 0,#ebf0fc 100%);border-radius:2px} .smc-card.card-md .card-top{margin:0 24px;padding:36px 0 16px 0;border-bottom:1px solid #ebf0fc} .smc-card .card-bottom .bottom-wrap{border-top:1px solid #ebf0fc} .smc-card .card-top .title{font-size:18px;font-weight:700;line-height:32px;color:#374567} .smc-card .card-top .desc{display:inline-block;margin-top:4px;color:#7a8ba6;font-size:14px;line-height:28px} .smc-card.card-md .card-content{margin:0 24px;padding:16px 0 16px 0} .smc-card .card-bottom{bottom:0;width:100%} .card-content li{height:38px;line-height:25px;font-size:14px;list-style:none;} .smc-card.card-md .card-bottom .bottom-wrap.label-tags{height:82px;padding:26px 0 36px 0;margin:0 24px;} .smc-card .card-bottom .bottom-wrap .price-detail{display:inline-block;font-size:12px;color:#374567} .smc-card .card-bottom .bottom-wrap .price-detail .font-num{font-size:28px;color: var(--theme-color-1);font-weight:700;font-family:"TCloudNumber"!important;} .smc-card .card-bottom .bottom-wrap .price-detail .desc{display:inline-block;line-height:17px} a.button-base.button-radius-4.button-blueborder.h34-border.ml16{border:1px solid #3860f4;background:#fff;color:#3860f4;margin-right:20px} .button-base{display:inline-block;padding:0 24px;font-size:14px;box-sizing:border-box;border-radius:2px;transition:all .25s ease-in-out;height:34px;line-height:34px;float:right;background: var(--theme-color-1);color:#fff;} .original_price{font-size:13px;display:grid;color:#f10;font-weight:400;} .price-detaily{display:inline-block;font-size:12px;color:#374567;font-weight:400} .configoption_form{width:1240px;margin:auto;margin-top:50px} .card-back{background-color:#fff;border-radius:4px;box-shadow:rgba(0,0,0,.12) 0 0 1px 0,rgba(0,0,0,.12) 0 8px 12px -4px,rgba(0,0,0,.05) 0 4px 4px -2px,rgba(0,0,0,.08) 0 -2px 0 0 inset} .card-title-h4{height:60px} .title-h4{padding:0 20px;color:#0a1633;line-height:60px;font-weight:700} .configoption_total{padding:10px 20px;background-color:#fafafc} table.table.mb-5.mt-2.ordersummary tr{border-bottom:1px solid #eff2f7;margin:10px 0 10px 20px;height:35px;line-height:35px;color:#999!important} hr{border-top:0 solid rgba(0,0,0,.1)} .mobile-hide td.color-999{color:#202d40;font-size:15px;font-weight:800} td.font-weight-bold.text-dark.text-right{font-size:24px;font-weight:600;margin-right:8px;color:#3860f4!important} button#addToCartBtn{margin:0;box-sizing:border-box;border-radius:2px;text-align:center;text-decoration:none;cursor:pointer;outline:0;font-size:12px;white-space:nowrap;display:inline-block;vertical-align:middle;height:32px;line-height:32px;padding:0 12px;color:#fff;fill:#fff;border:none;background:linear-gradient(135deg,#6488fc 0,#3860f4 100%);box-shadow:#5c76e8 0 2px 4px -1px,rgba(0,0,0,.12) 0 -3px 0 0 inset,rgba(0,0,0,.12) 0 1px 0 0 inset;transition:width 0s ease 0s,height 0s ease 0s,border 0s ease 0s,background 0s ease 0s,color 0s ease 0s,fill 0s ease 0s,box-shadow .16s ease-out 0s} .btn-custom-group .active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{fill:#3860f4;background:#fff;border:1px solid #c3cad9;box-shadow:rgba(0,0,0,.12) 0 2px 3px 0,#e3e9ff 0 -2px 0 0 inset;color:#fff;background-color:#055cfe!important;border-color:#0c6bff!important} .bootstrap-select>.dropdown-toggle{border:1px solid #ced4da} .was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#fff} .bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#ced4da!important} .form-control.is-valid,.was-validated .form-control:valid{display:block;width:100%;padding:.47rem .75rem;font-size:.8125rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;background-image:url('data:image/svg+xml;	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=');background-position-y:50%;background-position-x:calc(100% - 11px);background-repeat:no-repeat;padding-right:24px} .cycle-select-discount{position:absolute;top:-10px;right:0;display:inline-block;padding:0 5px;height:15px;background:#f70302;border-radius:5px 5px 5px 0;color:#fff;font-size:12px;text-align:center;line-height:15px} .error-tip{color:#f46a6a;margin:0;padding:0;line-height:36px;display:none} input::-webkit-input-placeholder{color:#cacdd4!important} input:-moz-placeholder{color:#cacdd4!important} input::-moz-placeholder{color:#cacdd4!important} input:-ms-input-placeholder{color:#cacdd4!important} .btn-custom{width:72px;height:28px;border:#f0f0f0 1px solid;border-radius:4px;line-height:11px} .btn-custom-group .active{background-color:var(--theme-color-12);color:#fff} input[type=range]{background:#f1f3f8;outline:0;-webkit-appearance:none;height:4px;border-radius:3px} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:23px;background-color:#fff;cursor:pointer;border:4px solid var(--theme-color-12);border-top-width:5px;border-bottom-width:5px;border-radius:2px} input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:2px;height:15px;background-color:#fff;cursor:pointer;border:4px solid var(--theme-color-12);border-top-width:5px;border-bottom-width:5px;border-radius:2px} .range_none{position:absolute;height:3px;display:block;background:#dedede;cursor:not-allowed} .no-data{display:flex;align-items:center;justify-content:center;min-height:300px;margin-top:20px;background-color:#fff;box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);border:1px solid #e1e6f0;text-align:center} .empty p{background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;color:#9e9e9e;padding:10px 50px;font-size:14px} @media all and (max-width:768px){img.products{height:280px;width:120%} h1.banner-title{font-size:20px;margin-top:0;display:inline-block} .index-banner-top{margin:105px 0;z-index:99;position:absolute;padding:0 80px 0 20px} .index-banner-top p{text-align:left;font-size:14px;color:#ccc} h1.banner-title{font-size:20px;margin-top:0;display:inline-block;border-left:3px solid #ffc107;padding-left:14px} .products-gray-wrap{background:#f9faff;min-width:100%;padding:0 10px} .products-wrap{margin:0 auto;padding-top:40px;width:100%;min-width:100%;height:auto;clear:both;overflow:hidden} .products-nav{float:left;width:100%;z-index:0;background:#fff;margin-bottom:50px} .products-nav>ul li.active{width:100%;border-right:2px solid #3860f4} .products-nav>ul li:after{position:absolute;left:13px;bottom:0;display:block;content:'';width:90%;height:1px;background:#ebf0fc} .config-content-parent.product_card{width:100%;float:right} .col-sm-product{width:100%;margin-bottom:30px;margin-right:20px;display:inline-block;vertical-align:top} .no-data{margin-top:0} }