html {
  scroll-behavior: smooth;
}
.owl-carousel .owl-item img{
    width:auto !important
}
.owl-carousel .owl-item .item > img{
    width:100% !important;
}
.other-methodes a img {
    filter: invert(1);
    width: auto !important;
    height: 22px !important;
    margin-right: 3px !important;
    position: relative;
    top: 0px;
}
.register-block .other-methodes a.wa-button {
    background-color: #2cb566 !important;
}
.register-block .other-methodes a {
    padding: 7px 18px;
    margin: 0 6px 10px !important;
    text-transform: uppercase !important;
    width: auto !important;
    border-radius: 3px;
    background: rgb(14,76,146) !important;
    color: #fff;
    display: flex;
    align-items: center;
}
.register-block .other-methodes a:hover {
    background: rgb(9, 52, 100) !important;
}
.register-block .other-methodes a.wa-button:hover {
    background-color: #1c7943 !important;
}
.other-methodes {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
div#gtx-trans {
    display: none;
}
.contact-landing-page {
    position: fixed;
    background: #1860ad;
    bottom: 0;
    width: 100%;
    left: 0;
    color: #fff;
    padding:17px 0 1px;
}
.footer-landing-page {
    opacity: 0;
    margin-bottom: 20px;
    display: block;
    padding: 17px 0 1px;
}
.contact-landing-page p {
    margin: 0 0 15px;
}
.footer-landing-page p {
    margin: 0 0 15px;
}
body{margin:0;font-family: 'Montserrat', sans-serif;color:#000;background:#fff;font-size:14px;font-weight:500}
div#footerlink .col-sm-3:last-child a {
    padding: 0;
}
body.menu-desktop-active {
    padding-top: 75px;
}
.cart-kupon .error {
    background: #ffd3d3;
    text-align: center;
    border: 1px solid #f78989;
    padding: 9px 0;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 600;
    color: #a91b1b;
}
.select2-container--default .select2-selection--single {
    background-color: #fff  !important;
    border: 1px solid #ddd !important;
    height: auto !important;
    padding: 5px 3px !important;
	border-radius:0  !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
    right: 4px !important;
}
.row.thumbnail-product.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.row.thumbnail-product.grid > div {
    display: flex;
}
#slide-catalog .owl-stage, #slide-catalog .owl-stage > div, #slide-catalog .owl-stage > div> div {
    display: flex;
}
.content-slide-wrap table, .content-slide-wrap tbody, .content-slide-wrap tr, .content-slide-wrap td {
    display: block;
    position: relative;
}
.content-slide-wrap tbody {
    display: flex;
}
.content-slide-wrap table tr:hover td:nth-child(2) {display:block}
.content-slide-wrap table td:nth-child(2) {
    position: absolute;
    background: #eee;
    color: #000;
    padding: 4px 10px;
    left: 0;
	font-weight:600;
	border-radius:4px;
	display:none;
}
.content-slide-wrap table td:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: 100%;
    left: 18px;
}
.block-review-list .rate > div{height: 30px !important;}
ul.customer-review-block .rate > div {
    height: 30px !important;
}
ul.customer-review-block .rate {
    font-size: 16pt;
	color:#1744cf;
    width: 91px !important;
    height: 30px !important;
}
.product-rate .rating > div {
    height: 30px !important;
    line-height: 1.1;
}
.product-rate .rating {
    font-size: 20pt;
	color:#1744cf;
    /* width: 114px !important; */
    height: 30px !important;
}
.customer-review-block .panel-body{padding-top:10px}
.block-review-list .rate{
    margin: 0 auto !important;
    font-size: 20pt;
	color:#1744cf;
    width: 112px !important;
    height: 30px !important;
}
div#rating_div {
    text-align: center;
}
ul.customer-review-block {
    padding: 0;
    max-height: 500px;
    /* overflow-y: auto; */
}
ul.customer-review-block .panel-footer {
    border: 0;
    background: transparent;
    padding-top: 0;
    color: #aaa;
    font-size: 9pt;
    font-weight: 500;
    position: absolute;
    bottom: 1px;
    padding-bottom: 3px;
    left: 105px;
}
ul.customer-review-block .panel.panel-default:nth-child(even) {
    background: #fafafa;
    border-radius: 0;
}
ul.customer-review-block .panel.panel-default {
    border: 0;
    padding: 10px 10px 5px;
    border-radius: 0;
    border-top: 1px solid #eee;
    margin: 0;
}
div#customer-review h2 {
    margin-bottom: 20px;
}
ul.customer-review-block .panel-heading {
    background: transparent;
    border: 0;
    padding-bottom: 0;
    font-weight: bold;
	position:relative;
    color: #000;
    font-size: 16px;
}
div#customer-review-point {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -140px;
}
.product-rate .more:hover {background:transparent}
.product-rate .more {
    margin-left: 10px;
    background: transparent;
    color: #1744cf;
    padding: 9px 16px;
    font-weight: 500;
    font-size: 11pt;
}
div#customer-review {
    margin-top: 0px;
	padding:1px 0;
	position:relative;
    margin-bottom: 80px;
}
div#rating_div a:hover {text-decoration:none}
div#rating_div a {
    font-size: 21pt;
}
.btn {
    padding: 10px 30px;
}
.block-review-list table img {
    width: 60px;
}
td, th {
    padding: 3px 5px;
}
.block-review-list td.title-review {
    font-weight: bold;
    font-size: 13pt;
    color: #333;
}
td.price-review {
    color: #1744cf;
    font-weight: 500;
}
.block-review-list:first-child {border-top: 1px solid #ddd;}
.block-review-list:last-child {border:0;}
.block-review-list {
    padding: 20px 25px;
    margin: 0 -25px;
    border-bottom: 1px solid #ddd;
}
.block-review-list:nth-child(2n) {
    background: #fcfcfc;
}
.block-review-list td.image-review {
    width: 100px;
}
.review-icon li{margin:0 5px}
.review-icon img{width:36px;}
.review-icon ul{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	justify-content:center;
}
.review-icon {
    margin-top: 15px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-bottom: 20px;
}
.comment-review textarea {
    height: 120px;
}
.block-review-list table img {
    width: 70px;
    box-shadow: 2px 1px 3px rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.block-review-list table {
    width: 100%;
}
.receive_data .row,.data-lain .row {
    display: flex;
    flex-wrap: wrap;
}
.partnership-member h3 {
    font-size: 15pt;
}
.list-toko:last-child {border:0;margin-bottom:0;}
.list-toko .col-sm-6:nth-child(2){clear:both}
.list-toko {
    border-bottom: 3px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.receive_data .row > div,.data-lain .row > div {
    display: flex;
}
.receive_data .row > div > *,.data-lain .row > div > * {
    width: 100%;
}
.list-colomn label {
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin: 0;
}
.product-rate .fa {
    font-size: 18pt !important;
}
.list-colomn {
    background: #f1f1f1;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 8px 15px;
    font-size: 16px;
}
.content-wrapper div#search-product form{width:100%;}
.content-wrapper div#search-product {
    background: transparent;
    padding: 0;
    margin: 30px 0 50px;
	position:relative;
}
ul.list-ongkir {
    padding: 0;
    list-style: none;
}
ul.list-ongkir input{position:absolute;left:0;top:0;}
ul.list-ongkir li {
    position: relative;
    margin-bottom: 6px;
    padding-left: 28px;
}
.button-logout-block i {
    display: none;
}
#editprofile .form-group .col-sm-2,form#editpassword .form-group .col-sm-2 {
    width: 100%;
    text-align: left;
    margin-bottom: 4px;
    display: block;
    color: #333;
}
#editprofile, form#editpassword {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    border-top: 0;
    padding: 20px 0px;
}
#editprofile .form-group .col-sm-10,form#editpassword .form-group .col-sm-10 {
    width: 100%;
    margin: 0;
}
.menu-edit-password {
    text-align: left;
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#editprofile fieldset,form#editpassword fieldset {
    display: flex;
    flex-wrap: wrap;
}
#editprofile fieldset > div:last-child,form#editpassword fieldset > div:last-child {width:100%;margin-top:20px}
#editprofile fieldset > div:last-child > *,form#editpassword fieldset > div:last-child > *{padding-left:0;}
#editprofile fieldset > div,form#editpassword fieldset > div {
    width: 50%;
    margin: 0 0 15px;
}
#editprofile fieldset > div:nth-child(2n+1) > *,form#editpassword fieldset > div:nth-child(2n+1) > * {
    padding-left: 0;
}
#editprofile fieldset > div:nth-child(2n+2) > *,form#editpassword fieldset > div:nth-child(2n+2) > * {
    padding-right: 0;
}
.menu-edit-password:before {
    border-bottom: 1px solid #ddd;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    bottom: 0px;
}	
.block-left-member a.menu-active {
    color: #1744cf;
}
#editprofile.viewaccount-page fieldset > div:last-child > div {
	padding:0 !important;
	border:0 !important;
	background:transparent
}
#editprofile.viewaccount-page fieldset > div{display:flex;}
#editprofile.viewaccount-page fieldset > div > div {
    background: #eee;
    width: 94% !important;
    padding: 12px 20px !important;
    border: 1px solid #ccc;
	font-size:11pt;
}
#editprofile.viewaccount-page fieldset > div > div label {
    margin: 0;
	width:100%;
    font-size: 12px;
    font-weight: normal;
	display:block
}
.menu-edit-password .more.active {background:#fff;position:relative;z-index:2;color:#0e4c94}
.menu-edit-password .more {
    padding: 9px 17px 7px;
    background: #f5f5f5;
    color: #999;
    box-shadow: none;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    font-size: 12pt;
}
.button-logout-block a {
    width: 50%;
	cursor:pointer;
    padding: 9px 10px;
    font-size: 17px;
    font-weight: 600;
    border-left: 1px solid #ccc;
}
.button-logout-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logout-popup {display:none}
.logout-active .logout-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.logout-thumbnail {
    background: #fff;
    border-radius: 20px;
    padding-top: 16px;
}
.logout-thumbnail h2 {
    font-weight: 600;
    font-size: 19px;
    margin: 0;
    color: #333;
}
.logout-thumbnail h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    color: #555;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px 13px;
}
.button-logout-block a:first-child {
    border: 0;
    color: #555;
}
.google-button img {
    height: 25px;
    margin: -1px 5px -1px 0;
}
.product-rate img {
    height: 23px;
    margin-right: 4px;
}	
.catdesc {
    border-bottom: 1px solid #ddd;
    padding: 15px 0 15px;
    margin-bottom: 25px;
}
.google-button {
    background: #f44336;
    border: 0;
    color: #fff;
    font-weight: 500;
    font-size: 12pt;
    padding: 10px 25px;
}
.login-google {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-bottom: 24px;
}
.login-google span {
    display: block;
    text-align: center;
    font-weight: 500;
    color: #555;
    margin-bottom: 15px;
}
div#artikelhome {
    padding: 30px 5px;
}
div#search-product .col-sm-6:first-child p {
    font-size: 10pt;
    margin-bottom: 0;
}

