@font-face {
    font-family: montserrat-light;
    src: url('../fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: montserrat-semibold;
    src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: montserrat-regular;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: montserrat-bold;
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: montserrat-medium;
    src: url('../fonts/Montserrat-Medium.ttf');
}

body {
    margin: 0;
    padding: 0 !important;
}

.montserrat-bold {
    font-family: montserrat-bold;
}

li.dropdown-2 {
    list-style: none;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}

.black {
    color: #555;
}

hr {
    border-top: 1px solid #ddd4c8;
    margin-top: 15px;
}

.align-center {
    margin: 0 auto;
}

.margin-top-3 {
    margin-top: 3px !important;
}

ul.customed {
    list-style: none;
    margin-top: 10px;
    margin-left: 0px;
    padding: 0px;
}

label.customed {
    width: auto !important;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
}

div.cart-detail {
    /*
	margin-left: 28px;
	margin-top: 10px;
	*/
    margin-top: 30px;
}

div.container-product-cart {
    margin-bottom: 20px;
}

div.cart-bottom-total {
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

div.proceed {
    margin-top: 5px;
    text-align: center;
}

p.didot-bold {
    font-family: OpenSans-Medium;
    font-size: 14px;
}

p.remove {
    font-family: montserrat-medium;
    font-size: 9px;
    letter-spacing: 3px;
    color: #70cd00;
    padding: 5px 0;
}

.remove a {
    font-family: montserrat-medium;
    font-size: 11px;
    letter-spacing: 2px;
}

p.payment-method {
    font-size: 15px;
    margin: 0px !important;
}

img.payment-method {
    margin-top: 5px;
    margin-bottom: 10px;
}

img.bordered {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 60%;
}

p.item-name,
p.total {
    font-family: montserrat-medium;
    padding-top: 20px;
    font-size: 12px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

p.total {
    padding-top: 0px;
}

p.item-price {
    font-size: 15px;
    margin-top: -8px;
    margin-right: 2px;
}

p.item-delivery,
p.item-sub-total,
p.item-delivery-area {
    font-family: montserrat-medium;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 5px;
}

p.item-sub-total,
p.item-delivery-area {
    font-size: 12px;
}

p.item-time {
    margin-top: -8px;
    margin-right: 2px;
    font-size: 12px;
}

p.type2 {
    font-size: 15px;
    position: relative;
    bottom: 22px;
}

.text-right {
    text-align: right;
}

.pointer {
    cursor: pointer;
}

.navbar-default {
    border-color: transparent;
}

.navbar-nav {
    width: 100%;
    text-align: center;
    min-height: 65px;
    padding-top: 5px;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.navbar-nav-header {
    margin-left: 70%;
}

.navbar-nav>li {
    float: left;
    display: inline-block;
}

.navbar-default .navbar-nav>li>a {
    font-family: sans-serif;
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 40px;
}

.navbar-nav>li.logo {
    margin-top: -25px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: transparent;
}

.sub-menu {
    display: block;
}

.sub-menu .navbar {
    top: 35px;
    min-height: 46px;
    z-index: 1029;
    border-bottom: 1px solid #f3f1ec;
}

.sub-menu .navbar-nav>li {
    float: none;
    top: 25px;
    height: 42px;
    width: 20%;
    text-align: left;
}

.sub-menu .navbar-nav>li {
    float: none;
    top: 25px;
    height: 42px;
    width: 18%;
    text-align: left;
    margin-left: 16px;
}

.sub-menu .navbar-nav>li a {
    letter-spacing: 3px;
}

.sub-menu .navbar-nav>li.first {
    width: 18%;
    text-align: left;
    margin-left: 0;
}

.sub-menu .navbar-nav>li.last {
    text-align: right;
    width: 20%;
    top: 20px;
    display: none;
}

.sub-menu .navbar-nav>li.last a {
    font-family: baskerville-bold;
    font-size: 35px;
    color: #1A3664;
}

.sub-menu .dropdown-menu {
    top: 104%;
    left: -26px;
    min-width: 217px;
    border: 1px solid #f3f1ec;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px;
}

.sub-menu .dropdown-menu>li>a {
    padding: 0px 20px;
    letter-spacing: 0 !important;
    font-family: baskerville-light;
    font-size: 15px;
}

.sub-menu .dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #337ab7;
}

.section1 {
    width: 100%;
    /* padding-top: 115px; */
    margin-bottom: 50px;
}

.section1 .container-image {
    text-align: center;
}

.section1 .container-image img {
    width: 100%;
}

.section1 .container-heading.off-display {
    width: 100%;
    height: auto;
    margin-top: 40vh;
}

.container-two,
.container-three {
    background: #fff;
    box-shadow: 0 0 27px -4px #ccc;
    padding: 8px 45px;
}

.container-three {
    box-shadow: 0 0 15px -4px #ccc;
    padding: 8px 20px;
}

.container-heading h1 {
    font-family: baskerville-italic;
    font-size: 80px;
    color: #1A3664;
    margin-bottom: 0;
}

.container-heading p {
    font-family: baskerville-regular;
    font-size: 14px;
    color: #1A3664;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.container-heading span {
    font-family: baskerville-bold;
    font-size: 18px;
    color: #1A3664;
    letter-spacing: 13px;
    text-transform: uppercase;
}

.section1 .arrow {
    margin: 0 auto;
    background: transparent url(../images/arrow-down.png) no-repeat;
    width: 50px;
    height: 50px;
    margin-top: 12%;
    margin-bottom: 3%;
}

.section-left {
    width: 62%;
    float: left;
}

.section-right {
    width: 36%;
    float: right;
}

.section2 {
    width: 100%;
    background: #F4FAFF;
    z-index: 1;
    padding: 0 0 100px;
}

.section2 .container-category {
    width: 100%;
    margin: auto 0 auto 0;
    background-color: #fff;
    text-align: center;
}

.container-category h1 {
    font-family: baskerville-bold;
    font-size: 48px;
    color: #1A3664;
    letter-spacing: 3px;
}

.container-category a p {
    font-family: baskerville-bold;
    font-size: 12px;
    letter-spacing: 3px;
    color: #1A3664;
    text-transform: uppercase;
}

.container-cart h4 {
    font-family: OpenSans-Medium;
    font-size: 20px;
    color: #000000;
}

.section-shop {
    width: 100%;
    min-height: 75vh;
    background: #fff;
    z-index: 1;
    margin: 140px 0 100px;
}

.shop-img {
    height: 250px;
}

.container-content span {
    font-family: montserrat-semibold;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.paragraph-home {
    font-family: montserrat-light;
    font-size: 14px;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.container-content img {
    margin: 0 auto;
}

.input-group[class*=col-] {
    float: left;
    padding-left: 15px;
}

.navbar-header {
    position: relative;
    float: right;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.footer {
    left: 0;
    right: 0;
    height: 90px;
    background: transparent;
    z-index: 2;
    position: absolute;
    margin-top: -90px;
}

.footer span {
    font-family: baskerville-bold;
    font-size: 18px;
    color: #1A3664;
    letter-spacing: 2px;
    margin-right: 25px;
}

.footer ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer ul li {
    display: inline-block;
    list-style: none;
    margin-left: 5px;
}

.no-padding {
    padding: 0 !important;
}

.padding-product {
    padding-bottom: 20px;
    box-shadow: -7px 5px 7px rgba(0, 0, 0, 0.1);
}

.padding-shop {
    box-shadow: -7px 5px 7px rgba(0, 0, 0, 0.1);
    border: 2px solid #b3b3b338;
}

.ui-datepicker {
    z-index: 99999999999 !important;
}

.divider {
    width: 90%;
    height: 10px;
    border-bottom: 1px solid #CCC;
    margin: 0 auto;
}

.section-account,
.section-help {
    width: 100%;
    height: auto;
    min-height: 100vh;
    background-color: #FFFFFF;
    padding-top: 115px;
}

.section-account-checkout {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    /*background: url(../images/bg-account.jpg) no-repeat bottom;*/
    background: url(../images/bg-account-checkout.jpg) no-repeat center;
    background-size: cover !important;
    background-attachment: fixed;
    padding-bottom: 90px;
}

.label-grey {
    font-family: "OpenSans-Medium";
    font-size: 15px;
    line-height: 18px;
    color: #C4C4C4;
}

.section-login {
    width: 100%;
    height: 100%;
    min-height: 70vh;
    padding-top: 115px !important;
}

.section-product-detail {
    margin: 50px 0;
}

.section-product-desc {
    margin: 0 0 100px;
}

.pull-top {
    margin-top: 50px;
}

.section-left,
.section-right {
    margin-top: 140px;
    margin-bottom: 60px;
}

.section-account .container-account,
.section-account .container-checkout,
.section-account-checkout .container-account,
.section-account-checkout .container-checkout,
.section-login .container-account,
.section-product-detail .container-account,
.container-cart,
.container-help,
.container-help-bottom {
    width: 100%;
    max-width: 1150px;
    height: auto;
    padding: 20px 40px;
    box-shadow: 0 0 27px -4px #ccc;
    background: #FFF;
    text-align: left;
    margin-bottom: 45px;
    padding-bottom: 50px;
    position: initial;
    font-family: play-bold;
}

.section-product-detail .container-detail {
    float: left;
    width: 100%;
    padding: 20px;
    background: #FFF;
}

.price-detail {
    position: absolute;
    background: #F5F5F5;
}

.description-detail {
    float: left;
    width: 100%;
    font-family: OpenSans-Medium;
    font-size: 18px;
    background-color: #F5F5F5;
    padding: 20px;
    text-align: left;
}

.container-description-detail {
    width: 100%;
    padding-top: 20px;
    text-align: left;
}

.container-help {
    max-width: 678px !important;
    text-align: left !important;
    padding: 5px !important;
    margin-bottom: 20px;
}

p.help-content {
    font-size: 13px;
    margin-top: 20px;
}

.container-help-bottom {
    margin-top: 20px !important;
    max-width: 678px !important;
    text-align: left !important;
}

.container-help .inner-dashed {
    /*border: 1px dashed #555;*/
    border: 1px solid rgba(141, 115, 74, .5);
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}

.container-cart {
    text-align: left !important;
}

.container-account .subtitle {
    font-family: montserrat-regular;
    font-size: 15px;
    line-height: 21px;
    margin: 5px 0;
}

p.style2 {
    font-family: baskerville-light;
    font-size: 15px;
    margin-top: 10px;
    color: #1A3664;
}

p.subtitle {
    font-family: baskerville-light;
    font-size: 15px;
    color: #1A3664;
    font-style: italic;
}

h1 {
    font-family: play-bold;
    font-size: 42px;
    color: #000000;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 26px;
}


/*h3.order {
	width: 90%;
}*/

h4 {
    font-family: montserrat-regular;
    font-size: 15px;
    letter-spacing: 2px;
}

img.arrow,
img.arrow-rotate {
    position: absolute;
    right: 0px;
    top: 5px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

img.arrow-rotate {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.container-account .action {
    font-family: play-bold;
    font-size: 12px;
    color: #000000;
    text-align: center !important;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.section-account .box-info,
.section-login .box-info,
.section-product-detail .box-info {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 20px;
}


/* product detail */

ul.thumb-prod-img {
    padding: 0;
    width: 100%;
    display: inline-block;
}

ul.thumb-prod-img li {
    list-style: none;
    float: left;
    padding: 0;
}

ul.thumb-prod-img li .thumbnail {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-left: none;
    cursor: pointer;
}

ul.thumb-prod-img li a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #ddd;
}

ul.thumb-prod-img li:first-child .thumbnail {
    border-left: 1px solid #ddd;
}

.desc-prod-detail {
    text-align: left;
}

.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.line-btn-100 {
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
}

.desc-prod-detail .price-detail {
    font-family: montserrat-light;
    font-size: 15px;
    color: #000000;
    margin-bottom: 10px;
}

.desc-prod-detail p {
    font-family: montserrat-regular;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    padding-right: 50px;
    margin: 5px 0 14px;
}

.desc-prod-detail .box-info .form-control {
    height: 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.desc-prod-detail .box-info span {
    font-size: 8px;
    margin: 0;
}

.desc-prod-detail .box-info textarea.form-control {
    font-size: 11px;
    height: 89px;
    resize: none;
}

.form-control {
    color: rgba(26, 54, 100, 0.8);
    border: 1px solid rgba(26, 54, 100, 0.42);
}


/* end product detail */

.box-info.update {
    padding: 0;
}

.box-info label {
    font-family: montserrat-bold;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 4px;
    width: 100%;
    text-align: left;
}

a.bold {
    font-family: play-bold;
    font-size: 12px;
    color: #1A3664;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.box-info span {
    font-family: montserrat-light;
    font-size: 15px;
    color: #1A3664;
    /*margin-left: 15px;*/
    padding: 6px 12px;
    text-align: left;
}

.box-info .form-control {
    width: 100%;
    height: 40px;
    background: transparent;
    font-family: montserrat-regular;
    font-size: 15px;
    color: #000000;
    margin-bottom: 14px;
    outline: none;
    border-radius: 0;
}

.box-info .form-control:focus {
    border-color: #000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #777;
}

.box-info .required {
    font-family: montserrat-light;
    font-size: 12px;
    font-style: italic;
    color: #ed1c24;
    letter-spacing: normal;
    text-transform: none;
}

.box-info .sub-label {
    font-family: play-bold;
    font-size: 8px;
    color: #1A3664;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.box-info .btn-default {
    color: white!important;
    background-color: #2C7CC5!important;
    padding: 10px;
    background: transparent;
    /* border: none; */
    font-family: play-bold;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 auto;
    outline: none;
    border-color: #cccccc;
    border-radius: 4px;
}

.box-info .forgot-text {
    font-family: baskerville-italic;
    font-size: 12px;
    color: #337ab7;
    left: -9px;
    position: relative;
}


/* new */

.btn-default.nopadding {
    padding: 0;
}

.box-info .btn-default.btn-bold {
    font-weight: bold;
}

.box-info .btn-default.btn-fullwidth {
    width: 100%;
    display: inline-block;
    background-color: #2C7CC5!important;
    border: none;
    color: white;
    padding: 15px 32px !important;
    text-align: center;
    text-decoration: none;
    margin: 4px auto;
    font-family: play-regular;
    font-size: 11px;
}

.link-italic {
    font-size: 12px;
    color: #337ab7;
    font-style: italic;
    font-family: baskerville-regular;
}


/* end new */

.box-info a {
    text-decoration: none;
}

select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #F07575;
    /* fallback color if gradients are not supported */
    /* background-image: url(../images/arrow.png) !important; */
    /* For Chrome and Safari */
    background-position: center right !important;
    background-repeat: no-repeat !important;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

select.type2 {
    background: #fff;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 6px;
    width: 100%;
    outline: none;
}

.searchbox-mobile {
    display: none;
}

.img {
    width: 30px;
}

.img-shop {
    width: 50%;
}

.kirim {
    width: 200px;
}

.bg-1 {
    width: 100%;
    height: auto;
}

.fb {
    width: 40px;
    margin-bottom: 7px;
}

.twitter {
    width: 40px;
    margin-bottom: 7px;
    margin-left: 10px;
}

.instagram {
    width: 40px;
    margin-bottom: 7px;
    margin-left: 15px;
}

.youtube {
    width: 40px;
    margin-bottom: 7px;
    margin-left: 20px;
}

.check-success {
    font-size: 21px;
}


/*Responsive*/

@media only screen and (max-width:768px) {
    .social .dropdown-menu {
        position: absolute !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
        border: 1px solid #ccc !important;
        border: 1px solid rgba(0, 0, 0, .15) !important;
        border-radius: 4px !important;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    }
    .audio {
        margin-left: -93px !important;
    }
}

@media screen and (max-width: 580px) {
    .logo-icon-mobile {
        display: inline-block;
        padding-left: 13px;
        padding-top: 5px;
        float: left;
        font-size: 39px;
    }
    /*.section1 {
	    background-size: 200px;
	    background-position: 89px -17px;
	    margin-top: 50px;
	}*/
    .section1 .container-heading {
        margin-top: 0%;
        text-align: center;
    }
    .container-heading h1 {
        font-size: 70px;
    }
    .container-heading p {
        font-size: 12px;
    }
    .container-heading span {
        font-size: 15px;
    }
    .section1 .arrow {
        margin-top: 5%;
    }
    .section2 {
        padding-top: 0;
    }
    .shop-img {
        height: 150px;
    }
    .container-category.last {
        margin-top: 20%;
    }
    .navbar-nav>li.first {
        width: 100%;
        text-align: left;
    }
    .navbar-nav>li.left-on-xs {
        text-align: left;
    }
    .navbar-nav>li.center-on-xs {
        text-align: center;
    }
    .navbar-nav>li.center-on-xs a {
        font-size: 36px;
    }
    .divider {
        width: 90% !important;
    }
    .sub-menu .navbar {
        display: none;
    }
    .section-account .container-account,
    .section-product-detail .container-account {
        padding: 12px;
    }
    .col {
        width: 100%;
        height: auto;
        min-height: 100px;
    }
    .box-info.update {
        padding: 0;
    }
    .desc-prod-detail p {
        padding-right: 0;
    }
    .popup-add .inner {
        width: 100%;
        top: 50%;
        left: 0;
        margin: -122px 0 0 0;
    }
}

@media screen and (max-width:400px) {
    .shop-img {
        height: 150px;
    }
}


/*iPad*/

@media screen and (max-width: 768px) and (min-width: 581px) {
    .section1 .container-heading {
        margin-top: 0%;
        text-align: center;
    }
    /*.section1 {
	    background-size: 327px;
	    background-position: 200px 54px;
	}*/
    /*.container-category img {
		margin: 0 auto;
	}*/
    .container-category.last {
        margin-top: 20%;
    }
    .sub-menu .navbar-nav>li.first {
        width: 22%;
    }
    .sub-menu .navbar-nav>li.d-date {
        width: 31% !important;
    }
    .sub-menu .navbar-nav>li.last {
        width: 22%;
    }
    .desc-prod-detail p {
        padding-right: 0;
    }
}


/*iPhone 4*/

@media screen and (max-width: 320px) and (max-height: 480px) {
    /*.section1 {
	    background-size: 161px;
	    background-position: 71px -17px;
	}*/
}


/*iPhone 5*/

@media screen and (max-width: 320px) and (max-height: 568px) and (min-height: 481px) {
    /*.section1 {
	    background-size: 186px;
    	background-position: 60px -8px;
	}*/
    .section1 .container-heading {
        margin-top: 8%;
    }
}


/*Galaxy S5*/

@media screen and (max-width: 360px) and (max-height: 640px) and (min-width: 321px) {
    .section1 .container-heading {
        margin-top: 0%;
    }
}


/*iPhone 6*/

@media screen and (max-width: 375px) and (max-height: 667px) and (min-width: 361px) {
    .section1 .container-heading {
        margin-top: 0%;
    }
}


/*Nexus 5X*/

@media screen and (max-width: 411px) and (max-height: 731px) and (min-width: 376px) {
    /*.section1 {
	    background-size: 275px;
	    background-position: 60px -8px;
	}*/
    .section1 .container-heading {
        margin-top: 0%;
    }
}


/*Nexus 6P*/

@media screen and (max-width: 436px) and (min-height: 733px) and (min-width: 412px) {
    /*.section1 {
	    background-size: 293px;
    	background-position: 64px 38px;
	}*/
    .section1 .container-heading {
        margin-top: 0%;
    }
}

@media screen and (max-width: 767px) {
    .section-account .container-account,
    .section-account .container-checkout,
    .section-account-checkout .container-account,
    .section-account-checkout .container-checkout,
    .section-login .container-account,
    .section-product-detail .container-account,
    .container-cart,
    .container-help,
    .container-help-bottom {
        padding: 20px;
    }
    #progressbar {
        padding: 0;
    }
    .navbar {
        min-height: 32px;
    }
    .navbar-nav>li {
        float: none !important;
        display: block;
        width: 100% !important;
        text-align: left;
    }
    .navbar-nav>li.first {
        width: 90%;
        text-align: left;
    }
    .navbar-nav>li.last {
        text-align: left;
    }
    .navbar-nav>li.logo {
        display: none;
    }
    .navbar-brand {
        display: block;
    }
    .navbar-brand>img {
        display: block;
        width: 40px;
        top: -10px;
        position: relative;
    }
    .section1 {
        background-position: center;
    }
    .section-left,
    .section-right {
        width: 100%;
    }
    .pull-top {
        margin-top: 0;
        padding-top: 50px !important;
    }
    .datepicker-position {
        margin-top: -95px !important;
    }
    .signin-container,
    .signup-container {
        padding-right: 15px !important;
        padding-left: 15px !important;
        border-right: none !important;
    }
    .signin-container {
        border-bottom: 1px solid #ddd5c8;
        padding-bottom: 30px;
    }
    .signup-container {
        padding-top: 30px;
    }
    .navbar-default .navbar-collapse {
        background: white;
    }
    .navbar-brand {
        padding: 15px 15px;
        height: 40px;
    }
    .searchbox {
        display: none;
    }
    .searchbox-mobile {
        display: block;
        margin: 15px 0;
        float: right;
    }
    #myModal {
        padding: 17px;
    }
    .form-group {
        margin-bottom: 0;
    }
    .navbar-toggle {
        margin-bottom: 15px;
    }
    .container-content span {
        font-size: 10px;
    }
    .container-content p {
        font-size: 9px;
    }
    .container-account .col-xs-12 {
        z-index: 1;
    }
    .footer .pull-right label {
        text-align: center !important;
        margin-top: 10px;
    }
    .input-group[class*=col-] {
        padding-right: 15px;
    }
    ul.left-link {
        border-right: none;
        padding: 45px;
        margin: 0;
    }
    .footer {
        text-align: center;
    }
    .footer .pull-right {
        float: none !important;
    }
    .footer .pull-right form,
    .footer ul {
        margin: 10px 0;
        float: none;
    }
    .modal-dialog {
        width: auto !Important;
    }
    .modal.fade .modal-dialog {
        margin: 13% 10% !important;
    }
    .total-amount,
    .account-holder,
    .account-number,
    .bank-branch {
        padding: 5px 0;
    }
    .section-shop {
        margin-top: 50px;
    }
    .container .total-amount,
    .container .account-holder,
    .container .account-number,
    .container .bank-branch {
        margin: 0 !Important;
    }
    #topbar-mobile {
        display: block !important;
    }
    .mobile-absolute {
        position: absolute;
    }
    .section1 .container-image {
        margin-top: 40px;
    }
    .section1 .container-image img {
        width: auto;
        height: 45vh;
    }
    .container-heading.in-display {
        margin-top: 0 !important;
    }
    .in-display .heading-top,
    .in-display .banner-text {
        margin: 0 auto !important;
    }
    .container-category h1 {
        font-size: 30px;
    }
    .section-product-detail .box-info {
        float: none !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static!important;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
}


/* profile page */

.form-short {
    padding: 5px 0;
}

.box-changepass {
    margin-top: 10px;
}

.box-changepass>label {
    position: relative;
    cursor: pointer;
}

.plus:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 220px;
    background: url('../images/arrow-small.png') no-repeat center center;
    width: 15px;
    height: 8px;
}

.minus:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 220px;
    background: url('../images/arrow-small-up.png') no-repeat center center;
    width: 15px;
    height: 8px;
}

.box-changepass .box-form-changepass {
    display: none;
}


/* end profile page */


/* left link */

ul.left-link {
    margin: 0;
    text-align: center;
    font-family: montserrat-medium;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 30px;
}

ul.left-link li {
    list-style: none;
    margin-bottom: 5px;
    padding: 0.5em;
    display: inline-block;
}

ul.left-link li a {
    color: #000000;
}

ul.left-link li a:hover {
    text-decoration: none;
    color: #337ab7;
}

.left-link .current {
    color: #337ab7;
}


/* end left link */


/* address list page */

.table-list {
    width: 100%;
    text-align: left;
    font-family: montserrat-light;
    font-size: 15px;
    color: #000000;
    margin-top: 22px;
    line-height: 24px;
}

a.link-sgrey {
    color: #337ab7;
    cursor: pointer;
}

a.link-sgrey.lmedium {
    font-size: 15px;
}

.table-list.tright tr th {
    text-align: right;
}

.table-list.tright tr th:first-child {
    text-align: left;
}

.table-list.tright tr td {
    text-align: right;
}

.table-list.tright tr td:first-child {
    text-align: center;
}


/* end address list page */


/* payment confirmation */


/*.fpayment-confirm{padding-top: 18px;}*/

.table-hlist {
    width: 100%;
}

.table-hlist tr th {
    font-family: baskerville-bold;
    font-size: 12px;
    color: #1A3664;
    letter-spacing: 2px;
    width: 50%;
}

.table-hlist tr td {
    padding: 3px 0;
}


/* end payment confirmation */


/* address update form */

.faddress-update {
    padding-top: 22px;
}

.faddress-update .box-info .form-control {
    height: 40px;
}

.faddress-update .box-info textarea.form-control {
    resize: none;
}


/* added on 19 Okt 2016 - Feedback */

.logo>a>img {
    width: 65px;
}

.fb_logo>a>img,
.ig_logo>a>img {
    width: 25px;
}

.login_forgotpassword_text,
.login_register_text {
    font-family: baskerville-regular;
    letter-spacing: 1.5px;
}

.gold_color {
    color: #337ab7;
}

.login_forgotpassword_text:hover,
.login_register_text:hover {
    text-decoration: underline;
    color: #337ab7;
}

.help-content {
    display: none;
}

.help_arrow {
    max-width: 22px;
}

.blue_link {
    color: #1A3664 !important;
}

.blue_link {
    color: #337ab7 !important;
    text-decoration: none;
}

.black_link {
    color: #000000 !important;
}

.black_link:hover {
    color: #337ab7 !important;
    text-decoration: none;
}

.white_link {
    color: #ffffff !important;
}


/* .white_link:hover {
    color: #337ab7 !important;
    text-decoration: none;
} */

.gold_link {
    color: #337ab7 !important;
    font-family: montserrat-bold;
    letter-spacing: 3px;
    font-size: 11px;
}

.gold_link:hover {
    text-decoration: underline;
}

.gold_link_without_underline {
    color: #337ab7 !important;
}

.gold_link_without_underline:hover {
    text-decoration: none;
}

.required_tag {
    color: red;
    font-size: 10px;
    text-transform: lowercase;
    letter-spacing: 1px;
}

.section-account-member .container-account {
    max-width: 1200px;
}

.letter_spacing_4 {
    letter-spacing: 4px !important;
}

.letter_spacing_5 {
    letter-spacing: 5px !important;
}

.alignleft {
    text-align: center !important;
}

.alignright {
    text-align: right !important;
}

.font_size10 {
    font-size: 10px !important;
}

.font_size12 {
    font-size: 12px !important;
}

.font_size13 {
    font-size: 13px !important;
}

.font_size14 {
    font-size: 14px !important;
}

.font_size15 {
    font-size: 15px !important;
}

.font_ralewaylight {
    font-family: baskerville-light !important;
}

.letter_spacing_3 {
    letter-spacing: 3px;
}

.letter_spacing_2 {
    letter-spacing: 2px;
}

.letter_spacing_1 {
    letter-spacing: 1px !important;
}

.margin_topbottom15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.margin_top10 {
    margin-top: 10px !important;
}

.margin_top20 {
    margin-top: 20px !important;
}

.margin_top_min15 {
    margin-top: -15px !important;
}

.custom_button_save {
    background: transparent;
    /*border: none;*/
    font-family: baskerville-regular;
    font-size: 12px;
    color: #337ab7;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 auto;
    outline: none;
}

.font_bold {
    font-weight: bold !important;
}

.font_didot {
    font-family: baskerville-regular !important;
}

.border_1_ccc {
    border: 1px solid #f1f1f1 !important;
}

.cursor_pointer {
    cursor: pointer;
    ;
}

.text_uppercase {
    text-transform: uppercase;
    ;
}

.productdescription_descriptiontext {
    color: black;
    font-size: 12px;
    margin-bottom: 5px;
    font-family: baskerville-light;
}

.ui-datepicker-month,
.ui-datepicker-year {
    font-size: 14px !important;
}

.ui-datepicker-calendar>thead>tr>th>span {
    font-size: 14px !important;
}

.ui-datepicker-today {
    background-color: #eee !important;
    border: 0 !important;
}

.ui-datepicker-today>a {
    background-color: #eee !important;
    border: 1px solid #ccc !important;
    font-size: 8px !important;
    color: red !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    border: 1px solid #ccc !important;
    border-color: #ccc !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #eee !important;
    background: none;
}

.aligncenter {
    text-align: center !important;
}

.border0 {
    border: 0;
}

.margin_top14 {
    margin-top: 14vw !important;
}

.padding_top0 {
    padding-top: 100px !important;
}

.product_viewmore_text {
    text-align: right;
    margin-right: 50px;
}

input {
    outline: none !important;
    padding: 5px;
    min-height: 27px;
    border-radius: 4px;
    font-family: "OpenSans-Regular";
    font-size: 14px;
    line-height: 19px;
}

input::placeholder {
    font-size: 14px;
    line-height: 19px;
    color: #C4C4C4;
}

.owl-theme .owl-controls {
    display: block !important;
}

.owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
}

.owl-next {
    right: 0;
    position: absolute;
}

.owl-prev {
    left: 0;
    position: absolute;
}

.owl-pagination {
    display: none;
}

.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: black;
    opacity: 1;
    font-size: 40px;
    border-radius: 0;
    margin: 0;
}

.ui-datepicker {
    width: 100% !important;
}

.ui-datepicker-calendar span {
    color: black !important;
}

.ui-datepicker-calendar span,
.ui-datepicker-calendar a {
    font-size: 12px !important;
}

.ui-state-default {
    text-align: center !important;
}

.ui-datepicker-calendar span,
.ui-corner-all span {
    padding: 5px;
}

#png_availabledate,
.alert-danger {
    display: none !important;
}

.modal-content h2 {
    font-family: montserrat-bold;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.coupon_notification {
    font-family: baskerville-regular;
    padding: 10px;
}

.ui-datepicker-current-day a.ui-state-default {
    border: 1px solid #a9a089;
    background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat;
    font-weight: bold;
    color: red;
}

.margin_110 {
    margin-top: 110px !Important;
    margin-bottom: 60px !Important;
}

#coupon_code {
    width: auto;
}

.modal.fade .modal-dialog {
    margin: 13% auto;
}

.fade.in {
    background: rgba(0, 0, 0, 0.8);
}

.login_container-account {
    text-align: left !important;
}

.navbar-nav>li>a {
    line-height: 16px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: -9px;
}

.ui-widget-header {
    border: none !important;
    border-bottom: 1px solid #d4d1bf !important;
    border-radius: 0 !important;
}

.ui-datepicker {
    border-radius: 0!important;
}

.ui-datepicker th {
    padding: 0 5px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none !important;
    background: none !Important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #48C371 !important;
}

.modal-dialog {
    width: 500px;
}

.lSSlideOuter .lSPager.lSGallery img {
    border: 1px solid #e8e8e8;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-color: #337ab7 !important;
    background-color: #337ab7 !important;
}

.sender-info_arrow,
.recipient-info_arrow,
.payment-info_arrow {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 25px;
    height: 15px;
    cursor: pointer;
}

.container-product-cart p.didot-bold span {
    text-transform: uppercase;
}

.clearNav {
    /*background:transparent;*/
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
}

.darkNav {
    /*background: #ed3434;*/
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    box-shadow: 0px 3px 4px rgba(136, 136, 136, 0.54);
}

.clearNav_submenu {
    background: transparent;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
}

.darkNav_submenu {
    background: white;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
}

.section-account .payment-method .col-sm-12 {
    text-align: center;
    margin-top: 20px;
}

.text-total-left h6 {
    width: 230px;
    text-align: left;
}

.product-detail-top {
    padding-bottom: 50px;
}


/*.lSSlideOuter .lSPager.lSGallery li{
    width:auto !important;
    margin:0 !important;
}
.lSSlideOuter .lSPager.lSGallery{
    padding:0 35px !important;
}*/

.sub-menu a.dropdown-toggle {
    line-height: 10px;
}

ul#image-gallery li {
    padding: 25px;
}

li.lslide img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

p#current_deliverydate {
    padding-right: 0;
    margin-bottom: 5px;
    text-align: center;
}

.subscribe-input {
    width: 50%;
    float: left;
    border-radius: 0;
    height: 29px;
    font-size: 11px;
    border-right: none;
}

.subscribe-btn {
    border-radius: 0;
    font-family: baskerville-bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #337ab7;
    font-size: 9px;
    display: inline-block;
    line-height: 1.8;
}

.searchbox {
    margin: 5px 0;
    float: right;
    margin-right: 20px;
    position: relative;
    top: 6px;
}

.search-input {
    width: 60%;
    float: left;
    border-radius: 0;
    height: 34px;
    font-size: 11px;
    border-right: none;
}

.search-btn {
    border-radius: 0;
    font-family: baskerville-bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #337ab7;
    font-size: 9px;
    display: inline-block;
    line-height: 1.7;
    height: 34px;
}

.footer .pull-right label {
    font-family: baskerville-bold;
    letter-spacing: 1px;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    color: #1A3664;
}

.footer .pull-right form {
    float: left;
    margin-top: -30px;
    margin-right: 30px;
}

#section-select-address .col-sm-6 {
    padding: 0;
}

