/*================================= FORM INPUT =================================*/



form{



    background-color: transparent;



    -moz-border-radius: 5px;



    -webkit-border-radiust: 5px;



    border-radius: 5px;



    padding: 20px;



    border: 0px solid #EAEAEA;



    position: relative;



}







.simple_form{



    background-color: transparent;



    padding: 0px;



    margin: 0px;



    border: 0px;



}







div.actions{



    float: none;



    position: relative;



    bottom: 0;



    margin-top: 20px;



    padding: 0;



    display: block;



    clear: both;



}



div.actions input{



    display: inline-block;



    padding: 6px 12px;



    margin-bottom: 0;



    font-size: 14px;



    font-weight: normal;



    line-height: 1.42857143;



    text-align: center;



    white-space: nowrap;



    vertical-align: middle;



    cursor: pointer;



    -webkit-user-select: none;



     -moz-user-select: none;



      -ms-user-select: none;



          user-select: none;



    background-image: none;



    border: 1px solid transparent;



    border-radius: 4px;



    color: #fff;



    background-color: #7EA7D8;



    border-color: #46b8da;



}







div.actions input:hover{



    color: #fff;



    background-color: #438CCA;



    border-color: #269abc;



}







div.field{



    position: relative;



    display: table;



    min-height: 30px;



    max-width: 450px;



    width: 100%;



}



div.field label{



    display: inline-block;



    min-width:100px;



    vertical-align: top;



    text-align: left;



    float: left;



    background-color: transparent;



    border: 0px solid silver;



    border-bottom: 0px;



    padding: 0px;



    margin-bottom: 0px;



    -moz-border-radius: 0;



    -webkit-border-radiust: 0;



    border-radius: 0;



    



}



div.field label:after{



    content: ":";



    float: right;



    margin-right: 20px;



}



div.field br{



    display: none;



}



div.field label.required{



    font-weight: bold;



}



div.field label.error{



    position: absolute;



    right: 0;



    display: block;



    float: left;



    margin: 0;



    -moz-border-radius: 5px !important;



    -webkit-border-radiust: 5px !important;



    border-radius: 5px !important;



    font-weight:bold;



    color: red;



    padding: 3px;



    width: auto;



    text-align: center;



    border: 1px solid #FE1902;



    background-color: white;



}



div.field label.error:after{



    content: "";



    float: none;



}



div.field #error{



    display: none ;



    margin: 0;



    padding: 0px;



    font-weight:bold;



    color: red;



    width: auto;



    text-align: center;



    background-color: white;



    vertical-align: middle;



    border: 0px !important;



}







div.field input.ui-state-highlight, select.ui-state-highlight, textarea.ui-state-highlight {



    height: auto;



    width: auto;



    padding: 2px;



    border: 1px solid red;



    background-color: red !important;



    margin: 0;



}



div.field input{



    float: left;



    max-width: 200px;



    min-width: 50px !important;



    padding: 5px;  



}







div.field select{



    float: left;



    height: auto;



    width: 210px;



    padding: 4px;



    margin: 0px;



}







div.field textarea{



    float: left;



    padding:5px;



    max-width:300px;



    width: 100%;



    min-width:100px;



    height: 100px;



}







.field_with_errors {



  padding: 2px;



  background-color: red;



  display: inline;



}







/*====================================================================================================*/

body {

    font-family: 'Raleway', sans-serif !important;

    /*font-family: 'Buda', cursive !important;*/

    font-size: 12px;

    color: #4f4f52;

    background-color: white;

}

#header, #container, #footer, 
#header_nav, .header_face, .sub_nav {
    /*max-width: 1200px;*/
    margin: 0 auto;
}

#container {
    min-height: 400px;
    max-width: 1170px;
}

#container_border_top {

    margin-bottom: 20px;

    border-top: 2px dashed #438CCA;

}

#header {

    padding-top: 20px;

}

#header-top {

    margin-bottom: 5px;

}

#cart-artikel {

    text-align: right;

}

#header_logo {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.header-contact {

    font-size: 12px;

    border-radius: 0;

    padding: 7px;

    width: 40px;

    text-align: center;

    border: none;

}

.header-contact i {

    font-size: 12px;

}

.header-contact-1 {

    background-color: #7BCDC8;

}

.header-contact-2 {

    background-color: #7EA7D8;

}

.header-contact-3 {

    background-color: #6ECFF6;

}

.header-contact-4 {

    background-color: #BC8DBF;

}

#nav_mobile_menu, #mobile_menu {

    display: none;

}