div#search-product .col-sm-6:first-child h1 {
    font-weight: bold;
    font-size: 17pt;
    text-transform: uppercase;
    margin-top: 0;
}
div#search-product .col-sm-6:first-child {
    text-align: right;
    color: #fff;
}
div#search-product {
    background: #dfecfc;
    padding: 30px 0 9px;
}
div#search-product h1 {
    text-align: center;
    font-size: 18pt;
    color: #111;
}
div#search-product button {
    background: transparent;
    border: 0;
    color: #333;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: center;
    width: 40px;
    height: 40px;
}
div#search-product .form-barcode-footer {
    width: 270px;
	position:relative;
}
div#search-product select.form-control {margin-bottom:15px;}
div#search-product .fa{color:#aaa;}
div#search-product .form-control {
    border-radius: 5px;
    border: 2px solid #aaa;
    box-shadow: none;
    font-weight: 600;
}
.dept_content {
    text-align: center;
}
.dept_title a {
    font-weight: 600;
    color: #000;
    font-size: 12pt;
    margin: 11px 0;
    display: block;
}
a.link-more {
    font-size: 12pt;
    font-weight: 500;
    color: #1744cf;
}
.newsdate {
    display: none;
}
ul#tabNews li a {
    border: 0;
    background: #fff;
    border-radius: 0;
    font-weight: bold;
    font-size: 12pt;
	color:#555;
	margin:0;
}
.header-menu {
    position: relative;
    background: #1744cf;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 12px 25px;
    color: #fff;
    font-size: 15pt;
    font-weight: 600;
}
.news-content .dept_image,.news-colx .img-news {
    width: 120px;
}
.news-content .dept_content,.news-content.caption-news-thumb {
    text-align: left;
	margin-bottom:0px;
    padding-left: 15px;
    width: calc(100% - 90px);
}
.news-content,.news-colx {
    display: flex;
    text-align: left;
    margin-bottom: 15px;
    /* border-bottom: 1px solid #eee; */
    padding-bottom: 17px;
}
form.register-block ul {
    padding: 0;
    list-style: none;
}	
form.register-block li {
    position: relative;
    display: flex;
    margin-bottom: 5px;
    padding-left: 50px;
}
form.register-block li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 2px;
    background: #333;
    vertical-align: middle;
    margin-right: 9px;
    left: 30px;
    top: 9px;
}
form.register-block li:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 2px;
    background: #333;
	transform:rotate(90deg);
    vertical-align: middle;
    margin-right: 9px;
    left: 30px;
    top: 9px;
}
.news-content:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    background: #eee;
    width: calc(100% - 30px);
    bottom: 0;
    left: 15px;
}
.notice {
    font-size: 9pt;
    color: #f00;
}
.news-content .dept_image img,.img-news img{
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
	border-radius:4px
}
.tag-news a:last-child {
    margin-right: 0;
}
.tag-news a:last-child:after {background:transparent}
.tag-news a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #ccc;
    position: relative;
    margin-left: 8px;
    top: 1px;
}
.tag-news a {
    background: transparent;
    border-radius: 5px;
    padding: 0px 4px 0 0;
    display: inline-block;
    margin-right: 5px;
	color:#328cd9;
    font-size: 11.2px;
    font-weight: 600;
    margin-bottom: 1px;
}
div#artikelhome .img-news {
    width: 45%;
}
div#artikelhome .row {
    display: flex;
    flex-wrap: wrap;
}
div#artikelhome .news-content:after{display:none}
div#artikelhome .news-content.caption-news-thumb {
    display: block;
    padding-bottom: 0;
    width: 55%;
}
.news-content .dept_title a, h1.newstitle a {
    font-size: 16px;
    color: #444;
    display: block;
    font-weight: 600;
    margin: 6px 0;
}
h1.newstitle {
    margin: 0;
}
div#filter-block select {
    width: 100%;
    padding: 10px 12px;
}