.section-account .container-checkout section,
.section-account-checkout .container-checkout section {
    margin-bottom: 0;
}

.container-checkout section {
    text-align: left;
}

h5.order {
    font-family: montserrat-light;
}

#section-select-address .box-info label {
    padding-top: 15px;
    margin-bottom: 0;
}

#section-select-address {
    margin-bottom: 0;
}

#section-recipient-information,
#section-coupon,
#section-payment-method {
    margin-bottom: 105px;
}

.container-checkout hr {
    margin-top: 20px;
}

h3.pointer.order {
    margin: 10px 0;
}

#section-select-address h3.pointer.order {
    margin-bottom: 0;
}

#section-select-address a {
    color: #337ab7;
}

#section-select-address a:hover {
    text-decoration: none;
    color: #6f5c3d;
}

.transform_rotate {
    transform: rotate(180deg);
}


/*progressbar*/

#progressbar {
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    font-size: 11px;
    width: 33.33%;
    float: left;
    position: relative;
    font-family: baskerville-light;
    text-align: center;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 10px;
    line-height: 10px;
    display: block;
    font-size: 10px;
    color: #efebe5;
    background: #efebe5;
    border-radius: 100%;
    margin: 0 auto 5px auto;
}


/*progressbar connectors*/

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #efebe5;
    position: absolute;
    left: -50%;
    top: 4px;
    z-index: 1;
    /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}


