html{width: 100%;font-family: calibri;}
body,.wrap-content,article.customads{margin: 0 auto;background: #fff;transition: all 5000ms}
h1{font-size: 50px;}
h3{font-size:30px;margin:0 0 30px 0;background:linear-gradient(#00c1e8,#155a77);color:#fff;padding:10px 0;}
h1,h2,h3{text-transform:uppercase;}
.clearfix{clear: both;}
.to-left{float:left;}.to-right{float: right;}
header{max-width: 100%;}
a{text-decoration: none;}
img{max-width: 100%;border: 0;height: auto;vertical-align: middle;}
/* General Style */
.menu,.banner,.general-content,.wrap-produk,.konten-title,.konten-produk-lain,.alasan-title,.alasan-konten,.bungkus-keuntungan-tambahan-konten,.faq__container{max-width: 1100px;margin: 0 auto;}.up-padding{padding:40px 0 0 0;}.fivetop-padding{margin:5px 0;}
.wrap-wrap,.wrap-image,.for-margin-bottom,.for-margin,.for-padding{float: none;overflow: hidden}
.section-peralihan,.wrap-koper{background: #fff;}.wrap-image{margin:30px 0;}.left-padding{padding-left:20px;}
.for-margin-bottom{margin:0 0 40px 0;}.for-margin{margin:40px 0;}.for-padding{padding:40px 0;}
.for-white-bg{background:#fff;}.for-padding-all{padding:20px;}.go-center,ul.go-center,.cto-bellow .order-button-list,.keterangannya{text-align:center;}
.shadow-box{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);float:none;overflow:hidden;margin:5px;}
/*Menu*/
.wrap-menu{background: #fff;}.logo{max-width: 25%;padding: 5px 0;float: left}.logo img{max-width: 150px;}.menu-content{max-width: 75%;float: right;}
.menu{float:none;overflow: hidden;position: relative}
.menu-content ul{margin:0;padding: 0;}.menu-content ul li{list-style: none;float: left;padding:0;}.menu-content ul li a{text-decoration: none;padding: 20px 10px;font-size: 18px;line-height: 20px;color:#5D5F60;font-weight: bold;text-transform: uppercase;display: block;}
ul.primary-menu li a img{max-width: 20px;margin: 0 5px 0 0;}
/*banner*/
.wrap-banner{max-width: 100%;margin:0;padding: 0;position: relative;background: linear-gradient(#4054b2,#af1d70);}.banner{float:none;overflow:hidden;padding: 50px 0;}.title-desc{max-width: 65%;vertical-align: middle;padding: 40px 0;}.sampel-koper{max-width: 35%;text-align: center;}.sampel-koper img{max-width: 80%;}.sampel-koper img.at-banner{max-width:90%;}.title-desc h1,.title-desc p,.title-desc a{color:#fff;}.title-desc p,article .konveksi-tas .title-desc p{font-size: 18px;margin: 0 0 20px 0;}.cto-top,.cto-bellow{padding: 10px 0;}.link-produk,.link-wa{float: left;}.link-produk a{background: #5BC0DE;margin-right: 10px;}.link-wa{margin:9px 0 10px 0;}.link-wa a{background: #61CE70;}.link-produk a,.link-wa a{padding: 10px 20px;text-align: center;border-radius:5px;}.link-wa img{max-width: 25px;}.link-produk{position:relative;}#front-click{margin: 10px 0;}.cto-bellow{margin:20px 0;background:#FFD764;border: 2px dashed blue;}
/*Menu List Product*/
.cto-top{overflow:visible;}
label.name-list{margin:0 5px 0 0;}ul.lihat-produk li{list-style:none;padding:0;}label.name-list,ul.lihat-produk li a{color:#fff;display:block;padding: 10px 20px;background:#5BC0DE;color:#fff;border-radius:5px;}label.name-list{cursor:pointer;}input#show-list{display:none;}ul.lihat-produk{margin:0;padding:0;position:absolute;z-index:9;display:none;}ul.lihat-produk li a{margin:1px 0 0 0;}
input#show-list:checked ~ ul.lihat-produk{display:block;}
/* strongger-content */
.wrap-strongger{background: #8D24BA;padding: 10px 0;}article .konveksi-tas .wrap-strongger p,.wrap-strongger p,.keuntungan-title p,p.follow-title{color: #fff;text-align: center;font-size: 18px;margin: 0;padding: 0;}
/*Section Peralihan*/
.section-peralihan{margin: 0;padding: 40px 0;}
/*spesific-kontent*/
.spesific-kontent h2.fabric{text-align:center;}.spesific-kontent h2,p.begining{text-align:justify;margin: 20px 0 0 0;font-size:18px;}p.close-contact,p.big-one{text-align: center;margin: 0;}.spesific-kontent h2,h2{font-size:40px;}.spesific-kontent h2.koper-umroh{font-size: 35px;margin: 0 0 20px 0;}.spesific-kontent p,article .konveksi-tas .spesific-kontent p{font-size: 18px;margin-bottom:10px;}p.close-contact,article .konveksi-tas p.close-contact,p.big-one,article .konveksi-tas p.big-one{font-size: 38px;}p.big-one{font-weight: bold;text-transform: uppercase;}p.narasi{margin: 20px 0;}
/* p align with class */
.litle-desc h3#keunggulan-koper-fiber,.litle-desc h3#keunggulan-koper-kain{margin-top:0;}.about-umroh p,.litle-desc p{text-align:justify;padding: 0 0 0 10px;}.litle-desc p{padding:0;}.litle-desc ul{margin:0;padding:0;}.litle-desc ul li{margin:0 0 0 15px;font-size:18px;}
p.to-point,.to-point{margin:20px 0;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);float:none;overflow:hidden;}
/*Koper*/
.koper-section{background: #e6e6e6;padding: 0 0 40px 0;}.kontennya{background: #fff;border-radius: 10px;min-height: 485px;}.medium{min-height: 550px}.long{min-height: 600px}.for-image img{border-radius: 10px;}.
.wrap-image{margin: 30px 0;}.koper-title,.tas-title,.produk-lain-title,.bungkus-keuntungan-tambahan-title{padding: 15px 0;background: linear-gradient(#8d24ba,#6028ed);}.koper-title h2,.koper-title h3,.konten-title h3,.produk-lain-title h3,.wrap-alasan-title h2,.keuntungan-title h2,.bungkus-keuntungan-tambahan-title h3{text-align: center;font-weight: normal;color:#fff;font-size:26px;margin: 0;padding: 0;}.four-product{width: 25%;}.three-product{width: 33.333333%;}.four-product,.three-product,.five-product{float: left;}.four-product h4,.three-product h4,.four-product img,.three-product img,.for-image{text-align: center;}.for-space{padding: 0 5px;}.for-space p{text-align: center;}h4,.three-product h4{font-size:20px;margin: 10px 0;}.five-product{max-width:20%;}.wrap-alasan-title{background: linear-gradient(#00c1e8,#155a77);}.wrap-alasan-title h2{padding:10px 0;}
.bungkus-keuntungan-tambahan-konten ul{margin: 0;padding: 0;}.bungkus-keuntungan-tambahan-konten ul li{list-style: none;text-align: center;font-size: 18px;line-height: 2;}.bungkus-keuntungan-tambahan-konten ul li:last-child{margin: 0 0 20px 0;}.duo-product{max-width: 50%;float: left;}h2#gallery{font-size: 34px;}
.limowae{max-width: 20%;}.papatwae{max-width: 25%;}
.papatwae,.limowae{float:left;}
.detail-produk{padding: 20px 5px}.detail-produk ul{margin: 0; padding: 0;}.detail-produk ul li{list-style: none;text-align: center;margin: 0 0 10px 0;font-size: 14px;}.detail-produk ul li ul li{margin: 0;}
/* Tas */
.produk-lain-title p{color:#fff;text-align: center;margin: 0;font-size: 18px;}
p.orange{font-size: 28px;font-weight: bold;color:#ff6600}
p.profilenya{font-size:18px;}p.profilenya,h3.profilenya{text-align: justify}
h3.profilenya{font-size: 24px;}.pitungpuluh{max-width: 70%;}.telungpuluh{max-width: 30%;}.pitungpuluh,.telungpuluh{float: left;}.product-desc{max-width:100%;}
.tutupan{margin: 30px 0;border:2px dashed blue;padding: 20px 0;}
label.hamburger{font-weight: bold;font-size: 18px;display: none;}input#nav-check{display: none;}
iframe.yutub{width:560px;height:315px;}
/*FAQ*/
.faq__title{text-align:center;}h2.faq__title {color:#fff;background: linear-gradient(#00c1e8,#155a77);padding:10px 0;}.faq__container{border-bottom:1px dotted #202020;padding:10px 0;}.faq__container:last-child{border-bottom:none;}
article .konveksi-tas p.faq__question{font-weight:bold;font-size:20px;margin:0;}p.faq__answer{margin:5px 0 20px 0;}
/* */ input#nav-check:checked ~ .primary-menu{display: block;}
.highlight_me{padding:3px 5px;background:#eee;color:#444;}
/* Konveksi Tas */
article .konveksi-tas h1,h1.konveksi-tas{margin:0 0 20px 0;}
article .konveksi-tas p{font-size:16px;}
article .konveksi-tas .title-desc,.title-desc-konveksi-tas{padding:0;}
article .konveksi-tas .wrap-banner,.wrap-banner-konveksi-tas{background:#155A77;}
article .konveksi-tas ul.lihat-produk li{z-index:9;}
article .konveksi-tas .sampel-koper img.at-banner{max-width:100%;}
article .konveksi-tas .wrap-strongger{background:linear-gradient(#8d24ba,#6028ed)}
.fa{border:none;border-radius:25px;color:white;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-weight:normal;margin:5px;cursor:pointer;-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
.wa{background-color:#1AA32F;}
.telp{background-color:#000066;}
.sms{background-color:#4744F5;}
.tele{background-color:#1A8EC8;}
.order-button-list{margin:20px 0;display:block;position:relative;text-align:left;}
.order-button ul,.order-button-list ul{margin:0;padding:0;}
.order-button ul li,.order-button-list ul li{list-style:none;display:inline;}
.wa-size{margin:0 0 20px 0;}.wa-size,.fa{font-size:16px;}.order-button-list ul li a:hover{background:#757575;}
ul.produk-tas{margin:0;padding:0;}ul.produk-tas li{list-style:none;color:#fff;font-size:18px;}ul.produk-tas li span.fa{padding:0;border-radius:0;-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow:none;box-shadow:none;}.for-ketprod{padding:0 0 0 20px;}.other-detail-info{margin:20px 0;}
.ketprod{max-width:75%;float:left;}.ketprod .for-ketprod p,article .konveksi-tas .the-important .other-detail-info p{text-align:left;margin-top:0;}article .konveksi-tas .section-peralihan{padding:40px 0 0 0;}.keterangannya{padding:0 10px;}
ol.bahan{text-align:center;}ol.bahan li{list-style:none;font-weight:bold;}ol.bahan ul{margin:0 0 20px 0;padding:0;}ol.bahan ul li{font-weight:normal;list-style:none;}.ketprod ol,.ketprod ul,.other-detail-info ol,.for-howto ol,.for-howto ul{padding:0 0 0 20px;}.the-important{padding: 20px;}.wrap-image h3,h3#harganya,.wrap-wrap h3,article .konveksi-tas p.for-asi,.the-important p,article .konveksi-tas p.for-sfb{text-align:center;}.the-important h3{text-align:center;margin:20px 0;background:none;color:#000;}.blue-bg{background:#C1D5ED;}article .konveksi-tas .the-important p,article .konveksi-tas .for-howto p,.for-howto ol li,.for-howto ul li{font-size: 20px}.other-detail-info ol li{margin:0 0 10px 0;font-size:18px;}.for-howto li{margin:0 0 10px 0;}
.one-image{max-width: 65%;margin: 0 auto;}.keterangannya{margin: 10px 0 0 0;}.keterangannya p{margin: 0;}
.site-footer{background:#002d91;margin: 20px 0 0 0;padding: 0;}.copyright {text-align: center;margin-top: 25px;width: 100%;padding: 0 10px;}div.copyright p{font-size: 16px;}div.copyright p, div.copyright a{color:#fff;}
/* Floating Whatsapp */
.wa-animate{position:fixed;right:10px;bottom:5%;}
span.the-wa-text,span.whatsapp-logo,input#wa-text,label.text-for-wa{float:left;}
input#wa-text{display:none;}
label.text-for-wa{cursor:pointer;padding:5px 15px;font-size:14px;color:#fff;line-height:1.75;background:rgba(32, 150, 23, 1);border-radius:20px;text-align:center;}
span.whatsapp-logo{max-width:25px;margin-left:5px;}
.bungkus-title-wa{background:rgba(32, 150, 23, 1);border-radius:10px 10px 0 0;padding:20px 0;}
.description-wa-company,.description-wa-company p.centerkan{text-align:center;}
.description-wa-company{padding:0 10px;}
.description-wa-company p.centerkan{font-size:14px;color:#fff;margin:5px 0;}
.image-wa-company{max-width:100%;text-align:center;}
.image-wa-company img,.img-profile img{max-width:15%;}
.bungkus-list-admin{background:#209617;float:none;overflow:hidden;border-radius:0 0 10px 10px;padding:5px;}
.list-content-admin{padding:10px;border-bottom:1px solid #CDCDCD;}
.img-profile img{border:none;max-width:70%;}
.img-profile,.detail-status-admin,.wa-admin-status,.status-sign{float:left;}
.img-profile,.img-profile-dua,.img-profile-tiga{max-width:25%;}
.detail-status-admin{max-width:75%;}
.detail-status-admin p.admin-name{font-size:16px;font-weight:bold;}
.detail-status-admin p.admin-company-role, .admin-status p.onoff {font-size: 12px;}
.detail-status-admin p.admin-company-role,.admin-status p.onoff,.detail-status-admin p.admin-name{margin:0;padding: 0;line-height: 1.5;}
.admin-status{float:none;overflow:hidden;position:relative;}
.wa-admin-status{margin-right:5px;}
.status-sign{width:8px;height:8px;background:#52E348;border-radius:50%;margin-top:5px;}
a.lets-contact:hover{cursor:pointer;background:#EBEBEB;}
a.lets-contact{display:block;color:#000;}
.wrap-wa{position:fixed;bottom:0;right:20px;}
.the-wa-box{max-width:345px;position:fixed;right:10px;bottom:-100%;overflow-y:auto;transition:bottom 250ms ease-in-out}
#wa-text:checked + .the-wa-box{bottom:14%;}
/* Jika Ada tinggal di hapus saja & copy-paste ke a.lets-contact{display:block;color:#000;} untuk merubah display nya
a.lets-contact-dua,a.lets-contact-tiga{display:none;visibility:hidden;}*/
.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.to-top{position: fixed;bottom: 30px;left: 20px;text-align: center;background:rgba(36, 45, 56, 0.75);}
.to-top a{color:#fff;font-size: 12px;padding: 10px;display: block;}
/* Form WA */
p.frm span.fLabel{margin:0px;padding:0px;text-align:left;font-size:14px;font-family:sans-serif;text-align:center;line-height:1.4;color:#222;}input.f_{border:1px solid #777;font-size:12px;color:#444;padding:5px 14px;border-radius:5px;text-align:center;background:#fff;}#btn_submit,#btn_submit_dua,#btn_submit_tiga{background:#209617; color:#f1f1f1;    cursor:pointer;}#txtNama,#txtPhone,#txtJmlOrder,#txtAlamat,#txtPesan,#txtNamaDua,#txtPhoneDua,#txtJmlOrderDua,#txtAlamatDua,#txtPesanDua,#txtNamaTiga,#txtPhoneTiga,#txtJmlOrderTiga,#txtAlamatTiga,#txtPesanTiga{margin:5px 0;}#txtJmlOrder,#txtPesan,#txtJmlOrderDua,#txtPesanDua,#txtJmlOrderTiga,#txtPesanTiga{padding:5px 12px;border-radius:5px;max-width:80%;}.form_submit{text-align:center;background: #fff;padding: 10px 0;border-radius: 10px;}p.frm{margin:5px 0px;padding:0px;}
/* RESPONSIVE */
@media screen and (max-width:900px){
    h3{margin:0 0 20px 0;}article .konveksi-tas .title-desc p{line-height:1.5;}
.order-button-list{text-align:center;}.order-button-list ul li{display:list-item;margin:0 0 5px 0;}.fa{display:list-item;}.wa-size,.fa{font-size:14px;}ul.produk-tas li span.fa{display:inline;}.order-button-list ul li a{margin:0 0 10px 0;}
ul.produk-tas{max-width:65%;margin:0 auto;clear:both}.ketprod ol,.ketprod ul{text-align:left;}
    article .konveksi-tas .up-padding{padding:0;}.ketprod{margin:20px 0;}.other-detail-info{margin:0;}
.logo,.menu-content,.to-left,.to-right{float: none;}.logo,.menu-content,.ketprod,.papatwae{text-align: center;max-width: 100%;}.menu{padding: 10px 0;}.logo img{max-width: 90px;}.wrap-image{padding:0 10px;}.for-ketprod{padding:0;}.papatwae{float:none;}
.four-product{width: 50%;}.three-product{width: 100%;}.four-product,.three-product{margin: 0 0 20px 0;}
.pitungpuluh,.telungpuluh,.five-product{float: none;max-width: 100%;}
.limowae{max-width: 50%;float:left;}
.menu-content ul li{float:none;display:inline-block;}
label.hamburger{display: block;}
.primary-menu,input#nav-check{display: none;}
input#nav-check:checked ~ .primary-menu{display: block;}
.banner{padding: 20px 10px;}.sampel-koper,.title-desc,.one-image{max-width: 100%;}.title-desc h1,.title-desc p{text-align: center;}
iframe.yutub{width: 100%;}
.link-produk,.link-wa{float: none;text-align: center;}.link-wa{margin: 25px 0 0 0;}label.name-list,.link-produk{margin-right: 0;}
.title-desc to-left{padding:0 0 40px 0;}.litle-desc{padding:0 10px;}
h1{margin:0 0 20px 0;}.kontennya,.medium,.long{min-height: 100%;}.about-umroh p{padding: 0 10px;margin:10px 0;}.for-margin-bottom{margin:0;}.telungpuluh{text-align:center;}ul.lihat-produk{position:relative;margin:21px 0 0 0;}label.name-list,ul.lihat-produk li a,.link-produk a{display:inline;}ul.lihat-produk li{margin:0 0 21px 0;}
p.begining{padding:0 10px;}.wrap-wrap{padding:0 10px;}.the-important{padding:20px 10px;}article .wrap-wrap p:nth-of-type(1){text-align:center;}article .konveksi-tas p.faq__question,article .konveksi-tas p.faq__answer{text-align:left;}
}
@media screen and (max-width:576px){
    .four-product{width:100%}
    .duo-product,.limowae{max-width: 100%;float: none;margin: 0 0 5px 0;}
    
}

/*Unicode*/
.money{font-size:75px;}