div#filter-block label {
    display: block;
    color: #444;
}
.news-content .more{display:none}
.panel-body.news-colx {
    padding-left: 0;
	margin-bottom:0;
    padding-right: 0;
}
.news-content.caption-news-thumb {
    display: block;
	padding-bottom:0;
}
div#results > div:nth-child(3n+1) {
    clear: both;
}
.news-content.caption-news-thumb > br {
    display: none;
}
.news-content .link-more,.news-content .dept_subtitle,.newsshortdesc {
    display: none;
}
ul#tabNews li.active a {
    color: #fff;
    background: #1744cf;
}
ul#tabNews li {
    width: 50%;
}
ul#tabNews {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
	border:0;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
	margin-bottom:20px;
}
div#artikelhome .dept_image img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	min-width:100%;
	max-width:110%;
	
}
div#artikelhome .dept_image {
    border-radius: 50%;
    background:#ddd;
    width: 110px;
    height: 110px;
	position:relative;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.dept_title {
    font-weight: bold;
    margin-top: 14px;
}
.dept_status {
    font-size: 9pt;
    color: #777;
    margin-top: 6px;
}
button.owl-prev {
    position: absolute;
    right: 100%;
}
button.owl-prev.disabled{opacity:0 !important}
button.owl-next.disabled{opacity:0 !important}
button.owl-next {
    position: absolute;
    left: 100%;
}
button.owl-next,button.owl-prev{width:45px;border:0}
.content-slide .container{padding:0 30px}
.content-slide p {
    /* font-size: 19pt; */
    font-weight: 600;
    /* color: #fff; */
    /* text-transform: uppercase; */
    margin: 0 auto 20px;
	line-height:1.4;
    /* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); */
}
.content-slide h1 {
    font-size: 26pt;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 0;
    /* text-shadow: 0 6px 3px rgba(0,0,0,.25); */
    color: #fff;
}
.owl-nav{position:absolute;width:100%;display:flex;align-items:center;justify-content:space-between;top:50%;margin:0!important;padding:0 8px;transform:translateY(-50%)}
.owl-theme .owl-nav [class*=owl-]:focus,.owl-theme .owl-nav [class*=owl-]:hover{background:0 0!important;color:#fff;text-decoration:none!important;outline:0!important}
.catnav,.sortbyorder{display:none}
img{max-width:100%}
.content-wrapper{padding:20px 0;}
div#catalog-home {
    padding: 40px 0;
}
div#youtube-home{padding:0;margin:0 0 30px}
#top-header .right-part{text-align:right}
div#searchproduct{float:right;position:relative}
#searchproduct form{margin:0}
input#keyword{position:relative;color:#000;border:1px solid #171717;padding:7px 15px;box-shadow:none;border-radius:5px;padding-right:40px;min-width:250px}
button.searchubmit{position:absolute;right:0;top:0;height:100%;padding:3px 0 3px 5px;border:1px solid #171717;color:#fff;font-size:13pt;border-left:0;text-align:center;border-radius:0 5px 5px 0;width:40px;background:#171717}
.block-cart span {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 12pt;
    position: relative;
    top: 0;
    padding: 0 2px;
    background: #f00;
    color: #fff;
    text-align: center;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    margin-left:6px;
}
nav#header-site.active {
    position: fixed;
    background: #fff;
	box-shadow:0 0 4px rgb(0 0 0 / 10%);
}
.navbar-inverse .navbar-brand {
    color: #9d9d9d;
    height: auto;
}
nav#header-site.active .navbar-nav>li>a{color:#333}
nav#header-site.active .navbar-nav>li>a:hover{color:#1965dc}
nav#header-site.active .block-cart .cart {
    background: #1d63dd;
    color: #fff;
}
nav#header-site.active div#top-header > a{
    background: #1d63dd;
    color: #fff;
}
/* .active  img.dekstop-hidden{display:block !important} */
/* .active  img.mobile-hidden{display:none} */
.block-cart {
    margin-right: 13px;
    vertical-align: middle;
    position: relative;
}
.block-login ul{margin:0}
.block-login .glyphicon{color:#aaa}
.block-login i.fa.fa-user{font-size:20pt;color:#000}
.block-login{display:inline-block;vertical-align:middle}
.block-cart i{color:#000;font-size:22pt}
div#top-header a{color:#1744cf;}
div#top-header {display:inline-block;vertical-align:middle}
.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
label.custom-uploadfile.file-custom {
    display: block;
    border: 1px dashed #ccc;
    padding: 12px 0;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: center;
}
input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
div#contactform span.col-sm-2.text-right,.form-register  span.text-right{
    display: block;
	font-size:11pt;
    text-align: left;
    margin-bottom: 6px;
    width: 100% !important;
    font-weight: 600;
    color: #444;
}
label.custom-uploadfile input {
    position: absolute;
    left: -100000%;
}
label.custom-uploadfile {
    display: block;
}
div#services-home img {
    height: 65px;
    margin-bottom: 10px;
}
div#services-home .col-sm-3{margin:10px 0}
div#services-home {
    background: #fff;
    text-align: center;
    color: #1744cf;
	padding:40px 0px 0;
    font-weight: 500;
}
#slide-home .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: auto;
}
div#top-header > a:hover,.block-cart .cart:hover {
	background:#ddd;
	text-decoration:none
}
div#top-header > a {
    background: #fff;
    color: #1744cf;
    padding: 8px 13px 7px;
    display: flex;
	font-weight:600;
    font-size: 11pt;
	border-radius:5px;
    align-items: center;
}
div#top-header img {
    height: 20px;
    vertical-align: text-bottom;
    margin-right: 4px;
}
.owl-dots {
    display: block !important;
    position: relative;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
button.owl-dot.active {background:#fff !important}
button.owl-dot:focus {outline:none}
button.owl-dot span{display:none !important}
button.owl-dot:nth-last-child(1):first-child,button.owl-dot:nth-last-child(1):first-child~button{display:none}
#slide-home button.owl-dot {background:transparent;border:1px solid #aaa;}
button.owl-dot {
    background: transparent;
    border: 0;
    width: 13px;
    height: 14px;
    border-radius: 50%;
    margin: 0 4px;
    border: 1px solid #fff !important;
}
.block-login .public-li>a:first-child:after{content:"";display:block;position:absolute;width:1px;height:20px;background:#fff;top:6px;right:1px}
.block-login .public-li>a:first-child{border-radius:5px 0 0 5px;position:relative}
.block-login .public-li>a#webmember_register{border-radius:0 5px 5px 0}
.block-login .public-li>a{background:#000;float:left;color:#fff;padding:6px 15px}
.navbar-header {
    float: none!important;
    padding: 0px 0;
    display: flex;
	width:100%;
    align-items: center;
    justify-content: space-between;
}
.thumbnail-youtube-home img{width:100%}
#content-youtube-home{border-radius:8px}
div#custom-content{background:#fff;box-shadow:0 .0625rem 20px 0 rgba(0,0,0,.05);padding:50px 40px;border-radius:8px;text-align:center}
.form_beli>.product_attributes{padding-top:5px}
.menu-desktop-active .active-logo {display:block !important}
.menu-desktop-active .default-logo {
    display: none !important;
}
.active-logo{display:none !important}
#call-block .more:hover{background:#fff;color:#111f2a}
.btn-cart:hover,.more:hover{background:#adadad;color:#111f2a}
#call-block .more{background:0 0;border-color:#fff}
.content-slide-wrap .more {
    background: #ffcc29;
    color: #111;
    padding: 10px 20px;
    font-size: 13px;
    border-radius: 5px;
    border: 0;
    text-shadow: none;
    font-weight: bold;
}
.more {
    background: rgb(14,76,146);
    color: #fff;
    padding: 10px 50px;
    font-size: 13px;
	border-radius:3px;
    border: 0;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: bold;
}
.product-col .more {
    padding: 6px 30px;
    background: transparent;
    color: #2063cb;
}
div#news-home .more {
    border: 2px solid rgb(14,76,146);
    background: #fff;
    color: rgb(14,76,146);
    text-transform: uppercase;
    max-width: 70%;
    width: 250px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.form-register .more {
    width: 100%;
    margin-bottom: 10px;
}
#footerlink img {
    /* max-height: 25px; */
}
.pb-right-column{background:#fff;padding:30px 10px 30px}
.pb-right-column .form_beli {
    /* margin: 0 -30px!important; */
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    padding: 0px 0px 30px!important;
    background: #fff;
    border: 0;
    border-bottom:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.form_beli > .product_attributes {
    float: none !important;
	padding-top:0;
}
.pb-right-column .form_beli .cart-button {
    float: none;
	display:flex;
	align-items:center;
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 17px;
    margin-top: 18px !important;
    width: 100%;
}
.product_attributes label {
    display: none;
}
.cart_quantity .qty-trigger {
    height: 40px !important;
    width: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
    border-color: #ddd !important;
}
.css_quantity {
    width: 100% !important;
}
span.lblcart_quantity_input {
    border: 1px solid #ddd;
	box-shadow:none !important;
    height: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    width: 54px;
    background: #f5f5f5;
    border-left: 0;
    border-right: 0;
}
.form_beli .qty-trigger {
    background: #fff;
    width: 40px;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}
a#qtyminus {
    border-radius: 4px 0 0 4px;
}
a#qtyplus {
    border-radius: 0 4px 4px 0;
}
.form_beli .qty-trigger i {
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 12pt;
    color: #333;
}
h1.title-catalog {
    margin-top: 0;
    font-weight: 700;
    font-size: 23pt;
    line-height: 1.2;
    color: #111;
    margin-bottom: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}
.header-detail-block h3 {
    color: #1744cf;
    font-size: 15pt;
    margin-top: 0;
    margin-bottom: 0;
}
.header-detail-block i{
	/* -webkit-transition:all .3s ease-in-out; */
	/* -moz-transition:all .3s ease-in-out; */
	/* -o-transition:all .3s ease-in-out; */
	/* transition:all .3s ease-in-out */
}
.active .header-detail-block i{
	transform:rotate(180deg);
}
.header-detail-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
	cursor:pointer;
}
div#pemakaian_product{border-bottom: 1px solid #ddd;}
.line-detail-content.active {height:auto;padding-bottom:20px}
.line-detail-content.active .content-detail-block {height:auto}
.line-detail-content .content-detail-block {height:0px;overflow:hidden}
.content-block-wrapper .line-detail-content:last-child {
    border-bottom: 1px solid #ddd;
	margin-bottom:25px;
}
.line-detail-content {
    border-top: 1px solid #ddd;
    padding: 20px 30px 0;
    overflow: hidden;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.line-detail-content ul li:before{
	content:"";
	display:block;
	border-radius:50%;
	position:absolute;
	width:10px;
	height:10px;
	background:#1744cf;
	left:0;
	top:5px;
}
div#komposisi_product {
    margin-top: 50px;
}
.line-detail-content ul li{position:relative;padding-left: 18px;margin-bottom:5px;}
.line-detail-content ul {
    padding-left: 0;
	list-style:none
}
.price-block {
    display: flex;
    justify-content: space-between;
}
.pb-right-column .price-block {
    display: block;
}
.pb-right-column span.reduction {
    margin-top: 3px;
    display: none;
    color: #a50e0e;
}
.pb-right-column .price-old{
    display: none;
    margin-bottom: 4px;
    text-decoration: line-through;
    font-size: 12pt;
}
.pb-right-column .price-now, .isi-produk {
    font-size: 14pt;
    font-weight: bold;
    text-shadow: none;
    color: #111;
}
div#news-catalog {
    margin-top: 60px;
}
.pb-right-column .price{margin-bottom:0px;margin-right:20px;}
.container .widget-right input[type=submit],div#cartwidget .order_submit{background:no-repeat scroll 93% 9px #eee;border:2px solid #fff;border-radius:3px;box-shadow:0 -15px 15px -15px rgba(0,0,0,.3) inset,0 0 2px rgba(0,0,0,.2);color:#fff}
.container .widget-right input[type=submit],div#cartwidget .order_submit{font-size:14px;margin-top:6px;display:block;padding:5px 12px 6px 12px;text-align:center;width:100%;border-radius:4px;color:#000;text-transform:uppercase}
.widget-right input[type=email],.widget-right input[type=number],.widget-right input[type=password],.widget-right input[type=text]{width:100%;padding:5px 12px;border:1px solid #ddd;border-radius:3px}
.fa{margin-right:5px;font-size:13pt}
a.link_kembali{margin-right:30px}
.col-md-9 input[type=email],.col-md-9 input[type=number],.col-md-9 input[type=pasword],.col-md-9 input[type=text]{width:100%;padding:5px 12px;border:1px solid #ddd;border-radius:3px}
select[name=payment]{width:auto;padding:7px 12px;border:1px solid #ddd;border-radius:3px}
.widget-right .well{background:0 0;padding:0;padding-bottom:1px;box-shadow:none;border-radius:0;border:0;margin-bottom:20px;text-align:center}
.widgettitle{background:#fff none repeat scroll 0 0;border:medium none;color:#ccc;display:block;font-size:30px;height:auto;line-height:0;margin:0 0 10px;position:relative;text-align:center;z-index:3}
.widgettitle::before{background:#f6f6f6 none repeat scroll 0 0;content:"";height:3px;left:0;position:absolute;top:50%;width:100%;z-index:-1;margin-top:-1.5px}
.widgettitle>h4{background:#fff none repeat scroll 0 0;color:#1744cf;display:inline-block;font-size:18px;font-weight:600;line-height:normal;margin:0;padding:0 9px;text-align:center;text-transform:uppercase;top:0}
.widgetcontent{border:1px solid #f5f5f5;margin-bottom:20px;padding:10px}
h1.page-header {
    border: 0;
	/* font-family: 'Outfit', sans-serif; */
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-top: 0;
    /* text-transform: uppercase; */
    letter-spacing: 3px;
    font-size: 35px;
    line-height: 1.3;
    margin-bottom: 20px;
}
#catalog-home .row .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.title_detail h4 {
    font-size: 20pt;
    font-weight: 600;
    color: #000;
    margin: 0px 0 15px;
}
.summary-article-detail p,.summary-article p {
    margin-bottom: 3px;
    margin-left: 3px;
}
.summary-article-detail,.summary-article {
    display: flex;
}
.detail-image-article {
    margin-top: 20px;
    margin-bottom: 20px;
}
.date_news {
    color: #888;
    font-weight: 500;
    margin-bottom: 6px;
}
.tag-detail {
    margin-top: 20px;
    margin-bottom: 2px;
}
div#berita-terkait {
    margin: 0 -25px;
    border-top: 1px solid #ddd;
    padding: 30px 25px 0;
    margin-top: 25px;
}
.g-recaptcha > div {
	margin:0 auto;
}
div#slide-promo img {
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    margin: 10px 0;
}
a.selengkapnya{font-size:14pt;vertical-align:middle;font-weight:700;margin-top:10px;display:inline-block}
a.selengkapnya svg{position:relative;display:inline-block;top:3px}
p{margin:0 0 10px}
div#header-top{background:#111f2a;padding:15px 0;color:#fff}
div#header-top ul{margin:0}
div#header-top p{margin:0}
div#header-top a{color:#fff}
div#promo-home {
    border-bottom: 1px solid #ddd;
}
.navbar-inverse .navbar-toggle {
    border: 0;
    margin-right: 0px;
    float: none;
    padding: 0;
	margin:0;
	margin-left:15px;
}
button.navbar-toggle span {
    width: 24px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 3px 0;
    border-radius: 3px;
}
.navbar-inverse .navbar-toggle img {
    height: 26px;
}
.block-cart .cart {
    display: flex;
    background: #fff;
    align-items: center;
    padding: 8px 11px;
    color: #1744cf;
    font-size: 11pt;
    border-radius: 5px;
    font-weight: 600;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #535353;
    height: 3px;
    width: 25px;
    border-radius: 3px !important;
    display: block;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:transparent}
.navbar-inverse .navbar-toggle:focus .icon-bar,.navbar-inverse .navbar-toggle:hover .icon-bar{background-color:#f9b81e}
div#info-block p{margin-bottom:0;}
div#info-block a{text-decoration:underline;
    color: #333;}
div#info-block {
    padding: 14px 0;
    text-align: center;
    background: #dfecfc;
    font-weight: 600;
    color: #333;
    position: absolute;
    width: 100%;
    top: 75px;
    z-index: 2;
}
#header-site {
    border: 0;
    border-radius: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
    left: 0;
    background: linear-gradient(90deg, rgba(29,109,242,1) 0%, rgba(23,97,207,1) 50%, rgba(23,67,207,1) 100%);
    margin: 0;
}
background: linear-gradient(90deg, rgba(29,109,242,1) 0%, rgba(23,97,207,1) 50%, rgba(23,67,207,1) 100%);margin:0;}
#header-site a.navbar-brand{font-weight:700;color:#000;text-transform:uppercase;font-size:16pt;height:auto;display:block;line-height:normal}
nav#header-site .container{display:flex;justify-content:center;align-items:center}
div#bs-example-navbar-collapse-1{padding:0}
nav#header-site .container:after,nav#header-site .container:before{display:none}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background:0 0;color:#ccc}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    position: relative;
    font-weight: 600;
    display: flex;
    font-size: 11pt;
    align-items: center;
}
div#call-block{background:#1744cf;color:#fff}
div#call-block .container:after,div#call-block .container:before{display:none}
div#call-block .container{display:flex;justify-content:space-between;padding:14px 15px;align-items:center}
div#call-block h2{font-weight:700;margin:0;text-transform:uppercase;font-size:14pt}
div#slide-home .container > img{width:50%}
div#slide-home{    position:relative;overflow:hidden;}
#slide-home .owl-item{padding:0}
.slide-text{position:absolute;top:50%;transform:translateY(-50%) translateX(-100%);-o-transform:translateY(-50%) translateX(-100%);-webkit-transform:translateY(-50%) translateX(-100%);-moz-transform:translateY(-50%) translateX(-100%);-ms-transform:translateY(-50%) translateX(-100%);left:50%;color:#000;padding:0 15px}
.slide-text h1{font-weight:700;margin-bottom:20px}
#description_product>table{width:100%}
#description_product h2:before{content:"";display:inline-block;width:80px;height:2px;background:#ccc;vertical-align:middle;position:relative;top:-1px;margin-right:15px}
#description_product>table{text-align:center}
#description_product>table table{margin-left:25%;min-width:70%;text-align:left}
#description_product>table table td{padding-bottom:25px}
a {
    color: #447edb;
    font-weight: 600;
}
div#slide-komposisi .item {
    padding: 5px 5px;
}
/* div#slide-komposisi { */
    /* overflow: unset; */
/* } */
/* #slide-komposisi.owl-carousel .owl-stage-outer { */
    /* overflow: unset !important; */
/* } */
/* div#slide-komposisi .owl-stage { */
    /* display: flex; */
    /* max-width: 100%; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    /* overflow: unset; */
/* } */
.komposisi-thumbnail {
    border-radius: 5px;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    display: flex;
    padding: 20px 20px;
    align-items: center;
	margin-bottom:30px
}
.komposisi_image {
    width: 35%;
}
.komposisi_judul {
	font-weight:bold;
	margin-bottom:14px;
	font-size:12pt;
}
.komposisi_content {
    width: 65%;
    padding-left: 20px;
}
.komposisi_keterangan *:last-child{margin:0;}
.komposisi_keterangan {
    color: #222;
}
ul.social-media li:last-child {
    margin: 0 !important;
}
ul.social-media {
    padding-top: 25px !important;
}
ul.social-media li {
    margin-right: 30px !important;
    display: inline-block;
}
#description_product a{text-decoration:underline}
#description_product ul{list-style:none;padding-left:0}
#description_product li:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    background: #bbb;
    display: inline-block;
    border-radius: 15px;
    vertical-align: middle;
    margin-right: 10px;
    left: 10px;
}
#description_product li {
    margin-bottom: 4px;
    display: flex;
    padding-left: 28px;
    position: relative;
}
#description_product h2{margin-bottom:35px;text-transform:uppercase;font-weight:700;color:#1744cf;font-size:28px;vertical-align:middle;display:block;text-align:left}
.strengt-item{display:flex;align-items:flex-start}
.strengt-item img{height:52px;padding-right:10px;box-sizing:border-box}
div#strengt{background:#f0f0f0;padding:90px 0;color:#000}
.title-strengt{padding-left:10px}
.title-strengt h4{font-weight:700;font-size:12pt}
div#content-center{}
.product-col {
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    /* background: url(images/bg-produk.svg); */
    background-size: cover;
    background-position: center;
    border-radius: 9px;
    padding-top: 15px;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    border-bottom: 3px solid #ddd;
    padding-bottom: 80px;
}
.tipe-produk {
    width: 86%;
    text-align: center;
    background: #ddd;
    margin: 7px auto 0px;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 0;
}
div#sync1 .owl-stage-outer {
    background: url(images/bg-produk.svg);
    background-size: cover;
    background-position: center;
}
#slide-testi .owl-nav {
    position: absolute;
	height:0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    /* display: flex !important; */
    align-items: center;
    justify-content: space-between;
}
div#filter-block.product-page form > div:last-child {
    padding-left: 10px;
}