/*marking active/completed steps green*/


/*The number of the step and the connector before it = green*/

#progressbar li.active:before,
#progressbar li.active:after {
    background: #337ab7;
    color: #337ab7;
}

.fpayment-confirm .row .col-md-2 {
    padding-left: 0;
}

.fpayment-confirm .row .col-md-2 img {
    width: 25px;
    margin: 5px 0;
    float: left;
}

.dropdown-menu>li>a {
    font-family: OpenSans-Regular;
    white-space: unset;
}

.container-help-bottom section {
    margin-bottom: 0;
}

.container-help img {
    height: 30px;
}

.btn:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-default:active:focus {
    /*background-color:transparent;
    border:none;
    border-bottom:1px solid #337ab7;
    border-radius:0;
    color:#337ab7;*/
}

.btn-default {
    border-color: rgba(26, 54, 100, 0.42);
}

.btn-default:hover {
    /* color: #1A3664;
    background-color: #e6e6e6;
    border-color: #adadad;*/
}

.btn:active:focus,
.btn:focus {
    outline: none !important;
}

#current_deliverydate span {
    font-size: 13px;
}

.datepicker-dropdown {
    position: absolute !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}

span#shopping_total_text {
    width: 100%;
}

.border_grey {
    border-bottom: 1px solid #f1f1f1;
}

