/*== Font Style ==*/

    @font-face {
      font-family:'Roboto-Regular';
      src: url('../../../assets/font/roboto/Roboto-Regular-webfont.eot'); /* IE9 Compat Modes */
      src: url('../../../assets/font/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../../assets/font/roboto/Roboto-Regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../../assets/font/roboto/Roboto-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
           url('../../../assets/font/roboto/Roboto-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
           url('../../../assets/font/roboto/Roboto-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

    @font-face {
      font-family:'oswald-regular';
      src: url('../../../assets/font/oswald/oswald-regular-webfont.eot'), 
           url('../../../assets/font/oswald/oswald-regular-webfont.woff') format('woff'), 
           url('../../../assets/font/oswald/oswald-regular-webfont.ttf')  format('truetype');
    }
    @font-face {
      font-family:'oswald-regular';
      src: url('../../../assets/font/oswald/Oswald-Light.eot'), 
           url('../../../assets/font/oswald/Oswald-Light.woff') format('woff'), 
           url('../../../assets/font/oswald/Oswald-Light.ttf')  format('truetype');
      font-weight:300;
    }

    @font-face {
      font-family:'avenir-book';
      src: url('../../../assets/font/avenir/Avenir-Roman.eot'), 
           url('../../../assets/font/avenir/Avenir-Roman.woff') format('woff'), 
           url('../../../assets/font/avenir/Avenir-Roman.ttf')  format('truetype');
      font-weight:300;
    }

    .fontAvenir{
        font-family: 'avenir-book', sans-serif;
    }

    .fontOswald{
        font-family: 'oswald-regular', sans-serif;
    }
    .fontOswald300{
        font-family: 'oswald-regular', sans-serif;
        font-weight: 300
    }
    .fontRoboto{
        font-family: 'Roboto-Regular', sans-serif;
    }
    
    body{padding-right: 0px !important; padding-left: 0px !important}
    
    /* == Global Style ==*/
    
    .nobold{font-weight: normal !important; }
    .hr-black{border-top: 2px solid black}
    .cursorpointer{ cursor: pointer}
	.text-bold{font-weight: bold; }
	.text-bold800{font-weight: 800; }
	.text-bold300{font-weight: 300; }
	.text-black{ color: black !important;   }
    .text-white{ color: white !important;   }
	.text-green{ color: #5fa00f	!important; }
	.text-blue{ color: #0B5391; !important }
	.text-orange{ color: rgb(249, 158, 0) !important; }
	.text-orange{ color: #FF6D00 !important; }
    .font-grey{ color:#ababab; }
    .font-white{ color:white; }
    .background-black{
        background-color:#000 !important;
        color:white !important;   
    }
    .background-grey{
        background-color:#f4f4f4; 
        color: black;
    }
    
    body .modal-backdrop {
        display: none;
    }
    body.modal-open .modal-backdrop {
        display: block;
    }
    .modal-backdrop.in {
        opacity: 0.9;
        background-color: #0D1D06;
    }
    .modalscroll .modal-body {
        overflow-y: auto;
        height: 50%;
    }
    .modalfullheight .modal-content {
        height: 100%;
    }
    .modalfullheight .modal-dialog {
        height: 100%;
        margin: 0px auto;
    }
    
    .form-control:focus { box-shadow: none}
    .form-control { height: 30px; border-radius: 2px; }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
    }
    
    .font10, .font10-xs{ font-size: 10px !important}
    .font12, .font12-xs{ font-size: 12px !important}
    .font13, .font13-xs{ font-size: 13px !important}
    .font14, .font14-xs{ font-size: 14px !important}
    .font15, .font15-xs{ font-size: 15px !important}
    .font16, .font16-xs{ font-size: 16px !important}
    .font18, .font18-xs{ font-size: 18px !important}
    .font20, .font20-xs{ font-size: 20px !important}
    .font22, .font22-xs{ font-size: 22px !important}
    .font24, .font24-xs{ font-size: 24px !important}
    .font26, .font26-xs{ font-size: 26px !important}
    .font28, .font28-xs{ font-size: 28px !important}
    .font30, .font30-xs{ font-size: 30px !important}
    .font32, .font32-xs{ font-size: 32px !important}
    .font34, .font34-xs{ font-size: 34px !important}
    .font36, .font36-xs{ font-size: 36px !important}
    .font38, .font38-xs{ font-size: 38px !important}
    .font40, .font40-xs{ font-size: 40px !important}
    .font42, .font42-xs{ font-size: 42px !important}
    .font44, .font44-xs{ font-size: 44px !important}
    .font46, .font46-xs{ font-size: 46px !important}

    @media only screen and (min-device-width: 960px){
        .font10-md{ font-size: 10px !important}
        .font12-md{ font-size: 12px !important}
        .font13-md{ font-size: 13px !important}
        .font14-md{ font-size: 14px !important}
        .font15-md{ font-size: 15px !important}
        .font16-md{ font-size: 16px !important}
        .font18-md{ font-size: 18px !important}
        .font20-md{ font-size: 20px !important}
        .font22-md{ font-size: 22px !important}
        .font24-md{ font-size: 24px !important}
        .font26-md{ font-size: 26px !important}
        .font28-md{ font-size: 28px !important}
        .font30-md{ font-size: 30px !important}
        .font32-md{ font-size: 32px !important}
        .font34-md{ font-size: 34px !important}
        .font36-md{ font-size: 36px !important}
        .font38-md{ font-size: 38px !important}
        .font40-md{ font-size: 40px !important}
        .font42-md{ font-size: 42px !important}
        .font44-md{ font-size: 44px !important}
        .font46-md{ font-size: 46px !important}
    }



    .nomargin{margin:0px !important}
    .nopadding{padding:0px !important}
 	.shadow{
        box-shadow: 0 0 3px 0 #c2c2c2;
        box-shadow: 0 0 3px 0 #ACB7AC;
        -moz-box-shadow: 0 0 3px 0 #c2c2c2;
        -moz-box-shadow: 0 0 3px 0 #ACB7AC;
        -webkit-box-shadow: 0 0 3px 0 #c2c2c2;
        -webkit-box-shadow: 0 0 3px 0 #ACB7AC;
    }
    .margin5 {margin:5px !important}
    .margin10{margin:10px !important}
    .margin20{margin:20px !important}
    .margin30{margin:30px !important}
    .padding5{padding: 5px !important}
    .padding10{padding: 10px !important}
    .padding20{padding: 20px !important}
    .padding40{padding: 40px !important}


    .relative{ position: relative !important }
	.absolute{ position: absolute !important }
	.top0{ top: 0px}
	.bottom0{ bottom: 0px}
	.left0{ left: 0px}
	.right0{ right: 0px}
	.overflowhidden{ overflow: hidden}
	.display-block{ display: block !important}
	.display-inline-block{ display: inline-block !important}
			
    



    /*==  Web Style  ==*/
    .container{
        max-width: 1200px; 
    }
    .input-black{
        border: 2px solid black !important;
    }
    .input-black:focus{
        box-shadow: 0px 0px 4px #c5c5c5;
        border: 2px solid black;
    }
    .input-black.input-lg{
        height: 40px;
    }
    .textField-square {
        border: 1px solid rgba(0, 0, 0, 0.18);
        border-radius: 0px;
        margin: 10px 0px;
        height: 39px;
    }
    

    #btn-explore {
        width: 150px;
        padding: 10px;
        border: 2px solid #FFF;
        box-shadow: 0 1px 2px #969696;
        height: 40px;
        background-color: #000;
    }
    .btn-black{
        color: #000;
        background-color: #fff;
        border-radius: 0px;
        border: 2px solid black;
        font-weight: bold; 
        
    }
    .btn-black.background-black{
        color: white;
        background-color: black;
        box-shadow: 0 1px 2px #969696
    }
    .btn-black.btn-lg{
        height: 40px;
        padding: 8px 15px;
    }
    .btn-black:hover{
        color: #FFF;
        background-color: #000;
        border-color: #000;
    }
    .btn-black.background-red{
        background-color: #b12b2b  !important; 
        color: white !important; 
    }

    .listlatepos {
       margin-top: 10px;
       margin-bottom: 10px;
       border: 0;
       border-bottom: 1px solid #FFF;
    }

    /*dlog style*/
    .homeimg{
        padding: 10px;
    }

    .listhr {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-bottom: 1px solid #000;
    }

    #input-subscribe {
        height: 40px;
        width: 100%;
        border-radius: 0px;
        border: 2px solid #ccc;
        margin-right: 5px;
        position: initial;
    }

    #btn-subscribe {
        width: 150px;
        padding: 10px;
        border: 2px solid #000;
        box-shadow: 0 1px 2px #969696;
        height: 40px;
    }

    .input-black {
        border: 1px solid black !important;
    }

    .itemartikel {
        padding: 5px;
    }
    
    .artikelfloat h4.bgblack {
        background-color: rgba(0,0,0,.53);
        border-top: 2px solid #0003;
        font-weight: 700;
        color: #fff;
    }

    /*.artikelfloat h4 {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: left;
        padding: 10px;
        margin: 0;
        background-color: #E7F5CECC;
        font-size: 16px;
        font-weight: 700;
        color: #000;
        line-height: 1.1;
        top: 55;
        height: 155px;
        width: 50%;
    }*/

    .artikelfloat h4 {
        position: absolute;
        right: 0;
        /* left: 0; */
        bottom: 0;
        text-align: left;
        padding: 10px;
        margin: 0;
        background-color: #E7F5CECC;
        font-size: 16px;
        font-weight: 700;
        color: #000;
        line-height: 1.1;
        /* top: 229px; */
        /*height: 140px;*/
        width: 100%;
    }

    #detaildlog img { width: 100% !important }

    /*end style dlog*/
    
    /* menubar style */
    #iscom-headernav ul.headernav{
        list-style: none; 
        padding: 0px; 
        margin: 0px; 
    }
    #iscom-headernav ul.headernav > li{
        display: inline; 
        float: left;
    }
    #iscom-headernav ul.headernav > li a{
      display:block; 
      padding: 16px 20px;
      color: white; 
      display: inline-block; 
    }
    #iscom-headernav ul.headernav > li:hover a{
        color: #c1c1c1;
        text-decoration: none; 
    }
    @media only screen and (max-device-width: 719px) {
        #iscom-headernav ul.headernav > li a{
            padding: 3px 15px;     
        }
    }





    #iscom-header{
        border-bottom: 1px solid #eaeaea;
    }
    #iscom-header .NavMainMenu{
        position: relative;padding: 21px 0px;   
    }
    #iscom-header .NavBarTroli #searchform{
        width: 500px; 
    }
    #iscom-header .NavBarTroli{
        position: relative;padding: 21px 0px;
    }
    #iscom-header{
        box-shadow: none;
    }
    #iscom-header #buttonmenu{
        margin-top:5px;
        float: right;
    }
    #iscom-header .navbarMenu{
        margin: 10px 0px;
    }
    #iscom-header .logo img{
        width: 65%;
        height: auto;
    }
    #iscom-header #headermain{
        height: 120px;
    }
    @media only screen and (max-device-width: 719px) {
        #iscom-header .NavBarTroli{
            position: relative;padding: 0px 0px;
        }
        #iscom-header .NavBarTroli .NavBarTroli-menu > li > a{
            padding: 0px; 
        }
        #iscom-header .NavBarTroli .NavBarTroli-menu .trolibagmenu .trolibagCounter {
            right: 7%;
            top: -4%;
            height: 20px;
            width: 20px;
            font-size: 10px
        }
        
        #iscom-header .NavBarTroli .NavBarTroli-menu{
            margin: 0px
        }
        #iscom-header .navbarMenu{
            margin: 10px 0px;
        }
        #iscom-header .logo{text-align: center}
        #iscom-header .logo img{ text-align: center; width: 90px}
        #iscom-header #headermain{
            height: auto;
        }
        
        #iscom-header .NavBarTroli ul.searchbox{
            position: fixed;
            left: 0px;
            right: 0px;
            width: 100%;
            bottom: 0px;
            top: 70px;
        }
        #iscom-header .NavBarTroli ul.searchbox li{
            width: 100%
        }
        #iscom-header .NavBarTroli ul.searchbox li #searchform{
            width: 100%; 
        }
    }
    /*
    @media only screen and (min-device-width: 720px) and (max-device-width: 1200px) {
        #iscom-header .logo img{ width: 110px; margin-top: 8px; margin-right: 38%;}
    }

    @media only screen and (min-device-width: 1200px) and (max-device-width: 1010px) {
        #iscom-header .logo img{ width: 110px; margin-top: 8px; margin-right: 38%;}
    }*/

    

    /* search BOX */ 
    #formsearch{
        
        position: fixed;
        background: white;
        top: 110px;
        right: 0px;
        z-index: 1001;
        width: 100%;
        max-width: 100%;
        padding: 10px;
        margin: 0px;
        display: none; 
    }
    #formsearch.active{
        display: block;
    }
    #searchbox { box-shadow: none; padding: 8px 14px; }
    #searchbox:hover { box-shadow: none; }
    
    
    
    /* navigation header */
    #iscom-header .NavMainMenu .menuCaption{
        display: none; 
    }
    #iscom-header .NavMainMenu #navMain{
        float: right; 
        position: relative; 
    }
    #iscom-header .NavMainMenu #navMain > li {
        position: initial;
        display: block;
    }
    #iscom-header .NavMainMenu #navMain > li > a{
        border: 1px solid white; 
        
    }
    
    #iscom-header .NavMainMenu #navMain > li:hover > a,  #navMain >li:focus > a {
        text-decoration: none;
        background: transparent !important;
        border: 1px solid #e5e5e5; 
        border-bottom: 1px solid white; 
        z-index: 3; 
    
    }
    #iscom-header .NavMainMenu #navMain > li:hover > .subMenu, #navMain > li.open > .subMenu{ display: block }
    #iscom-header .NavMainMenu #navMain > li.noborder:hover a{
        border: 1px solid white ; 
    }
    #iscom-header .NavMainMenu #navMain .open > a, #navMain .open:hover > a, #navMain .open:focus > a {
        background: transparent !important;
        
    }
    #iscom-header .NavMainMenu #navMain > li > a > span {
        color: #000;
        font-size: 14px; 
    }
    #iscom-header .NavMainMenu #navMain > li > .dropdown-menu{
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    /* navigation mobile */ 
    #iscom-header .NavMainMenu.showMobile,
    #iscom-header .NavMainMenu.showMobile #navMain .dropdown.open .subMenu {
        position: fixed; 
        top: 0px; 
        right: 0px; 
        left: 0px; 
        bottom: 0px; 
        z-index: 100; 
        background-color: white ; 
        display: block !important; 
        padding: 0px;
        overflow: auto; 
    }
    #iscom-header .NavMainMenu.showMobile .menuCaption{
        padding: 10px; 
        display: block;
        color: #b4b4b4; 
    }
    #iscom-header .NavMainMenu.showMobile .menuCaption .closemenu{
        font-family: arial;
        position: absolute;
        right: 10px;
        top: 2px;
        font-size: 34px;
        color: #c9c9c9;
        cursor: pointer;
    }

    #iscom-header .NavMainMenu.showMobile #navMain li .subMenu .liMenu{
        width: 100%; 
    }
    #iscom-header .NavMainMenu.showMobile #navMain li:hover .subMenu{
        display: none; 
    }
    #iscom-header .NavMainMenu.showMobile #navMain li:hover a{
        border: 0px; 
    }
    #iscom-header .NavMainMenu.showMobile #navMain{
        float: left
    }
    #iscom-header .NavMainMenu.showMobile #navMain .dropdown.open .subMenu ul{
        padding: 0px
    }
    #iscom-header .NavMainMenu.showMobile #navMain .dropdown.open .subMenu ul li a {
        font-size: 18px;
    }
    
    /* navigation header Affix  */
    #iscom-header #afixtop{
        top:-100px
    }
    #iscom-header .affix{
        position: relative;
    }

    @media only screen and (min-width: 960px ) {   
        #afixborder{
            position: fixed;
            width: 100%;
            left: 0px;
            height: 70px;
            background-color: white;
            margin-bottom: 20px;
            box-shadow: 0px 0px 8px rgb(65, 65, 65);
            top:-100px;
            transition: top  0.5s;
        }
        #iscom-header #afixtop.affix{
            z-index: 2;
            margin:0 auto;
            top: 0px;
            transition: top  0.5s;
            position: fixed
        }
        #iscom-header .affix .NavMainMenu{
            padding: 8px 0px; 
        }
        #iscom-header .affix .NavBarTroli{
            padding: 8px 0px; 
        }
        #iscom-header .affix  .navbarMenu {
            margin: 0px; 
        }
        #iscom-header .affix .headermain .navbar-nav>li>.dropdown-menu {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }
        #iscom-header .affix  #afixborder{
            top: 0px;
        }
        #iscom-header .affix .logo img{ width: 90px; margin-top: 8px; }
        #iscom-header .affix #formsearch{
            display: none;
            position: fixed;
            background: white;
            top: 60px;
            right: 0px;
            z-index: 1001;
            width: 100%;
            max-width: 100%;
            padding: 10px;
            margin: 0px;
        }
    }
 
 
    /* subMenu Salubritas */
    .dropdown .subMenu {
        list-style: outside none none;
        position: absolute;
        left: 0px;
        right: 0px;
        background-color: rgb(248, 251, 241);
        background-color: white;
        z-index: 2;
        padding: 15px 0px 15px 0px;
        color: #FFF;
        border-top: 3px solid #FFF;
        border-bottom: 5px solid #000;
        display: none;
        top: 51px; 
        -webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.175);
        box-shadow: 0 8px 10px rgba(0,0,0,0.175);
        border-top: 1px solid #e5e5e5 ; 
    }

    .dropdown .subMenu .menuItem {
        list-style: outside none none;
        float: left;
    }

    .dropdown .subMenu .liMenu {
        max-width: 930px;
        display: inline-table;
    }

    .dropdown .subMenu li { 
        display: block;
        float: left;
        background-image: none;

    }

    .dropdown .subMenu .liMenu {
        max-width: 930px;
        display: inline-table;
    }

    .dropdown .subMenu .bannermenu {
        width: 260px;
    }

    .dropdown .subMenu .liImage{    
        text-align: center;
        border-right: 1px dashed #CEC2C2;
        background-color: #FFF;
    }

    .dropdown .subMenu .liImage img{
        /*max-height: 180px;*/
        width: auto;
        /*max-width: 200px;*/
    }

    .subMenu .menuItem{
        list-style: outside none none;
        float: left;
    }

    .dropdown .subMenu .menuItem li{
        min-width: 140px;
        padding-left: 13px;
        padding-right: 25px;
        height: 100%;
    }

    .dropdown .subMenu .menuItem li:first-child{
        border-left: 1px dashed rgb(191, 189, 206);
        border-left: 0px;
    }

    .dropdown .subMenu .menuItem li:last-child{
        border: 0px
    }

    .dropdown .subMenu .menuItem li p{
        margin-left: 0px;
        margin-bottom:5px;
    }

    .dropdown .subMenu .menuItem li a{
        color: black;
        font-size: 16px;
    }

    .dropdown .subMenu .backmobile-navitemmenu {
        display: none;
    }

    .dropdown .subMenu .menuItem .mparent{
        font-size: 12px !important;
    }

    .dropdown .subMenu .menuItem li .title{
        margin-bottom: 10px;
        color:#000000;
        text-shadow: 0px 0px 2px rgb(219, 219, 219);
        font-weight: bold;
        border-bottom: 1px dashed #D3D5FE;
        padding-bottom: 5px;
    }

    .dropdown .subMenu .menuItem li p > a:hover, .subMenu .menuItem li p > a:focus {
        text-decoration: none;
        color: #D2202C;
        background-color: #FFF;
    }

    /* end sub menu salubritas */













    /*== Style Home ==*/

    /*.home-banner-left{ 
        position: absolute;
        z-index: 1;
        margin-top: -270px;
        margin-left: 50px;
        left: 0px;
        text-align: center;
    }*/

    .home-banner-left {
        z-index: 1;
        text-align: center;
        padding: 10px;
    }

    .home-banner-right {
        position: absolute;
        z-index: 1;
        margin-top: -250px;
        margin-right: 50px;
        right: 0px;
        text-align: right;
    }

   



    





















 

 






