HTML, BODY {
    border: 0;
    font-family: "Helvetica-Neue","Helvetica",Arial,sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

BODY {
    color: #061929;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "Montserrat",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-display: swap;
}

* {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

MAIN {
    min-height: 100%;
    height: 100%;
}

body, wrapper {
   min-height:100vh;
}

HEADER {
	width: 100%;
    position: relative;
    z-index: 99999;
	background-color: #002a4e;
}

OL, UL {
    margin-bottom: 0;
    padding-bottom: 0;
}

UL {
    counter-reset: ul;
}

OL LI, UL LI {
    display: inline-block;
}

#menu-row {

}

#top-menu-row {
	color: #fff;
}

#bottom-row-menu {
	color: #fff;
}

#bottom-row-menu UL {
	padding-left: 0px;
}

#bottom-row-menu LI {
	padding-right: 10px;
}

#bottom-row-menu A {
	padding-right: 10px;
}

#bottom-row-menu .groups a {
	color: #fff;
	text-decoration: none;
}

#bottom-row-menu .groups a:hover {
    color: #fff;
    background-color: #003868;
    text-decoration: none;
    -webkit-transition: all .5s cubic-bezier(0,0,0,1);
    -o-transition: all .5s cubic-bezier(0,0,0,1);
    transition: all .5s cubic-bezier(0,0,0,1);
}


.top-menu {
	border-bottom: 1px solid #003868;
}

.bg-darkblue {
    background-color: #061929 !important;
}

.yellow {
    color: #daac23 !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

#content {
	padding-top: 20px;
	padding-bottom: 20px;
}

footer {
    background-image: url(https://no.norcool.com/wp-content/themes/norcool/./core/assets/images/footer_bg.jpg);
    background-color: #002a4e;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    color: #fff;
}

.card-img-top {
	max-height: 300px;
}

.card-body {
	
}

.product-header {

}

#content .btn-primary {
    color: #fff;
    background-color: #002a4e;
    border-color: #002a4e;
}

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

.card .btn-primary {
    color: #fff;
    background-color: #002a4e;
    border-color: #002a4e;
}

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

.btn-secondary {
    color: #fff;
    background-color: #002a4e;
    border-color: #002a4e;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #daac23;
    border-color: #daac23;
}

.content-header {
	border-bottom: 3px solid #CDCDCD;
}

.btn-label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
}

.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
}

.btn {
	margin-bottom: 10px;
}

.bg-nc-blue {
    background-color: #002a4e;
}

.tag {
    position: absolute; 
	cursor: pointer;
	width: 22px;
	height: 22px;
	background-image: url('/dots.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
}

.tagcontent {
	position: absolute; 
	border: 1px #a5a5a5 solid;
	background-color: #f6f6f6;
	text-align: left;
	font-size: 12px;
	line-height: 22px;
}

.autocomplete-custom-item-number {
	font-weight: bold;
}

.pulse {
    position: relative;
    animation: animate 3s linear infinite
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0.7), 0 0 0 0 rgb(255, 109, 74, 0.7)
    }

    40% {
        box-shadow: 0 0 0 50px rgb(255, 109, 74, 0), 0 0 0 0 rgb(255, 109, 74, 0.7)
    }

    80% {
        box-shadow: 0 0 0 50px rgb(255, 109, 74, 0), 0 0 0 30px rgb(255, 109, 74, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0), 0 0 0 30px rgb(255, 109, 74, 0)
    }
}