.productdescription_descriptiontext h1 {
    text-align: left;
    font-family: baskerville-light !important;
    margin: 0;
    background-color: white !important;
}

.productnoavailable_information {
    font-family: baskerville-light;
}

#add_billing_info_withoutlogin {
    display: none;
}

.term_privacy_row {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

hr.type3 {
    border: none;
    margin-top: 0px;
}

.signin-container {
    border-right: 1px solid #dadada;
    padding-right: 80px;
}

.signup-container {
    padding-right: 80px;
}

#topbar-mobile span {
    font-family: play-bold;
    letter-spacing: 3px;
    width: 100%;
}

#topbar-mobile {
    text-align: center;
    padding: 10px;
    border: 1px solid #faf8f6;
    border-bottom: none;
    cursor: pointer;
}

#topbar-mobile .dropdown-menu {
    width: 100%;
    margin-top: 0;
}

#topbar-mobile .dropdown-menu li {
    float: none !important;
    display: block !important;
}

#topbar-mobile .dropdown-menu li.pull-left .dropdown-menu {
    display: none;
    position: relative;
    border: none;
    box-shadow: none;
    padding-left: 20px;
}

.dropdown img {
    padding: 5px 0;
}

.sidebar-nav li {
    cursor: pointer;
}

.container .total-amount,
.container .account-holder,
.container .account-number,
.container .bank-branch {
    /* margin: 0 100px; */
    position: relative;
    right: 82px;
}