/* subscribe style */
.div-subscribe{
    margin-top:30px; margin-bottom:30px;
}

#input-subscribe{
    height:40px;width: 400px;border-radius: 0px;border: 2px solid #ccc;margin-right:5px;position: initial;
}

#btn-subscribe{
    width:150px; padding: 10px;border: 2px solid #000;box-shadow: 0 1px 2px #969696;height:40px;
}
/* end subscribe style */


/* footer */
.footer-desc{
    font-size:10px;
    text-align: justify;
}

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

.div-all-right{
    position:relative;top:20px;
}

.ads-footer{
    position: absolute;
    margin-top: 1%;
    margin-left: 13%;
}
            
.ads-footer img {
    width: 970px;
    height: 90px;
}

.background-footer{
    background-image: url("../../web/images/footer-bank-backgroud.jpg");
    background-repeat: repeat;
    /*background-size: auto 100%;*/
}

/* menu footer */
.menu-footer{
    padding:30px;
    min-height:200px;
}



.menu-footer a{
    text-decoration: none;
}

.menu-footer .sosmed{
    width:40px;
}


.img-sosmed{
    padding:2px;
    width:40px;
}

.sosmed{
    width:40px;
}

                              




.header-menu{
    padding:2px;font-size:12px;
}

.homedetail-title{
    margin-top:200px;
}