div#filter-block.product-page form > div:first-child {
    padding-right: 10px;
}
div#filter-block.product-page form > div {
    width: 50%;
}
.content-wrapper div#news-home h1.page-header {
    display: block !important;
    text-align: center;
    color: #ed2f59;
}
.content-wrapper div#news-home {
    margin: 0 -25px 0;
    border-top: 1px solid #ddd;
}
div#filter-block.product-page form {
    display: flex;
    margin-bottom: 10px;
}
.product-col .title-product h4{margin-top:0;margin-bottom:4px}
.product-col .form_beli {
    margin-top: 0;
    display: block;
}
.footer-thumbnail-catalog {
    background: #e0ebfd;
    border: 2px solid #1d64d8;
    border-radius: 5px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 8px;
    position: absolute;
    bottom: 13px;
    width: calc(100% - 26px);
    left: 13px;
}
.cat-button-thumbnail {
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 70px;
    position: absolute;
}

.row.thumbnail-product.grid > div {
    display: flex;
}
.price-old,.reduction {
    display: none;
}
.btn-cart {
    display: flex;
    align-items: center;
	font-weight:600;
    color: #1d64d8;
    background: transparent;
	border:1px;
	border-radius:3px;
    padding-left: 10px;
}
.pb-right-column .btn-cart:hover {
	background:#0f4d98;
	color:#fff;
}
.pb-right-column .btn-cart {
    display: flex;
    align-items: center;
    color: #1d64d8;
    margin-right: 50px;
    background: transparent;
    border: 1px;
    border-radius: 3px;
    width: 180px;
    background: #1d64d8;
    color: #fff;
    justify-content: center;
}
ul.social-media a {
    width: 180px;
    text-align: center;
    background: #dfecfc;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 0px;
    font-size: 13px;
    color: #185fd3;
    font-weight: bold;
    border: 1px solid #88a9d6;
}
ul.social-media {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    border-top: 0;
    margin-top: 0;
    padding-top: 14px;
}
.btn-cart:hover {
    background: #d1d1d1;
	color:#1d64d8;
}
button.btn.btn-cart img {
    margin-right: 6px;
    height: 19px;
}
div#doktorhome {
    background: #31518a;
	padding:40px 0;
    color: #fff;
}
div#doktorhome .col-sm-6:first-child {text-align:right}
.title-headline h2 {
	margin-top:0;
    font-weight: 600;
    font-size: 19pt;
    line-height: 1.3;
}
div#doktorhome .more:hover {background:#fff;color:#000}
div#doktorhome .more {
    background: transparent;
    border: 1px solid #fff;
    padding-left: 40px;
    padding-right: 30px;
    margin: 10px 0 20px;
}
.nama-doktor {
    font-size: 15pt;
    font-weight: 600;
}
.product-col .title-product a {
    position: relative;
    font-size: 12pt;
    height: inherit;
    font-weight: bold;
    color: #000;
    line-height: 1.2;
	max-height: 4rem;
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}
.cat-button a {
    background: #1744cf;
    display: inline-block;
    padding: 0 16px 0px 0;
    color: #fff;
    font-size: 13pt;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.cat-button img {
    height: 23px;
}
.cat-button {
    margin-top: 13px;
}
.cat-button span {
    padding: 9px 11px;
    background: #fff;
    display: inline-block;
    margin-right: 18px;
    margin-left: -1px;
}
.best,.best-icon{position:absolute;top:10px;z-index:3;left:-4px;display:none;}
.best span,.best-icon span{color:#fff;font-size:9pt;background:#f25220;border-radius:0 4px 4px 0;padding:3px 5px;display:block}
.best-icon:before,.best:before{content:"";display:block;position:absolute;left:0;border-top:2px solid #a2310d;border-left:2px solid transparent;border-right:2px solid #a2310d;border-bottom:2px solid transparent;top:100%}
.product-col span.price-now ,.price-now{
    font-size: 11pt;
    color: #1d64d8;
    font-weight: 600;
}
.image-product:before {
    content: "";
    display: block;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.2); */
}

.product-col .image-product {
    overflow: hidden;
	text-align:center;
    /* border-radius: 7px; */
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.product-col img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block;}
.title-product {
    margin-bottom: 9px;
    /* min-height: 40px; */
}
.summary-catalog {
    font-size: 9pt;
    color: #888;
    margin-bottom: 20px;
    min-height: 58px;
    line-height: 1.2;
	max-height: 58px;
    overflow: hidden;
    display: block;
    -webkit-line-clamp:4;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}
.product-col .caption {
    /* position: relative; */
    padding: 0px 13px 20px;
    bottom: 0;
    width: 100%;
    text-align: center;
}
#catalog-home table{text-align:center;width:100%}
#brands-home table{text-align:center;width:100%}
div#who-we-are{text-align:center;border-radius:8px;padding:10px 40px 0;margin-top:60px}
#who-we-are .more{margin-top:15px}
#who-we-are .page-header{text-align:left;margin-bottom:20px;font-size:32px}
#who-we-are .page-header:after{margin-left:0;margin-right:0}
#who-we-are .container>.row{display:flex;justify-content:space-between;padding:20px 0;align-items:center}
div#services-block{background:#f9b81e;padding-bottom:130px}
.list-services img{width:110px;margin:0 auto 40px;display:block}
.list-services{border:1px solid #fff;color:#000;margin-bottom:20px;padding:20px}
.title-service h4{font-weight:700;font-size:12pt;margin-bottom:15px}
div#footerlink h2{font-weight:700;margin:0;font-size:22pt;line-height:1.2}
div#footerlink h2 a{color:#f9b81e}
#custom-content h3,div#footerlink h3{margin-top:0;font-weight:600;font-size:14pt;margin-bottom:20px}
div#footerlink .col-sm-4:first-child table{width:auto;margin:0 auto}
table.keunggulan-thumbnail tr{display:flex;margin:0 -15px}
table.keunggulan-thumbnail td{display:block;width:33.33%;background:#fff;margin:0 15px;padding:10px 30px 20px}
table.keunggulan-thumbnail h2{background:#1744cf;color:#fff;text-align:center;margin:-10px -30px 20px;padding:18px 10px;font-size:17pt}
table.keunggulan-thumbnail ul{list-style:none;padding-left:10px}
table.keunggulan-thumbnail li:before{content:"";width:8px;height:8px;border-left:7px solid #1744cf;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid transparent;position:absolute;display:block;left:0;top:5px}
table.keunggulan-thumbnail li{position:relative;padding-left:16px;margin-bottom:5px}
#footerlink p{margin-bottom:15px}
div#footerlink a{color:#111;font-weight:600}
div#footerlink .col-sm-4:first-child{text-align:left}
div#footerlink table{width:100%}
div#footerlink{color:#111;background:none repeat scroll 0 0 #dfecfc;padding:20px 0 0px;background-size:cover;font-weight:600}
.col-sm-12.form-barcode-block {
    display: flex;
    align-items: center;
    justify-content: center;
}
.col-sm-12.form-barcode-block p {
    text-align: right;
	font-weight: 600;
    margin-right: 15px;
    margin-bottom: 0;
}
.thumbnail-project{text-align:center;margin-bottom:30px}
.images-project img{width:100%}
.images-project{margin-bottom:10px}
.project-name{font-size:12pt;color:#333}
#copyright a{color:#1744cf;font-weight:bold;}
div#copyright p{margin:0}
div#copyright{background:#fff;color:#1744cf;padding:15px 0;text-align:center;}
div#block-filter-proyek{text-align:center;margin-bottom:50px;margin-top:-20px}
div#config-proyek{text-align:center;margin-bottom:50px}
div#block-filter-proyek .form-control{background:#f2f2f2;color:#000;border:0;height:auto;box-shadow:none;border-radius:0;padding:9px 13px;display:inline-block;width:240px;margin:0 10px}
.thumbnail-proyek a:hover{text-decoration:none}
.thumbnail-proyek a{color:#000}
.thumbnail-proyek{background:#f2f2f2;margin-bottom:30px;text-align:center}
.owner-proyek{color:#555}
.image-proyek img{width:100%}
.title-proyek{font-weight:700;font-size:18px;min-height:60px;line-height:1.3;margin-top:2px;padding:0 15px}
.content-proyek{padding:18px 0}
.gallerytitle{TEXT-ALIGN:CENTER}
.name-photo.text-center{padding:10px 0}
div#noteafter iframe{max-width:100%}
div#footerlink td{padding:6px 1px}
h1.title-detail-proyek{text-transform:uppercase;font-weight:700;font-size:21pt;margin-top:0;margin-bottom:0}
h2.type-detail-proyek{color:#888;text-transform:uppercase;font-size:14pt;font-weight:700;margin-top:13px;margin-bottom:40px}
.content-detail-proyek td{width:50%;padding-bottom:35px}
.content-detail-proyek table label{display:block;color:#d41a11;margin-bottom:15px;font-weight:700}
.content-detail-proyek table{width:100%}
.image-detail-proyek img{width:100%}
#sync2 .item{background:#000;padding:0;border-radius:5px;overflow:hidden;margin:10px 5px 5px;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;cursor:pointer}
#sync2 .item img{opacity:.4}
#sync2 .current .item img{opacity:1}
div#sync2{display:flex;align-items:center;justify-content:center;display:none;}
.owl-nav {
    display: none !important;
}
.owl-dots {
    margin-top: 10px;
}
.owl-nav button:active,.owl-nav button:focus{outline:0}
.button-block-contact {
    /* background: #eaf3fd; */
    padding: 10px 10px 0;
    /* margin: 0 -25px 10px !important; */
}
.button-block-contact .col-md-12 p{margin:25px 0}
.button-block-contact .col-md-12 {
    text-align: center;
}
.icon-contact a{margin:0 10px}
div#contactform .more {
    padding: 11px 80px;
    font-size: 14px;
}
.icon-contact img {
    /* height: 50px; */
    margin-right: 0px;
    /* box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); */
    /* border-radius: 50%; */
}
.file-custom img {
    margin-right: 5px;
    vertical-align: bottom;
	display:none
}
label.custom-uploadfile.file-custom:before {
    width: 13px;
    height: 20px;
    background: url(images/paperclip.svg)no-repeat;
    content: "";
    display: block;
	margin-right: 6px;
}
.toggle-password {
    position: absolute;
    font-size: 18pt;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    color: #9e9e9e;
}
.custom-password {
    position: relative;
}
div#formlogin table {
    width: 100%;
}
div#formlogin .more {
    width: 100%;
}
.register-block .form_content {
    border-top: 1px solid #ccc;
	padding-top:10px;
}
.separator-loging {
    text-align: center;
    color: #aaa;
    margin-top: 29px;
}
.register-block {
    margin: 25px -25px 0;
    padding: 0 25px;
}
h2.header-register {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    margin-top: 25px;
    margin-bottom: 20px;
    color: #04346b;
}
.image-category {
    text-align: center;
}
.product-rate {
    display: flex;
    align-items: center;
    font-size: 12pt;
    margin-bottom: 15px;
	flex-wrap:wrap;
}
.qty-rate {
    margin-left: 6px;
	position:relative;
	top:0px;
}
.register-block .more:hover {
	background:rgb(14,76,146) !important;
	color:#fff
}
.register-block .more {
    display: block;
    margin-top: 20px;
    color: rgb(14,76,146);
    border: 1px solid rgb(14,76,146);
    background: transparent !important;
}
p.lost_password.form-group {
    display: block;
    margin-top: -1px;
    font-weight: 500;
    color: #04346b;
    text-align: right;
    text-transform: uppercase;
}
.block-cart img {
    height: 18px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.promo-thumb1 {
    background: #223094;
}
.promo-thumb2 {
    background: #ccc;
}
.promo-thumb3 {
    background: #002564;
}
.promo-thumb4 *{color:#000;}
div#promohome .promo-thumb4 .more:hover{
	background:rgb(14,76,146);
	color:#fff;
}
div#promohome .promo-thumb4 .more{
	border-color:rgb(14,76,146);
	color:rgb(14,76,146);
}
.promo-images img {
    height: 170px;
}
.promo-thumb4 {
    background: #fff;
}
.promo-images {
    width: auto;
    margin: 0 auto;
}
.promo-thumb5 {
    background: #002564;
}
div#promohome .more:hover {background:#fff;color:rgb(14,76,146)}
div#promohome .more {
    background: transparent;
    border: 1px solid #fff;
    margin-top: 20px;
}
.title-headline {
    width: 470px;
    max-width: 100%;
}
div#doktorhome .col-sm-6:first-child {
    padding-right: 40px;
}
div#doktorhome .col-sm-6:first-child img {
    width: 370px;
    border-radius: 50%;
    background: #fff;
    max-width: 100%;
}
#footerlink .col-sm-3:nth-child(1) img{
    max-height: 34px;
    filter: brightness(0) invert(1);
    margin-bottom: 8px;
}
div#footerlink .copyright a {
    padding: 0;
}
.copyright {
    font-style: italic;
}

.chat-bubble img {
    height: 18px;
}
.chat-bubble:hover {color:#fff;background:#777;text-decoration:none}
.chat-bubble {
    position: fixed;
    bottom: 20px;
    right: 30px;
    background: #0f4d98;
    color: #fff;
    padding: 11px 20px;
    font-size: 15px;
    border-radius: 5px;
    z-index: 9;
	transform:scale(1.1);
}
.large-promo {
	text-align:center;
	background-position: center !important;
    background-size: cover !important;
}
.small-promo {
    text-align: center;
    padding: 40px 0 30px;
	background-position: center !important;
    background-size: cover !important;
}
h1, h2, h3, h4 {
    font-weight: bold;
	
}
.desc-promo {
    width: 70%;
    text-align: center;
    font-size: 11pt;
    color: #fff;
    margin: 15px auto 0;
}
.title-promo h3 {
	font-weight:600
}
.title-promo {
    color: #fff;
    text-transform: uppercase;
    width: 90%;
    margin: 0 auto;
}
.content-slide {
    position: absolute;
    width: 100%;
    top: calc(50%);
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    margin-top: 50px;
}
div#slide-testi .dept_image {
    /* display: none; */
}
.dept.testi-content {
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    border-bottom: 3px solid #ddd;
    border-radius: 15px;
    padding: 20px 25px;
    border-top: 1px solid #eee;
    text-align: center;
}
.dept_subtitle {
    height: 160px;
    overflow: hidden;
	margin-bottom:25px;
	width:100%;
	clear:both;
}
div#slide-testi .owl-item:nth-child(3n+1) .dept.testi-content:before {background:#ed5da3}
div#slide-testi .owl-item:nth-child(3n+2) .dept.testi-content:before {background:#4585f3}
div#slide-testi .owl-item:nth-child(3n+3) .dept.testi-content:before {background:#f0bf48}
.dept.testi-content:before {
    content: ";;";
    position: relative;
    float: left;
    width: 24px;
    height: 25px;
    background: #f00;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-family: 'Outfit', sans-serif;
    font-size: 14pt;
    line-height: 1;
    margin-bottom: 15px;
}
div#slide-testi a.link-more {
    text-transform: uppercase;
    font-size: 11pt;
    margin: 15px 0;
    display: inline-block;
    font-weight: 600;
}
.row.block-list-artikel > div:first-child .summary-article{display:flex}
h2.second-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20pt;
}
.row.block-list-artikel > div:first-child {
    width: 100%;
}
.row.block-list-artikel > div:first-child .img-news img{width:100%;}
.row.block-list-artikel > div:first-child .news-content:after{display:none}
.row.block-list-artikel > div:first-child .newstitle a{
	color:#fff;
	text-transform:uppercase
}

.row.block-list-artikel > div:first-child .newstitle {
    position: absolute;
    bottom: 100%;
    background: rgb(1,41,103);
	background: linear-gradient(0deg, rgba(1,41,103,1) 0%, rgba(13,73,143,1) 100%);
    width: 100%;
    left: 0;
    color: #fff;
    padding: 10px 20px;
}
.row.block-list-artikel > div:first-child .img-news {
    width: 100%;
}
.row.block-list-artikel > div:first-child .panel-body.news-colx{display:block}
.row.block-list-artikel > div:first-child .news-content.caption-news-thumb {
    width: 100%;
    position: relative;
    padding-top: 18px;
}
.summary-article{display:none}
.detail-image-article img{width:100%;}
.detail-article-page div#berita-terkait h2 {
    margin: 0 0 25px;
    text-transform: capitalize;
}
div#barcode-page table, div#barcode-page tr, div#barcode-page td, div#barcode-page tbody {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
}
div#barcode-page td:nth-child(2){font-size:11pt}
div#barcode-page td{padding:0;}
div#barcode-page tr{
	padding:5px 15px;
	margin-bottom:10px;
	border:1px solid #ddd;
	background:#f5f5f5;
}
.form-control {
    border-radius: 0;
}
#contactform form.form-horizontal .form-group .col-sm-2 {
    display:none;
}
.home-member {
    display: flex;
    flex-wrap: wrap;
}
.home-member a {
    width: 50%;
    font-size: 15pt;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 30px;
    padding-top: 3px;
    margin-bottom: 11px;
}
.home-member a span {
    display: block;
    text-transform: none;
    font-size: 11pt;
    font-weight: normal;
    color: #000;
    border-bottom: 3px solid #eee;
    padding-bottom: 17px;
    padding-top: 4px;
}
div#overview-partnership {
    background: linear-gradient(
90deg
, #105098 0%, #2b81e4 100%);
    color: #fff;
}
div#daftar-partnership {
    text-align: center;
    background: linear-gradient( 
90deg
 , #105098 0%, #2b81e4 100%);
    color: #fff;
}
div#overview-partnership .row {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
div#overview-partnership h1 {
	text-shadow: 0 0 4px rgb(0 0 0 / 30%);
	margin-bottom:30px !important;
	font-weight:bold !important;
}
div#paket-partnership {
    background: #f5f8ff;
}
div#paket-partnership h1{
    /* text-align:center; */ 
	margin-bottom:25px !important;
}
div#paket-partnership .row > div:last-child {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}
button#tambah-toko {
    background: transparent;
    border-radius: 0;
    color: #2e6da4;
    font-weight: 500;
    display: block;
    margin: 0 auto 21px;
}
.block-add-toko {
    border-bottom: 4px solid #ddd;
    margin-bottom: 15px;
    padding: 1px 0 5px;
}
div#partnership-page h1 {
    font-weight: 500;
	line-height:1.2;
    font-size: 23pt;
    margin-bottom: 15px;
}
div#overview-partnership .more,div#daftar-partnership .more{
	background:#fef701;
	color:#105098;
}
#daftar-partnership{padding:80px 0}
#daftar-partnership h1{margin-bottom:30px !important;margin-top:0 !important}
div#overview-partnership p {
    font-size: 14pt;
    text-shadow: 0 0 4px rgb(0 0 0 / 30%);
}
div#about-partnership .col-sm-10 {
    margin-bottom: 20px;
}
/* .pricelist h4 { */
	/* font-size:12pt; */
	/* text-align:center; */
	/* font-weight:600; */
	/* margin-top:25px */