#topbar-mobile {
    display: none;
}

#total_count .text-total-right {
    font-family: baskerville-bold;
    text-align: right;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
}

#total_count .text-total-left {
    font-family: baskerville-light;
}

#total_count .text-total-left .box-info {
    margin-bottom: 3px;
}

#total_count .text-total-left .box-info .form-control {
    margin: 0;
    font-size: 12px;
    height: 27px;
}

#total_count .text-total-left .box-info button {
    padding: 0;
    border-bottom: 1px solid transparent;
}

#total_count .text-total-left .box-info button:active:focus {
    border-bottom: 1px solid #337ab7 !important;
}

#myModal img#buy_img {
    height: 94px;
    width: auto !important;
}

#section-select-address #progressbar li:after {
    left: -46.5%;
}

input#subscribe {
    height: 30px;
    position: relative;
    bottom: 0px!important;
}

.letterspacing0 {
    letter-spacing: 0 !important;
}

.banner,
.banner-mobile {
    position: relative;
    float: left;
    width: 100%;
}

.banner,
.banner img,
.banner-mobile,
.banner-mobile img {
    height: 95vh;
    min-height: 900px;
    background: #F4FAFF;
}

.title-banner {
    position: absolute;
    top: 15%;
}

.title-banner h2,
.title-banner h4 {
    font-family: "OpenSans-Bold";
    color: #139DEB;
}

.title-banner h2 {
    font-size: 48px;
    line-height: 65px;
}

.title-banner h4 {
    font-size: 36px;
    line-height: 49px;
}

.banner img {
    width: 100%;
    object-fit: cover;
}

.title-section2 {
    font-family: montserrat-semibold;
    letter-spacing: 3px;
    font-size: 25px;
    color: #139DEB;
}


/*===== Tambahan Kholid =====*/

.off-display .header-banner {
    display: none;
}

.container-heading.in-display {
    margin-top: 27vh;
}

.in-display .heading-top {
    width: 75%;
    text-align: center;
}

.in-display .header-banner {
    display: block;
    width: 65%;
    border: 1px solid #337ab7;
    padding: 15px;
    margin-top: 15px;
    margin-left: 1.4vw;
    border-radius: 5px;
}

.in-display .banner-text {
    text-align: center;
}

.in-display .detail-text-banner p {
    font-family: baskerville-light;
    text-transform: none;
}

.in-display .signup-link a:hover {
    text-decoration: underline;
    color: #337ab7;
}

.in-display .banner-gold-link {
    color: #337ab7;
    font-family: baskerville-bold;
    letter-spacing: 3px;
    font-size: 18px;
}

