/* Klavika fonts */
@font-face {
    font-family: 'Klavika';
    src: url('../fonts/KlavikaWebBasicRegular.woff') format('woff'),
         url('../fonts/KlavikaWebBasicRegular.eot') format('eot'),
         url('../fonts/Klavika-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'KlavikaBold';
    src: url('../fonts/KlavikaWebBasicBold.woff') format('woff'),
         url('../fonts/KlavikaWebBasicBold.eot') format('eot'),
         url('../fonts/Klavika-Bold.ttf') format('truetype');
}

.ngg-hero, .ngg-subhero, .ngg-footer { position:relative; }
.btn-shop-now, .btn-register, .btn-shop-now2, .btn-register2, .btn-shop-now3, .btn-register3 { position:absolute; max-width:332px; max-height:60px; width:100%; height:100%; border:0px solid red; }
.btn-shop-now { top:44%; left:26%; }
.btn-register { top:44%; left:51%; }
.btn-shop-now2 { top:68%; left:26%; }
.btn-register2 { top:68%; left:51%; }
.btn-shop-now3 { top:68%; left:27%; }
.btn-register3 { top:68%; left:52%; }

.ngg-sku-title a { color:#fff; border-bottom:0; }
.ngg-sku-title a:hover { color:#fff9; }

.ngg-intro { font-family:'Klavika',sans-serif; color:#0888ca; padding:2% 0; }
.ngg-intro h1 { text-align:center; font-size:5.6rem; line-height:1; padding:0 5%; }
.ngg-intro p { font-size:2.8rem; padding:0% 5%; color:#595a5b; }
.ngg-bar { width:37%; height:5px; background-color:#191919; margin:2% auto; }

.ngg-skus { box-sizing:border-box; display:flex; flex-wrap:wrap; }
.ngg-skus > div { width:25%; box-sizing:border-box; border-left:3px solid #ccc6; }
.ngg-rbrder { border-right:3px solid #ccc6; }
.ngg-sku { display:flex; flex-direction:column; }
.ngg-sku-title { background-color:#0888ca; color:#fff; padding:5px 2% 0; font-size:5rem; font-family:'KlavikaBold',sans-serif; text-align:center; border-top:5px solid #191919; border-bottom:5px solid #191919; }
.ngg-greybg { background-color:#595a5b; }
.ngg-sku-shop { background-color:#0888ca; color:#fff; padding:5px 0 0; font-size:2.2rem; margin:0 0 10%; text-align:center; text-transform:uppercase; font-family:'Klavika',sans-serif; }
.ngg-sku-shop a { text-decoration:none; color:#fff; border-bottom:0; }
.ngg-sku-shop a:hover { color:#fff8; }

.ngg-details {  }
.ngg-details > h2 { font-family:'KlavikaBold',sans-serif; color:#000; font-size:3rem; text-align:center; }
.ngg-details > p { font-family:'Klavika',sans-serif; color:#0095da; font-size:1.5em; padding:0 0 2%; line-height:1.2; text-align:center; }

.ngg-details ul { margin:3% 0; line-height:1.21; min-height:50px; }
.ngg-details li { padding:2% 5% 0; color:#595a5b; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; }
.ngg-feature-bar { 
  width:75px; background: #00aeef; padding:5px 0 0 9px; font-weight:bold; color:#fff; clip-path: polygon(0 0,85% 0,100% 102%,0% 102%); }  
.ngg-feature-bar2 { border-bottom:3px solid #00aeef; }
.ngg-feature-greybar { background:#595a5b; color:#fff; border-top-left-radius:7px; border-top-right-radius:7px; padding:2px 0 0; width:90%; text-align:center; margin:auto; }
.ngg-para { color:#595a5b; font-size:1rem; padding:1%; }
.item-img a, .item-img a:hover, a:hover { border-bottom:0 !important; }
.item-img { padding:0%;min-height:100%; }
.item-img img { max-width:300px; width:100%; padding-top:1%; margin:auto; }
.items { box-sizing:border-box; border-right:0px solid #00aeef; }
.ngg-banner-img { width:100%; max-width:500px !important; height:100%; object-fit:fill; }
.img-nb { border:0 !important; }
img { display:block !important; }
span.ngg-fineprint { font-size:11px; line-height:2; color:#888; padding-left:7%; }


/* Responsive */
@media only screen and (min-width:1600px) {
    .btn-shop-now {max-width:332px;}
    .btn-register {max-width:336px;}
}


@media only screen and (max-width:1599px) {
    .btn-shop-now, .btn-register {width:23%; height:11%; }
    .btn-shop-now2, .btn-register2 {width:23%; height:10%; }
    .btn-shop-now3, .btn-register3 {width:22%; height:16%; }
    .item-img img { max-width:200px; }
    .ngg-sku-shop { font-size:2rem; }
    .ngg-details > h2 { font-size:3rem; }
}

@media only screen and (max-width:1200px) {
    .ngg-details li { font-size:12px; }
    }
    
@media only screen and (max-width:1000px) {
    .ngg-intro h1 { font-size:3.6rem; }
    .ngg-intro p { font-size:2rem; padding:1% 9% 2%; }
    .ngg-details > h2 { font-size:3rem; }
    .ngg-details > p { font-size:1.25em; }
    .ngg-details li { margin-left:1%; }
    .ngg-sku-shop { font-size:2rem; width:92%; margin:auto auto 15%; }
    .ngg-skus { flex-wrap:wrap; }
    .ngg-skus > div { flex:50%; border:0; }
    
}

@media only screen and (max-width:768px) {
        
}

@media only screen and (max-width:500px) {
    .btn-shop-now2, .btn-register2, .btn-shop-now3, .btn-register3 { top:68%; }
    .ngg-intro h1 { font-size:2.5rem; padding:0; }
    .ngg-intro p { padding:2% 2% 3%; line-height:1.2; }
    .ngg-bar { margin:5% auto 3%; }
    .ngg-details > h2 { font-size:2rem; }
    .ngg-skus > div { flex:60%; }
    .ngg-details > p { min-height:auto; }
    .item-img img { max-width:300px; margin:auto; }
    .ngg-sku-shop { margin-bottom:5%; }
    .ngg-details ul { min-height:auto; }
    .ngg-sku-shop { border:0; }
    .ngg-sku-title { font-size:2rem; padding:5px 0 4px; }
    
}