/* } */
/* .pricelist:nth-child(1) h3 { */
	/* background: linear-gradient(90deg, #b10522 0%, #ec4262 100%); */
/* } */
/* .list-price li:before { */
    /* content: ""; */
    /* display: block; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 50%; */
	/* transform:translateY(-50%); */
    /* background: url(images/icon-logo.png)no-repeat; */
	/* background-size:cover; */
    /* width: 15px; */
    /* height: 15px; */
/* } */
/* .list-price li { */
    /* padding-left: 25px; */
    /* position: relative; */
	/* margin-bottom:7px; */
/* } */
/* .list-price ul { */
    /* list-style: none; */
    /* padding: 0 20px; */
/* } */
/* .pricelist:nth-child(2) h3 { */
	/* background: linear-gradient(90deg, #03890e 0%, #33ce59 100%); */
/* } */
/* .pricelist:nth-child(3) h3 { */
	/* background: linear-gradient(90deg, #215591 0%, #2f86ea 100%); */
/* } */
/* .pricelist h3 { */
    /* text-align: center; */
    /* margin: 0 0 0px; */
    /* /* background: #f00; */ */
    /* color: #fff; */
    /* font-size: 14pt; */
    /* padding: 17px 0; */
/* } */
/* .pricelist { */
    /* width: 22%; */
    /* box-shadow: 0 0 5px rgb(0 0 0 / 15%); */
    /* border-radius: 10px; */
    /* overflow: hidden; */
    /* margin: 0 10px; */
    /* background: #fff; */
	/* padding-bottom:20px */