.section-shop select.form-control {
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: 80%;
    margin: 10px 10%;
    background-image: linear-gradient(45deg, transparent 50%, #1A3664), linear-gradient(135deg, #1A3664, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    text-align-last: center;
}

input.form-control {
    bottom: 22px!important;
    left: 25px!important;
}

.input-group-text {
    padding: 10px 6px;
    margin-bottom: 0px;
    font-size: 11px;
    position: relative;
    top: 4px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.input-group-text2 {
    position: relative;
    bottom: 47px;
    left: 208px;
    padding: 10px 6px;
    margin-bottom: 0px;
    font-size: 11px;
    position: relative;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.input-group.mb-3 {
    position: relative;
    left: 15px;
}

.input-group.mb-4 {
    position: relative;
    bottom: 12px;
    left: 15px;
}

.checkbox {
    position: relative;
    bottom: 13px;
}

.checkbox,
.radio {
    margin-top: 12px!important;
}

.input-group .form-control {
    width: 85%!important;
}


/*Slider*/

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-caption {
    background: rgba(255, 255, 255, 0.65);
    padding: 20px;
    min-width: 10vw;
    width: calc(1vw + 15em);
    height: auto;
    left: calc(25vw + 0em);
    bottom: calc(1vw + 5em);
    right: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    text-shadow: none;
}


/* button */

.button {
    background-color: #2C7CC5;
    /* Black */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 55px 2px;
    cursor: pointer;
    font-family: play-regular;
    font-size: 11px;
    width: 100%;
    border-radius: 4px;
}

.button-slider {
    background-color: #000000;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    font-family: play-regular;
    font-size: 24px;
    margin-top: 45px;
    border-radius: 4px;
}


/* shopping-cart icon */

.shopping-cart {
    position: relative;
    float: right;
    top: 9px;
}


/* user icon */

.user {
    float: right;
    position: relative;
    top: 9px;
}


/* search */

.searchbox input[type="text"] {
    width: 238px;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(../../assets/images/searchicon.png);
    background-size: 25px 25px;
    background-position: 200px 1px;
    background-repeat: no-repeat;
    padding: 2px 20px 1px 5px;
    margin-right: 7px;
}

.black-background {
    position: relative;
    background: #000000;
    height: 50px;
    margin-right: -43px;
    right: 43px;
}

.blue-background {
    float: left;
    width: 100%;
    height: 65px;
    background: linear-gradient(180deg, #52C5FF 0%, #B0E7F9 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}


/* coba */

footer.nb-footer {
    float: left;
    width: 100%;
    position: relative;
    background: #139DEB;
    padding: 75px 0;
}

footer.nb-footer .about {
    margin: 0 auto;
    max-width: 1170px;
}

footer.nb-footer .about p {
    font-size: 13px;
    color: #999;
    margin-top: 30px;
}

footer.nb-footer .about .social-media {
    float: left;
}

footer.nb-footer .about .social-media ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 55px;
    border-radius: 50%;
    font-size: 16px;
    color: #ffffff;
    /*border: 1px solid rgba(255, 255, 255, 0.3);*/
}


/*footer.nb-footer .about .social-media ul li a:hover {
	background: #b78c33;
	color: #fff;
	border-color: #b78c33;
}*/

footer.nb-footer .footer-info-single .title {
    font-family: "montserrat-semibold";
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    border-left: 4px solid #F2D53D;
    padding-left: 5px;
}

footer.nb-footer .footer-info-single ul li a,
footer.nb-footer .footer-info-single p {
    font-family: "montserrat-regular";
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    padding: 8px 0 5px 9px;
}

footer.nb-footer .footer-info-single ul li a:hover {
    text-decoration: underline;
}

footer.nb-footer .copyright {
    margin-top: 15px;
    background: #111;
    padding: 7px 0;
    color: #999;
}

footer.nb-footer .copyright p {
    margin: 0;
    padding: 0;
}


/* subscribe */

.subscribe {
    font-family: montserrat-regular;
    font-size: 18px;
    letter-spacing: 4px;
    color: #fff;
    float: left;
}

.social-media {
    float: left;
}


/* email */

.email {
    position: relative;
    top: 0px;
    font-family: montserrat-regular;
    font-size: 18px;
}

.konten {
    font-family: montserrat-semibold;
    font-size: 22px;
    margin-top: 30px;
}


/* form */

.submit-form input[type=text],
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.button-slider {
    background: #000;
}


/*button:hover {
    opacity: 0.8;
}*/

span.psw {
    float: right;
    padding-top: 16px;
}

.submit-form {
    width: 100%;
}

.forget-password {
    font-family: montserrat-regular;
    font-size: 14px;
    color: #000;
}

input.btn.btn-bold.btn-default.btn-fullwidth.custom_button_save.nopadding.register_save_btn {
    color: white!important;
    background-color: #2C7CC5!important;
    padding: 15px 32px;
}

.button-add-quote {
    background-color: #2C7CC5;
    border: none;
    color: white;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    font-family: play-regular;
    font-size: 20px;
    border-radius: 4px;
}

.image-size-2 {
    width: 100%;
    height: auto;
}

.switchable {
    font-family: play-bold;
}

.paragraph-switchable {
    font-family: montserrat-light;
}

.receive {
    font-family: play-bold;
}

.receive-paragraph {
    font-family: montserrat-light;
}

.image-3 {
    float: right;
    width: 300px;
    margin: 0 auto;
}

.section-image-3 {
    background-color: #e2e2e0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.quantity input {
    font-family: "montserrat-regular";
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    min-width: 100px;
    max-width: 100px;
    height: 40px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border-top: 1px solid #878787;
    border-bottom: 1px solid #878787;
    border-right: none;
    border-left: none;
}

.quantity input:focus {
    outline: 0;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    /*border-left: 1px solid #eee;*/
    width: 25px;
    text-align: center;
    color: #333;
    font-size: 25px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.proses {
    color: white!important;
    background-color: #5ecef5 !important;
    padding: 15px 32px;
    background: transparent;
    font-family: play-regular;
    font-size: 12px;
    color: #337ab7;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 auto;
    outline: none;
    border-color: transparent;
    border-radius: 4px;
}


/* color */

.foo {
    float: left;
    width: 50px;
    height: 50px;
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.black {
    background: #050d11;
    cursor: pointer;
}

.blue {
    background: #4b7be2;
    cursor: pointer;
}

.white {
    background: #fff;
    cursor: pointer;
}

.add-to-cart {
    text-align: center !important;
    background-color: #2C7CC5;
    border: none;
    color: white;
    padding: 10px 7px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    margin: 1px 5px;
    cursor: pointer;
    font-family: play-regular;
    font-size: 20px;
    border-radius: 4px;
}

span#cart_count {
    color: white;
}

.img {
    width: 30px;
}

.email input[type="text"] {
    float: right;
    margin-right: 5px;
}

input::-webkit-input-placeholder {
    font-size: 12px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 12px;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
}

.title-home {
    color: rgb(10, 10, 10);
    font-size: 22px;
}

.image-slider {
    font-family: play-bold;
    font-size: 42px;
    color: #000000;
}

.image-slider2 {
    color: #000000;
    font-family: montserrat-light;
    font-size: 22px;
}

.description {
    font-family: montserrat-bold;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 4px;
    width: 100%;
    text-align: left;
}

.fa-angle-right {
    font-size: 1em !important;
    position: relative;
    /*left: 40px !important;*/
    color: #000000;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.fa-angle-left {
    font-size: 1em !important;
    position: relative;
    right: 40px !important;
    color: #000000;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.kurang {
    float: left;
}

.tambah {
    float: left;
}

.title-order {
    font-family: montserrat-bold;
    font-size: 18px;
    margin: 0;
}

.image-2 {
    width: 400px;
    margin: 0 auto;
}

.image-size-3 {
    width: 100%;
    height: auto;
    margin: 5px auto;
}


/* responsive  */

@media screen and (min-width: 768px) and (max-width:2400px) {
    .navbar-nav-mobile {
        display: none;
    }
    .logo-mobile {
        display: none;
    }
    .logo-icon-mobile {
        display: none;
    }
}

@media screen and (max-width: 1920px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 70%;
        border-style: none;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
}

@media screen and (max-width: 1680px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 42px;
    }
    .image-slider2 {
        font-size: 22px;
    }
    .button-slider {
        font-size: 16px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 25%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
}

@media screen and (max-width: 1600px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 25%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
}

@media screen and (max-width: 1440px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 25%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
}

@media screen and (max-width: 1366px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 25%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .title-login {
        font-size: 21px;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 21px;
    }
    .paragraph-new-customer {
        font-size: 17px;
    }
    .register-customer {
        left: -16px;
        font-size: 21px;
    }
    .paragraph-registered-customer {
        font-size: 17px;
    }
    input.button.create-account {
        width: 100%;
    }
    .button {
        font-size: 11px;
        margin: 55px 2px;
    }
    .form-button {
        font-size: 11px;
        margin: 4px auto;
    }
}

@media screen and (max-width: 1680px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 50%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    input.button.create-account {
        width: 100%;
    }
}

@media screen and (max-width: 1600px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 50%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .paragraph-registered-customer {
        font-size: 17px;
    }
    input.button.create-account {
        width: 100%;
    }
}

@media screen and (max-width: 1440px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 55%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .title-login {
        font-size: 21px;
    }
    .register-customer {
        left: -16px;
        font-size: 21px;
    }
    .paragraph-registered-customer {
        font-size: 17px;
    }
    input.button.create-account {
        width: 100%;
    }
    .button {
        font-size: 11px;
        margin: 55px 2px;
    }
    .form-button {
        font-size: 11px;
        margin: 4px auto;
    }
}

@media screen and (max-width: 1366px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .subscribe {
        margin-left: 0;
        top: 0;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 50%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .title-login {
        font-size: 21px;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 21px;
    }
    .paragraph-new-customer {
        font-size: 17px;
    }
    .register-customer {
        left: -16px;
        font-size: 21px;
    }
    .paragraph-registered-customer {
        font-size: 17px;
    }
    input.button.create-account {
        width: 100%;
    }
    .button {
        font-size: 11px;
        margin: 55px 2px;
    }
    .form-button {
        font-size: 11px;
        margin: 4px auto;
    }
}

@media (max-width: 1280px) and (min-width: 1200px) {
    .logo-icon-mobile {
        display: none;
    }
    .button {
        font-size: 11px;
        margin: 97px 2px !important;
    }
    .create-account {
        position: relative;
        top: 104px !important;
    }
}

@media screen and (max-width: 1280px) {
    .logo-icon-mobile {
        display: none;
    }
    .image-slider {
        font-size: 40px;
    }
    .image-slider2 {
        font-size: 20px;
    }
    .button-slider {
        font-size: 16px;
        padding: 10px 45px;
    }
}

@media (max-width: 1920px) and (min-width: 1367px) {
    .logo-icon-mobile {
        display: none;
    }
    a.page-scroll.black_link {
        margin-left: 0px !important;
    }
    a.page-scroll.white_link {
        margin-left: 0px !important;
    }
    .image-2 {
        margin-left: 68px !important;
    }
    .switchable {
        margin-right: 32px !important;
    }
    .receive {
        margin-right: 29px !important;
    }
    .image-3 {
        margin-right: -118px !important;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
    }
    .logo-mobile {
        display: none;
    }
    .logo-icon-mobile {
        display: none;
    }
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
    .logo-icon-mobile {
        display: none;
    }
    .create-account {
        position: relative;
        top: 130px;
    }
    footer.nb-footer {
        padding-bottom: 40px;
    }
    .title-home {
        font-size: 16px;
    }
    .paragraph-home {
        font-size: 12px;
    }
    .konten {
        font-size: 11px;
    }
    .social-media {
        margin-top: 0;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 45px;
    }
    .button {
        font-size: 11px;
        margin: 72px 2px;
    }
    .navbar-default .navbar-nav>li>a {
        margin-left: 0;
    }
    .title-login {
        font-size: 21px;
    }
    .register-customer {
        left: -16px;
        font-size: 21px;
    }
    .paragraph-registered-customer {
        font-size: 17px;
    }
    .section-login .container-account {
        margin-bottom: 108px;
    }
    .form-button {
        font-size: 11px;
        margin: 45px auto;
    }
    input.button.create-account {
        width: 100%;
    }
    .section2 .container-category {
        margin: auto 0 auto 0;
    }
    .email input[type="text"] {
        width: 29%;
    }
    .switchable {
        font-size: 15px;
    }
    .paragraph-switchable {
        font-size: 12px;
    }
    .receive {
        font-size: 15px;
    }
    .receive-paragraph {
        font-size: 12px;
    }
    .High-Fidelity {
        font-size: 15px;
    }
    .High-Fidelity-paragraph {
        font-size: 12px;
    }
    .image-2 {
        width: 200px;
        margin: 0 auto;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 21px;
    }
    .paragraph-new-customer {
        font-size: 17px;
    }
    .subscribe-title {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 55%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .logo-mobile {
        display: none;
    }
    .logo-icon-mobile {
        display: none;
    }
}

@media screen and ( width: 1024px) {
    .email {
        top: 0px;
    }
    .logo-mobile {
        display: none;
    }
    .logo-icon-mobile {
        display: none;
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .logo-icon-mobile {
        display: none;
    }
    .create-account {
        position: relative;
        top: 74px;
    }
    footer.nb-footer {
        padding-bottom: 50px;
    }
    .title-home {
        font-size: 16px;
    }
    .paragraph-home {
        font-size: 12px;
    }
    .konten {
        font-size: 11px;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 20px;
    }
    .button {
        font-size: 11px;
        margin: 87px 2px;
    }
    span.fa.fa-arrow-left {
        right: -20px;
        font-size: 3em;
    }
    span.fa.fa-arrow-right {
        left: -20px;
        font-size: 3em;
    }
    .email {
        float: none;
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        margin-left: 0;
    }
    .title-login {
        font-size: 24px;
    }
    .register-customer {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .paragraph-new-customer {
        font-size: 15px;
    }
    .paragraph-registered-customer {
        font-size: 15px;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .section-login .container-account {
        margin-bottom: 108px;
    }
    .form-button {
        font-size: 11px;
    }
    input.button.create-account {
        width: 100%;
    }
    .section2 .container-category {
        margin: auto 0 auto 0;
    }
    .button-add-quote {
        font-size: 18px;
    }
    li.lslide img {
        width: 252px !important;
    }
    .switchable {
        font-size: 15px;
    }
    .paragraph-switchable {
        font-size: 12px;
    }
    .receive {
        font-size: 15px;
    }
    .receive-paragraph {
        font-size: 12px;
    }
    .High-Fidelity {
        font-size: 15px;
    }
    .High-Fidelity-paragraph {
        font-size: 12px;
    }
    .image-2 {
        width: 200px;
        margin: 0 auto;
    }
    .subscribe-title {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 55%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .account {
        font-family: montserrat-semibold;
        font-size: 18px !important;
        position: relative;
        top: 30px;
    }
    .sub {
        font-family: montserrat-regular;
        font-size: 14px;
        position: relative;
        top: 30px;
    }
    .product {
        font-size: 16px !important;
        position: relative;
        top: 30px;
    }
    .explore-audio {
        font-family: montserrat-semibold;
        font-size: 16px !important;
        position: relative;
        top: 30px;
    }
    .sub-explore {
        font-family: montserrat-regular;
        font-size: 14px;
        position: relative;
        top: 30px;
    }
    .support {
        font-family: montserrat-semibold;
        font-size: 16px !important;
        position: relative;
        top: 30px;
    }
    .sub-support {
        font-family: montserrat-regular;
        font-size: 14px;
        position: relative;
        top: 30px;
    }
    .logo-mobile {
        display: none;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .logo-icon-mobile {
        display: none;
    }
    .create-account {
        position: relative;
        top: 137px;
    }
    .title-home {
        font-size: 16px;
    }
    .paragraph-home {
        font-size: 12px;
    }
    .konten {
        font-size: 11px;
    }
    .subscribe {
        margin-left: 0;
        top: 0;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 20px;
    }
    .button {
        font-size: 11px;
        margin: 53px 2px;
    }
    .email {
        float: none;
    }
    .email-section {
        float: left !important;
    }
    .navbar-default .navbar-nav>li>a {
        margin-left: 0 !important;
        font-size: 12px;
    }
    .title-login {
        font-size: 19px;
    }
    .section-login .container-account {
        margin-bottom: 108px;
    }
    .form-button {
        font-size: 11px;
        margin: 13px auto;
    }
    input.button.create-account {
        width: 100%;
    }
    .section2 .container-category {
        margin: auto 0 auto 0;
    }
    .paragraph-new-customer {
        font-size: 15px;
    }
    .register-customer {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .paragraph-registered-customer {
        font-size: 15px;
    }
    .box-info label {
        font-size: 10px;
        letter-spacing: 3px;
    }
    .button-add-quote {
        font-size: 16px;
    }
    .add-to-cart {
        padding: 11px 7px;
        margin: 0px 5px;
        font-size: 15px;
        float: left;
    }
    .switchable {
        font-size: 15px;
    }
    .paragraph-switchable {
        font-size: 12px;
    }
    .receive {
        font-size: 15px;
    }
    .receive-paragraph {
        font-size: 12px;
    }
    .High-Fidelity {
        font-size: 15px;
    }
    .High-Fidelity-paragraph {
        font-size: 12px;
    }
    .image-2 {
        width: 200px;
        margin: 0 auto;
    }
    .sidebar-nav li a {
        letter-spacing: 1px !important;
        font-size: 10px !important;
    }
    .subscribe-title {
        font-size: 12px;
        margin-top: 0;
    }
    .email input[type="text"] {
        height: 25px;
        width: 55%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .account {
        font-family: montserrat-semibold;
        font-size: 18px !important;
    }
    .sub {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    .product {
        font-size: 16px !important;
    }
    .explore-audio {
        font-family: montserrat-semibold;
        font-size: 16px !important;
    }
    .sub-explore {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    .support {
        font-family: montserrat-semibold;
        font-size: 16px !important;
    }
    .sub-support {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    footer.nb-footer {
        padding-bottom: 30px;
    }
    .logo-mobile {
        display: none;
    }
}

@media all and (min-width: 480px) and (max-width: 768px) {
    .logo-icon-mobile {
        display: inline-block;
        padding-left: 13px;
        padding-top: 5px;
        font-size: 39px;
    }
    footer.nb-footer {
        padding-bottom: 40px;
    }
    .title-home {
        font-size: 16px;
    }
    .paragraph-home {
        font-size: 12px;
    }
    .konten {
        font-size: 11px;
    }
    .subscribe {
        top: 0;
        margin-right: 0;
        float: none;
    }
    .social-media {
        float: none;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button {
        font-size: 15px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 20px;
    }
    .email {
        float: none;
        width: 100%;
    }
    .email-section {
        float: none !important;
        margin-top: 20px;
        margin-bottom: 40px;
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        margin-left: 0;
    }
    .title-login {
        left: -15px;
        font-size: 19px;
    }
    .register-customer {
        left: -16px;
    }
    .section-login .container-account {
        margin-bottom: 108px;
    }
    .form-button {
        font-size: 15px;
    }
    input.button.create-account {
        width: 100%;
        margin-bottom: 30px;
    }
    .section2 .container-category {
        margin: auto 0 auto 0;
    }
    .title-order {
        font-family: montserrat-bold;
        font-size: 15px;
    }
    .box-info label {
        font-size: 11px;
        letter-spacing: 2px;
    }
    label.customed {
        width: auto !important;
    }
    .create-an-account {
        top: 145px;
    }
    .button-add-quote {
        font-size: 14px;
    }
    img.bordered {
        width: 80% !important;
    }
    .add-to-cart {
        padding: 10px 7px;
        margin: 1px 21px;
        font-size: 18px;
        float: left;
    }
    .switchable {
        font-size: 15px;
    }
    .paragraph-switchable {
        bottom: 117px;
        left: -11px;
        font-size: 12px;
    }
    .receive {
        font-size: 15px;
    }
    .receive-paragraph {
        font-size: 12px;
    }
    .High-Fidelity {
        font-size: 15px;
    }
    .High-Fidelity-paragraph {
        font-size: 12px;
    }
    .image-2 {
        width: 200px;
        margin: 0 auto;
    }
    .image-3 {
        width: 100px;
        margin: 0 auto;
        float: none;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 55%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .account {
        font-size: 16px !important;
    }
    .product {
        font-size: 16px !important;
    }
    .explore-audio {
        font-family: montserrat-semibold;
        font-size: 16px !important;
        margin-top: 50px;
    }
    .sub-explore {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    .support {
        font-family: montserrat-semibold;
        font-size: 16px !important;
    }
    .sub-support {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    .container-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sidebar-wrapper {
        display: none;
    }
    #topbar-mobile {
        margin-top: 60px;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .paragraph-new-customer {
        font-size: 15px;
    }
    .paragraph-registered-customer {
        font-size: 15px;
    }
    .register-customer {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .jayamakmur-mobile {
        font-family: Montserrat !important;
        top: 6px!important;
        color: #fbfafa !important;
        margin-left: 35px!important;
    }
    .proses {
        letter-spacing: 4px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .logo-icon-mobile {
        display: inline-block;
        padding-left: 13px;
        padding-top: 5px;
        float: left !important;
        font-size: 39px;
    }
    .create-account {
        position: relative;
        top: 35px;
    }
    li.lslide img {
        height: 100%;
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }
    .title-home {
        font-size: 16px;
    }
    .paragraph-home {
        font-size: 12px;
    }
    .konten {
        font-size: 11px;
    }
    .subscribe {
        top: 0;
        margin-right: 0;
        float: left;
    }
    .email-section {
        float: left !important;
        margin-top: 20px;
        margin-bottom: 40px;
        width: 100%;
    }
    .email {
        float: none;
        width: 100%;
    }
    .image-slider {
        font-size: 16px;
    }
    .image-slider2 {
        font-size: 12px;
    }
    .button {
        font-size: 15px;
    }
    .button-slider {
        font-size: 12px;
        padding: 10px 20px;
    }
    .navbar-default .navbar-nav>li>a {
        margin-left: 0;
    }
    .title-login {
        top: 116px;
        left: -17px;
        font-size: 19px;
    }
    .register-customer {
        left: -16px;
    }
    .section-login .container-account {
        padding-bottom: 30px;
        margin: 0;
    }
    .form-button {
        font-size: 15px;
    }
    input.button.create-account {
        width: 100%;
        margin-bottom: 30px;
    }
    .section2 .container-category {
        margin: auto 0 auto 0;
    }
    .img-responsive {
        width: 135px;
    }
    .title-order {
        font-family: montserrat-bold;
        font-size: 15px;
    }
    .box-info label {
        font-size: 10px;
        letter-spacing: 1px;
    }
    label.customed {
        width: auto !important;
    }
    .create-an-account {
        font-size: 30px;
    }
    .button-add-quote {
        font-size: 12px;
    }
    img.bordered {
        width: 80% !important;
    }
    .add-to-cart {
        padding: 10px 7px;
        font-size: 12px;
        float: left;
        margin: 1px 5px;
    }
    .switchable {
        font-size: 15px;
    }
    .paragraph-switchable {
        bottom: 117px;
        left: -11px;
        font-size: 12px;
    }
    .receive {
        font-size: 15px;
    }
    .receive-paragraph {
        font-size: 12px;
    }
    .High-Fidelity {
        font-size: 15px;
    }
    .High-Fidelity-paragraph {
        font-size: 12px;
    }
    .image-2 {
        width: 200px;
        margin: 0 auto;
    }
    .image-3 {
        width: 100px;
        margin: 0 auto;
        float: none;
    }
    .proses {
        padding: 12px 12px;
        letter-spacing: 1px;
    }
    .subscribe-title {
        font-size: 12px;
    }
    .email input[type="text"] {
        height: 25px;
        width: 55%;
    }
    .fb {
        width: 25px;
    }
    .twitter {
        width: 25px;
    }
    .instagram {
        width: 25px;
    }
    .youtube {
        width: 25px;
    }
    .social-media {
        float: none;
    }
    .account {
        font-size: 16px !important;
    }
    .product {
        font-size: 16px !important;
    }
    .explore-audio {
        font-family: montserrat-semibold;
        font-size: 16px !important;
        margin-top: 50px;
    }
    .sub-explore {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    .support {
        font-family: montserrat-semibold;
        font-size: 16px !important;
    }
    .sub-support {
        font-family: montserrat-regular;
        font-size: 14px;
    }
    .container-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sidebar-wrapper {
        display: none;
    }
    #topbar-mobile {
        margin-top: 60px;
    }
    footer.nb-footer {
        padding-bottom: 40px;
    }
    .montserrat-semibold {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .paragraph-new-customer {
        font-size: 15px;
    }
    .paragraph-registered-customer {
        font-size: 15px;
    }
    .register-customer {
        font-family: montserrat-semibold;
        font-size: 19px;
    }
    .jayamakmur-mobile {
        font-family: Montserrat !important;
        top: 6px!important;
        color: #fbfafa !important;
        left: 130px;
    }
    .shopping-cart {
        position: relative;
        float: right;
        top: 10px;
        right: 10px;
    }
    .user {
        float: right;
        position: relative;
        top: 10px;
    }
    .img-user {
        width: 50% !important;
    }
    .img-shopping {
        width: 20px;
    }
    .check-success {
        font-size: 21px;
    }
    .content-right {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .line-center {
        display: none !important;
    }
    .content-right {
        padding: 15px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        overflow-y: scroll;
    }
    .content-detail .card {
        width: 100%!important;
    }
    .navbar-brand {
        display: none;
    }
}


/*--END-- FIRMAN MARTIONO CSS*/


/* end of 19 Okt 2016 - Feedback */


/* end address update form */

.container-category img {
    width: 100%!important;
}

.owl-product:hover .fa-angle-right {
    left: 0!important;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.owl-product:hover .fa-angle-left {
    right: 0!important;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.navbar-default .navbar-nav>li.logo>a {
    padding-left: 0 !important;
    font-size: 12px;
}

.p-t-15 {
    padding-top: 15px;
    margin-bottom: 0px;
}

.email-section {
    float: right;
    display: flex;
}

.email input.submit {
    float: right;
    margin-left: 5px;
}

label.customed {
    position: relative;
    bottom: 10px;
}

.item-cust {
    /*height: calc(20vh + 500px) !important;*/
    height: 100% !important;
}

span.fa.fa-arrow-right.fa-3x {
    position: absolute;
    bottom: 40rem;
    right: 1rem;
}

span.fa.fa-arrow-left.fa-3x {
    position: absolute;
    bottom: 40rem;
    left: 1rem;
}

.box-info .btn-default-profile {
    background-color: #2C7CC5 !important;
    border: none;
    color: white;
    padding: 15px 32px !important;
    text-align: center;
    font-size: 18px !important;
    text-decoration: none;
    display: inline-block !important;
    margin: 4px auto;
    font-family: play-regular;
    font-size: 11px;
}

.jayamakmur {
    font-family: Montserrat-Bold !important;
    font-size: 24px !important;
    line-height: 29px;
}

.jayamakmur img {
    float: left;
    margin-right: 10px;
}


/*contuct us*/

.back-cream {
    background: #FFFFFF;
    padding-bottom: 100px;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    padding-top: 20px;
    padding-left: 30px;
}

.breadcrumb>li {
    font-family: montserrat-regular;
    font-size: 20px;
    color: #000 !important;
}

.content-detail .card {
    width: 50%;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    word-wrap: break-word;
    margin: 0 auto;
    padding: 15px 20px;
    box-shadow: 0 0 27px -4px #ccc;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.desc-prod-detail {
    text-align: left;
}

#contact-us .form-group {
    width: 100%;
}


/* police */

.bose-title.bose-title--mainTitle {
    margin-top: 20px;
}

.bose-title.-center {
    text-align: center;
}

.bose-title {
    padding: 20px 30px;
    font-family: OpenSans-Bold;
    font-size: 36px;
    line-height: 1.6em;
    letter-spacing: -.025em;
    color: #000;
}

#CQrte.-darkGrey,
.bose-richText.-darkGrey {
    color: #333;
}

#CQrte,
.bose-richText {
    margin: 20px 30px;
    line-height: 1.6em;
}

.bose-richText {
    font-family: play-regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

b,
strong {
    font-family: OpenSans-Medium;
    font-size: 18px;
    line-height: 23px;
    margin: 20px 0 7.5px;
}

#CQrte h1,
#CQrte h2,
#CQrte h3,
#CQrte h4,
#CQrte ol,
#CQrte p,
#CQrte ul,
.bose-richText h1,
.bose-richText h2,
.bose-richText h3,
.bose-richText h4,
.bose-richText ol,
.bose-richText p,
.bose-richText ul {
    font-family: montserrat-regular;
    font-size: 16px;
}

#CQrte div,
#CQrte p,
.bose-richText div,
.bose-richText p {
    padding-top: 1.6em;
    line-height: 1.6em;
}

.bose-list,
.bose-stepsContainer {
    margin: 20px 30px;
    max-width: 1280px;
    font-size: 16px;
    line-height: 26px;
    font-family: montserrat-regular;
}

.container-police {
    width: 100%;
    box-shadow: 0 0 27px -4px #ccc;
    background: #FFFFFF;
    text-align: left;
    padding: 40px;
    margin: 200px 0 100px;
}

.container-police h4 {
    font-family: OpenSans-Medium;
    font-size: 21px;
    line-height: 25px;
    margin: 20px 0 7.5px;
}

.container-police p,
.container-police li {
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 17px;
    text-align: justify;
    margin: 7.5px 0;
}

.container-police h2 {
    font-family: OpenSans-Medium;
    font-size: 24px;
    line-height: 30px;
    margin: 20px 0 7.5px;
}

.container-police h3 {
    font-family: OpenSans-Medium;
    font-size: 21px;
    line-height: 27px;
    margin: 20px 0 7.5px;
}

.container-police ol,
.container-police ul {
    padding-inline-start: 25px;
}

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}


/* about */

.content-left {
    padding-right: 30px;
}

.title-page h2 {
    font-family: montserrat-semibold;
    font-size: 20px;
    margin: 0 0 5px;
    letter-spacing: 2px;
    color: #000000;
}

.line-center {
    width: 2px;
    background-color: #3C9EF7;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.content-right {
    padding-left: 30px;
}

.open-hours {
    padding-top: 10px;
    padding-bottom: 20px;
}

.open-hours label {
    margin-bottom: 0;
}

label {
    position: relative;
    /* left: 15px; */
    left: 1px;
    min-height: 0!important;
}

.map-location {
    height: 64%;
}


/*----------------ReadMore----------------------------*/

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.morecontent {
    font-family: montserrat-light;
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
    padding-right: 50px;
}

.productdescription_descriptiontext2 {
    font-family: montserrat-light;
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
    padding-right: 50px;
}


/*-----------------------------------------*/

a.black_link.active {
    color: #337ab7 !important;
    text-decoration: none;
}

a.white_link.active {
    color: #ffffff !important;
    text-decoration: none;
}

.description_section {
    padding-top: 25px;
}

.dropdown-menu-position {
    min-width: 136px;
    top: 35px;
}

.white_link {
    padding-right: 22px;
    font-family: "Montserrat-Medium";
    font-size: 14px;
    line-height: 17px;
}

span.white_link:hover,
span.white_link:focus {
    color: #e4cf9a !important;
    outline: none;
}

.collapsed.btn-revisi .panel-heading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}

.btn-revisi .panel-heading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f068";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    font-family: OpenSans-Regular;
    font-size: 14px;
}

.table>thead>tr>th {
    vertical-align: middle;
    text-align: center;
}

.panel-heading {
    background: #f6f6f6;
    color: #000;
}

.panel {
    margin-bottom: 20px!important;
}

.panel:first-child {
    margin-top: 20px;
}


/*cart*/