.bansec { background-color: #f1f2f6; background-image: linear-gradient(315deg, #f1f2f6 0%, #c9c6c6 74%); margin-top:0px; /*background:url("/images/ribo-pattern-back.jpg") no-repeat center center;*/ }



.hhead-out {
    border-bottom: solid 3px #ff6600;
}
.hhead { text-align:center; padding:20px 10px; position: relative; transition: all 0.7s ease-in-out; }
.hhead i.main-ic { display:block; font-size:44px; margin-bottom:5px; color:#999;}
    .hhead:after {
        content: '';
        background-color: #ff6600;
        opacity: 0.7;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        transition: all 0.2s;
    }
    .hhead:hover:after { top:0; }
    .hhead:hover i.main-ic { color:#ff6600;}

.hhead label { display:block; }
.hhead label.title { font-size:20px; font-weight:bold; letter-spacing:2px; color:#ff6600; }
.hhead label.text-bold { font-weight:bold;  }
.hhead a { display:block;  margin-top:0px;}


.extra-box { background-color:#eee; padding:10px}
.extra-box:hover { background-color:#ff6600; color: #fff; }
.extra-box a, .extra-box i { color: #333; }
.extra-box:hover a, .extra-box:hover i { color: #fff; font-weight:bold; }

.akcija { margin-top:30px; border:solid 0px red; }
.section-title { position:relative; margin-bottom:0px;}
.section-title label { font-weight:bold; font-size:14pt; display:inline-block; margin-bottom:1px; padding-bottom:10px; width:180px; margin-right:20px; }
.section-title label i { font-size:30px; display:inline-block; color:#ff6600; position:relative; top:4px;}
.section-title .section-viewall { position:absolute; right:0; top:-2px; }

.section-viewall { text-align:right; margin-top:10px; padding-right:10px; }
.section-viewall a { font-size:13pt; position:relative; top:4px; color:gray; }
.section-viewall a i { font-size:14pt; position:relative; top:4px; color:#333; }
.section-viewall a:hover { color:#ff6600; font-weight:bold; }


.aprods {  }
.aprods .col-md-3 { padding:10px; }
.aprods .col-md-3 a { padding: 10px; }
.aprods a .product { border:solid 1px #eee; border-bottom:solid 2px #eee; transition: all 0.3s; text-align:center; padding-top:20px; position:relative; }
.aprods .product:hover { border:solid 1px #eee; background-color:#ff6600; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.aprods a .product .pimg img { margin: 40px auto;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;transform:scale(1.1); }

.product .pLbl { background-color:red; color:#fff; padding: 3px 4px 2px 4px; font-size:10pt; font-weight:bold; width:100px; position:absolute; left:10px; top:10px; border-radius:6px;transform: skew(-15deg); transform-origin: bottom left;}
.product .pimg { margin-top:30px; margin-bottom:0px; }
.product .pimg img {  margin: 40px auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.product .pMan { margin-left:10px; text-align:left; color:#999; }
.product .pTitle { margin-left:10px; text-align:left; margin-bottom:10px; height:36px; }
.product .pDesc { margin-left:10px; text-align:left; margin-bottom:10px; height:100px; color:#333; overflow:hidden; }
.product .pPrice { margin-left:10px; text-align:left; color:#333; font-size:14pt; border-bottom:dotted 1px silver; padding-bottom:10px; }
.product .nobottom { border-bottom:dotted 0px silver;  }

.new-products { margin-top:30px; ]}
.hprods {  }
.hprods .product { border:solid 0px #eee; transition: all 0.3s; text-align:center; padding-top:10px; /*transform:scale(1.0);*/}
.hprods .product:hover { border:solid 0px #eee; border-bottom:solid 1px silver; /*box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;*/}

.aprods .product:hover .pLbl { color:#fff; background-color:red; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.aprods .product:hover .pMan { color:#fff; }
.aprods .product:hover .pTitle { color:#fff; }
.aprods .product:hover .pPrice { color:#fff; }
.aprods .product:hover .pimg img, .hprods .product:hover .pimg img { transform:scale(1.3); }
.hprods .product:hover .pMan { color:gray; }
.hprods .product:hover .pTitle { color:#ff6600; font-weight: bold; }
.hprods .product:hover .pDesc { color:black; }
.hprods .product:hover .pPrice { color:#333; font-weight: bold; }

.blog-outer { margin: 40px 0 50px 0; }
/*.blog-outer label { font-weight:normal; font-size:14pt; display:block; margin-bottom:10px;border-bottom:solid 1px #eee; padding-bottom:10px; }*/
.blog-home-thumb { border:solid 0px #eee; position:relative; }
.blog-home-thumb a .bImg { margin:10px; margin-bottom:0px; width:100%; overflow:hidden; }
.blog-home-thumb a .bImg img { width:100%;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;;}
.blog-home-thumb a .bDate { margin:10px 0 5px 10px; text-align:left; }
.blog-home-thumb a .bTitle { margin-left:10px; text-align:left; margin-bottom:10px; min-height:30px; color:#333; font-weight: bold; }
.blog-home-thumb a .bDesc { margin-left:10px; text-align:left; color:#333; height:150px; overflow:hidden; }
.blog-home-thumb a .blink { text-align:right; color:#333; position:absolute; left:10px; right:30px; bottom:5px; }
.blog-home-thumb a .blink  i { font-size:14pt; color:#333; position:relative; top:3px; }

.blog-home-thumb:hover {  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.blog-home-thumb a:hover .bImg img { transform: scale(1.1); }
.blog-home-thumb a:hover .bTitle { color:#ff6600; }
.blog-home-thumb a:hover .blink { color:#ff6600; }
.blog-home-thumb a:hover .blink  i { color:#ff6600; }


.tcat { margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px silver; }
.tbrand .col-md-12, .tcat .col-md-12 { text-align:center !important;}

.hero-area1 {
    background: url("/images/hero/h1.jpg") no-repeat center center;
    background-size: cover;
    padding:10px;
    color:#fff;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    z-index:10; 
    min-height:250px; 
    padding-top:80px;
}
.gde-na-pec a { color:#fff; }
.gde-na-pec a:hover { text-decoration:underline; }
.gde-na-pec i { font-size:44px; position:relative; top:8px; }

.utr { margin-right:10px; margin-top:10px; padding:5px 20px; background-color:#eee; display:inline-block; color:#333; }
.utr i { position:relative; left: -6px; top:1px; }
.utr:hover { color:#ff6600; }

/*ribolov*/
.cat-row { margin-top:30px;}
.brand-item { border:solid 1px #eee;}
.brand-item:hover { border:solid 1px #ff6600; border-radius:10px; }
.brand-item img { width:100%; opacity:1; transition:all 0.5s; }
.brand-item:hover a { color: #ff6600; font-weight:bold;}
.brand-item:hover img { opacity:0.7; }

label.section-title { background-color:#eee; clip-path: polygon(0 0, 100% 0%, calc(100% - 16px) 100%, 0% 100%); padding:5px 10px; font-size:13pt; font-weight:bold; padding-right:40px; }

.rootcat { margin:20px; font-size:30px; margin-bottom:30px; border-bottom:solid 1px #eee; display:block; color:#ff6600; font-weight:bold; }
.rootcat img { transform:scale(1); position:relative; top:-5px; left:-15px; }
.rootcat a { color:#fff; }

.subcat-box { margin-left:60px; margin-bottom:10px; }
.subcat-box a { color:#333; font-weight:bold; }
    .subcat-box a:hover {
        color: #FFF;
        text-shadow: 10px 10px 25px rgb(81,67,21), -10px 10px 25px rgb(81,67,21), -10px -10px 25px rgb(81,67,21), 10px -10px 25px rgb(81,67,21);
        /*         -webkit-text-stroke: 1px #fff;
       -webkit-text-fill-color: white;
        -webkit-animation: fill 0.5s infinite alternate;
*/
    }
.subcat { padding:3px 7px; background-color:#e7e7e7; display:inline-block; margin-right:10px; margin-bottom:10px; padding-right:25px; font-weight:bold; color:#333; }
.subcat:hover { color:#ff6600; }

.ncatout { border: solid 0px blue;  min-height:400px; background-blend-mode: lighten; background-color: rgba(255,255,255,0.8); border-radius:10px; padding:10px;}
.ncatout:hover { background-blend-mode: lighten;  background-color: rgba(255,255,255,0.7);}

.catstapovi { background-image: url('/images/riboshop/02.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catmasinice { background-image: url('/images/riboshop/06.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catnajloni { background-image: url('/images/riboshop/13.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catudice { background-image: url('/images/riboshop/10.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catplovci { background-image: url('/images/riboshop/18.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catvaralice { background-image: url('/images/riboshop/15.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catprimame-i-mamci { background-image: url('/images/riboshop/16.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catmusicarenje { background-image: url('/images/riboshop/23.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }
.catgarderoba { background-image: url('/images/riboshop/23.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }


.wishitem { padding:20px; position:relative; }
.wishitem:hover .title { font-weight:bold;  }
.wishitem .close { position:absolute; right:20px; top:10px; font-size:24px; color:#eee; }
.wishitem img { opacity:0.8; transition:all 1s; }
.wishitem:hover .close { color:gray; }
.wishitem:hover img { opacity:1; transform:scale(1.1); }
.wishitem .close:hover { color:#ff6600; }

    .wishitem .notify-link { font-size:10pt; color: #333; }
    .wishitem .note-img-link { margin:10px; display:block; text-align:center; }

.cat-subcats { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.cat-subcats div { position:relative; margin: 0 7px; }
.cat-subcats div a { position:relative; font-size: 14pt;}
.cat-subcats div a:before { transition:all 0.5s; content:' '; position:absolute; left:0; bottom: -3px; right:100%; height:2px; background-color:#ff6a00; }
.cat-subcats div a:hover:before { right:0; }