/* } */
div#keuntungan-partnership h1 {
    text-align: center;
    margin-bottom: 30px;
}
div#keunggulan-partnership {
    background: #f5f8ff;
}
div#keunggulan-partnership h1:first-child {margin-top:0 !important}
/* div#keunggulan-partnership td:first-child {width:20%} */
/* div#keunggulan-partnership td:last-child {padding-left:20px} */
div#keunggulan-partnership h1 {
    text-align: center;
    margin-bottom: 20px !important;
    margin-top: 60px !important;
}
/* div#keuntungan-partnership td:first-child img { */
    /* width: 90px; */
/* } */
/* div#keuntungan-partnership td:first-child { */
    /* width: 150px; */
/* } */
div#keuntungan-partnership h2 {
    font-size: 15pt;
    margin-top: 0;
}
div#keuntungan-partnership td {
    padding-top: 10px;
    padding-bottom: 20px;
}
div#paket-partnership .row > div:last-child {
    display: flex;
    justify-content: center;
	flex-wrap:wrap;
}
.popup-partnership .modal-content {
    padding: 60px 70px;
}
.popup-partnership .modal-header {
    border: 0;
    padding: 0;
    margin-bottom: 20px;
}
.popup-partnership .modal-body {
    padding: 0;
}
.popup-partnership .modal-footer {
    display: none;
}
.popup-partnership .modal-header h3.modal-title {
    font-size: 23pt;
}
.popup-partnership .modal-header:after {
    content: "";
    display: block;
    position: relative;
    width: 100px;
    height: 5px;
    background: #04346b;
    margin-top: 3px;
}
.popup-partnership .modal-body:after {
    content: "";
    display: block;
    width: 100px;
    background: #04346b;
    height: 5px;
    margin-left: auto;
    margin-top: 14px;
    margin-bottom: 10px;
}
.popup-partnership button.close {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #444;
    font-size: 32pt;
    opacity: 1;
}
.popup-partnership.in .modal-dialog {
    width: 500px;
	margin-top:0;
	margin-bottom:0;
    top: 50%;
    transform: translateY(-50%) !important;
}
.header-article{position:relative}
div#tab-pin {
    position: absolute;
    top: -111px;
    width: 10px;
    height: 10px;
    display: block;
}
a.wa-button {
    color: #fff;
    background: #2cb566;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 10px;
}
a.wa-button img {
    height: 20px;
    position: relative;
    margin-right: 5px;
    top: -1px;
}
a.wa-button:hover {
    background: #1ca255;
    text-decoration: none;
}
.content-slide-wrap {
    /* font-size: 25pt; */
    margin: 30px 0;
	color:#fff;
	width:70%;
}
.content-slide-wrap img{
    width:auto;
}
@media(min-width:768px) and (max-width:992px){
	.navbar-brand>img {
		max-height: 25px !important;
	}
	#header-site a.navbar-brand {
		padding-right: 0 !important;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 15px 9px;
		font-size: 13px;
	}
}
div#slide-testi .owl-item,#slide-catalog .owl-item {
    padding: 4px 15px;
}
.large-promo {
    width: 100%;
    margin-bottom: 40px;
}
.large-promo img {
    display: block;
    width: 100%;
}
#slide-catalog button.owl-dot {background: #ccc !important;}
.item .product-col {
    margin-bottom: 2px;
}
#slide-catalog button.owl-dot.active {background: #175acf !important;}
@media(min-width:768px){
div#footerlink .col-sm-4:nth-child(2) {
    left: 50px;
}
#footerlink .col-sm-4.col-md-3.col-md-push-3 {
    text-align: right;
}
.popup-partnership .modal-dialog {
    width: 500px;
}
#view-detail-order td{
    vertical-align:middle !important;
}
.block-member-page .col-sm-9 {padding-left:25px;border-left:4px solid #ccc}
.desc-barcode {
    text-align: center;
}
div#barcode-page h3 {
    text-align: center;
    font-size: 16pt;
    margin-bottom: 20px;
}
div#barcode-page {
    left: 50%;
    transform: translateX(-50%);
}
div#news-catalog .row {
    display: flex;
    flex-wrap: wrap;
}
div#results,div#resultsx {
    display: flex;
    flex-wrap: wrap;
}
.detail-article-content {
    width: 66.66%;
    float: left;
	padding-right:15px;
}
.detail-article-page div#berita-terkait .news-content{width:100%}
.detail-article-page div#berita-terkait {
    width: 33.333%;
    float: left;
    padding: 0 15px;
    margin: 0;
    border: 0;
}
#close-search-icon,#search-icon{display:none}
.row.block-list-artikel > div:first-child {
    width: 66.66%;
}
.header-article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 25px;
}
.header-article h2.second-title{margin:0;}
.header-article div#filter-block {
    margin: 0;
    display: block;
    width: auto;
}
.header-article div#filter-block select {
    width: auto;
    padding: 10px 12px;
    display: inline-block;
    min-width: 250px;
	border-radius:0;
}
.header-article div#filter-block > div label {
    margin-right: 10px;
    display: inline-block;
}
.header-article div#filter-block > div {
    /* display: flex; */
    width: auto;
    display: inline-block;
    align-items: center;
	margin:0;
}

.small-promo {
    width: 33.33%;
}
div#artikelhome .newsshortdesc {
    display: block;
    font-size: 13px;
    color: #777;
}
div#search-product .row {
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}
div#doktorhome .container {
    padding: 0;
    display: flex;
    align-items: center;
}
div#promohome {
    display: flex;
	padding:0;
    flex-wrap: wrap;
}

div#slide-testi {
    /* width: 90%; */
    margin: 0 auto;
}
.navbar-header:before,.navbar-header:after{display:none}
.navbar-header {
}
div#formlogin {
    padding: 0 40px;
    /* border-right: 1px solid #ddd; */
}
div#top-header .col-sm-12 > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
}
.menu-login{display:none}
div#filter-block {
    max-width: 100%;
	display:flex;
	position:relative;z-index:2;
    margin: 0 auto 20px;
    width: 540px;
}
div#filter-block dorm > div,div#filter-block > div{width:50%;padding:0 10px}
div#filter-block form {
    display: flex;
	width:100%;
}
ul#tabNews {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

div#slide-home .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#slide-home .container:BEFORE {
    DISPLAY: NONE;
}
.navbar-brand{padding:10px 15px;height:auto}
.navbar-brand>img {
    display: block;
    max-height: 35px;
    margin: 10px 0;
}
.button-block-contact {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.header-menu{display:none}
div#footerlink a {
    color: #111;
    padding: 0 17px;
    text-transform: uppercase;
}
div#footerlink .col-sm-3:last-child {text-align:right}
div#footerlink .col-sm-3 {
}
div#footerlink {
	/* text-align:center; */
	line-height:1.7;
    padding: 40px 0 25px !important;
}
div#slide-promo .item{padding:0 10px}
#footerlink .col-sm-3.col-sm-push-1{left:4%}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#c3371a}
.dropdown-menu{min-width:220px;padding:10px 0;margin:0!important;border:0}
.dropdown-menu>li>a{display:block;padding:5px 20px}
.row.thumbnail-product.grid>div:nth-child(3n+1){clear:both}
.row.thumbnail-product.grid>div{width:33.3%;padding:0 12px}
.detail-proyek{display:flex}
.image-detail-proyek{width:50%;padding-right:20px}
.content-detail-proyek{width:50%;padding-left:30px}
#slide-home-mobile{display:none!important}
div#bs-example-navbar-collapse-1{padding:0;display:flex!important;background:transparent}
div#services-block .container>.row>div:last-child>.row{display:flex}
div#services-block .container>.row>div:last-child>.row>div{float:none;display:flex}
#button-mobile{display:none}
#close-menu,#header-menu{display:none}
.bg-black{display:none}
.slide-text{width:375px}
div#contactform .form-group>div:last-child{width:100%}
div#contactform .form-group>span:first-child{width:100%;padding-top:6px}
div#contactform .form-group>div:last-child.col-md-offset-2{margin-left:20%}
.navbar-nav{float:none;margin:0;display:flex;position:relative;align-items:center;justify-content:center}
.navbar-nav>li{display:flex}
div#contactform {
    width: 55%;
    float: none;
    margin: 0 auto;
}
}
div#noteafter{margin-bottom:30px}
@media(min-width:992px){div#slide-catalog .col-sm-4{width:20%;padding:0 7px}
.row.thumbnail-product.grid>div:nth-child(5n+1){clear:both}
.row.thumbnail-product.grid>div:nth-child(3n+1){clear:none}
.row.thumbnail-product.grid>div{width:24%;padding:0 12px}
div#slide-testi {
    width: 80%;
    margin: 0 auto;
}
.block-cart {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0%);
    margin-left: 20px;
}
.dekstop-hidden{display:none!important}
.slide-text{width:485px}
}
@media(min-width:1200px){.col-md-4.col-xs-6.thumb:nth-child(4n+1){width:25%}
div#catalog-home .col-sm-4 {
    width: 22%;
}
.col-md-4.col-xs-6.thumb{width:25%}
.container{width:1150px}
.slide-text{width:540px}
}
@media(max-width:991px){
.mobile-hidden{display:none !important;}
div#top-header > a {
    font-size: 0;
	padding:0;
    background: transparent;
}
div#top-header img {
    height: 29px;
    vertical-align: text-bottom;
    margin-right: 0;
}
.block-cart .cart {
    font-size: 0;
	padding:0;
    background: transparent;
}
.block-cart span {
    font-size: 11pt;
    color: #fff;
    font-weight: bold;
    padding-left: 0;
    background: transparent;
    margin-left: -2px;
}
.block-cart img {
    height: 27px;
	margin-right:0;
}
.header-right {
    display: flex;
}
.navbar-inverse .navbar-nav>li{margin-left:0px}
#header-top .col-sm-6:first-child{width:100%}
#header-top .col-sm-6.text-right{display:none}
}
tr.cart_total_price {
    font-weight: bold;
    font-size: 12pt;
}
td.cart_total {
    font-weight: bold;
}
.block-left-member a {
    display: block;
	cursor:pointer;
    padding: 10px 0;
    text-transform: uppercase;
    color: #000;
    font-size: 11pt;
}
.block-left-member {
    /* border-right: 4px solid #ccc; */
}
a.disable-menu, a.disable-menu span {
    color: #bbb !important;
    cursor: not-allowed;
}
p.welcome-user {
    text-align: center;
    margin-bottom: 30px;
    font-size: 12pt;
    margin-top: 0px;
}
.block-member-page h2 {
    margin-top: 0;
    color: #1744cf;
    font-size: 21pt;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.block-member-page #checkout-form h2:before {display:none}
.block-member-page #checkout-form h2 {
    font-size: 18pt;
    margin-top: 20px;
    text-transform: capitalize;
}
div#checkout-form .table-striped td:last-child {font-weight:bold}
form#confirm_payment label {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
form#confirm_payment table {
    width: 100%;
}
form#confirm_payment input#filename {
    max-width: 100%;
	margin-top:5px;
	width:100%;
}
div#checkout-form .noborder td {font-weight:bold}
div#checkout-form td {vertical-align:top;}
div#checkout-form th {
    text-align: center;
}
.block-member-page h2:before {
    content: "<";
    margin-right: 5px;
}
.history-member td:first-child {
    width: 150px;
}
.history-member td:nth-child(3) {
    width: 180px;
}
.history-member td:nth-child(2) {
    width: 200px;
}
table.order-status-block {
    width: 100%;
    margin-bottom: 20px;
}
table.order-status-block td {
    vertical-align: top;
}
table.order-status-block label {
    font-weight: normal;
    width: 100%;
    margin-bottom: 2px;
}
.desc-status-order {
    font-weight: bold;
    font-size: 13pt;
    margin-top: 3px;
}
.desc-status-order .tanggal-transaksi {
    font-weight: normal;
    font-size: 11pt;
    margin-top: 3px;
}
@media(max-width:767px){
div#info-block {
    top: 62px;
}
div#catalog-home {
    padding: 40px 5px;
}