#footer {



    padding-left: 15px;



    padding-right: 15px;



}







#searching-input {



    padding-right: 0;



}







#searching-input input {



    border-top-right-radius: 0;



    border-bottom-right-radius: 0;



}







.searching_button {



    border-top-left-radius: 0;



    border-bottom-left-radius: 0; 



    height: 30px;



    outline: 1px solid #e49c9c;



    background-color: #e49c9c;



    color: #fff;



    width: 35px;



}



.searching_button div {



    position: absolute;



    left: -2px;



    top:0;



}







.searching_field{



    outline:0;



    margin-top:23px;



}



.searching_text_box{



    background: none;



    outline: 1px solid #e49c9c;



    width: 335px;



}



.searching_text_box .form-control,



.searching_text_box .form-control:focus{



    box-shadow: none;



}







#header_logo img {



    max-width: 200px;



    max-height: 70px;



}







#container #left {



    width: 200px;



    float: left;



    margin-right: 20px;



}



#container #right {



    max-width: 920px;



    width:100%;



    margin-left: 0px;



    float: left;



}







#container #right a {



}







.header_face{



    margin: 5px auto;



}



/*------------------------ Navigation Horizontal -------------------------*/



#line_top {



    background-color: #915f5f;



    color: #fff;



}



#line_top a{



    color: #fff;



}



#nav_horizontal{



    /*color: #676768;*/



    text-align: center;



    font-size: 13px;



    font-weight: 300;



    float:right;



}



#nav_horizontal a{



    /*color: #676768;*/



}



#nav_horizontal > ul {



    display: table;



    margin: 0 auto;



    padding: 0;



}







#nav_horizontal > ul > li {



    display: table-cell;



    padding: 5px 15px;



    border-left: 2px solid transparent;



    position: relative;



}



#nav_horizontal > ul > li:hover {



    /*border-left: 2px solid #8493CA;*/



    background-color: #FFF;



    color: #82A1BE;



}



#nav_horizontal > ul > li:hover a {



    color: #82A1BE;



}



#nav_horizontal ul li a, #nav_horizontal ul li span {



    text-decoration: none;



}



#nav_horizontal > ul > li > ul {



    display: none;



}



#nav_horizontal > ul > li:hover > ul {

    display: block;

    position: absolute;

    z-index: 1000;

    list-style: none;

    text-align: left;

    left: -3px;

    padding: 0;

    width: 200px;

    background-color: #fff;

    border: 1px solid #eaafaf;

    border-top: 0;

    top: 28px;

}



#nav_horizontal > ul > li > ul > li {



    padding: 10px;



}



#nav_horizontal > ul > li > ul > li:hover {



    background-color: #eaafaf;



    color: #fff;



}



#nav_horizontal > ul > li > ul > li:hover a{



    color: #fff;



}







#shopping_cart_button_placer{



    float: right;



    margin-top:15px;



}



.header_social_container{



    display:table;



    float:right;



    margin-top: 20px;



}



.header_social{



    display: table-cell;



    padding:5px;



}



.header_social > span:last-child, .header_social > a{



    display: none;



}







.sub_nav_wrapper{



    height: 30px;



    background-color: #eabebe;



}



.sub_nav{



}



.sub_nav ul{



    list-style: none;



    display: table;



    padding-left: 10px;



    white-space: nowrap;



    position: absolute;



}



.sub_nav ul a{



    color: #3c3d40;



}



.sub_nav ul li{



    display: table-cell;



    padding: 8px 0;



    padding-right: 10px;



}



.sub_nav .kategori{



    overflow:hidden;



    width: 100%;



    height: 30px;



    position: relative;



    /*background-color: green;*/



}



.sub_nav .cursor_right{



    position: absolute;



    right: 0;



    height: 30px;



    padding-top: 6px;



    background-color: #eabebe;



    z-index:1;



}



.sub_nav .cursor_right:after{



    cursor: pointer;



    font-family: FontAwesome;



    top: 4px;



    right: 10px;



    content: "\f054";



    font-size: 16px;



    color: #fff;



}



.sub_nav .cursor_left{



    position: absolute;



    left: 0;



    height: 30px;



    padding-top: 6px;



    background-color: #eabebe;



    z-index:1;



}



.sub_nav .cursor_left:after{



    cursor: pointer;



    font-family: FontAwesome;



    top: 4px;



    right: 10px;



    content: "\f053";



    font-size: 16px;



    color: #fff;



}



/*------------------------ BANNER -------------------------*/

#banner{

    margin-bottom:10px;

}

.carousel-inner,

