/* --- Fonts --- */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
font-family: 'Geomanist';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Regular.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Black';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Black.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Bold';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Bold.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Book';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Book.woff') format('woff');
}
@font-face {
font-family: 'Geomanist ExtraLight';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-ExtraLight.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Light';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Light.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Medium';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Medium.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Thin';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Thin.woff') format('woff');
}
@font-face {
font-family: 'Geomanist Ultra';
font-style: normal;
font-weight: normal;
src: url('./../fonts/Geomanist-Ultra.woff') format('woff');
}
/* --- Fonts end --- */
/* --- Initial --- */
body {
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeSpeed;
    background: #fff;
    color: #121212;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;
    font-size: 14px;
    line-height: 1.5;
	box-sizing: border-box;
    margin: 0;
    min-height: 100vh;
	max-width: 100%;
    padding: 0;
    scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
input[type="text"], input[type="url"], input[type="email"], input[type="tel"], textarea {
    box-sizing: border-box;
    padding: 6px 8px;
    border: 1px solid #aaa;
    border-radius: 3px;
    color: #444;
    background-color: #fff;
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6, strong, th, 
.comment-form .logged-in-as a, 
.tribox.widget_text .wgtttl {
    font-family: 'Geomanist Book';
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
}
.ctt h2, .ctt h3, .ctt h4, .ctt h5, .ctt h6 {
    margin-bottom: 2px;
}
strong, th {
    font-family: 'Geomanist';
    font-weight: normal;
}
.btn, button, 
input[type=button], input[type=submit] {
    font-family: 'Geomanist Bold';
    font-weight: normal;
    border-width: 0px;
    padding: 8px 16px;
    border-radius: 3px;
	background-color: rgb(204, 41, 46);
    color: #fff;
	letter-spacing: 1px;
}
iframe {
    max-width: 100%;
}
img {
/*	max-width: 100%;
	height: auto; */
}
.hdrlgo, .mnubar, 
.gallery .gallery-item, 
.forbox.widget_media_image, 
.tribox.widget_media_image, 
.pslimg, .pslimg figure, .pslimg figure img, 
.kslbnr > a, .kslbnr img, 
.ktgpdl.widget_media_image, .ktgpdl > a, .ktgpdl img, 
.dftmrk, .dftmrk > a {
	line-height: 0;
}
a {
    transition: 0.25s;
	text-decoration: none;
	color: inherit;
}
.bcm a, .mta a, .ftrone a, .cmt a, .pos .ctt p a, .pos .ctt .product_meta a {
    color: rgb(34, 93, 178);
}
.pos .ctt a:not(.woocommerce-LoopProduct-link) {
    /* color: rgb(34, 93, 178); */
}
a:hover, a:focus {
	color: #2f78cf;
}
.btn, button, 
input[type=button], input[type=submit] {
	transition: 0.25s;
}
.bckwrp .btn {
    display: inline-block;
}
.btn:hover, .btn:focus, 
button:hover, button:focus, 
input[type=button]:hover, input[type=button]:focus, 
input[type=submit]:hover, input[type=submit]:focus {
	cursor: pointer; 
	background-color: rgb(224, 61, 66);
}
/* --- Initial end --- */
/* --- Warna --- */
.clrtv1 {
	color: #03ac0e;
}
.clrtv1lt1 {
	color: #2f78cf;
}
.clrtv1lt2 {
	color: #ded;
}
.clrtv1lt3 {
	color: #efe;
}
.clrtv1dk1 {
	color: #009700;
}
.clrtv2 {
	
}
.clrbv1 {
	background-color: #03ac0e;
}
.clrbv1lt1 {
	background-color: #2dd638;
}
.clrbv1lt2 {
	background-color: #ded;
}
.clrbv1lt3 {
	background-color: #efe;
}
.clrbv1dk1 {
	background-color: #009700;
}
.clrbv2 {
	
}
/* --- Warna end --- */
/* --- Whatsapp Fixed Button --- */
.wapfix{
	position: fixed;
	bottom: 18px;
	left: 18px;
	-webkit-animation: goyang 6s infinite;  /* Safari 4.0 - 8.0 */
    animation: goyang 6s infinite;
	z-index: 3;
}
@-webkit-keyframes goyang {
      0% {transform:scale(1.0, 1.0);}
     46% {transform:scale(1.0, 1.0);}
     50% {transform:scale(1.3, 1.3);}
     54% {transform:scale(1.0, 1.0);}
    100% {transform:scale(1.0, 1.0);}
}
@keyframes goyang {
      0% {transform:scale(1.0, 1.0);}
     46% {transform:scale(1.0, 1.0);}
     50% {transform:scale(1.3, 1.3);}
     54% {transform:scale(1.0, 1.0);}
    100% {transform:scale(1.0, 1.0);}
}
/* --- end of Whatsapp Fixed Button --- */
/* --- Layout --- */
.show{display:initial !important;}
.hide{display:none !important;}
.wrp {
    max-width: 1200px;
	box-sizing: border-box;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.wrp, .ctrele, 
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
}
.absmid {
	position: relative;
}
.absmid > * {
    position: absolute;
    left: 50%;
    top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
    max-width: 100%;
}
.ilvmid > *{
	display:inline-block;
	vertical-align:middle;
	line-height: 1;
}
.ilvtop > *{
	display:inline-block;
	vertical-align: top;
}
.flex, .gallery {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.nowrap {
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.flxcolrev{
	-webkit-flex-direction:column-reverse;
	-moz-flex-direction:column-reverse;
	-ms-flex-direction:column-reverse;
	flex-direction:column-reverse;
}
.flxcol{
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
.flex .ordone{
	-webkit-order:1;
	-moz-order:1;
	-ms-order:1;
	order:1;
}
.spcbtwn {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.spcarnd{
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.flxctr, .gallery {
	-webkit-justify-content: center;
    justify-content: center;
}
.flxend {
	-webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.bseitm {
	-webkit-align-items:baseline;
    align-items: baseline;
}
.ctritm, .gallery {
	-webkit-align-items:center;
	align-items:center;
}
.enditm{
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.topitm{
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.stcitm{
	-webkit-align-items:stretch;
	align-items:stretch;
}
.vmid{
	top:50%;
	transform:translateY(50%);
	position:absolute;
}
/* --- WP Gallery --- */
.gallery .gallery-item {
    text-align: center;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 20px 0px;
    box-sizing: border-box;
}
.gallery .gallery-item img {
    max-height: 200px;
    width: auto;
	box-sizing: border-box;
}
.triperfor{width:calc(75% - 1.5vw);}
.oneperfor{width:calc(25% - 1.5vw);}
.twopertri{
	/* width:calc(66% - 1.5vw); */
	-webkit-flex: 0 0 66.6666666667%;
	-moz-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.gallery-columns-2 .gallery-item, .half-max{width:50%;}
.half{width:calc(50% - 1.5vw);}
.gallery-columns-3 .gallery-item {width: 33%;}
.onepertri{    
	/* width:calc(33% - 1.5vw); */
	-webkit-flex: 0 0 33.3333333333%;
    -moz-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery-columns-5 .gallery-item {width: 20%;}
.gallery-columns-6 .gallery-item {width: 16.5%;}
.gallery-columns-7 .gallery-item {width: 14.2%;}
.gallery-columns-8 .gallery-item {width: 12.5%;}
.gallery-columns-9 .gallery-item {width: 11%;}
.gallery-columns-10 .gallery-item {width: 10%;}
.ctt > .wp-video {
    margin-left: auto;
    margin-right: auto;
}
/* --- end WP Gallery --- */
/* --- Meta --- */
.comment-metadata, .commentlist .reply, .breadcrumbs, .mta, .ftrbtm, 
.comment-form .logged-in-as, .comment-notes, 
.comment-form .comment-form-cookies-consent, .comment-form label, .dte, .wpcf7-form label, .product_meta {
	font-size: 12px;
}
.comment-metadata, .commentlist .reply, .breadcrumbs, .mta, .ftrbtm, 
.comment-form .logged-in-as, .comment-notes, 
.comment-form .comment-form-cookies-consent, .dte, .product_meta {
    color: #484c52;
}
/* --- Meta end --- */
/* --- Table --- */
table.tabel {
    border-collapse: collapse;
    margin-bottom: 30px;
    margin-top: 10px;
	max-width: 100%;
}
table.tabel td {
    vertical-align: baseline;
}
table.tabel td, table.tabel th {
    border: 1px solid #999;
	padding: 10px 10px;
}
table.tabel th {
    font-family: 'Geomanist Bold';
    font-size: 15px;
}
/* --- Table end --- */
/* --- Layout end --- */
/* --- Header --- */
body > header {
    position: fixed;
	top: 0;
    width: 100%;
	z-index: 1000;
}
body > header.aktif {
    background-color: rgba(0,0,0,0.33);
	height: 100%;
}
.hdrmid {
	background-color: #092c52;
	color: #fff;
	padding: 8px 0px;
}
.hdrlgo img {
    padding: 1px 1px;
    margin: 1px 1px;
    max-height: 50px;
}
.mnubar:hover, .mnumancls:hover {
    cursor: pointer;
}
.mnubar img {
    background-color: #0f2644;
	color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
}
.mnubar, .hdrlgo {
    margin-right: 15px;
}
body.logdin.usr-1 .hdrlgo img {
	/* display: none; */
}
/* --- Search form --- */
.wscwrp {
    margin-left: auto;
}
.wscwrp form.searchform input[type=submit]#searchsubmit:hover, 
.wscwrp form.searchform input[type=submit]#searchsubmit:focus {
	cursor: pointer; 
	background-color: rgb(224, 61, 66);
}
.wscwrp form.searchform input[type=submit]#searchsubmit {
	background: url(./../img/cari.png) no-repeat center center;
	background-size: 18px 18px;
	background-color: rgb(204, 41, 46);
    border-width: 0px;
    color: #fff;
	padding: 1px 20px;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.wscwrp form > div {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
	align-items: stretch;
    -webkit-justify-content: center;
    justify-content: center;
}
.wscwrp form.searchform input[type=text]#s {
    padding: 10px 10px;
    font-size: 1em;
    line-height: 1.4;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	border-top-right-radius: 0px; 
	border-bottom-right-radius: 0px; 
	border-width: 0px;
}
/* --- Main menu --- */
.mnumanvsb {
    height: 360px;
    position: relative;
}
header.aktif .mnumanvsb {
	display: inline-block;
}
header:not(.aktif) .mnumanvsb {
	display: none;
}
.mnumancls {
    background-color: rgb(245,247,250);
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	text-align: center;
}
.mnuman {
    display: inline-block;
	background-color: rgb(245,247,250);
    height: 100%;
    width: 240px;
    max-width: 100%;
    box-shadow: -7px 7px 10px -7px rgba(1,1,1,0.75);
    border-bottom-left-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden auto;
}
.mnuman > .menu-item {
    list-style: none;
    display: flex;
	display: -webkit-flex;
    flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
    align-items: start;
	-webkit-align-items: start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
	padding: 5px 5px 5px 5px;
}
.mnuman > .menu-item.aktif {
    background-color: #fff;
}
.mnuman > .menu-item > a {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.mnuman > .menu-item > a > ._mi._image {
    max-width: 20px;
    height: auto;
    padding-top: 1px;
}
.mnuman .ddwtgl {
    display: none;
}
.mnuman > .menu-item:not(.aktif) > .sub-menu {
    display: none;
}
.mnuman > .menu-item > .sub-menu {
    position: absolute;
    left: 240px;
    top: 0;
    background-color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    width: 600px;
    height: 100%;
    flex-wrap: wrap;
    box-shadow: 7px 7px 10px -7px rgba(1,1,1,0.5);
    border-bottom-right-radius: 5px;
	overflow: hidden auto;
}
.mnuman .sub-menu .menu-item {
    list-style: none;
}
.mnuman .sub-menu {
    padding-left: 0;
}
.mnuman .sub-menu .sub-menu {
    padding: 6px 1px 1px 6px;
}
.mnuman > .menu-item > .sub-menu > .menu-item {
    width: 50%;
	padding: 6px 12px 1px 12px;
    box-sizing: border-box;
}
.mnuman > .menu-item > .sub-menu > .menu-item > a {
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: block;
	font-weight: 700;
	padding-bottom: 4px;
	height: 19px;
    overflow: hidden;
}
.mnuman > .menu-item > .sub-menu > .menu-item .ddwtgl {
    display: none;
}
.mnuman > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item {
    margin-bottom: 6px;
}
.mnumanwrp {
    margin-top: -41px;
}
/* --- Main menu end --- */
/* --- Top submenu --- */
.mnubtmwrp, .mnubtm .sub-menu {
    background-color: #092c52;
    color: #fff;
}
.mnubtmwrp, .mnubtm > .menu-item > .sub-menu, .mnubtm > .menu-item {
	border: 0px solid #071930;
}
.mnubtmwrp, .mnubtm > .menu-item > .sub-menu {
    border-top-width: 1px;
}
.mnubtm.wrp {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.mnubtm .menu-item:not(:hover) .sub-menu, 
.mnubtm .menu-item:not(.menu-item-has-children) > .ddwtgl {
    display: none;
}
.mnubtm .ddwtgl {
    float: right;
    top: 6px;
	right: -10px;
    position: relative;
	transition: 0.5s;
}
.mnubtm > .menu-item {
	position: relative;
	padding: 10px 20px;
	box-sizing: border-box;
	border-left-width: 1px;
    min-width: 113px;
    font-family: 'Geomanist Bold';
    letter-spacing: 0.5px;
	text-align: center;
	white-space: nowrap;
}
.mnubtm > .menu-item > .sub-menu {
    font-family: 'Geomanist';
    font-size: 13px;
	text-align: initial;
}
.mnubtm > .menu-item:first-child {
    border-left-width: 0px;
}
.mnubtm > .menu-item:hover, 
.mnubtm > .menu-item > .sub-menu {
    background-color: #001c3b;
}
.mnubtm .sub-menu {
    position: absolute;
    margin-top: 0px;
    min-width: 320px;
    padding: 16px 25px 20px 25px;
    left: -50%;
	top: 41px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
	box-shadow: 0px 10px 10px -5px rgba(1, 1, 1, 0.75);
	max-height: 300px;
    overflow-y: scroll;
}
.mnubtm > .menu-item > .sub-menu > .menu-item {
    padding: 10px 10px;
}
.mnubtm .menu-item .sub-menu > .menu-item-has-children > .sub-menu {
    display: initial;
    position: initial;
    left: 0px;
    top: 0px;
    border-radius: unset;
    box-shadow: unset;
    overflow: unset;
    background-color: unset;
    padding: 0px;
}
.mnubtm .menu-item .sub-menu > .menu-item-has-children > .sub-menu > .menu-item {
    list-style: circle;
    margin-left: 24px;
    list-style-position: initial;
	padding: 5px 0px;
}
.mnubtm .menu-item .sub-menu > .menu-item-has-children > .sub-menu > .menu-item:first-child {
    margin-top: 5px;
}
.mnubtm .sub-menu > .menu-item-has-children:not(:hover) > .sub-menu {
    display: none;
}
.mnubtm .sub-menu > .menu-item-has-children:hover > .ddwtgl, 
.mnubtm > .menu-item:hover > .ddwtgl {
    rotate: -180deg;
}
/* --- Top submenu end --- */
/* --- Header end --- */
/* --- Breadcrumb --- */
.bcm {
    margin-bottom: 20px;
}
/* --- Breadcrumb end --- */
/* --- Footer --- */
body > footer {
    background-color: #f5f7fa;
    border-top: 1px solid #e3e5e8;
    padding-top: 48px;
    padding-bottom: 5px;
}
.wgtftr {
    margin-bottom: 24px;
}
.wgtftr > * {
    margin-bottom: 14px;
}
.ftrcol {
    width: 25%;
    padding: 1px 5px 1px 5px;
    box-sizing: border-box;
}
.wgtftr .wgtttl {
    margin-top: 0px;
    font-family: 'Geomanist Bold';
    font-size: 14px;
}
.wgtftr.widget_nav_menu .menu-item {
    list-style: none;
	margin-bottom: 10px;
}
.wgtftr.widget_nav_menu ul.menu {
    padding-left: 0px;
    margin-top: 0px;
}
.menu-social-media-container > .menu {
    display: -webkit-flex;
	display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.menu-social-media-container > .menu .menu-item {
    margin-right: 10px;
}
.wgtftr .menu-item {
    color: #484c52;
}
.ftrpvc {
    text-align: center;
}
.ftrpvc p {
    margin-top: 0px;
}
.wgtftr .textwidget, .wgtftr .textwidget p {
    color: #60656b;
    font-size: 10px;
    margin-top: 0px;
}
.wgtftr .textwidget {
    padding-right: 50px;
}
.ftrrow .widget_nav_menu .menu .menu-item {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 12px;
    color: #aaa;
}
.ftrrow .widget_nav_menu .menu .menu-item:first-child {
    padding-left: 0px;
}
.ftrrow .widget_nav_menu .menu .menu-item:after {
    content: " -";
}
.ftrrow .widget_nav_menu .menu .menu-item:last-child:after {
    content: "";
}
.ftrrowwrp hr {
    margin-bottom: 24px;
    border: 0px solid #fff;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-top-color: #e3e5e8;
}
/* --- Footer end --- */
/* --- Woocommerce --- */
/* --- Single Product --- */
.dsclbl {
	color:#e03d42;
}
.prddcn form.cart {
    display: none;
}
.woocommerce-product-details__short-description, 
.product_meta {
    margin-bottom: 2em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    border: 1px solid #eee;
	border-radius: 9px;
	box-sizing: border-box;
}
.woocommerce-product-gallery__image img {
    padding: 10px;
	box-sizing: border-box;
}
.woocommerce div.product div.images .flex-control-thumbs {
    /*display: -webkit-flex;
	display: -moz-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;*/
    position: relative;
	margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 0px 4px 8px 4px;
    padding: 5px;
	width: 25%;
	width: -webkit-calc(25% - 6px);
    width: calc(25% - 6px);
	position: static;
	display: block; 
	/*float: none;*/
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
	margin-left: 0px;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n) {
	margin-right: 0px;
}
.product_meta > *, .txo > *, .mta .dte {
    border-right: 1px solid #ccc;
    padding-right: 6px;
    padding-left: 5px;
    vertical-align: middle;
}
.product_meta > *:last-child, .txo > *:last-child {
    border-width: 0px;
	padding-right: 0px;
}
.product_meta > *:first-child, .mta .dte {
    padding-left: 0px;
}
.product_meta > span, .txo > span {
    font-weight: 600;
}
.product_meta > span > *, .txo > span > * {
    font-weight: normal;
}
.pos .woocommerce .single-product .woocommerce-tabs .wc-tabs, 
.pos .woocommerce div.product .woocommerce-tabs .panel {
	margin-left: 10px;
    margin-right: 10px;
}
.pos .woocommerce .single-product .woocommerce-tabs .wc-tabs {
    margin-bottom: 0;
}
.pos .woocommerce div.product .woocommerce-tabs .panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    padding: 30px;
    overflow: hidden;
}
.pos .woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-top-width: 3px;
}
.pos .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-top-color: #ed1c24;
}
.prdhltitm {
    margin: 100px -30px;
}
.prdhltitmtxt {
    padding: 0px 30px;
	box-sizing: border-box;
}
.prdhltitmimg {
    overflow: hidden;
    line-height: 0;
}
.prdhltitmimgglr {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.prdhltitmimgglr > * {
    width: 360px;
    align-items: center;
    margin: 0px 5px 10px 5px;
}
.hsafcn > img {
    max-width: 320px;
    margin: 0px 10px;
}
.hsahltitm {
    max-width: 320px;
    margin: 0px 10px;
}
/* --- Single Product end --- */
/* --- Archive Product --- */
.woocommerce .woocommerce-ordering {
    margin-bottom: 3em;
}
.pctbdy .pgettlwrp {
    margin-bottom: 3em;
}
/* --- Archive Product end --- */
/* --- Woocommerce end --- */
/* --- Widget --- */
.bnrmanwrp, .dftpdkstuwrp, .bnrfulwrp, .forboxwrp, .triboxwrp, .kslbnrwrp, .ktgpdlwrp, .dftmrkwrp, .potflowrp, .grdwrp, .grditm, .schnav, .blgkslwrp {
    margin-bottom: 50px;
}
.ktgicomanwrp {
	margin-bottom: 30px;
}
.ktgicomanwrp > .wrp {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
	justify-content: space-around;
    -webkit-align-items: baseline;
    align-items: baseline;
}
.ktgicoman {
    box-sizing: border-box;
}
.ktgicoman.widget_media_image {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.ktgicoman.widget_media_image > a {
    line-height: 1;
}
.ktgicoman.widget_media_image > a > img {
    width: 56px;
	height: 56px;
}
.ktgicoman.widget_media_image .wgtttl {
    font-weight: normal;
    font-size: 12px;
    font-family: 'Geomanist';
    margin-bottom: 0px;
    padding: 1px 5px 1px 5px;
    line-height: 1.1;
}
/* --- Grid --- */
.grditmttl {
    margin-bottom: 0px;
}
.grditm {
    max-width: 50%;
    box-sizing: border-box;
    text-align: center;
	padding: 1px 10px;
}
.grditm img {
    max-width: 100%;
    height: auto;
	width: 100%;
}
.forboxwrp > .wrp, .triboxwrp > .wrp, 
.ktgpdlwrp > .wrp, .potflo .psl {
    display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
}
.ktgpdlwrp > .wrp, .potflo .psl {
    -webkit-justify-content: center;
	justify-content: center;
}
.tribox {
	text-align: center; 
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.forbox.widget_media_image, 
.tribox.widget_media_image {
    padding: 1px;
    box-sizing: border-box;
}
.forbox.widget_media_image {
    width: 23%;
	width: -webkit-calc(25% - 23px);
	width: calc(25% - 23px);
	border-radius: 15%;
    overflow: hidden;
    box-shadow: 5px 5px 9px -3px rgba(1,1,1,0.9);
    padding: 0px;
}
.tribox.widget_media_image {
    width: 31.4%;
	width: -webkit-calc(33% - 20px);
	width: calc(33% - 20px);
	width: 25%;
	width: -webkit-calc(25% - 20px);
	width: calc(25% - 20px);
}
.potflo .pslitm {
    width: 120px;
    margin: 0px 10px 20px 10px;
    box-sizing: content-box;
}
.tribox.widget_media_image img {
    margin-bottom: 10px;
}
.potflo .pslimg figure.absmid {
    min-width: 120px;
    height: 120px;
}
.forbox.widget_text, .tribox.widget_text, .ktgpdl.widget_text, .ktgicoman.widget_text {
    width: 100%;
	padding: 1px;
}
.forbox img, .tribox img {
    width: 100%;
}
.ktgpdl.widget_media_image {
    width: 20%;
}
.ktgpdl.gpostlist_class {
    width: 79%;
}
.grdimg {
    margin-bottom: 5px;
}
.grdtxt {
    text-align: center;
}
.potflo .psl {
    -webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-x: scroll;
	-webkit-justify-content: unset;
	justify-content: unset;
	-webkit-align-items: start;
	align-items: start;
}
.relwrp .grdtxt {
    text-align: left;
}
.relwrp .grditmttl {
    font-weight: 400;
    font-size: 13px;
    color: #444;
}
.relwrp .grditmttl:hover, 
.relwrp .grditmttl:focus {
    color: inherit;
}
/* --- Grid end --- */
/* --- Slider --- */
.lSSlideWrapper .lightSlider {
    height: auto !important;
}
.grdmor {
    display: none;
}
section .woocommerce ul.products li.product img {
    /* border: 1px solid #ddd; */
    /* background-color: #f6f6f6; */
    box-sizing: border-box;
	/* margin-bottom: 0px; */
}
section .woocommerce ul.products li.product .button {
    margin-top: 3px;
}
section .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
section .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
section .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
section .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) section .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) section .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) section .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) section .woocommerce input.button {
	/* font-size: 80%; */
}
section .woocommerce ul.products li.product .woocommerce-loop-category__title, 
section .woocommerce ul.products li.product .woocommerce-loop-product__title, 
section .woocommerce ul.products li.product h3 {
	line-height: 1.2;
}
.dftpdksld .psl .woocommerce-loop-product__title {
    max-height: 44px;
    overflow: hidden;
}
.woocommerce .lSSlideWrapper ul.products li.product, .woocommerce-page .lSSlideWrapper ul.products li.product {
    margin-bottom: 0px;
}
.ktgpdlwrp > .wrp {
    align-items: start;
}
.ktgpdl .lSSlideOuter {
    margin-left: 30px;
}
.wgt.dftmrk * {
    margin-bottom: 0px;
}
.dftmrk {
    margin: 0px 20px;
    width: 80px;
}
.dftmrk img {
    margin-left: auto;
    margin-right: auto;
}
.dftpdksld .pslwrp {
    padding-left: 10px;
    padding-right: 10px;
}
.dftpdksld.lightSlider .psl {
    display: -webkit-box;
    display: -webkit-inline-box;
    display: inline-flex;
    display: -webkit-flex;
    display: flex;
}
.psl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.blgksl .psl {
	display: inline-block;
}
.dftpdk .psl .dte, .ktgpdl .psl .dte, .grddte {
    display: none;
}
.pslitm {
	text-align: center;
}
.blgksl .psltxt {
    text-align: left;
	padding: 1px 3px;
}
.blgksl .dte, .potflo .dte {
    margin-bottom: 2px;
    display: block;
}
.pslimg {
    margin-bottom: 3px;
}
.potflo .pslimg {
    margin-bottom: 0px;
}
.pslimg figure {
    margin: 0px 0px 5px 0px;
	box-sizing: border-box;
}
.blgksl .pslimg, .blgksl .pslimg figure {
	margin-bottom: 0px;
}
.pslimg figure.absmid {
	overflow: hidden;
    width: 100%;
    height: 150px;
}
.blgksl .pslimg figure.absmid {
    height: 158px;
}
.pslitmttl, .tribox.widget_media_image .wgtttl {
    margin-top: 0px;
    font-weight: normal;
    font-family: 'Geomanist Book';
    margin-bottom: 0px;
    line-height: 1.1;
	height: 32px;
    overflow: hidden;
}
.psllnk {
    font-family: 'Geomanist';
    font-size: 12px;
    color: rgb(34, 93, 178);
}
.dftpdk .wgtttl, .bnrful .wgtttl, .forbox .wgtttl, .ksljdl .wgtttl, .ktgpdl .wgtttl, .dftmrkjdl .wgtttl, .potflo .wgtttl, .blgksl .wgtttl, 
.tribox.widget_text .wgtttl, .ktgicoman.widget_text .wgtttl, .ktgicottl .wgtttl {
    font-size: 20px;
    border-bottom: 1px solid rgb(227, 229, 232);
    padding-bottom: 10px;
}
.tribox.widget_text .wgtttl {
	text-align: left; 
	display: block; 
}
.dftpdk .wgtttl, .potflo .wgtttl, .blgksl .wgtttl {
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
	align-items: center;
}
.potflo .pslitmttl {
    margin-top: 10px;
}
.lSSlideOuter .lSPager.lSpg, .potflo .dte {
	display: none;
}
.cs-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.kslbnr, .dftmrk {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
	text-align: center;
}
.kslbnr, .blgksl .pslitm {
	width: 240px;
}
.kslbnr .wgtttl, .dftmrk .wgtttl {
    margin-top: 0px;
    text-align: center;
    font-weight: normal;
    font-family: 'Geomanist';
    font-size: 12px;
    margin-bottom: 1px;
    line-height: 1.1;
    height: 26px;
    overflow: hidden;
	display: none;
}
.kslbnr img, .dftmrk > a {
    margin-bottom: 5px;
}
.dftmrk > a > img {
	margin-bottom: 10px;
}
/* --- Slider end --- */
.bnrful img {
    width: 100%;
}
.bnrman .ms-skin-default .ms-nav-prev, .bnrman .ms-skin-default .ms-nav-next {
    opacity: 0.5;
}
.widget_gtranslate, .widget_gtranslate * {
    z-index: 1 !important;
}
.ctt > .yarpp {
    margin-top: 100px;
	margin-bottom: 50px;
}
.ctt > .yarpp > ol, .ctt > .yarpp > ul {
    margin-top: 1px;
}
/* --- Widget end --- */
/* --- Pages --- */
body > section {
    margin-top: 111px;
	padding-top: 1px;
}
.cttpge {
	margin-bottom: 19px;
    margin-top: 19px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.fpg .cttpge {
    margin-bottom: 49px;
    margin-top: 49px;
}
.cttdsctgl img {
    transition: 1s;
}
.cttdsctgl {
    text-align: center;
    margin: 15px 0px 10px 0px;
}
.cttdsctgl img:hover {
    cursor: pointer;
}
.cttdsctgl.aktif img {
    rotate: 180deg;
}
.pid-22 .cttpge .pgettl {
    font-size: 16px;
    margin-bottom: 5px;
	color: #60656b;
}
.ctt p {
    margin-top: 0px;
}
#index-22 h2 {
    margin-bottom: 2px;
    font-size: 14px;
}
#index-22, #index-22 p {
    font-size: 12px;
    color: #60656b;
    margin-bottom: 5px;
}
/* --- TnC Privacy --- */
/* --- TnC Privacy end --- */
/* --- Blog --- */
/* --- Comments --- */
.cmt, .commentlist, .comment-respond, .relwrp {
    margin-bottom: 50px;
    display: block;
    box-sizing: border-box;
}
ol.commentlist {
    padding-left: 0px;
}
.commentlist li.comment {
    list-style: none;
    border-left: 10px solid #092c52;
    padding-left: 10px;
}
.comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .wpcf7-form label {
    display: block;
}
.comment-metadata * {
    color: inherit;
    font-size: inherit;
}
/* --- Comments end --- */
/* --- Archive --- */
.schnav {
    font-weight: normal;
    font-family: 'Geomanist Bold';
	text-align: center;
}
.schnav .nav-links {
    line-height: 1;
}
.schnav .nav-links > * {
    padding: 5px 8px;
    box-sizing: border-box;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 1px;
    width: 24px;
    border-radius: 5px;
}
.schnav .nav-links .page-numbers.current {
    color: #ccc;
}
/* --- Archive end --- */
/* --- Product Archive --- */
body.pctbdy .ctt {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.wgtpctlft .wgtttl {
    margin-bottom: 5px;
}
.wgtpctlft {
    margin-bottom: 20px;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, 
.woocommerce .woocommerce-ordering select {
    font-family: 'Geomanist';
    color: #666;
	font-size: 13px;
}
.woocommerce .woocommerce-ordering select {
    padding: 5px 5px;
    border-color: #999;
    border-radius: 3px;
}
.prdcat {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.prdcat > .woocommerce {
    margin-bottom: 40px;
}
.prdcat > .term-description {
    margin-top: 40px;
    margin-bottom: 40px;
}
.prdcat .term-description h3 {
    margin-top: 40px;
}
.prddcnitm {
    opacity: 0.5;
}
/* --- Product Archive end --- */
/* --- Post --- */
.pgettl {
    margin-bottom: 7px;
}
.pgettlwrp {
    margin-bottom: 22px;
}
.fetimg {
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: 10px;
}
.fetimg img, 
.ctt img {
    max-width: 100%;
	text-align: center;
}
.fetimg img {
	height: auto;
	max-width: 800px;
}
.relnon {
    font-size: 1em;
    color: #aaa;
}
.relwrp .relcatportfolio .grdtxt {
	text-align: center;
}
/* --- Post end --- */
/* --- Blog end --- */
/* --- Frontpage --- */
.mnubnr > .wrp {
	width: 100%;
	box-sizing: content-box;
	padding-left: 0px !important;
    padding-right: 0px !important;
	gap: 0px;
}
.mnudyn {
    width: 453px;
	width: 33%;
	max-width: 300px;
	display: none;
}
.bnrmanwrp {
	width: 906px;
	width: 100%;
}
.menu-item {
    list-style: none;
}
.catumb {
    width: 20px;
    height: 20px;
	margin-right: 7px;
}
.dynitm {
    display: table;
	width: 100%;
}
.dynitm > * {
    display: table-cell;
}
.dynnem {
    vertical-align: bottom;
	width: 100%;
}
.dyncnt {
    vertical-align: top;
    float: right;
    color: #bbb;
	font-size: 12px;
}
.menu-item-depth-0 > .dynitm .dyncnt {
	padding-right: 20px;
}
.mnudyn > .menu-item {
    position: relative;
    border: 1px solid #ddd;
    border-top-width: 0px;
    padding: 10px 14px;
    font-family: 'Geomanist Book';
	background-color: #fff;
}
.sub-menu-desc {
	position: absolute;
	z-index: 120;
	left: 100%;
	top: -1px;
	background-color: #fff;
	color: #444;
	border: 1px solid #ddd;
	width: 600px;
    padding: 20px 19px;
}
.mnudyn .menu-item-depth-0.menu-item-has-children:after {
    content: "";
    background: url(../img/arrow-down-x12.png) no-repeat center center;
    margin: auto;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 10px;
    line-height: 0;
    transform: rotate(-90deg);
    display: block;
    margin-top: -17px;
}
.mnudyn .menu-item-depth-0.menu-item-has-children:hover:after {
    /*background: url(../img/arrow-down-fff-x12.png) no-repeat center center;*/
}
.mnudyn > .menu-item:hover, 
ul.sub-menu.menu-depth-1 {
	background-color: #f6f6f6;
}
.menu-item:not(:hover) .sub-menu-desc {
    display: none;
}
.sub-menu-ttl {
    color: #2f78cf;
}
.sub-menu-btnlnk {
    display: inline-block;
}
ul.sub-menu.menu-depth-1 {
    margin-top: 0px;
    padding: 13px 17px;
}
.sub-menu-btnlnk:hover {
    color: #fff;
}
#index.pid-22 .cttpge {
    padding-left: 10px;
    padding-right: 10px;
}
/* --- Frontpage end --- */
/* --- Pages end --- */
/* --- Forms --- */
.panel, .wpcf7 > form,  
.woocommerce-address-fields, .woocommerce-EditAccountForm, .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2, .checkout_coupon, .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-customer-details address, .woocommerce-Addresses address {
    background-color: white;
    background: - webkit-linear-gradient(top, #fff 1%, #f0f0f0 98%) repeat scroll 0 0 #f5f5f5;
    background: linear-gradient(to bottom, #fff 1%, #f0f0f0 98%) repeat scroll 0 0 #f5f5f5;
    border: 1px solid #ddd;
    border-top-color: #ed1c24;
    border-top-width: 3px;
    border-radius: 9px;
    padding: 1.618em 1.618em .618em 1.618em;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04);
}
.frmpst .wpcf7-text, .frmpst .wpcf7-email, 
#wpcf7-f703-p602-o1 .wpcf7-text, #wpcf7-f703-p602-o1 .wpcf7-email, #wpcf7-f703-p602-o1 .wpcf7-textarea {
    width: 100%;
}
.frmpst {
    margin: 4em auto 4em auto;
    display: block;
    padding: 0px 20px;
	max-width: 370px;
}
#wpcf7-f703-p602-o1 {
	margin: 1em auto 4em auto;
	display: block;
	max-width: 600px;
}
/* --- Forms end --- */
/* --- Videos --- */
.embytv {
    text-align: center;
}
/* --- Videos end --- */

/* --- ATMT edition --- */
/* --- ATMT widget --- */
/* --- ATMT widget Banner Utama --- */
.bnrman.widget_media_image > img, 
.bnrman.widget_media_image > figure, 
.bnrman.widget_media_image > figure > img {
    width: 100% !important;
	max-width: 100%;
}
.mnubnr > .wrp {
    max-width: unset;
}
.bnrman.widget_media_image {
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.bnrman.widget_media_image > figure {
	line-height: 0;
	position: relative;
}
.bnrman.widget_media_image > figure > figcaption {
    position: absolute;
	margin-bottom: 0px;
}
.bnrman.widget_media_image > .wgtttl {
	/*left: 50%;
    top: 43%;
	-webkit-transform: translate(-50%, -57%);
	transform: translate(-50%, -54%);
    line-height: 0.9;
    color: white;
	z-index: 1;
    letter-spacing: 2px;
    text-shadow: 2px 2px 3px #000;*/
	font-size: -webkit-7vw;
	font-size: 7vw;
    text-align: center;
	font-weight: 100;
	font-family: 'Geomanist';
	margin-top: 4vw;
    margin-bottom: 4vw;
}
.bnrman.widget_media_image > figure > figcaption {
    bottom: 10px;
    left: 10px;
    font-style: italic;
    color: #777;
	line-height: 1;
}
/* --- ATMT widget Banner Utama end --- */
/* --- ATMT widget end --- */
/* --- ATMT edition end --- */