.large-promo {
    width: 100%;
    margin-bottom: 20px;
}
.content-slide-wrap .more {
    width: auto;
}
div#slide-home .container > img {
    width: 90%;
    margin: 0 auto 0;
}
.menu-desktop-active .active-logo{
	display:none !important;
}
.col-sm-12.form-barcode-block {
    display: block;
    text-align: center;
}
.col-sm-12.form-barcode-block p {
    text-align: center;
    font-weight: 600;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 17px;
}
a.hasil-klinis {
    display: block;
    text-align: center;
    margin-top: 20px;
}
ul.social-media li a{display:block;width:100%;}
ul.social-media li {
    display: block;
	width:100%;
    margin-right: 0;
    margin-bottom: 12px;
    margin-top: 10px;
}
ul.social-media {
    width: 100%;
}
.komposisi-thumbnail {
    padding: 10px 15px;
    display: block;
	margin-bottom:0;
}
div#komposisi_product button.owl-dot {background:#aaa}
div#komposisi_product button.owl-dot.active {
    background: #1756cf !important;
}
.komposisi_image {
    width: 85%;
    margin: 0 auto;
}
.komposisi_content {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}
table {
    max-width: 100%;
    width: 100% !important;
	height:auto !important;
}
.popup-partnership .modal-content {
    padding: 35px 30px;
}
.popup-partnership.in .modal-dialog {
    width: 500px;
    margin-top: 0;
    max-width: 90%;
    margin-bottom: 0;
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 0 auto;
}
.popup-partnership .modal-header h3.modal-title {
    font-size: 18pt;
}
.product-rate .more {
    text-align: center;
    padding: 10px 0;
    margin: 5px 0 0;
}
.product-rate {
    margin-top: 15px;
    margin-bottom: 10px;
	justify-content:center;
}
nav#header-site.active {
    position: fixed;
    background: linear-gradient(90deg, rgba(29,109,242,1) 0%, rgba(23,97,207,1) 50%, rgba(23,67,207,1) 100%);
}
nav#header-site.active div#top-header > a {
    background: transparent;
    color: #fff;
}
nav#header-site.active .block-cart .cart {
    background: transparent;
    color: #fff;
}
div#customer-review-point {
    top: -100px;
}
ul.customer-review-block .panel.panel-default {
    padding: 8px 0px 3px;
    margin: 0;
}
.block-review-list td.image-review {
    float: left;
    width: 90px;
}
.block-review-list table, .block-review-list tr, .block-review-list td, .block-review-list tbody {
    display: block;
}
.block-review-list table:after {
    content: "";
    display: block;
    clear: both;
}
div#keunggulan-partnership td:first-child {text-align:center}
div#keunggulan-partnership td:last-child {
    padding-left: 0;
    padding-top: 16px;
}
div#daftar-partnership {
    padding: 100px 30px;
}
div#partnership-page h1 {
    font-size: 19pt;
}
#keuntungan-partnership table,#keuntungan-partnership tbody,#keuntungan-partnership tr,#keuntungan-partnership td{display:block;width:100%;}
.pricelist {
    /* width: 80%; */
	margin-bottom:30px;
}
/* div#keuntungan-partnership td:first-child { */
    /* width: 100%; */
    /* text-align: center; */
/* } */
/* div#keuntungan-partnership td:first-child img { */
    /* width: 110px; */
/* } */
div#keuntungan-partnership tr{
    margin-bottom:20px
}
table.order-status-block td {
    margin-bottom: 20px;
}
table#view-detail-order {
    margin-top: 20px;
}
div#order-detail-content tr.noborder td {
    float: left;
    border: 0 !important;
    padding: 0 !important;
    font-size: 12pt;
}
div#order-detail-content tr.noborder td:last-child {
    text-align: right;
}
div#order-detail-content tr.noborder {
    padding: 0 0 10px;
    margin: -10px 0 20px;
}
#view-detail-order td.cart_unit {
    padding-top: 10px;
}
#view-detail-order td.cart_quantity.text-center {
    padding: 10px 0;
}
.home-member a {
    width: 100%;
    padding-right: 0;
}
.menu-edit-password .more {
    width: auto;
    padding: 8px 15px;
    font-size: 15px !important;
}
#editprofile fieldset > div > *, form#editpassword fieldset > div > * {
    padding: 0 !important;
}
.table-responsive {
    border: 0 !important;
}
.block-member-page h2{margin-bottom:10px;font-size:15pt}
#editprofile fieldset > div, form#editpassword fieldset > div,#editprofile.viewaccount-page fieldset > div > div{width:100% !important;}
.block-left-member {
    border-top: 4px solid #ccc;
    padding-top: 30px;
    margin-top: 20px;
}
p.welcome-user {
    margin-bottom: 20px;
}
div#search-product .form-barcode-footer {width:100%;}
.button-block-contact {
    /* background: #eaf3fd; */
    padding: 10px 0px 0 !important;
    /* margin: 0 -25px 10px !important; */
}
.icon-contact a {
    margin: 0 8px;
}
div#komposisi_product {
    margin-top: 0px;
}
.line-detail-content{padding:20px 15px 0}
.header-detail-block h3{font-size:13pt}
.title_detail h4 {
    font-size: 16pt;
}
h2.second-title {
    font-size: 16pt;
    text-align: center;
}
.header-article {
    margin: 50px 0 20px;
}
.header-article h2.second-title {
    margin-bottom: 25px;
}
div#search-product {
    /* background: #1744cf; */
    padding: 30px 20px;
}
#slide-testi .owl-nav{display:none !important}
#slide-home .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: transparent;
    padding-bottom: 20px;
}
div#promohome{padding:0;}
div#search-product .col-sm-6:first-child {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
div#search-product form{width:100%}
.nama-doktor {
    font-size: 14pt;
	text-align:center;
	margin-top:20px;
}
.profile-doktor {
    text-align: center;
}
.more{width:100%;font-size:11pt;}
.title-headline h2 {
    margin-top: 40px;
    font-size: 16pt;
}
div#doktorhome .col-sm-6:first-child img {
    width: 260px;
}
.content-slide {
    text-align: left;
    width: 100%;
    padding-top: 20px;
    top: 80px;
    transform: translate(0);
}
.content-slide-wrap {
    /* font-size: 25pt; */
    margin: 0;
    color: #fff;
    width: 100%;
}
div#doktorhome .col-sm-6:first-child img {
    width: 260px;
}
.desc-promo,.title-promo {
    width: 100%;
}
.chat-bubble{bottom: 10px;right: 20px;transform:scale(1.25);}
.navbar-header:after{display:none}
#editprofile, form#editpassword {
    border: 0;
    padding: 20px 0px;
}
.menu-edit-password {
    text-align: left;
    margin-top: 20px;
}
div#top-header{z-index:1;}
div#order-detail-content {
    border: 0;
}

div#order-detail-content table {
    border: 0;
}
div#order-detail-content table, div#order-detail-content tr, div#order-detail-content td {
    display: block;
}
div#order-detail-content tr:first-child {
    display: none;
}
div#order-detail-content tr {
    clear: both;
}
div#order-detail-content td:first-child {width:48%}
div#order-detail-content .cart_total_price td {float:left}
div#order-detail-content td {
    border: 0;
    padding: 0;
    float: right;
	text-align:left;
    width: 52%;
}
div#order-detail-content td.cart_unit:before {
    content: "Harga: ";
}
div#order-detail-content td.cart_quantity:before {
    content: "Qty: ";
}
div#order-detail-content td.cart_total:before {
    content: "Total: ";
}
td.cart_description .product-name a {
    font-weight: 600;
    color: #444;
    white-space: normal;
    font-size: 12pt;
}
td.cart_description {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 7px !important;
    margin-bottom: 6px !important;
	white-space: normal !important;
}
div#order-detail-content td:before {
    width: 60px;
    display: inline-block;
    color: #555;
}
.cart_quantity .css_quantity {
    width: auto !important;
    margin: 7px 0;
}
td.cart_quantity.text-center form {
    display: inline-block;
}
.cart_quantity .qty-trigger {
    height: 34px !important;
    width: 33px !important;
    line-height: 33px !important;
    margin: 0 !important;
    border-color: #ddd !important;
}
.cart_quantity span.lblcart_quantity_input {
    border: 1px solid #ddd;
    box-shadow: none !important;
    height: 34px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 33px;
    width: 37px;
    background: #f5f5f5;
    border-left: 0;
    border-right: 0;
}
td.cart_delete div{text-align:center}
div#order-detail-content td i {
    margin: 0;
}
td.cart_delete {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #ddd;
    border-radius: 50%;
    width: 30px !important;
    height: 30px;
    text-align: center !important;
    line-height: 30px !important;
}
div#order-detail-content tr:last-child {
    border: none;
    padding-bottom: 0;
    /* margin: 0; */
}
p.cart_navigation.clearfix.row a {
    width: 100%;
    margin-top: 15px;
}
div#order-detail-content tr {
    clear: both;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
