@import url('https://fonts.googleapis.com/css?family=Montserrat:600|Source+Sans+Pro:400,600');

body {color: #fff; font-family: 'Source Sans Pro', Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: #00070f;}
h1,h2,h3,h4 {font-family: Montserrat;}

div.pagination {display: block;padding: 3px;margin: 1rem auto 5rem;}
div.pagination a {padding: 3px 10px;margin: 2px;border: 1px solid #484848;text-decoration: none;color: #5cb3a3;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #5cb3a3;color: #ccc;}
div.pagination span.current {padding: 3px 10px;margin: 2px;border: 1px solid #5cb3a3;font-weight: bold;background-color: #5cb3a3;color: #FFF;}
div.pagination span.disabled {padding: 3px 10px;margin: 2px;border: 1px solid #484848;color: #aaa;}

#overlay {display: none; position: fixed; z-index: 1000; background: rgba(0,0,0, .75); left: 0; right: 0; top: 0; bottom: 0;}

#header {position: absolute; left: 0; top: 0; right: 0; z-index: 9999; -webkit-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease;}
#header a {color: #333;}
#header a:hover {color: #222;}

.above {position: absolute;}
.above span {text-indent: -9999px; position: absolute;}
.above p {font-size: .7rem; line-height: 1.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .02rem;}
.above + .container {margin-top: 1.5rem;}

sup {top: -0.4em; font-size: 60%;}

.fl img {width: 382px; max-width: 100%;}

#header .dropdown-menu {width: 100%; border-radius: 0; box-shadow: none; border: 1px solid #eee; margin: 0; padding: 1rem 0;}
#header .dropdown-menu a, #header .dropdown-menu .nav-item a {font-size: .875rem; text-transform: none !important; letter-spacing: 0 !important;}
#header .dropdown-menu ul li.header a {font-weight: 600; padding-top: .3rem; padding-bottom: .5rem; display: block; text-transform: uppercase !important;}
#header .dropdown-menu ul li a.dropdown-item.cat-header {font-weight: 600;}
#header .dropdown-menu .list-unstyled {margin-top: 1rem;}
#header .dropdown-menu .list-unstyled li .list-unstyled {margin-top: 0; margin-bottom: .875rem;}
#header .dropdown-menu .list-unstyled li .list-unstyled li a {font-size: .85rem; line-height: 1;}
#header .dropdown, .dropup {position: unset;}

#header li.show {z-index: 1000;}
#header li.show a {background: transparent;}

hr {margin-top: .5rem; margin-bottom: .5rem;}

.sublist {-moz-column-count: 3; -moz-column-gap: 2px; -webkit-column-count: 3; -webkit-column-gap: 2px; column-count: 3; column-gap: 2px;}
.sublist-footer {-moz-column-count: 6; -moz-column-gap: 2px; -webkit-column-count: 1; -webkit-column-gap: 2px; column-count: 6; column-gap: 2px;}

.list-products {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin-bottom: 2rem;}
.list-products .card {width: 23.5%; border: none; border-radius: 0; border-right: 1px solid #eee; margin-bottom: 1.387rem; color: #222; margin-right: 2%;}
.list-products .card:nth-of-type(4n+4) {border-right: 1px solid transparent; margin-right: 0;}
.list-products .card:hover {top: 1px;}
.list-products .card h3 {font-size: .875rem; font-family: 'Source Sans Pro'; font-weight: 600; margin-bottom: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-products .card .card-body {padding: .5rem 1rem;}
.list-products .card .card-brand {font-size: .8125rem; color: #828283; margin: 5px 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-products .card .card-price {font-size: 1rem; font-weight: 600;}
.list-products .card .card-body hr {max-width: 20%;}
.list-products .card-type-text:hover {top: 0;}
.list-products .card .card-img-top {max-height: 260px;}

.btn-load-more {max-width: 400px; font-weight: 600; margin: 5rem auto 8rem; width: 100%; padding: .875rem;}

.breadcrumb {background: transparent; border-top: 1px solid #444; border-bottom: 1px solid #444; font-size: .75rem; border-radius: 0; margin-top: -.875rem; margin-bottom: 2.25rem;}
.breadcrumb a {color: #b1b1b1; text-decoration: underline;}
.breadcrumb-item.active {color: #8f8f8f; font-weight: 600;}

.product-price {font-size: 2.5rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0; color: #ed0000;}


.list-inline-item:not(:last-child) {
    margin-right: 20px;
}

.nav-cat-description p {font-size: .875rem; line-height: 1.2;}

#home-header {position: relative; background: url(/media/bg-start.jpg) no-repeat; background-size: cover;}

#home-header::before {
    top: 0; left: 0;
    background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.7) 30%, transparent 100%);
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.7) 30%, transparent 100%);
    position: absolute;
    content: '';
    display: block;
    height: 30rem;
    z-index: 0;
    width: 100%;
}

#home-header::after {
    bottom: 0; left: 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 7, 15, 1) 0%, rgba(0, 0, 0, 0) 100%, transparent 100%);
    background: linear-gradient(to top, rgba(0, 7, 15, 1) 0%, rgba(0, 0, 0, 0) 100%, transparent 100%);
    position: absolute;
    content: '';
    display: block;
    height: 10rem;
    z-index: 0;
    width: 100%;
}

.section-products--products-view {padding: 3rem 0;}

.section-products--products-view .list-products .card {margin-bottom: 1rem;}
.section-products--products-view .list-products .card:nth-of-type(2n) {border-left: 1px solid #eee;}
.section-products--products-view .list-products .card:nth-of-type(3n+0) {border-right: 1px solid #eee;}


[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.g-hidden-xs-up {
    display: none !important;
}
.g-left-0 {
    left: 0;
}
.g-top-0 {
    top: 0;
}
.g-pos-abs {
    position: absolute !important;
}

.price {font-size: 3rem;}

.tags a {
    border: 1px solid #DDD;
    display: inline-block;
    color: #717171;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
    border-radius: 2px;
    margin: 0 3px 6px 0;
    padding: 5px 10px 3px;
}
.tags a img {width: 16px; height: 16px;}

#content nav {margin-top: .875rem;}
#content .nav-link {color: #333;}
#content .product-view {margin-bottom: 4rem;}
#content .product-view .nav-link {border-radius: 0; background: #f6f6f6;}
#content .product-view .nav-pills .nav-link.active {background: #e3e3e3; color: #333;}
#content .product-view .nav-link.active {color: #fff;}

#content .dropdown-menu {background: #fbfbfb; border: 1px solid #eee; border-radius: 0; min-width: 200px;}

.w30 {max-width: 180px; margin: 1.5rem auto;}

.fa-check {color: #61bead; margin: 0 5px;}

#home-header {text-align: center; padding-top: 16rem; padding-bottom: 1rem;}
#home-header .col {max-width: 1140px; padding-right: 15px; padding-left: 15px;}

.home .col h1 {font-size: 2.25rem;}
.home .col h2 {font-size: 1.5rem;}

#category-header {text-align: center; padding-top: 14rem; padding-bottom: 2rem;}
.product #category-header {padding-bottom: 0;}
#category-header h1 {font-size: 2.75rem; color: #fff;}
#category-header p {font-size: 1rem;}

#product-header {text-align: center; padding-top: 10rem; min-height: 20vh;}
#product-header h1 {font-size: 3.75rem; color: #333;}
#product-header p {font-size: 1.875rem;}


#product-body h3 {margin-bottom: 2rem;}

.product-description h2 {font-size:1.25rem;}

.bac-icons {font-size: 0.75rem; text-align: center; margin: 1rem 0; padding: 0;}

.btn-group-lg > .btn, .btn-lg {
    padding: .875rem;
    font-size: 1.25rem;
    border-radius: .2rem;
    font-weight: 600;
    text-transform: uppercase;
    display: block; margin: 3rem 0;
}

.btn-primary {
    color: #fff;
    background-color: ##152953;
    border-color: ##152953;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.btn-primary:hover {
    color: #fff;
    background-color: #202020;
    border-color: #202020;
}

.product .btn-primary {
    background-color: #15bc69;
    border-color: #2cd581;
    margin-bottom: 0;
}

.product .btn-group-lg > .btn, .btn-lg {margin-top: 1rem;}


.product .btn-primary:hover {
    background-color: #109955;
    border-color: #109955;
}

#page-header {text-align: center; padding-top: 13rem; min-height: 30vh;}
#page-header h1 {font-size: 3.75rem; color: #333;}
#page-header p {font-size: 1.875rem;}

.brand-logo img {width: auto; height: 100px; display: inline-block; float: right;}

.bg-light {background-color: transparent !important; padding: 0;}
.box-content {position: relative; z-index: 1907; padding: 1rem;}

#header .navigation {padding: 1.875rem 0 0;}
#header .nav-item > a {color: #fff; padding: .5rem 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; font-family: Montserrat;}
#header .nav-item > a:hover {color: #b4b4b4;}

.pagination {margin: 5rem auto;}


footer {background: #181818; padding: 4rem 0; border-top: 1px solid #2c2c2c; font-size: .8125rem;}
footer h3 {font-size: 1.2rem; margin-bottom: 1.5rem;}
footer p {font-size: .8125rem;}
footer a {color: #61bead;}
footer .footer-nav a {color: #4cedcf;text-decoration: underline; line-height: 1.25rem;}
footer a:hover {color: #61bead; text-decoration: underline;}
footer .btn {font-weight: 600;}
footer .copyright, footer .footer-brands {border-top: 1px solid #2c2c2c; padding-top: 2rem; margin-top: 2rem;}

.list-header-right {font-size: 0.875rem; margin: 0;}

@media (max-width: 575px) { 

.product-price {font-size: 2rem;}
.breadcrumb {margin-bottom: 1rem;}
.breadcrumb .active {max-width: 100px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}

#header .navigation {padding: 0; top: -48px;}
.above p {line-height: 1.2; padding: .5rem 0; max-width: 320px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto;}
.list-products .card {border: none; margin-bottom: 0;}

#content {top: 0;}
#home-header {padding-top: 1rem; padding-bottom: 0;}
#content .dropdown-menu {position: absolute; top: 100%; left: 0; right: 0;}
#content .dropdown {position: unset;}

.home .btn-lg {margin: 1rem 1rem .1rem; display: block;}

#header {padding-bottom: 1rem; position: relative;}
.list-header-right {margin: 0 .25rem 0 0;}
.navbar-toggler {padding: .25rem;}
.navbar-toggler img {filter: invert(100%);}
.navbar-light .navbar-toggler {color: #fff; border-color: transparent;}


.home .col h1 {font-size: 2rem; color: #fff; text-shadow: 0 0 100px #000;}
.fl img {max-width: 240px; width: 100%;}
.list-products .card.card-type-text {width: 100%;}
.list-products .card {width: 48.25%; display: inline-block; margin: 0 3.5% .875rem 0;}

.above {font-size: .7rem; line-height: 1.4rem; letter-spacing: 0; text-transform: none; position: absolute; top: -36px;}
.above + .container {margin-top: 2.5rem;}

.navbar-collapse {position: absolute; left: 0; top: -20px; padding: 0 0 0 20px; width: calc(100% - 20px); background: #111; z-index: 1907; min-height: 100vh; -webkit-overflow-scrolling: touch; overflow-y: auto; overflow: visible;}
.navbar-collapse.show {left: -15px; right: 0; top: -48px; -webkit-transition: left 0.1s ease-in; -o-transition: left 0.1s ease-in; -moz-transition: left 0.1s ease-in; transition: left 0.1s ease-in;}
.navbar-collapse.collapsing {height: auto; -webkit-transition: left 0.1s ease; -o-transition: left 0.1s ease; -moz-transition: left 0.1s ease; transition: left 0.1s ease; left: -100%;}
.btnclose {position: absolute; top: 10px; right: -50px; z-index: 1907; height: 100%; background: #333 !important; border-radius: 0; width: 50px; cursor: pointer;}
.navigation button.navbar-toggler img {filter: invert(100%); position: absolute; top: 9px; right: 9px; width: 32px;}
.bg-dark {background-color: #eee !important;}
.sublist {-moz-column-count: 1; -moz-column-gap: 2px; -webkit-column-count: 1; -webkit-column-gap: 2px; column-count: 1; column-gap: 2px;}
#overlay.active {display: none;}

#header .nav {display: block; margin-top: 2rem;}
#header .dropdown, .dropup {position: relative;}
#header .dropdown-menu {position: relative;}
#header .dropdown-menu .list-unstyled {margin: 0;}
#header.nav .dropdown-menu .col {padding-left: 0;}

#home-header .container .col {padding: 0;}
#home-header .col h1 {font-size: 1.2rem;}
#home-header .col h2 {font-size: 1rem;}

#category-header {min-height: 3vh; padding: 0;}
#category-header h1 {font-size: 2.75rem; margin-bottom: 0;}
#category-header p {font-size: 1.1rem; padding: 0 1rem; line-height: 1.2; margin-bottom: 1.5rem;}

#product-header {min-height: auto; padding-top: 0;}
#product-header h1 {font-size: 1.75rem; margin-bottom: 0;}
#product-header.background-page {background: transparent;}

#page-header {min-height: 25vh; padding-top: 0;}
#page-header h1 {font-size: 2.75rem; margin-bottom: 0;}
#page-header p {font-size: 1.125rem;}

#content .nav-link {font-size: .875rem; padding: .5rem;}

.product h1 {font-size: 1.5rem; margin-top: 2rem;}
.product #content {top: 8rem; padding-bottom: 0;}
.product-description {margin-top: -1rem;}

.btn-group-lg > .btn, .btn-lg {margin: .5rem 0; padding: .7rem 2rem; font-size: 1rem;}
.product-view {min-height: 25vh; padding-top: 0; margin-bottom: 4rem;}
.list-products .card:nth-of-type(2n+2)  {margin-right: 0;}

footer .flex-column {margin-bottom: 1.5rem;}
.btn-load-more {margin: 2rem auto 4rem;}


}

#content .align-items-center {width: 100%;}

a.card-cta {position: absolute; height: 100%; width: 100%; z-index: 1;}
a.card-show-product {position: relative; z-index: 2; color: #fff; background: #61bead; padding: 4px 10px; font-weight: 600; text-transform: uppercase; font-size: .875rem; border-bottom: 2px solid #52a898;}

.c-heading {margin: 1.4rem 0; font-size: 1.5rem;}

@media (min-width: 576px) and (max-width: 767px) { 

.list-products .card.card-type-text {width: 50%;}
.list-products .card {width: 50%;}

}

@media (min-width: 768px) and (max-width: 991px) { 

.list-products .card {width: 23.3%; margin-bottom: 1rem;}
.list-products .card:nth-of-type(4n+4) {border-right: 1px solid #eee;}
.list-products .card:nth-of-type(3n+3) {border-right: none;}

}