.carousel-control.right,

.carousel-control.left{

    max-height:350px;

}

.carousel-inner>.item>img, .carousel-inner>.item>a>img{

    margin:auto;

}

/*================================== SIDEBAR MENU ===============================*/



.side_bar_box_head {



    padding: 10px 0;



    font-size: 16px;



    font-weight: bold;



    text-align: right;



    cursor: pointer;



}



.side_bar_box {



    max-height: 300px;



    overflow: auto;



    padding-right: 5px;



}



.side_bar_box ul {



    padding-left: 0;



}



.side_bar_box ul li {



    list-style: none;



    font-size: 13px;



    font-weight: 200;



    padding: 3px 0;



    text-align: right;



}



.side_bar_box ul li ul li {



    list-style: none;



    font-size: 12px;



    font-weight: 200;



    padding: 3px 26px 3px 0;



    text-align: right;



}



#div_tree_kategori_body ul li span.div_tree_kategori_cursor_pointer{



    top:3px;



    right:0;



}



#div_tree_kategori_body ul li a{



    padding-right: 18px;



}







/*================================= THUMB PRODUK =================================*/



.produk_show {



    width: 220px;



    margin: 0  0 0px 10px;



    float: left;



    display: table;



    outline:0;



    height:345px;



}



.produk_show:hover .button_produk{



    display:block;



}



.box_thumb_header {



    position: relative;



    width: 170px;



    height: 40px;



    padding-bottom: 5px;



    display: table-cell;



    vertical-align: bottom;



    text-align: center;



}



.box_thumb_image {



    position: relative;



    width: 220px;



    height: 170px;



    display: table;



}



.box_thumb_image .center_image {



    width: 220px;



    height: 170px;



    display: table-cell;



    vertical-align: middle;



    text-align: center;



}



.box_thumb_produk{



    height:290px;



}



.box_thumb_produk:hover{



    outline: 1px solid #ddd;



}



.box_thumb_produk .center_image img {



    max-width: 220px;



    max-height: 170px;



}



.box_thumb_produk .box_thumb_image_note{



     max-width: 220px;



     margin-top:30px;



}



.box_thumb_produk .button_produk{



    top:initial;



    bottom: -80px;



    width: 200px;



}



.box_thumb_produk .thumb_harga_produk_container,



.box_thumb_produk .thumb_produk_stok{



    text-align:left;



}



.box_thumb_produk .produk_additional_text_with_zero_stock{



    right:10px;



    left:initial;



}



.box_thumb_produk .thumb_harga_produk_container .thumb_harga_produk{



    font-size: 14px;



}







.box_add_to_cart {



    font-size: 12px;



    position: absolute;



    top: 10px;



    left: 10px;



    display: none;



}



#produk_desc {



    margin-bottom: 30px !important;



}







/*================================= SHOPPING CART ======================================*/



.shopping_with_value a {



    color: #ED1C24;



}



#add_to_cart_form{



    position: relative;



    margin: 0 auto;



    display: block;



    width: auto;



}



#add_to_cart_form_label{



    float: left;



    vertical-align: middle;



    padding-top: 3px;



    margin-right: 5px;



}



#add_to_cart_form_text_box{



    float: left;



    margin: 0;



    padding: 0;



    width: 20px;



}



#add_to_cart_form_text_box input{



    margin: 0;



    padding: 1px;



    max-width: 100%;



    height: 18px;



    border: 0px;



    border: 1px solid silver;



    text-align: center;







    -moz-border-radius: 2px !important;



    -webkit-border-radiust: 2px !important;



    border-radius: 2px !important;



}



#add_to_cart_form_button{



    float: left;



    margin: 0;



    padding: 0;



    margin-right: 5px;



}



#add_to_cart_form_button input{



    margin: 0;



    padding: 0px;



    width: 70px;



    height: 21px;



    background: url('/images/cart_small.png') no-repeat;



    background-color: white;



    background-position: left;



    border: 1px solid silver;



    border-right: 0;



    cursor: pointer;



    padding-left: 20px;



    background-color: #BA0101;



    color: white;







    -moz-border-radius: 2px !important;



    -webkit-border-radiust: 2px !important;



    border-radius: 2px !important;



}



#add_to_cart_form_button input:hover{



    background-color: #790000;



    color: white;



}



#konfirmasi_pesanan {



    margin-top: 20px;



}



#konfirmasi_pesanan th {



    border: none;



    border-bottom: 2px solid #CCC;



    border-top: 2px solid #CCC;



    color: #8882BE;



    font-weight: bold;



    padding: 10px 5px;



    font-size: 14px;



    background-color: #EBEBEB;



}