div#order-detail-content tr.no-border {
    padding-bottom: 12px;
    margin-top: -8px;
    font-weight: bold;
    color: #333;
}
div#order-detail-content tr.no-border td:nth-child(2) {
    text-align: right !important;
}
div#order-detail-content tr.no-border td:last-child {
    display: none;
}
div#order-detail-content tr.no-border td {
    float: left;
}
p.product-name {
    margin: 0;
}
tr.cart_total_price td:nth-child(2){text-align:right !important}
tr.cart_total_price td:first-child{color:#333}
div#order-detail-content td.cart_product img{width:100% !important}
div#order-detail-content td.cart_product {
    padding-left: 15px !important;
}
div#order-detail-content  .table-responsive>.table>tbody>tr>td, div#order-detail-content  .table-responsive>.table>tbody>tr>th, div#order-detail-content  .table-responsive>.table>tfoot>tr>td, div#order-detail-content  .table-responsive>.table>tfoot>tr>th, div#order-detail-content  .table-responsive>.table>thead>tr>td, div#order-detail-content  .table-responsive>.table>thead>tr>th {
    white-space: normal;
}
.menu-login > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* .login-header{display:none !important} */
.pb-right-column .form_beli .cart-button {
    float: none;
    margin-top: 25px !important;
    width: 100%;
	display:block;
}
button#addToCartButton {
    width: 100%;
}
h1.title-catalog {
    margin-top: 0;
    font-weight: 700;
	text-align:center;
    font-size: 18pt;
    line-height: 1.2;
    color: #333;
    margin-bottom: 9px;
}
div#bs-example-navbar-collapse-1 .block-cart {
    display: none;
}
.pb-right-column {
    background: #fff;
    padding: 30px 0px 30px;
}
.shop.shop-single {
    /* margin: -30px -25px 0px -25px; */
    overflow: hidden;
}
div#news-home {
    padding-left: 10px;
    padding-right: 10px;
}
div#artikelhome {
    padding: 30px 5px 20px;
    border-bottom: 1px solid #ddd;
}
div#promo-home .page-header {
    margin-bottom: 0px !important;
}
div#slide-promo {
    margin: 0 -15px;
	width:calc(100% + 30px)
}
div#slide-promo .active.center img {transform: scale(1);}
div#slide-promo img {
    transform: scale(0.85);
}
.content-slide h1{font-size:23px;letter-spacing:1px}
.content-slide .container{padding:0 20px}
.content-slide p {
}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background:0 0;color:#1744cf}
table.keunggulan-thumbnail tr{display:block;margin:0}
table.keunggulan-thumbnail td{display:block;width:100%;background:#fff;margin:0 0 30px;padding:10px 30px 20px}
div#top-header .col-sm-6:first-child{display:flex;align-items:center;justify-content:space-between;padding:7px 15px 5px}
div#search-icon i{font-size:18pt}
nav#header-site #bs-example-navbar-collapse-1 .container{display:block;padding:0 0 0 }
nav#header-site .container{display:flex;justify-content:space-between;align-items:center;width:100%}
.block-cart i{color:#000;font-size:18pt}
.block-login i.fa.fa-user{font-size:17pt;color:#000}
div#searchproduct{position:absolute;z-index:4;display:none}
div#searchproduct.active{display:block;top:100%;width:100%;margin-top:4px;background:#fff;left:0;box-shadow:0 7px 17px -7px rgba(0,0,0,.2);-ms-box-shadow:0 7px 17px -7px rgba(0,0,0,.2);-moz-box-shadow:0 7px 17px -7px rgba(0,0,0,.2);-webkit-box-shadow:0 7px 17px -7px rgba(0,0,0,.2);-o-box-shadow:0 7px 17px -7px rgba(0,0,0,.2);padding:11px 15px;text-align:left;top:106px}
button.searchubmit{display:none}
div#close-search-icon{font-size:20pt;position:absolute;color:#222;top:6px;right:10px}
input#keyword{border-radius:0;border-color:#555;color:#000;background:#fafafa;width:calc(100% - 30px);margin:0!important;display:block!important;padding:8px 12px}
div#footerlink .col-sm-4:first-child{text-align:center}
#description_product ul{margin-bottom:0}
#description_product>table table td{padding-bottom:0}
#description_product h2{margin-bottom:25px;font-size:17pt;margin-top:10px}
#description_product>table table tr:nth-child(2){padding-top:15px;padding-bottom:15px}
#description_product>table table,#description_product>table table>tbody,#description_product>table table>tbody>tr,#description_product>table table>tbody>tr>td{display:block}
#description_product>table table{margin-left:0;min-width:100%;text-align:left}
#description_product h2:before{content:"";display:inline-block;width:32px;height:2px;background:#ccc;vertical-align:middle;position:relative;top:-1px;margin-right:9px}
.mobile-hidden{display:none!important}
.content-detail-proyek{margin-top:30px}
.content-detail-proyek td{display:block}
.detail-proyek{margin:-30px -10px 0}
div#block-filter-proyek{text-align:center;margin-bottom:30px;margin-top:-20px}
div#block-thumbnail-proyek .col-sm-3{width:50%;padding:0 7px;float:left}
.title-proyek{font-weight:700;font-size:15px;min-height:50px;line-height:1.3;margin-top:2px;padding:0 15px}
.content-proyek{padding:12px 0}
div#block-filter-proyek .form-control{width:100%;color:#000;margin:0 0 15px}
.menu-button-mobile ul.list-inline li:nth-last-child(4):first-child,.menu-button-mobile ul.list-inline li:nth-last-child(4):first-child~li{width:25%}
.menu-button-mobile ul.list-inline li:nth-last-child(3):first-child,.menu-button-mobile ul.list-inline li:nth-last-child(3):first-child~li{width:33.33%}
.menu-button-mobile ul.list-inline li:nth-last-child(2):first-child,.menu-button-mobile ul.list-inline li:nth-last-child(2):first-child~li{width:50%}
.menu-button-mobile ul.list-inline li:nth-last-child(1):first-child,.menu-button-mobile ul.list-inline li:nth-last-child(1):first-child~li{width:100%}
#header-site{top:0;margin:0;z-index:3}
img.background-slide{max-width:none;width:140%}
img.component-slide1{max-width:60%}
img.component-slide2{max-width:95%}
img.component-slide3{max-height:60%}
.table-default,.table-default > tbody,.table-default > tbody > tr > td,.table-default > tbody > tr{display:block;width:100%!important}
#header-site a.navbar-brand{float:none;padding-left:0 !important;}
.navbar-header:before{display:none}
.navbar-header {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 !important;
}
div#header-top{display:none}
.slide-text{position:relative;transform:translateY(0) translateX(0);top:0;left:0}
.slide-text *{position:relative}
.slide-text:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3)}
.slide-text{display:none;position:relative;transform:translateY(0) translateX(0);-o-transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);top:0;left:0;text-align:center;padding:20px 16px;color:#fff}
.slide-text h1{font-size:20pt}
div#call-block .container{display:block;text-align:center;padding:20px 15px}
div#call-block h2{margin-bottom:20px;margin-top:5px}
/* .more{padding:9px 20px} */
div#strengt{padding:40px 20px}
.strengt-item img{width:60px;padding-right:10px}
.title-strengt h4{margin-top:0}
.strengt-item{margin-bottom:20px}
#strengt .col-sm-3:last-child .strengt-item{margin-bottom:0}
#who-we-are .container>.row{display:block;padding-bottom:0}
div#who-we-are{padding:30px 25px 0;margin-top:30px;margin-bottom:0}
div#content-center h1.page-header{font-size:24pt;margin-bottom:15px}
div#custom-content td:first-child{margin-bottom:15px}
div#custom-content td{display:block;width:100%}
div#custom-content{padding:40px}
/* div#slide-catalog>div:nth-child(5){display:none} */
div#content-youtube-home .col-sm-6:first-child{margin-bottom:15px}
#who-we-are .page-header{margin-right:-10px;font-size:21px}
h1.page-header{font-size:25px;margin-bottom:25px;padding-top:0;margin-top:0;}
div#brands-home tr{display:block}
div#brands-home td{width:50%;float:left}
/* .product-col{position:relative;margin-bottom:10px} */
.content-wrapper{padding:30px 0;margin-bottom:0px}
div#slide-catalog{}
/* .row.thumbnail-product.grid{margin:0 -20px} */
/* .row.thumbnail-product.grid>div,div#slide-catalog>div:nth-child(odd){padding-right:5px} */
/* .row.thumbnail-product.grid>div,div#slide-catalog>div:nth-child(even){padding-left:5px} */
.product-col .title-product *{font-size:12pt}
/* div#slide-catalog>div{width:50%;float:left} */
/* div#slide-catalog>div:last-child{width:100%} */
/* .row.thumbnail-product.grid>div{width:50%;float:left} */
h1.page-header:after{content:"";width:70px;height:4px}
#who-we-are .page-header:after{margin-left:0;margin-right:auto}
#who-we-are .col-sm-6:last-child{margin-top:30px}
div#footerlink .row>div:nth-child(2) {margin-bottom:30px}
div#footerlink .row>div:first-child {margin-bottom:30px}
div#doktorhome .more{margin-bottom:0;}
div#footerlink .row>div {
    text-align: center;
}
#footerlink a {
	text-transform:uppercase;
}
#footerlink img {
    height: 30px;
    margin-bottom: 18px;
}
#footerlink .col-sm-3:first-child.active p {visibility:visible;height:auto;padding: 10px 0;}
#footerlink .col-sm-3:first-child.active img {
    /* padding: 0px 0 19px; */
}
#footerlink .col-sm-3:first-child p {
    
}
div#footerlink .row>div:last-child{margin-bottom:0}
div#copyright{padding:15px 15px}
.navbar-collapse{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;overflow-x:visible;border-top:none!important;box-shadow:none!important;display:block;visibility:visible;position:fixed;opacity:1;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;-o-box-shadow:none!important;width:100%;top:0;right:0;height:100%!important;background:#fff;max-width:100%;padding:0 25px;z-index:9999;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.navbar-nav{margin:0}
.navbar-inverse .navbar-nav>li>a{
    color: #555;
    font-weight: 600;
    padding: 15px 25px;
    margin-top: 0;
    text-transform: capitalize;
    box-shadow: 0 2px 5px rgba(14, 76, 146, 0.12);
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
}
.menu-login > ul > li {
    box-shadow: 0 2px 5px rgba(14, 76, 146, 0.12);
    margin-bottom: 5px;
}
.menu-login > ul > li  ul a {
	
}
.menu-login > ul > li  a {
    color: #555;
    font-weight: 600;
    padding: 15px 25px;
    margin-top: 0;
    text-transform: capitalize;
    font-size: 14px;
    display: block;
}
.menu-login .open .dropdown-menu {
    position: relative !important;
    float: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0 20px;
}
.menu-login .open .dropdown-menu li:last-child a {border:0;}
.menu-login .open .dropdown-menu a {
    border-bottom: 1px solid #eee;
}
.navbar-collapse.collapsing,.navbar-collapse.in{visibility:visible;opacity:1;overflow:visible!important;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.bg-black{position:fixed!important;top:0!important;right:100%!important;width:100vw!important;height:100vh!important;opacity:.2;display:none;background-image:none!important;background-color:#000;z-index:999}
.menu-active .bg-black{display:block}
.menu-active{overflow:hidden}
div#close-menu {
    font-size: 19pt;
    padding: 0 0px!important;
    z-index: 9999;
    color: #fff;
    text-align: right;
    font-weight: 700;
    right: 0;
    top: 0;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}
.navbar-inverse .navbar-nav>li {
    margin: 0;
}
#who-we-are .slideInLeft,#who-we-are .slideInRight{animation-name:fadeInUp!important}
#button-mobile{position:fixed;bottom:0;width:100%;z-index:4;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.button-mobile-toggle{width:150px;height:40px;background:url(images/button-mobile.webp) no-repeat 50% -430px/430px;margin:0 auto;display:block}
.menu-button-mobile ul.list-inline li a{display:block;height:100%}
.menu-button-mobile ul.list-inline li span{width:40px;height:100%;background:url(images/button-mobile.webp) no-repeat 0 0/430px;display:inline-block}
.menu-button-mobile ul.list-inline li span.button-menu-icon{background-position:-376px -9px;background-size:470px}
.menu-button-mobile ul.list-inline li span.button-phone-icon{background-position:-82px -6px}
.menu-button-mobile ul.list-inline li span.button-mail-icon{background-position:-147px -6px}
.menu-button-mobile ul.list-inline li{width:33.333%;float:left;height:53px;margin:0;border-left:1px solid #d9d9d9;border-left-color:#bbb}
.menu-button-mobile ul.list-inline li:first-child{border-left:0 solid}
.menu-button-mobile ul.list-inline:after{content:"";clear:both;display:block}
.menu-button-mobile ul.list-inline{margin:0;text-align:center;background:rgba(255,255,255,.95);box-shadow:0 2px 15px 0 rgba(0,0,0,.5);-ms-box-shadow:0 2px 15px 0 rgba(0,0,0,.5);-moz-box-shadow:0 2px 15px 0 rgba(0,0,0,.5);-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.5)}
.button-wa-icon{background-position:-343px -6px!important}
span.button-email-icon{background-position:-147px -6px!important}
span.button-map-icon{background-position:-215px -6px!important}
body{padding-bottom:0}
#header-site a.navbar-brand{max-width:calc(100% - 60px);padding-left:5px;}
.navbar-brand>img{display:block;height:32px}
}