h1, h2, h3, h4, h5, h6 {
    font-weight: bold
}
.thisError{
    color:#a94442;
    background: #f2dede;
    padding: 15px;
}
.thisSuccess{
    color:#3c763d;
    background:#dff0d8;
    padding:15px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.new-ui-title{
    border-radius: 0px;
    background: #ffffff;
    border: none;
    padding:0px;
}
/*widget jne custom*/
#registered li.li_tarif {
    display: none !important;
}
div#fdata {
    display: none !important;
}
div#fdata_resi {
    display: block !important;
}
/*end widget jne custom*/
/*cek ongkir*/
#cek_ongkir{
    position: relative;
    width: 100%;
    height: 100%;
}
#cek_ongkir #delivery_carrier {
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
    color: #ffffff;
}
#cek_ongkir .title {
    color: #000;
    font-weight: bold;
}
#cek_ongkir .pengiriman {
    font-weight: bold;
    font-size: 28px;
    margin: 10px 0;
}
#cek_ongkir #delivery_carrier .price {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
    margin-left: 6px;
}
#cek_ongkir i.ajax-loader {
    border: 1px solid #a08f8f;
}
/*end cek ongkir*/
.norad{border-radius: 0px !important;}
.btn{border-radius: 0 !important;}
.navbar.navbar-default.navbar-static-top {
    display: none;
}
.nopadding { margin: 0 !important;padding: 0 !important;}
.clear{clear:both;}
body{
    font: 14px 'Open Sans',Arial,Helvetica,sans-serif;
    background: #f7f7f7;
}
/*menu*/
.header-content {
    background-color: #027cf9;
    padding: 18px 0;
    color: #ffffff;
}
#headerline {
    height: 5px;
    background: linear-gradient(to left, #1183FA, rgba(999, 11, 11, 0), #1183FA);
    width: 100%;
}
.menu-wrapper {
    padding: 8px;
    text-align: center;
    background: linear-gradient(to left, #3E3939, rgba(62, 57, 57, 0.6), #3E3939);
}
.logo-area img { width: 230px;}
.logo-area{
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell; 
    border-collapse: separate;
    padding-right: 20px;  
}
.header-container .contact-area {float: right;}
.stylish-input-group .input-group-addon{
    background: white !important; 
    border:none;
    border-radius: 0;
    color: #027cf9;    
}
.stylish-input-group .form-control{
	border-right:0; 
    border-radius: 0;
    border:none;
	box-shadow:0 0 0; 
	border-color:#ccc;
	color: #027cf9;
	height: 38px;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.search-area {
    margin-top: 17px;
    margin-left: 4%;
    margin-right: -4%;
}
.search-area .input-group input {
    border: none;
    box-shadow: none;
    padding: 10px 16px;
    height: 39px;
}
.header-container .my-cart .fa-shopping-cart {
    font-size: 33px;
    background: url(/pc_website/static/src/img/obral/trolly.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 29px;
    color: transparent !important;
}
.search-area .input-group-addon {
    border-radius: 0px;
    color: #027cf9;
    background: #ffffff;
    border-color: #fff;
}
.search-area .input-group-addon button {
    border: none;
    background: #ffffff;
}
.search-area .input-group-addon button:hover {
    transform: scale(1.2);
}
.search-area .form-control {
    border-radius: 0;
}

form#searchform input::-webkit-input-placeholder {
  color: #027cf9;
}
form#searchform input::-moz-placeholder { 
  color: #027cf9;
}
form#searchform input:-ms-input-placeholder {
  color: #027cf9;
}
form#searchform input:-moz-placeholder {
  color: #027cf9;
}
.header-container .my-cart {
    padding: 3px 0 3px 9px;
}
.my-cart a {
    text-decoration: none;
}
sup.my_cart_quantity.label.label-primary {
    border: 2px solid #ffffff;
    border-radius: 50px;
    background: transparent;
    color: #ffffff;
    font-size: 13px;
    margin: 4px;
}
.contact-area td span {
    font-family: georgia, palatino;
    font-size: 1em;
}
.contact-area table {
    width: 100%;
    height: 73px;
    text-align: left;
}
.header-container{
    position: relative;
}
.header-container .my-cart{
}
.header-container .contact-area td{
    padding-right: 3px;
}
.header-container .menu-icon a{
    color: #ffffff;
}
.header-container .menu-icon a:hover i{
    transform: scale(1.1) !important;
}
/*end menu*/
/*banner*/
#bootstrap-touch-slider .carousel-indicators li{
	background-color: #007DFB;
	border-color: #007DFB;
	opacity: 0.5;
}
#bootstrap-touch-slider .carousel-indicators .active{
	opacity: 1;
}
.mainpage-banner {
    background-color: #595758;
}
.mainpage-banner .banner_first {
    max-width: 100%;
    height: auto;
    display: block;
}
.mainpage-banner i {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
}
.mainpage-banner p {
    margin: 0;
    line-height: 1;
    font-family: georgia;
    font-size: medium;
    color: white;
    padding: 10px;
}
#background-banner {
    text-align: center;
    padding: 10px;
}
.custom-banner {
    width: 100%;
}
.custom-banner > div .mt16 {
    padding-right: 10px;
    padding-left: 10px;
}
/*product*/
#line-catalog {
    background: -moz-linear-gradient(71deg, rgba(36,114,186,1) 9%, rgba(36,114,186,0.55) 29%, rgba(36,114,186,0.2) 53%, rgba(36,114,186,0) 100%);
    background: -webkit-linear-gradient(71deg, rgba(36,114,186,1) 9%, rgba(36,114,186,0.55) 29%, rgba(36,114,186,0.2) 53%, rgba(36,114,186,0) 100%);
    background: -o-linear-gradient(71deg, rgba(36,114,186,1) 9%, rgba(36,114,186,0.55) 29%, rgba(36,114,186,0.2) 53%, rgba(36,114,186,0) 100%);
    background: -ms-linear-gradient(71deg, rgba(36,114,186,1) 9%, rgba(36,114,186,0.55) 29%, rgba(36,114,186,0.2) 53%, rgba(36,114,186,0) 100%);
    background: linear-gradient(19deg, rgba(36,114,186,1) 9%, rgba(36,114,186,0.55) 29%, rgba(36,114,186,0.2) 53%, rgba(36,114,186,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2472BA', endColorstr='#2472BA',GradientType=0 );
    height: 5px;
    margin: 0 10px;
}
.oe_product.oe_grid {
    background: #fff;
}
.oos-ribbon {
    font: bold 15px Sans-Serif;
    color: white;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -35px;
    top: 20px;
    width: 145px;
    cursor: default;
}
.oos-wrapper {
    width: 120px;
    height: 100px;
    z-index: 5;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.item-area .discount_label {
    background-color: #E70014;
    cursor: pointer;
    padding: 4px 20px;
    user-select: none;
    margin: 2px;
    color: #ffffff;
    font-size: 24px;
}
.item-area .add-to-cart {
    cursor: pointer;
    padding: 10px 20px;
    background-color: #027cf9;
    margin: 2px;
    color: #ffffff;
}
#add_to_cart span {
    margin-left: 5px;
}
.products_item_grid{font-family: georgia, palatino;}
.product_display .details{font-family: georgia, palatino;}
.item-area .details {
    padding: 7px;
    position: relative;
    border: 1px solid #ccc;
    background: #ffffff;
}
.item-area .oe_product_image {
    position: relative;
    border: 1px solid #ccc;
    padding: 1px;
    overflow: hidden;
}
.item-area .oe_product_image img {
    border-radius: 3px;
    margin:auto;
}
section .product_name a {
    font-size: 12px;
    float: left;
    margin: 10px 0 0 0;
    text-decoration: none;
    color: #777;
}
section .regular_price {
    font-size: 16px;
    font-weight: bold;
    color: #777;
}
section .special_price {
    font-size: 12px;
    float: left;
}
#product_detail .product_name {
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    color: #555;
}
#product_detail b.oe_price {
    font-size: 36px;
    color: #08c;
}
.container .product-variants {
    padding: 5px 0;
}
.container .product-variants .js_variant_change {
    margin-top: 10px;
}
.js_variant_change {
    display: none;
}
/*login register*/
.oe_website_login_container{
    width: 100%;
    margin:auto;
}
.account-login h2{
    color: #08c;
    text-transform: uppercase;
    margin: 0 0 20px;
    font-size: 20px;
}
.page-title h2{
    color: #08c;
    margin: 0 0 20px;
    font-size: 20px;
}
.title-container{
    margin: 25px 1%;
}
.button-set {
    padding: 10px 0;
}
.account-login .content {
    min-height: 275px;
    line-height: 1.5em;
}
.account-login {
    margin: 25px 1%;
    padding: 25px 0;
    display: block;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    border-top: 4px solid #08c;
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
}
.button-set button {
    background: #595758;
    border: none;
}
.button-set button a{
    text-decoration: none;
    color: #ffffff;
}
.oe_login_buttons button {
    background: #595758;
    border: none;
}
/*product page*/
.container .breadcrumb {
    height: 40px;
    background: none;
    margin-bottom: 10px;
    padding: 10px;
}
.container .breadcrumb ul {
    margin: 0;
    padding: 0;
}
.container .breadcrumb ul li:first-child {
    border-right: 1px solid #C1C0C5;
    padding-right: 5px;
    margin-right: 5px;
}
.container .breadcrumb ul li {
    display: inline-block;
}
.container .breadcrumb ul li > a {
    text-decoration: none;
    font-weight: bold;
    padding: 5px;
}