#konfirmasi_pesanan td {



    border: none;



    border-bottom: 1px solid #CCC;



    padding: 10px;



    vertical-align: middle;



}



.konfirmasi_foot {



    text-align: right; 



    font-weight: bold;



    font-size: 14px;



}



.angka_harga {



    font-family: 'courier new';



    text-align: right;



    white-space: nowrap !important;



    width: 1%;



}



#konfirmasi_pesanan input[type="text"] {



    border: none;



    border-bottom: 1px solid #CCC;



    border-radius: 0px;



    box-shadow: none;



    margin-bottom: 0px;



}



#konfirmasi_pesanan input[type="text"]:focus {



    -webkit-box-shadow: 0 5px 5px -5px  rgba(82, 168, 236, 0.6);



     -moz-box-shadow: 0 5px 5px -5px rgba(82, 168, 236, 0.6);



          box-shadow: 0 5px 5px -5px rgba(82, 168, 236, 0.6);



}



.edit_shopping_cart {



    padding: 0px;



}



.input_jumlah_form_konfirmasi {



     max-width: 50px !important; 



     width: 50px; 



     text-align: center; 



     margin: 0 auto;



}



#informasi_pemesanan {



    padding-top: 20px;



    margin-top: 20px;



    border-top: 1px dashed #CCC;



}



#informasi_pemesanan input[type="text"], #informasi_pemesanan textarea {



    border: 1px solid #DDD;



    /*font-size: 14px;*/



    -webkit-border-radius: 2px !important;



     -moz-border-radius: 2px !important;



          border-radius: 2px !important;



    height: 30px;



    max-width: 60%;



    width: 100%;



}



#informasi_pemesanan textarea {



    height: 100px;



}



#informasi_pemesanan label {



    font-weight: 200;



    font-size: 14px;



}



#informasi_pemesanan div.field {



    max-width: 100%;



}



#informasi_pemesanan > div:last-child {



    border-top: 1px dashed #CCC;



    margin-top: 20px;



}



#list_belanja table {



    border: 1px solid #CCC;



    margin: 20px 0px 40px;



}



#list_belanja th { 



    border: none;



    border-bottom: 2px solid #CCC;



    border-top: 2px solid #CCC;



    color: #8882BE;



    font-weight: 200;



    padding: 10px 5px;



    font-size: 14px;



    background-color: #EBEBEB;



}



#list_belanja td { 



    padding: 10px;



    border: none;



}



#list_belanja .konfirmasi_foot {



    border: none;



    padding: 10px;



    border-top: 1px solid #CCC;



    border-bottom: 1px solid #CCC;



    font-size: 14px;   



}



.button_konfirmasi {



    border: 1px solid silver;



    background-color: transparent;



    z-index: 0;



    color: white;



    background-image: url("/images/button_image.png");



    background-repeat: repeat-x;



    border: 1px solid #ccc;



    border-radius: 4px 4px 4px 4px;



    font-weight: bold;



    line-height: 14px;



    padding: 7px;



}



.button_konfirmasi:hover {



    background-image: url("/images/button_image_hover.png");



    background-repeat: repeat-x;



    text-decoration: none;



}



#batal_pesan {



    text-align: center;



    font-family: 'SEGOE UI';



    font-style: italic;



}



.shopping_cart_satuan, .shopping_cart_sub_total {



    text-align: right



}







#form_shopping_cart_detail {



    font-family: 'SEGOE UI';



}



#informasi_pemesanan .button_form_shopping, #konfirmasi_pesanan .button_form_shopping {



    padding: 5px;



    font-size: 12px;



    border: 1px solid #5cb85c;



    border-radius: 2px;



    background-color: #5cb85c;



    color: white;



    margin-top: 15px;



    text-decoration: none;



    cursor: pointer;



    min-width: 100px;



    text-align: center;



}



#informasi_pemesanan .button_form_shopping:hover, #konfirmasi_pesanan .button_form_shopping:hover {



    background-color: #47a447;



}



#timeline_shopping {



    background-color: #7CC576;



    width: 100%;



    height: 35px;



    display: table;



}



.timeline_process {



    display: table-cell;



    vertical-align: middle;



    text-align: center;



    font-family: 'SEGOE UI';



    font-size: 14px;



    color: white;



    width: 33.3%;



    border-right: 1px solid #3BB878;



}



.timeline_shopping_aktif {



    background-color: #3BB878;



}







/*================================= CONTACT US ======================================*/