@media only screen and (max-device-width: 992px) {
    
    /*.home-banner-left {
        position: absolute;
        z-index: 1;
        margin-top: -200px;
        margin-left: 50px;
        left: 0px;
        text-align: left;
        border: 1px solid #000;
    }*/
    
    .home-banner-left {
        z-index: 1;
        text-align: center;
        padding: 10px;
        /*border: 1px solid #000;*/
    }
    
    .home-banner-right {
        position: absolute;
        z-index: 1;
        margin-top: -200px;
        margin-right: 50px;
        right: 0px;
        text-align: right;
    }
   
    
    .buttonsearch {
        position: absolute;
        top: 15px;
        float: right;
        right: -40px;
        margin-right: 10px;
        background-color: transparent;
        border: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #000;
    }
    
    .subMenu {
        list-style: outside none none;
        position: absolute;
        left: 0px;
        right: 0px;
        background-color: rgb(248, 251, 241);
        background-color: white;
        z-index: 2;
        padding: 0px 0px 10px 0px;
        color: #FFF;
        border-top: 3px solid #FFF;
        border-bottom: 5px solid #000;
        display: none;
    }
    
   
}




/*css  Tablet-sm  Max  width 789px */
@media only screen and (max-device-width: 719px) {
    
   
    
    
    
    .totop {
        background: #121212;
        color: #fff;
        width: 36px;
        height: 46px;
        position: absolute;
        bottom: -880px;
        left: 50%;
        margin-left: -18px;
        text-align: center;
    }
    
    .titleProduk{
        text-align: center;
    }
    
    .buttonsearch {
        position: absolute;
        top: -33px;
        float: right;
        right: 0px;
        margin-right: 10px;
        background-color: transparent;
        border: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        /* color: #FFF; */
    }
    
    #formsearch{
        display: block;
        position: fixed;
        background: white;
        top: 100px;
        right: 0px;
        z-index: 1001;
        width: 100%;
        max-width: 100%;
        padding: 10px;
        margin: 0px;
        bottom: 0px;
    }
    
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #FFF;
        white-space: nowrap;
    }
    
    .dropdown-menu {
        display: none !important;
    }

    .open .dropdown-menu {
        display: block !important;
    }
    
    .sosmed{
        margin-top:-2px;
    }
    
    
    
    .subMenu li { 
        display: inline-table;
        float: left;
        background-image: none;
        float: none;

    }
    
    .subMenu .liMenu {
        max-width: 930px;
        display: inline-table;
        /*margin-bottom: 10px;*/
    }
    
    .buttoncart {
        position: absolute;
        top: -33px;
        float: right;
        right: -5px;
        margin-right: 10px;
        background-color: transparent;
        border: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        /* color: #FFF; */
    }
    
    /* footer */
    .footer-all-right{
          text-align: center;
    }
    
    /* subscribe */
    .div-subscribe{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #input-subscribe {
        height: 40px;
        width: 100%; 
        border-radius: 0px;
        border: 2px solid #ccc;
        margin-right: 5px;
        padding: :10px;
    }
    
    .width100{
        padding: 5px;
    }
    
    #btn-subscribe{
        width:100%; padding: 10px;border: 2px solid #000;box-shadow: 0 1px 2px #969696;height:40px;
    }
    
    .footer-desc {
        font-size: 11px;
        text-align: justify;
        margin-top: 10px;
    }
    
    .sosmed{
        padding:2px;width:40px;
    }
    
    /*.home-banner-left{
        position: relative;
        z-index: 1;
        margin-top: 0px; 
        margin-left: 0px;
        padding: 20px;
        left: 0px;
        text-align: center;
        border: 1px solid #000;
    }*/
    
    .home-banner-left {
        z-index: 1;
        text-align: center;
        padding: 10px;
        /*border: 1px solid #000;*/
    }
    
    .home-banner-right {
        position: relative;
        z-index: 1;
        margin-top: 0px;
        margin-right: 0px;
        right: 0px;
        text-align: left;
        padding: 20px;
        text-align: center;
    }
    
    
    #btn-explore {
        width: 45%;
        padding: 10px;
        border: 2px solid #FFF;
        box-shadow: 0 1px 2px #969696;
        height: 40px;
        background-color: #000;
    }

    #btn-shop {
        width: 45%;
        padding: 10px;
        border: 2px solid #000;
        box-shadow: 0 1px 2px #969696;
        height: 40px;
        background-color: #FFF;
    }
    
    .header-menu{
        padding:8px;font-size:12px;
    }
    
    .homedetail-title{
        margin-top:10px;
    }
    
    .padding40{padding: 10px !important}
}

    .specialpricelabel{
		position: absolute;
		width: 83px;
		height: 94px;
		top: -7px;
		right: -4px;
		background-repeat: no-repeat;
		background-image: url("/style/web/images/specialprice.png?p=3");
		background-size: 100%;
		z-index: 1;
	}

	.specialpricelabel span{
		display: none;
		width: 100%;
		position: relative;
		top: 6px;
		font-size: 15px;
		color: white;
		line-height: 1;
		text-align: center
	}

	.flashdeallabel {
		position: absolute;
		width: 83px;
		height: 94px;
		top: -7px;
		right: -4px;
		background-repeat: no-repeat;
		background-image: url("/style/web/images/flashdeal.png?p=8");
		background-size: 100%;
		z-index: 1;
	}

	.flashdeallabel span {
		position: relative;
		display: none;
		width: 100%;
		text-align: center;
		color: white;
		line-height: 1;
		top: 20%;
	}

	.discountlabel {
        position: absolute;
        width: 50px;
        height: 50px;
        top: -6px;
        right: -6px;
        z-index: 1;
        background-color: black;
        border-radius: 50%;
    }

	.discountlabel span {
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
		color: white;
		line-height: 1;
		top: 28%;
	}

    .kategorilabel {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: black;
        padding: 2px 9px;
        color: white;
        font-size: 12px
    }

    .iscomer-itemproduct{
		padding:13px;height:auto; position:relative ; margin: 7px 0px
	}
    .iscomer-itemproduct a{
        padding: 0px;
        overflow: hidden;
		border-radius: 2px;
		text-align: center;
		background-color: white;
    }
    .iscomer-itemproduct .ItemInfo {
        height: 50px;
        padding: 10px 0px;
        text-align: center;
    }
    .iscomer-itemproduct .ProductRatingView {
        padding: 5px 0px; 
    }
	.iscomer-itemproduct .itemproduct-title {
        height: 55px;
        overflow: hidden;
        padding: 0px 5px;
        border-bottom: 1px solid black;
        margin-top:10px
    }
	.iscomer-itemproduct .itemproduct-textprice{
        padding: 0px 2px;
        
	}
	.iscomer-itemproduct .itemproduct-textpricenew,  #Iscommer-ProductDetail .itemproduct-textpricenew{
		text-align: center;
		margin-top:10px !important; 
        margin-right:3px !important ;
	}
	.iscomer-itemproduct .itemproduct-textpriceold, #Iscommer-ProductDetail .itemproduct-textpriceold {
		
        position: relative;
        color: #8c8787;
        top: -2px;
        display: inline-block; 
        width: auto;
        
	}
    .iscomer-itemproduct .itemproduct-textpriceold:before, #Iscommer-ProductDetail .itemproduct-textpriceold:before {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid;
      border-color: inherit;
      -webkit-transform:rotate(-12deg);
      -moz-transform:rotate(-12deg);
      -ms-transform:rotate(-12deg);
      -o-transform:rotate(-12deg);
      transform:rotate(-12deg);
    }
	
	.iscomer-itemproduct a .btnaddcompare  { 
		bottom: -20px; 
		-webkit-transition: bottom 0.3s, opacity 0.2s; /* Safari */
    	transition:  bottom 0.3s, opacity 0.2s;
		opacity: 0;
	}
	.iscomer-itemproduct a:hover .btnaddcompare  { 
		bottom :15px;
		opacity: 1;
	}
    . a:hover  {
        text-decoration: none;
		border-radius: 2px;
    }
	.iscomer-itemproduct  .imgProduct {
        position: relative;
        left: 0px;
        -webkit-transition: left 0.3s; /* Safari */
        transition: left 0.3s;
		max-height:235px; max-width:235px
    }
    .iscomer-itemproduct a:hover .imgProduct {
        left:0px;
    }
    @media only screen and (max-width: 719px) {
        .iscomer-itemproduct {
            padding: 3px
        }
        .iscomer-itemproduct .itemproduct-title {
            height: 45px;
            border:0px
        }
        .iscomer-itemproduct .ItemInfo {
            padding: 0px;
            text-align: left
        }
        .iscomer-itemproduct .itemproduct-textpricenew,  #Iscommer-ProductDetail .itemproduct-textpricenew{
            display: block;
            text-align: left;
            margin: 0px !important
        }
    }
    
    
    .iscomer-itemproduct.ThemeWidth{
        width: 100% !important; 
        padding: 0px 5px 15px;
        border-bottom: 1px solid #f0f0f0;
    }

    .iscomer-itemproduct.ThemeWidth .discountlabel{
        right: auto; 
        left: -6px; 
    }

    .iscomer-itemproduct.ThemeWidth .SecImage{
        width: 40%; 
        max-width: 300px
    }

    .iscomer-itemproduct.ThemeWidth .SecInfo{
        width: 60%; 
        display: inline-table; 
        right: 0px; 
        padding: 0px 5px
    }

    .iscomer-itemproduct.ThemeWidth .SecInfo .ItemInfo{
        height: auto;
        margin-bottom: 5px;
    }

    .iscomer-itemproduct.ThemeWidth .SecInfo .ProductRatingView {
        width: 100%; 
        display: block !important;
        padding: 2px;
        text-align: left !important;
        
    }
    .iscomer-itemproduct.ThemeWidth .SecInfo .itemproduct-textprice {
        text-align: left !important;
    }
    .iscomer-itemproduct.ThemeWidth .SecInfo .itemproduct-title {
        margin-top: 0px;
        min-height: 35px; 
        height: auto;
    }
    .iscomer-itemproduct.ThemeWidth .SecInfo .itemproduct-title p {
        font-size: 18px !important
    }
    .iscomer-itemproduct.ThemeWidth .SecInfo .itemproduct-textprice{
        width: 100%; 
    }
    .iscomer-itemproduct.ThemeWidth .SecInfo .itemproduct-textpriceold{
        display: inline-block; 
        top: 0px;
    }

    /* Troli Menu */ 

    .NavBarTroli .NavBarTroli-menu { position: relative }
    .NavBarTroli .NavBarTroli-menu > li{ float: left; display: inline; position:initial }
    .NavBarTroli .NavBarTroli-menu > li > a{ padding: 2px 0px; border: 1px solid white; background-color: transparent;}
    .NavBarTroli .NavBarTroli-menu > li:hover > a{ z-index: 4;  background: transparent; border: 1px solid #e9e9e9;    border-bottom: 1px solid white; }
    .NavBarTroli .NavBarTroli-menu > li:hover .subMenu{ display: block; z-index: 3  }
    .NavBarTroli .NavBarTroli-menu > li .subMenu{ right: 0px; left: auto ; border-radius: 0px; }
   
    
    .trolibagmenu:hover a, .trolibagmenu.show a { z-index: 4 !important ; border: 1px solid transparent !important}
    .trolibagmenu:hover .subMenu, .trolibagmenu.show .subMenu  { right: -1px; top:-1px ; width: 350px ; display: block; z-index: 3 }
    .trolibag{ color:black }
    .trolibag .itemtroli{ padding:  5px 15px; border-bottom: 1px solid #f0f0f0 }
    .trolibag .itemtroli:last-child{ border:0px }
    .trolibag .ContenTroli{ max-height: 350px; overflow-y: auto}
    .trolibagCounter {
        position: absolute;
        right: -4px;
        top: -4px;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        background-color: #da0000;
        font-size: 12px;
        color: white;
        text-align: center;
        padding: 3px;
        z-index: 4;
    }
    @media only screen and (max-width: 719px) {
        #iscom-header .NavBarTroli .NavBarTroli-menu{ width: auto; float: right }
        #iscom-header .NavBarTroli .NavBarTroli-menu .trolibagmenu{
            position: relative; 
            
        }
        #iscom-header .NavBarTroli .NavBarTroli-menu .trolibagmenu .subMenu, #iscom-header .NavBarTroli .NavBarTroli-menu .trolibagmenu:hover .subMenu{
            position: fixed; 
            left: 0px; 
            top: 0px; 
            bottom: 0px; 
            right: 0px; 
            width: 100%; 
            z-index: 10; 
            overflow: auto; 
            
        }
        #iscom-header .NavBarTroli .NavBarTroli-menu .trolibagmenu .subMenu .ContenTroli { max-height: none }
            
        #iscom-header .NavBarTroli .NavBarTroli-menu .trolibagmenu .trolibagCounter {
            right: -3px;
            top: 0px;
        }
        #iscom-header .NavBarTroli .NavBarTroli-menu > li:hover > a{ border:1px solid transparent }

    }

    .inputAddQty.small{ width: 90px; margin: 0px 5px }

    .inputAddQty.small input{ height: 30px; }
    .inputAddQty.small button{
        height: 30px;
        padding: 0px 10px;
        background-color: white;
        font-family: 'arial'
    }

    .pagelogin{ background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 206, 206); margin-top:20px }
    .pagelogin  .labellogin{ display: block}
    #modalLogin .pagelogin { border: 0px; margin: 0px }
    #modalLogin .pagelogin .labellogin{display: none}