#variant-dialog .gallery-thumbs-container .bx-controls .bx-prev {
    top: 6% !important;
}
#variant-dialog .gallery-thumbs-container .bx-controls .bx-next {
    top: 94% !important;
}
#variant-dialog .bx-wrapper .bx-controls{
    display: none;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}
#variant-dialog .bx-wrapper:hover .bx-controls{
    display: block;
}
#variant-dialog .product-desc >h1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#variant-dialog .product-action {
    border: 1px solid #C1C1C3;
    padding: 10px;
}
#variant-dialog .product-action .oe_website_spinner {
    width: 100%;
    margin: auto;
    margin-top: 5%;
}
#variant-dialog .product-action a#add_to_cart {
    width: 100%;
    border-radius: 0;
    color: #FFFFFF;
    border: none;
}
.container .product-action .oe_website_spinner {
    width: 100%;
    margin: auto;
    margin-top: 5%;
}
.container .product-action h4 {
    color: #000000;
    text-align: center;
}
.container .product-desc .product-prices div h4 {
    font-size: 36px;
    color: #08c;
}
.oe_website_spinner>.input-group-addon {
    border-radius: 0px;
}
#variant-dialog .product-desc >h1{
    overflow: hidden;
}
#variant-dialog .product-action {
    border: 1px solid #C1C1C3;
    padding: 10px;
}
#variant-dialog .product-action a#add_to_cart {
    width: 100%;
    border-radius: 0;
    color: #FFFFFF;
    border: none;
}
.container .product-info-1, .container .product-info-2 {
    padding: 25px 0 25px 0;
    border-bottom: 1px solid #E4E4E6;
}
.container .product-action {
    border: 1px solid #C1C1C3;
    padding: 10px;
}
.container .product-action a#add_to_cart {
    width: 100%;
    border-radius: 0;
    color: #FFFFFF;
    border: none;
}
.gallery-thumbs-container .bx-controls a {
    z-index: 1;
}
.discount .oe_default_price{
    display: none;
}
/*footer*/
#testimonial #quote-carousel 
{
    padding: 0 10px 30px 10px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
#testimonial .carousel-control {
    background: none;
    color: #ffffff;
    text-shadow: none;
}
.testimonial_title {
    font-size: 18px;
    text-align: left;
    padding: 10px 0;
    color: #ffffff;
}
#testimonial .carousel-control {
    position: absolute;
    top: 12px;
    right: 0 !important;
    width: 15%;
    font-size: 12px;
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1;
    line-height: 20px;
}
#testimonial .carousel-control.left 
{
    left: auto;
    right: 0; 
}
#testimonial .carousel-control.right 
{
    right: -14px !important;
}
#testimonial #quote-carousel img
{
    width: 80px;
    height: 80px;
}
/* End carousel */
#testimonial .item blockquote {
    border-left: none; 
    padding: 5px 0;
    margin: 0;
} 
.footer_top {
    background-image: url(/pc_website/static/src/img/obral/footer_bg.png);
    padding: 45px 0;
    background-repeat: no-repeat;
	background-position: center center;
	/*background-attachment: fixed;*/
	background-size: cover;
	text-align: right;
}
.menu_bottom ul.nav.navbar-nav.nav-bottom li {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
}   
.menu_bottom ul.nav.navbar-nav.nav-bottom {
    padding-top: 10px;
    padding-bottom: 10px
}
.menu_bottom ul.nav.navbar-nav.nav-bottom li:not(:first-child) {
    border-left: 2px solid #ffffff;
}
.menu_bottom .navbar-nav>li>a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;    
}
.menu_bottom .navbar-nav>li>a:hover {
    color: #007DFB;
    background-color: transparent;
}
.menu_bottom ul.nav.navbar-nav.nav-bottom {
    float: right;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.menu_bottom .nav > li > a {
	padding: 0;
}
.bottom_logo{
	padding: 6px 0;
}
.bottom_logo img {
    width: 215px;
    float: right;
}
.bottom_social {
    padding: 10px 0;
    position: relative;
}
.bottom_social.clearfix {
    padding: 10px 0;
}

.partner_title {
    padding: 10px 0;
    color: #ffffff;
    font-weight: bold;
}

.partner_images{text-align: right;}
.img_partner {
    display: inline;
}
img#img_partner {
    width: 68px;
    border-radius: 10%;
    margin-bottom: 3px;
}
.footer_copyright {
    text-align: center;
    background-color: #027CF9;
    border-top: 5px solid #ffffff;
}
#fc_container{
    padding: 15px;
    font-weight: bold;
    color: #ffffff;
}
.bottom_subscribe {
    padding: 20px 0;
}
.bottom_subscribe input {
    margin-right: -4px;
    padding: 8px;
    border: none;
}
.subscribe_button {
    border: none;
    padding: 9px;
    background: #595758;
    font-weight: bold;
    color: #ffffff;
}
.subscribe_button:hover {
	color: #027CF9;
}
/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
/* footer social icons */
.social_icon {
    border-bottom: 1px solid #ffffff;
    float: right;
    padding: 0 0 10px 0;
}
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoInstagram:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, 
.social-network a.icoInstagram:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}
.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:25px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #007DFB;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.social-network a {
 background-color: #ffffff;   
}
/* end footer social icons */
#totop {
    height: 42px;
    position: fixed;
    right: 89px;
    width: 40px;
    z-index: 9999;
    bottom: 0;
    background-color: #404040;
    font-size: 28px;
    color: #08c;
    text-align: center;
    border-radius: 5px 5px 0 0;
    padding: 0 6px 6px;
    cursor: pointer;
}
.button_totop ul {
    padding: 5px 0;
}