#contact_us_placer .media_embed {

    padding: 5px; 

    border: 1px solid #ccc; 

    border-radius: 5px;

    float: right;

    width: 100%;

}



#contact-us {

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #CCC;

}



#contact-web {

    float: left;

    padding-right: 10px;

    margin: 0px;

    width: 30%;

}



#form-contact {

    margin: 0px;

    padding-left: 10px;

    padding-right: 10px;

    font-size: 13px;

    font-weight: 100 !important;

    border-radius: 5px;

    font-size: 12px;

    margin-top: 0px;

    border-top: 1px dashed #CCC;

    float: right;

    width: 65%;

}

#contact_u_submit{

    background-color: #eabebe;

    border: 0 !important;

    font-size: 20px !important;

    height: initial !important;

    line-height: normal !important;

}



.media_embed {



    padding: 5px; 



    border: 1px solid #ccc; 



    border-radius: 5px;



    width: 100%;



}



#msg-form {



    border-bottom: 1px solid #EAEAEA;



    padding: 10px;



    margin-left: -10px;



    text-align: center;



    font-size: 13px;



    font-weight: 400 !important;



}



#form-contact label {

    font-weight: 400 !important;

}



#form-contact div.field {

    max-width: 100% !important;

    width: 100% !important;

}



#form-contact div.field input, #form-contact div.field textarea {

    max-width: 60%;

    width: 60%;

    font-weight: 400;

}



#contact-table {



    border: 0px solid #FFF;



}



#contact-table td {



    border-bottom: 1px solid #CCC !important;



    padding: 8px 5px;



}



#form-contact input, #form-contact textarea {



    border: 1px solid #ccc;



    font-size: 12px;



    border-radius: 2px !important;



    line-height: 14px;



}



.text_center {



    text-align: center;



}



.text_right {



    text-align: right;



}



.text_left {



    text-align: left;



}



.td_no {



    width: 20px;



}



.box_form{



}



.right {



    float: right;



    margin-left: 5px;



}



.left {



    float: left;



    margin-right: 5px;



}



.clear {



    clear: both;



}







/*================================= CSS ==========================================*/



.modul_content {



    margin-bottom: 20px;



}







h1, h2, h3, h4, h5 {

    font-weight: 100;

}



h1{

    margin-bottom:30px;

}

h2{



    font-size : 20pt;



}



.col-xs-12 {



    min-height: 0 !important;



}



#notice, #error_explanation {



    padding: 12px;



    margin-bottom: 20px;



    border: 1px solid transparent;



    border-radius: 4px;



    color: #a94442;



    background-color: #f2dede;



    border-color: #ebccd1;



}



.marquee {



    position:relative;



    overflow:hidden;



    height:16px;



}



.marquee span {white-space:nowrap;}



.caroufredsel_wrapper {



    width: inherit !important;



}



#produk_content_1{



    float: left;



    margin-right: 10px;



}



#produk_content_2{



    float: left;



    width: 300px;



    /*width: 45%;*/



    border: 1px solid #DDD;



    border-radius: 5px;



    padding: 10px;



}



#produk_content_2 table {



    border: 0px solid #FFF;



}



#produk_content_2 table td {



    border: none;



    border-bottom: 1px solid #CCC;



    padding: 8px 5px;



}







.produk_content_2_full_page{



    float: left;



    width: 96%;



}



#produk_content_3{



    margin-top: 10px;



}



.artikel_placer h1 {
    border-bottom: 1px dashed #CCC;
}
article{
    margin: 0 auto;
    margin-top:2rem;
}




.button, button {



    padding: 6px 12px;



    margin-bottom: 0;



    font-size: 13px;



    font-weight: normal;



    line-height: 1.42857143;



    text-align: center;



    white-space: nowrap;



    vertical-align: middle;



    cursor: pointer;



    -webkit-user-select: none;



     -moz-user-select: none;



      -ms-user-select: none;



          user-select: none;



    background-image: none;



    border: 1px solid transparent;



    border-radius: 4px;



    color: #fff;



    background-color: #7EA7D8;



    border-color: #46b8da;



    text-decoration: none;



}



.button:hover, button:hover{



    color: #fff;



    background-color: #438CCA;



    border-color: #269abc;



    background-image: none;



}      



      



#footer_content_1 > div {



    display: inline-block;



    margin-right: 20px;



}



_detail > div{

    background-color: #eabebe;

}

.gallery_placer img{

    padding : 10px;

}

.portfolio-label{
    font-size:15px;
}
.portfolio_container{
    margin-left:75px;
}