.single-product #comment .comment-submit {
    background: #428bca;
    display: block;
    color: #FFFFFF;
    border-radius: 0;
    border: 1px solid #357ebd;
}
@media only screen and (min-width : 320px) {
    .media-list .o_rating_star_card, 
    .css_editable_mode_hidden .stars {
        float: none;
    }
}
@media only screen and (min-width : 768px) {
    .media-list .o_rating_star_card, 
    .css_editable_mode_hidden .stars {
        float: none;
    }
    .oe_sale_acquirer_button {
        text-align: right;
    }
}

#after-loading-success-message,
#after-loading-error-message {
    display:none;
    font-size: 1.1em;
    position: fixed;
    text-align: center;
    z-index: 20002;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.background-overlay {
    background-color: transparent;
    opacity: .5;
    filter: Alpha(Opacity=50);
    left: 0;
    top: 0;
}
#success-message-container,
#error-message-container {
    border-top: 4px solid #08c;
    border-radius: 6px;
    padding: 20px 15px;
    position: relative;
    text-align: center;
    top: 35%;
    width: 320px;
    z-index: 1000;
    background: #FFFFFF none repeat scroll 0 0;
    margin: auto;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#success-message-container .msg {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}
#error-message-container .msg {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
}
#success-message-container #product_added{
    color: #027cf9;
}
#success-message-container #btn-success-message,
#error-message-container #btn-error-message {    
    margin: 5px;
    background: #484747;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    padding: 10px 20px;
    display: inline-block;
}
#img_success_message{
    width: 100px;
    padding: 10px 0;
    margin: auto;
}
#success-message-container #btn-success-message:hover,
#error-message-container #btn-error-message:hover {
    opacity: 0.7;
}
/*end footer*/
.fixed-dialog{
    position:fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}

.oe_cart > .row > .col-lg-6 {
    padding: 0;
}
textarea[name='street'] {
    resize: none;
    height: 104px;
}
.oe_sale_acquirer_button p {
    margin: 10px 0;
}

@media(max-width: 991px){
    .content-box {
        overflow: auto;
        height: 460px !important;
    }
}

.product_display .product_more a,
.product_display .product_more a:hover,
.product_display .product_more a:focus {
   text-decoration: none;
}
.product_display .product_more {
    padding: 15px 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}