/* =============================================================== /*
  GENERAL
/* =============================================================== */











body, input, textarea, button, select {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

body {
    letter-spacing: normal;
    background-color: #ffffff;
	font-family: 'poppins','Montserrat', sans-serif;
	font-size: 13px !important;
	color: #2a2a2a;
	line-height: normal;
}



@viewport{
    zoom: 1.0;
    width: device-width;
}

a { color: #000; cursor: pointer; }
a:focus, a:hover { color: #a00000; cursor: pointer; text-decoration: none; }

h1,h2,h3,h4,h5{
    font-family: 'poppins','HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1{font-size: 24px; font-weight: 600; margin-top: 0;}
h2{font-size: 21px; font-weight: 600; margin-top: 0px; margin-bottom: 15px; }
h3{font-size: 16px;}
h4{font-size: 14px;}

a[href^=tel] { color: inherit; text-decoration: none; }

p {
    line-height: 24px;
    margin-bottom: 15px;
    font-style: normal;
}
label {
    font-weight: 400;
}
#logo
{
    margin-bottom: 20px;
}
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider { list-style: none; transform: none; }

.navbar { min-height: 25px; }

.navbar-top{
    border-bottom: 1px solid #e4e4e4;
}
.navbar-collapse.collapse {
    padding: 0;
}
.nav>li>a:focus, .nav>li>a:hover
{
    background: none;
    text-decoration: underline;
}
.nav>li>a
{
    margin-right: 17px;
    padding: 8px 3px;
    font-weight: 700;
}

/*Mobile Toggle button*/
.navbar-toggle .icon-bar {
    border: solid 2px #fff;
}
.navbar-toggle {
    background-color: rgb(228, 228, 228);
}

.userMenu > li {
	display: inline-block;
	vertical-align: middle;
    font-size: 14px;
    margin-top: 21px;
	padding-left: 31px;
}

.userMenu > li > a {
	display: block;
	float: right;
}

.footerMenu > li > a {
	font-size: 16px;
	color: #494949;
	line-height: 52px;
	padding: 0 44px 0 0;
	text-decoration: none;
}


.userMenu > li > a:hover, .footerMenu > li > a:hover, .socialMenu li:hover,.btn-primary-custom:hover {
	opacity:0.9;
	}

.site-title{
    text-align: center;
    font-size: 51px;
    margin-top: 27px;
    position:relative;
}

.site-title a{
    text-decoration: none;
}

ul.nav{
    font-size: 17px;
}

.btn {
    border-radius: 0px;
}
.width100 {
    width: 100%;
}
.startslide {
    width: 100%;
    height: 500px;
    clear: none;
    background: #ffffff !important;
    overflow: hidden;
    display: block;
}
.startslide .lslide {
    position: relative;
    display: block;
    overflow: visible;
    text-align: center;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
}
.startslide .lslide div {
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: block;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left;
}
@media (max-width: 479px) {
    .startslide {
        height: 390px;
    }
}
@media (max-width: 768px) {
    .startslide .lslide div {
        background-attachment: scroll !important;
    }
}

.section_element.oneimage img {
    margin: 0 auto;
}
.section_element.threeimages div {
    padding-bottom: 30px;
    padding-top: 30px;
}
.section_element.twoimages div {
    padding: 10px 0px;
}

.blog_section a h2{
    color: #2a2a2a;
}

.section-title-holder {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    width: 100%;
    height: 21px;
    margin-left: auto;
    border-bottom: 1px solid #585858;
}
.section-title {
    padding: 8px 20px;
    background-color: white;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    line-height: normal;
    color: #696969;
    font-size: 16px;
    letter-spacing: 2px;
}
.section-title a {
    color: #696969;
}

/* =============================================================== */
/* CART MENU
/* =============================================================== */

.dropdown-search .dropdown-menu {
    padding-bottom: 0;
    border-radius: 0;
    width: 350px;
    padding: 3px;
    margin-top: 10px;
    box-shadow: none;
    top: 29px;
    right: -47px;
    left: auto;
}

.dropdown-search {float: left;display: block;}

button.search_submit {
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 3px 13px;
    background: transparent;
    border: none;
    line-height: 24px;
}

button.search_submit i {
    font-size: 13px;
}

.search_text.form-control {
    font-size: 15px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    background: transparent;
}

@media (max-width: 479px) {
    .dropdown-search .dropdown-menu {
        right: -49px;
        width: auto;
        max-width: 350px;
    }
    
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.open>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    animation: fade 0.5s;
}

.dropdown-menu {
    left: 0;
}

input, textarea {
    -webkit-appearance: none;
}
input.qs-cart-qty{
    width: 60px !important;
    height: 36px;
    vertical-align: middle;
    display: inline;
    border: 1px solid #e4e4e4;
    margin: 0;
    margin-right: 6px;
    padding-left: 10px;
    border-radius: 0px;
    font-size: 13px;
}
.qs-cart-empty
{
    font-weight: 600;
    margin: 0;
    line-height: 24px;
}
#CARTITEMS input.qs-cart-qty
{
    border: 1px solid #e4e4e4;
}
#CARTHEADER {
    font-size: 20px;
    margin-top: 9px;
}
a.qs-cart-delete:hover, a.qs-cart-delete:focus
{
    text-decoration: none !important;
}
.cartMenu {
    float: left;
    display: block;
}

.cartMenu a.dropdown-toggle.cart {
	display: block;
	text-decoration: none;
}
.cartMenu a.dropdown-toggle.cart .fa-shopping-basket
{
    color: #000000;
}
. a.dropdown-toggle.cart:hover, .cartMenu a.dropdown-toggle.cart:focus, .cartMenu a.dropdown-toggle.cart:active
{
    font-weight: 600;
    background-color: transparent;
    background: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
{
    background-color: transparent;
}
.cartMenu a.dropdown-toggle:hover{
	opacity: .8;
	}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #4e4a41;
	}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar {
  text-align: center;
}

.cartMenu .dropdown-menu {
	padding-bottom: 0;
	border-radius: 0;
	margin-top: 0;
	width: 499px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: none;
    background: #f9f9f9;
}

.cartMenu .dropdown-menu li,.cartMenu .dropdown-menu li.qs-cart-update table{
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.cartMenu .dropdown-menu li.qs-cart-update{}
.cartMenu .dropdown-menu li.qs-cart-update table{}

.miniCartTable{
	padding:0;
	width: 100%;
	}

.cart-table{
	width: 100%;
	background-color:#f5f5f5; 
	}
	
.navbar-cart{
	width: 100%!important;
	}

table#CARTITEMS {
    font-size: 11px;
}
#CARTITEMS.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
    border-top: none;
}

.cartMenu img {
    width: 45px;
    margin-right: 5px;
}

.cart-desc a{
	font-size: 15px;
	color: #333;
	padding: 0;
	margin: 0;
	}

.cart-desc span.price {
	color: #333;
	display: inline-block;
	}

.cart-content span, .cart-content .cartTotal{
    font-weight: 600;
    line-height: 25px;
}

.cart-content .cartTotal{vertical-align: middle;}

.cart-footer {
    background: #e7e7e7;
    padding: 10px;
}

.text-right.amount{
    font-size: 14px;
	margin: 0;
	padding: 5px 15px 15px 0;
    display: inline-block;
    text-transform: uppercase;
	}

button.checkout{margin: 6px;}

.paymentmethods {
    margin-top: 14px;
    margin-bottom: 15px;
}
.paymentmethods img {
    width: 29px;
    margin-right: 13px;
}
.paymentmethods img.x1 {
    width: 59px;
}
.paymentmethods img.x15 {
    width: 44px;
}
.paymentmethods img.x2 {
    width: 64px;
}

.section_element
{
    margin: 15px 0px;
}
.section_element:last-child {
    margin-bottom: 40px;
}
.section_element.nomargin
{
    margin: 0px 0px;
}

.section_element .col-sm-12 {
    padding: 0;
}
.bigbanner_image
{
    position: relative;
    overflow: hidden;
}
.bigbanner_overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bigbanner_caption
{
    position: absolute;
    top: 30%;
    width: 100%;
    color: black;
}
.bigbanner_caption_content a h1, .bigbanner_caption_content a p
{
    color: #2a2a2a;
}
.bigbanner_caption_content
{
    width: auto;
    margin: 0 auto;
    position: absolute;
    top: 35%;
    text-align: right;
    padding: 0px 40px;
    color: white;
    z-index: 99;
}
.bigbanner_caption_content .btn-inverse.btn-lg
{
    font-size: 21px;
}
.bigbanner_caption_content h1
{
    font-size: 45px;
}
.bigbanner_caption_content p
{
    padding: 0px 0px;
    font-size: 26px;
    line-height: 37px;
}
.bigbanner_imagespawn {
    width: 100%;
    height: 500px;
    clear: none;
    background: #ffffff !important;
    overflow: hidden;
    display: block;
}
.bigbanner_imagespawn .image {
    display: block;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left;
}

img.fr-fir.fr-dii {
    float: right;
    margin-left: 50px;
}
/* =============================================================== */
/* PRODUCT GRID
/* =============================================================== */
.row-static-duo, .page-block
{
    margin-top: 25px;
    margin-bottom: 15px;
}

#product h1 {
    border-bottom: 1px solid #585858;
    padding-bottom: 10px;
    margin-top: 12px;
}
.badge{ background: #f32a4e; }

.btn-primary-custom, .btn-inverse{
	border-radius: 0px;
	background-color: #313131;
	color: #eaeaea !important;
	border: 0;
    font-size: 12px;
    padding: 8px 53px;
    text-transform: uppercase;
}

.qty-cart-submit
{
    font-size: 14px;
}
.qty-cart-submit, .btn-primary-custom
{
    padding: 9px 29px;
}
.btn-primary-custom:hover, .btn-inverse:hover, .btn-primary-custom:visited, .btn-primary-custom:focus, .btn-primary-custom:active{color:#fff;}
.btn-primary-custom:hover{
    background-color: #b0b0b0;
    color: #ff0303;
}
.product-images ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.product-images li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.product-images img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.product-images .cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.sod_select.custom.custom
{
    background: #FFF;
    box-shadow: none;
    border: 1px solid #e4e4e4;
    border-radius: 0px;
    width: 229.5px
}
.jssocials-share-link {
    padding: 8px 10px;
    margin: 0px 1px;
}
.jssocials-share-link:hover
{
    opacity: 0.8;
}
#share
{
    margin: 30px 0px;
}
.product-sku-box {
    margin-top: 10px;
}
.product-current-stock.instock {
    color: #44b944;
    display: inline;
}
.product-current-stock.outofstock {
    color: #25bb25;
}
.product-current-stock-status-box {
    display: inline;
    padding-left: 10px;
}

.widget-text{
    padding: 10px 8px 0px 8px;
    text-align: center;
    max-height: 48px;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.widget-info .amount{
    margin-bottom: 3px;
    letter-spacing: initial;
    font-size: 13px;
    padding: 3px 0px 8px 0px;
}

.widget-info
{
    margin-top: 15px;
    text-align: center;
}
.amount .before_price {
    text-decoration: line-through;
}
.widget-text > h4{font-size: 16px;}

.widget-text > h4 a:hover{text-decoration: none;}
h5.amount{color: #b5afaf;}

.amount, button {
    font-size: 18px;
    padding: 8px 0px;
}

.entry-content{
	font-size: 12px;
	line-height: 20px;
	}

.entry-content ul{
	list-style: none;
	}


.post-meta a {
	color: #f65a76;
	}

.entry-footer{
	border-top:1px solid #ddd;
	padding: 10px;
	}

.entry-footer .datetime{
	font-size: 12px;
	}

/*Items overlay*/

.item{
	position: relative;
	top:0;
	left:0;
	z-index:5;
	overflow: hidden;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	}

.item-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: background-color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out;
	    -ms-transition: background-color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out;
    z-index: 999;
	}

.item-overlay a{width: 100%;height: 100%;display: block;}


.widget-info .widget-text a
{
    color: #2a2a2a;
}
.container-item .item .product-images {
    display: table;
    width: 100%;
}
.container-item .item .post-header {
    display: table-cell;
    vertical-align: middle;
}
.container-item .item .post-header{
    height: 130px;
}
.container-item .item .post-header.image_autoheight.height500{
    height: 500px;
}
.container-item .item .post-header.image_autoheight.height350{
    height: 350px;
}
.container-item .item .post-header.image_autoheight.height250{
    height: 250px;
}
.container-item .item .image_no_autoheight
{
    height: auto !important;
}
.container-item .product-images img {
    max-width: 100%;
    max-height: 100%;
}
/* Buttons */
.item-button{
	border-radius:3px;
	width:30px;
	height:30px;
	padding: 5px 0 0 7px;
	color: #fff;
	}

.item-button.buy{
	background-color:#40c781;
	position: absolute;
	top: 15px;
	left: 15px;
	opacity:0;
	}

.item-button.buy:hover{
	background-color:#34a46c;
	color: #ddd;
	}

.container-item:hover .item-button.buy{
	opacity:1;
	}

.item-button.details{
	background-color:#4f4f4f;
	position: absolute;
	top: 50px;
	left: 15px;
	opacity:0;
}
.item-button.details:hover{
	background-color:#333333;
	color: #ddd;
	}
.container-item:hover .item-button.details{
	opacity:1;
	}

/* =============================================================== */
/* Browse                                                     PAGE
/* =============================================================== */

.browse-page{
	margin: 0;
	padding: 30px 0 0 0;
	width: 100%;
	}

#category{
	padding:10px 10px 0 0;
	cursor: pointer;
	color: #777
}

.dropdown-menu{
	border: 1px solid #eee;
}


div.product-grid{
    width: 45%;
    display: inline-block;
    padding: 0;
}

.widget-area-browse {
    margin-right: -1px;
	clear: left;
}
.product {
    margin-bottom: 10px;
}

.product.col-md-6:nth-child(2n+1) {
    clear: both;
}
.product.col-md-4:nth-child(3n+1) {
    clear: both;
}
.product.col-md-3:nth-child(4n+1) {
    clear: both;
}

@media (max-width: 991px) {
    .product.col-md-4:nth-child(3n+1), li.product.col-md-3:nth-child(4n+1) {
        clear: none;
    }
    .product.col-xs-12:nth-child(1n+1) {
        clear: both;
    }
    .product.col-xs-6:nth-child(2n+1) {
        clear: both;
    }
}




/* =============================================================== */
/* Product details                                            PAGE
/* =============================================================== */

.breadcrumb {
    font-size: 12px;
    font-style: italic;
    background: #e6e6e6;
    color: #000000;
    text-align: center;
    padding: 10px 0px;
    border-radius: 0px;
}
.separator {
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}
nav.breadcrumb a {
    opacity: 0.7;
    color: #000000;
}

.amount.qs-product-price{
    margin-bottom: 24px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
}
s.qs-product-before-price {
    font-size: 14px;
}
.marginbottom20 {
    margin-bottom: 20px;
}
.item .thumb {
    margin: 9px;
    background: #ffffff;
    cursor: pointer;
    height: 111px;
    position: relative;
    overflow: hidden;
}
.item .thumb img {
	width: 100%;
	margin: 2px;
}


.c-hamburger {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 35px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background .3s;
}

.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 13px;
  left: 0px;
  right: 20px;
  height: 4px;
  background: #000000;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000000;
  content: "";
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}


/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

/*** NEW ***/
.transition-500 {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
.transition-2000 {
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  transition: all 2s ease;
}
.transition-300 {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.cover-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.top-panel {
    background-color: #000000;
    padding: 8px 0 10px 0;
    line-height: 18px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 30px;
    transition: transform 300ms ease 0s;
    text-transform: none;
}
.top-panel .top_right_content i {
    padding-left: 10px;
}
.top-panel .top_right_content {
    text-align: right;
}
.top-bar ul {
  list-style: none;
  padding: 0px;
}
.top-bar ul:not(.dropdown-menu) {
    max-width: 78%;
}
a:hover {
  text-decoration: none;
}
.pointer {
  cursor: pointer !important;
}
.uppercase {
  text-transform: uppercase;
}
span.text-white a {
  font-weight: 600;
  color: #fff;
}
.main-container {
  padding-top: 0px;
}
.main-container.reveal-nav {
  -webkit-transform: translate3d(-300px, 0, 0);
  -moz-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1695a3;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
section {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
section.pad-large {
  padding-top: 160px;
  padding-bottom: 160px;
}
section.duplicatable-content {
  padding-bottom: 40px;
}
section:nth-of-type(odd) {
  background: #f4f4f4;
}
section:nth-of-type(even) {
  background: #ffffff;
}
.no-pad {
  padding: 0px;
}
.no-pad-top {
  padding-top: 0px !important;
}
.no-pad-left {
  padding-left: 0px;
}
.no-pad-right {
  padding-right: 0px;
}
.no-pad-bottom {
  padding-bottom: 0px;
}
.space-top-small {
  margin-top: 20px !important;
}
.space-bottom-medium {
  margin-bottom: 40px !important;
}
.space-bottom-large {
  margin-bottom: 80px !important;
}
.space-bottom-xlarge {
  margin-bottom: 160px !important;
}
.no-margin {
  margin: 0;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}

.has-dropdown {
  bottom: 0px;
}

.top-bar {
  background: #f9f9f9;
  width: 100%;
  line-height: 0;
  padding: 0px 0px 0px 0px;
}
.top-bar-left
{
    margin-top: 5px;
}
.top-bar-left .sod_select.custom.custom
{
    background: #f9f9f9;
    color: #000000;
    border: none;
    width: 81px;
    font-size: 11px;
    margin-top: 6px;
    margin-left: 14px;
}
.top-bar-left .sod_select.custom .sod_list_wrapper
{
    width: 84px;
}
.logo-link
{
    display: inline-block;
    margin-bottom: 20px;
}
.logo-link a {
    color: #000000;
}
.logo-text
{
    margin-top: 26px;
    font-size: 42px;
    margin-right: 22px;
    color: #000000;
}
.logo-text a {
    color: #000000;
}
.row.collection-header {
    padding-bottom: 25px;
}

.top-bar-search
{
    font-size: 12px;
    padding: 0px 0;
    width: 235px;
    border: 1px solid #CECECE;
    margin-right: 8px;
    margin-top: 8px;
    background: #FFF;
}
.top-bar-search .search_text
{
    width: 200px;
    height: 40px;
    border: none;
    padding: 0px 6px;
    display: inline-block;
    line-height: 20px;
}
.top-bar-search .search_submit {
    margin-bottom: 0px;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    background: none;
    float: right;
    font-size: 12px;
    padding: 14px 9px;
}
.top-bar-pointers
{
    font-weight: 600;
    font-size: 11px;
    text-align: right;
    margin-bottom: 18px;
    color: #000000;
}
.top-bar-pointers .fa
{
    margin-left: 7px;
}
.top-bar-tinymenu {
    display: inline-block;
    margin: 8px 15px;
}
.top-bar-tinymenu ul {
    font-size: 12px;
    list-style: none;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    margin-bottom: 0px;
}
.top-bar-tinymenu ul li {
    margin: 0;
    padding: 0;
    line-height: 20px;
}
.top-bar-tinymenu ul li a {
    padding: 0 25px;
    display: block;
    font-size: 11px;
    color: #000000;
}
.top-logo {
    padding-bottom: 30px;
    text-align: center;
}
.top-logo-text {
    height: 65px;
    padding-top: 16px;
}
.top-logo.no-absolute {
    position: relative;
}
.top-right-section {
    margin-right: 18px;
    margin-top: 10px;
    z-index: 999;
    top: -0px;
    position: absolute;
    right: 10px;
    color: #000000;
}
.top-search {
       display: inline-block;
       margin-right: 17px;
       margin-top: 2px;
}
.top-search i {
    font-size: 21px;
}
.top-bar-cart {
    display: inline;
    width: 35px;
}
.top-bar-cart .top-bar-cart-total
{
    float: right;
    font-size: 11px;
    position: absolute;
    top: 14px;
    right: 11px;
    color: #000000;
}
.top-right-section a {
    color: #000000;
}
.top-right-section p {
    color: #000000;
}
.top-bar-cart .top-bar-cart-icon
{
    font-size: 28px;
    float: right;
}
.top-bar .logo {
  max-height: 120px;
}
.logo.logo-wide {
  max-width: 140px;
  bottom: 12px;
  margin-bottom: -6px;
}

.logo.logo-square {
  max-width: 100px;
  max-height: 60px;
  bottom: 20px;
  margin-bottom: -20px;
}
.nav-sticky .logo-wide {
  bottom: 12px !important;
}
.nav-sticky .logo-square {
  bottom: 20px !important;
}
.nav-menu {
  padding-top: 5px;
}
.nav-menu .social-icons {
  float: right;
}
.utility-menu {
  margin-top: 16px;
}
.utility-menu .utility-inner {
  padding-bottom: 16px;
}
.utility-menu .btn {
  min-width: 60px;
  padding-left: 18px;
  padding-right: 18px;
  margin-left: 8px;
  margin-right: 0px;
}
.utility-menu span {
  display: inline-block;
  position: relative;
  top: 9px;
}
.utility-menu .btn-text-only {
  min-width: 0px;
  padding: 0px 8px;
}
.overlay-bar .has-dropdown:after {
  color: #fff;
}

.menu-center {
    text-align: center;
    margin: 3px auto;
    border-top: 1px solid #585858;
}

.menu {
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-top: 0px;
}
.menu li {
  float: left;
  margin-right: 15px;
  position: relative;
}
.menu li:last-child {
  margin-right: 0px;
}
.menu li a {
    font-size: 13px;
    color: #000000;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    font-weight: normal;
    transition: all .2s ease;
    padding: 12px 12px;
    display: inline-block;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.menu li a:hover {
  opacity: 0.4;
}
.menu li.active a {
    opacity: 0.4;
}

@media all and (max-width: 1050px) {
  .menu li {
    margin-right: 32px;
  }
}
.top-bar .social-icons li a {
  font-size: 16px;
}
.top-bar .utility-menu .utility-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.overlay-bar .menu li a:hover {
  opacity: 0.4;
}
.overlay-bar .subnav li a {
  color: #000000;
}
.overlay-bar .subnav li a:hover {
  opacity: 0.4;
}
.overlay-bar .logo-dark {
  display: none;
}
.overlay-bar .logo-light {
  display: block;
  margin: 0 auto;
}
.overlay-bar .utility-menu span {
  color: #fff;
}
.overlay-bar .utility-menu .utility-inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.overlay-bar .login-button {
  border-color: #fff;
  color: #fff;
}
.subnav {
  display: none;
  position: absolute;
  overflow: auto;
  max-height: 600px;
  text-align: left;
  z-index: 999;
  padding-top: 3px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  background: #f9f9f9;
  border: 1px solid #eee;
}
.subnav .borderline
{
    border-top: 1px solid;
    border-color: #f9f9f9;
}
.subnav ul {
    padding: 5px 5px;
}
.subnav li {
  margin-right: 0px !important;
  min-width: 160px;
}
.subnav li a {
  padding-bottom: 2px !important;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  display: block;
  padding: 6px 10px 15px 11px;
}
.subnav li:last-child a {
  margin-bottom: 10px;
}
.has-dropdown:hover .subnav {
  display: block;
}
.nav-sticky {
  position: fixed !important;
  top: 0;
}
.nav-sticky .logo {
  bottom: 5px;
}
.nav-sticky hr {
  display: none !important;
}
.top-bar.nav-sticky {
  background: rgba(255, 255, 255, 0.9);
}
.top-bar.nav-sticky .nav-menu {
  padding-top: 32px;
}
.top-bar.nav-sticky .menu li a {
  padding-bottom: 32px;
}
.top-bar.nav-sticky .subnav {
  background: rgba(255, 255, 255, 0.9);
}
.top-bar.nav-sticky .utility-menu {
  display: none;
}
.subnav-fullwidth {
  overflow: hidden;
  left: 0px;
  position: absolute;
  text-align: left;
  padding: 20px;
  border-top: 1px solid #eee;
  margin-top: 3px;
}
.subnav-fullwidth h6 {
  margin-bottom: 24px !important;
}
.subnav-fullwidth .subnav {
  position: relative;
  overflow: hidden;
  background: none !important;
  text-align: left;
  padding: 0px;
}
.subnav-fullwidth .subnav li {
  float: none !important;
}
.subnav-fullwidth .btn {
  padding-bottom: 13px !important;
  color: #eb7f00 !important;
}
.subnav-fullwidth .btn {
  margin-bottom: 16px;
}
.subnav-fullwidth .btn:hover {
  color: #fff !important;
}
.subnav-fullwidth .btn-filled,
.subnav-fullwidth .btn-filled:hover {
  color: #fff !important;
}
.overlay-bar.nav-sticky .logo-light {
  display: none;
}
.overlay-bar.nav-sticky .logo-dark {
  display: block;
}
.overlay-bar.nav-sticky .menu li a {
  color: #777777;
}
.overlay-bar.nav-sticky .social-icons li a {
  color: #333333;
}
.overlay-bar.nav-sticky .has-dropdown:after {
  color: #333333;
}
.offscreen-menu .logo {
  padding-bottom: 32px;
}
.offscreen-toggle i {
  font-size: 36px;
  cursor: pointer;
}
@media all and (max-width: 768px) {
   .main-container {
        padding-top: 52px;
   }
   .main-container.taxtoggle-active {
        padding-top: 148px;
    }
    .main-container.cconverter-active {
        padding-top: 149px;
    }
    .main-container.languages-active {
        padding-top: 151px;
    }
    
    .bigbanner_imagespawn .image {
        background-attachment: scroll !important;
    }
  .top-bar {
        padding-top: 0px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
   }
  .offscreen-menu {
    overflow: visible !important;
    position: relative !important;
  }
  .offscreen-menu .offscreen-toggle i {
    color: #333333;
  }
  .top-bar-pointers
  {
      text-align: center;
  }
  .mobile-top-bar .top-bar .logo
  {
      max-width: 160px;
      margin-top: 0px;
  }
  .mobile-top-bar
  {
      padding: 9px 7px 7px 7px;
      position: relative;
      min-height: 47px;
  }
  .mobile-toggle
  {
    position: absolute;
    font-size: 22px;
    padding: 0 12px 4px 0px;
    top: 0;
    left: 15px;
  }
  .mobile-top-bar .top-bar-cart
  {
        width: 115px;
        margin-top: 10px;
  }
  
  .mobile-top-bar .mobile-logo .logo
  {
        text-align: center;
        margin: 0 auto;
  }
  .mobile-top-bar .mobile-logo .logo-text
  {
      margin-top: 12px !important;
  }
  .mobile-top-bar .mobile-logo img
  {
      max-width: 144px;
      margin: 0 auto;
  }
}

.top-elements {
    position: absolute;
    left: 0px;
    right: 80px;
}
select.currencyPicker {
    background: #f9f9f9;
    border-radius: 0px;
    border: 1px solid #eee;
    color: #000000;
    margin-right: 5px;
}
.languages
{
    float: left;
    margin: 0px 0px 0px 10px;
}
.languages .language {
  display: inline-block;
}
.languages .language img {
  max-width: 20px;
}
.taxtoggler {
    font-size: 12px;
    line-height: 18px;
    padding: 0px 12px;
}
.taxtoggler a
{
    color: #000000;
}

.overlay:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.9;
  z-index: 2;
  background-color: #1695a3;
  left: 0;
}
.overlay .container {
  position: relative;
  z-index: 3;
}
header {
  position: relative;
  overflow: hidden;
}
header .container {
  position: relative;
  z-index: 3;
}
header .logo {
  max-width: 200px;
  display: inline-block;
  margin-bottom: 24px;
}
header .btn {
  margin-right: 16px;
}
header .btn:last-child {
  margin-right: 0px;
}


.input-group .form-control
{
    z-index: 0;
}
.home-title
{
    margin: 10px 0px;
    font-size: 23px;
}
.home-subtitle
{
    margin: 10px 0px;
    font-size: 18px;
}

h2.title{text-align: center;}

.contact .col-sm-4{
    background: #f6fafd;
    border: 11px solid #e7eef3;
}

.contact #left-details{padding: 20px;color: #82898f;}
.contact #left-details .text{margin: 30px 0;}

.contact ul.socialMenu{padding: 0;}
.contact .socialMenu li{margin-right: 10px;}
.contact .socialMenu li a {border: 2px solid #535353;border-radius: 30px;padding: 22px;display: block;}

.contact form input, .contact form textarea, .contact form select, .form-control{width: 100%;margin-bottom: 17px;}

.section_products
{
    margin-top: 10px;
}
.section_product_info
{
    padding: 0px 33px 33px 33px;
}
.section_product_info .product_description
{
    margin: 40px 0px;
    overflow: auto;
    border-top: 1px solid #585858;
    padding-top: 20px;
}
.section_footer
{
    padding: 20px 0px;
}
.section_footer .socials .btn {
    padding: 0 6px;
}
.section_footer .section_newsletter{
    margin-top: 5px;
}
.section_footer .section_newsletter label
{
    font-size: 14px;
    font-weight: normal;
}
#newsletter_form input {
    border: none;
    background: #f5f5f5;
}

#newsletter_form button {
    border: none;
    border: 1px solid #eee;
}
.footer-menu ul li {
    list-style-type: none;
    padding: 2px 0px;
}

.footer-menu ul {
    padding: 0;
}

.section_footer .copyright_line
{
    margin-top: 16px;
    margin-bottom: 3px;
    font-size: 16px;
}
.section_footer .socials
{
    margin-top: 15px;
    margin-bottom: 25px;
}
.section_footer .socials .social
{
    font-size: 30px;
}
.section_footer .socials a.social
{
    color: #ffffff;
}
.section_footer h4
{
    font-weight: bold;
    text-transform: uppercase;
}
/* =============================================================== */
/* FOOTER
/* =============================================================== */

footer {
    margin-top: 35px;
    padding-top: 15px;
    padding-bottom: 30px;
    background: #000000;
    color: #ffffff;
}
footer a {
    color: #ffffff;
}
footer a:hover, footer a:focus {
    color: #ffffff;
    opacity: 0.5;
}

.poweredby a {
    font-size: 10px;
    opacity: 0.25;
    color: #333;
}



ul.footerMenu li,ul.socialMenu li{display: inline-block;}


.form-control
{
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    padding: 7px 6px;
    -webkit-transition: none;
    transition: none;
    font-size: 13px;
}

/**** MOBILE MENU ****/
.mm-menu {
    background: #FFF;
}
.mm-navbar {
    background-color: #fff;
    line-height: 29px;
    height: 47px;
    border-bottom: none;
}
.mm-listview>li
{
    background-color: #FFF;
    border-color: #FFF;
}
.mm-listview>li a
{
    padding: 0 20px 0 20px;
    line-height: 50px;
    font-weight: normal;
    letter-spacing: .5px;
    color: #2a2a2a;
}
.mm-listview>li:not(.mm-divider):after
{
    border-bottom-width: 0px;
}
.mm-listview .show-all
{
    text-align: center;
    font-weight: 600;
}
.mm-navbar .mm-arrow:after, .mm-navbar .mm-next:after, .mm-navbar .mm-prev:before
{
    top: 9px;
}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after
{
    border-color: rgba(0, 0, 0, 0.84);
}
.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview
{
    margin-top: -10px;
}
.mm-search input
{
    border-radius: 2px !important;
}

/* =============================================================== */
/* RESPONSIVE
/* =============================================================== */

@media (max-width: 1200px) {
    .top-bar .logo
    {
        max-width: 180px;
        margin-top: 8px;
    }
}
@media (max-width: 1024px) {
    .top-bar-tinymenu {
        margin: 0px 0px;
    }
    .mobile-top-bar .mobile-logo .logo
    {
        text-align: center;
        margin: 0 auto;
    }
    .mobile-top-bar .mobile-logo .logo-text
    {
        margin-top: 13px !important;
        font-size: 24px;
        max-width: 100%;
    }
}
@media (min-width: 992px) {

	/*Browse Page*/
		#myContent {
		-moz-column-count: 4;
		-moz-column-gap: 0px;
		-webkit-column-count: 4;
		-webkit-column-gap: 0px;
		column-count: 4;
		column-gap: 0px;
		width: 100%;
		}

		ul#myContent li{
		list-style: none;
		}

        div.product-grid{
            width: 24.55%;
        }
}

@media (max-width: 992px) {
    .top-elements {
        position: static;
        margin: 0 auto;
        text-align: center;
        max-width: 365px;
        margin-bottom: 3px;
        margin-top: 22px;
    }
    .top-elements .select.currencyPicker {
        margin-right: 0px;
    }
    .top-elements .pull-left {
        float: none !important;
        display: inline-block;
    }
    .userMenu > li {
        padding-left: 28px;
    }
    .site-title {
        font-size: 34px;
        margin-top: 22px;
    }
    .mobile-top-bar .mobile-logo img {
        max-width: 143px;
        margin: 0 auto;
        max-height: 33px;
        margin-top: 0px;
    }
      .top-right-section
      {
          top: -4px;
          margin-right: 14px;
          margin-top: 6px;
      }
      .mobile-top-bar .top-bar-cart-icon
      {
          font-size: 24px;
      }
}


@media (max-width: 767px) {
    .amount.qs-product-price {
        font-size: 22px;
        margin: 0px 0px;
        margin-bottom: 20px;
    }

    #thumbcarousel,.social ul.socialMenu {
        display: none;
    }
	.search-box-mobile
	{
	    float: left;
	    padding-top: 11px;
	    font-size: 13px;
	    width: 28%;
	}

    /*Shopping cart*/
    table#CARTITEMS {
        font-size: 11px;
        letter-spacing: -0.2px;
        margin-top: 29px;
    }
    .navbar-nav .open .dropdown-menu
    {
        overflow: scroll;
        position: fixed;
        width: 100%;
        left: 0;
        top: 52px;
        background: #f9f9f9;
        z-index: 10;
        padding: 24px;
        height: 100%;

    }
    .cart-close {
        font-size: 20px;
        margin-bottom: 0;
    }

    .navbar-nav.navbar-right {
        margin: 0;
    }
    .navbar-toggle
    {
        float: left;
    }
    .widget-text > h4{font-size: 13px;}
    .widget-text > h5{font-size: 12px;}
}



@media (min-width: 768px) and (max-width: 991px) {
    .dropdown-search .dropdown-menu {
        top: 21px;
        right: -47px;
    }

	.cart-img{display: none;}

    .main-container {
        padding-top: 0px;
    }

    div.product-grid{
        width: 47%;
        margin: 0px 0 26px 16px;
        display: inline-block;
        margin-bottom: 20px;
        padding: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
	.navbar-default {
		border: 0!important;
		}

	.navbar-default .navbar-collapse{
		background-color: #fff;
		}	
	

	.navbar-default .navbar-toggle {
		border:0;
		color: #aca99f;
		}

	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:active, 
	.navbar-default .navbar-toggle:focus{
		background-color: #000;
		}

	.navbar-collapse ul li a:hover{
		color: #777!important;
		cursor: pointer;
		background-color: #ddd!important;
		}

	.btn-continue{
		width: 100px;
		margin: 0
		}
	.btn-continue:after{
		content: "Shopping";
		}

	
	.main-container {
        padding-top: 68px;
    }
	.main-container.taxtoggle-active {
        padding-top: 82px;
    }
    .main-container.cconverter-active {
        padding-top: 83px;
    }
    .main-container.languages-active {
        padding-top: 85px;
    }

}

@media (min-width: 768px) and (max-width: 768px) {
    .main-container {
        padding-top: 134px;
    }
	.main-container.taxtoggle-active {
        padding-top: 148px;
    }
    .main-container.cconverter-active {
        padding-top: 149px;
    }
    .main-container.languages-active {
        padding-top: 150px;
    }
}

@media (max-width:780px) {
    .top-right-section
    {
        margin-right: 0px;
    }
    .breadcrumb {
        margin-top: 10px;
    }
    .sod_select.custom.custom
	{
	    margin: 0;
	    width: 100%;
	}
	.jssocials-shares
	{
	    text-align: center;
	}
	#share
	{
	    margin: 10px 0;
	}
	.jssocials-share-link
	{
	    margin: 0 5px;
	}
    .site-title
    {
        font-size: 35px;
        margin-bottom: 5px;
        margin-top: 27px;
    }
    .navbar
    {
        min-height: 0px;
    }
    .navbar-collapse
    {
        padding: 0;
    }
    .userMenu > li
    {
        padding-left: 25px;
    }
	#logo
	{
		max-width: 65%;
	}
}

@media (max-width:480px) {
    .mobile-top-bar .mobile-logo .logo-text
    {
        font-size: 20px; !important;
    }
      
    .bigbanner_caption {
        top: 19%;
    }
    .bigbanner_caption_content
    {
        padding: 0;
    }
    .bigbanner_caption_content h1 {
        font-size: 36px;
    }
    .bigbanner_caption_content p {
        padding: 0px;
        font-size: 22px;
        line-height: 31px;
    }
    .bigbanner_caption_content .btn-inverse.btn-lg {
        font-size: 16px;
        padding: 8px 10px;
    }
    .bigbanner_imagespawn {
        height: 390px;
    }
    .main-container {
        padding-top: 68px;
    }
    .main-container.taxtoggle-active {
        padding-top: 82px;
    }
    .main-container.cconverter-active {
        padding-top: 83px;
    }
    .main-container.languages-active {
        padding-top: 85px;
    }
    
    .section_product_info
    {
        padding: 0 0 20px 0;
    }
    .nav>li>a
    {
        margin-right: 17px;
        padding: 8px 0px;
        margin: 0 auto;
        font-weight: 700;
        text-align: center;
    }
    
	.navbar
	{
		margin-bottom: 0px;
	}
	.search_text
	{
	    width: 71%;
	}
	.navbar-default {
		border: 0!important;
		}

	.navbar-default .navbar-collapse{
		background-color: #fff;
		}

	.navbar-default .navbar-toggle {
		border:0;
		color: #aca99f;
		}

	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:active, 
	.navbar-default .navbar-toggle:focus{
		background-color: #000;
		}

	.navbar-collapse ul li a:hover{
	    color: #777!important;
	    cursor: pointer;
	}

    .search-container{width: 90%;}



	/*CART PAGE */
    div.product-grid {
        width: 100%;
    }

    .widget-text {
        padding: 0px 5px;
        overflow: hidden;
        height: 40px;
        font-size: 13px;
    }
    
    .widget-text > h4{font-size: 14px;}
    .widget-text > h5{font-size: 12px;}

    .col-xs-6 .container-item .item .post-header, .container-item .item .post-header{
        position: relative;
        height: calc(130px/3);
    }
    .col-xs-12 .container-item .item .post-header{
        position: relative;
        height: calc(130px/1);
    }
    
    /* Preset heights */
    .col-xs-6 .container-item .item .post-header.image_autoheight.height500{
        position: relative;
        height: calc(500px/2.2);
    }
    .col-xs-12 .container-item .item .post-header.image_autoheight.height500{
        position: relative;
        height: calc(500px/2);
    }
    .col-xs-12 .container-item .item .post-header.image_autoheight.height350, .col-xs-6 .container-item .item .post-header.height350{
        position: relative;
        height: calc(350px/2);
    }
    .col-xs-12 .container-item .item .post-header.image_autoheight.height250, .col-xs-6 .container-item .item .post-header.height250{
        position: relative;
        height: calc(250px/2);
    }

    table#CARTITEMS thead{display: none;}
    table#CARTITEMS tr{position: relative;display: block;}
    table#CARTITEMS tbody tr{border-bottom: 1px solid #DDD;}
    table#CARTITEMS tbody td{display: inline-block;border: none;}
    table#CARTITEMS td:nth-child(2) {width: 203px; padding: 4px 0px;}
    table#CARTITEMS td:nth-child(4){position: absolute;right: 32px;top: 41px;}
    table#CARTITEMS .padder { padding: 10px; }
    .ie9 table#CARTITEMS td:nth-child(4){margin-top: 50px;}/* IE9 */

    .nav input.qs-cart-qty{width: 48px !important; height: 30px; padding: 0 !important;}
    .cart-content span{font-size: 11px; display: block; line-height: 19px;}
    
    table#CARTITEMS tfoot td{border: none;}
    table#CARTITEMS tfoot td.cartTotal{bottom: 15px;}
}


@media screen and (max-width: 480px) {
    #product-container{display: block;}
    .navbar { min-height: 0px; }
    .search-box-mobile
	{
	    width: 140px;
	}
	.product-images img
	{
	    margin: 0 auto;
	}
	.section_footer .copyright_line, .section_footer .poweredby
    {
        text-align: center;
    }
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 21px;
    }
    
}
@media screen and (max-width: 325px) {
    .search-box-mobile
	{
	    width: 130px;
	}
    table#CARTITEMS td:nth-child(2) {width: 172px; font-size: 11px;}
}

/* Airlectra */

.login-spacer {
    height:35px;
}

.pls-login {
    font-size:16px;
}

.widget-text {
    max-height:72px;
}

.customerarea_logout_link a {
    font-size:18px;
}

.login-icon {
    display: inline-block;
    font-size: 23px;
    margin-right: 25px;
    margin-top: 3px;
}

@media (max-width: 380px) {
    .login-icon {
        display: none;
    }
}


/*Cognito Preloader*/
/* Set the preloader to be invisible by default */
.preloader {
  display: none;
}

/* Override the default invisibility if the preloader doesn't have a form after it. */
.preloader:last-child {
  display: block;
}

/* Create a spinning animation and name it "spin" */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(360deg);
  }
}

/* 
  Apply "spin" animation to the image inside the preloader.
   -  animation-duration is set to "3s" and so each 
      rotation will last 3 seconds.
   -  animation-timing-function is set to "linear" 
      and so the speed of rotation is constant.
   -  animation-iteration-count is set to "infinite"
      which means what it says.
*/
.preloader img {
  display: block;
  animation-name: spin;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/*End Cognito Preloader*/

.cognito input[type="radio"] {
    -webkit-appearance: radio;
}

.cognito input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.sod_select {
    margin-bottom:10px;
}

#produktflikar {
    margin-top:-20px;
    display:none;
}

#produktflikar .nav-tabs > li > a {
    padding-left:7px;
    padding-right:7px;
}

#produktflikar .tab-content {
    padding-top:6px;
}

#produktflikar .nav-tabs {
    border-bottom: 1px solid #585858;
}

#produktflikar .nav-tabs>li.active>a, #produktflikar .nav-tabs>li.active>a:focus, #produktflikar .nav-tabs>li.active>a:hover, #produktflikar .nav-tabs>li>a:hover {
    border: 1px solid #585858;
    border-bottom-color: transparent;
}

.top-bar {
    background-color:#fff;
}

@media (min-width: 768px) {
    .fixed-top {
        position:fixed;
        width:100%;
        z-index:1000;
    }
    .fixed-top .top-panel {
        height:58px;
    }
}

.fixed-top .top-panel {
    margin-bottom:0;
}

.sticky-nav {
    padding-top: 82px;
}

.menu-center {
    box-shadow: 0 10px 15px 9px white;
    z-index: 900;
    position: relative;
}

@media (min-width: 768px) {
.stickytop {
    position:fixed;
    top:100px;
    width: 100%;
    z-index:900;
    background-color:#fff;
    }
}

.sticky-container {
    height:45px;
}

.colorback {
    background-color:white;
}

.top-right-section {
    margin-top:0;
}

.stickypad {
    padding-top:39px;
}

.top_left_content {
    position: absolute;
    left: 5px;
}

.top-logo {
    padding-bottom: 10px;
}

.logo-link {
    margin-bottom: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-container {
        padding-top: 68px;
    }
}

@media (min-width: 992px) {
    .top-right-section {
        position: relative;
        top: unset;
        margin-left: 25px;
    }
    .top-right-section a {
        color: #ffffff;
    }
}

.cartMenu .dropdown-menu, .dropdown-search .dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border:1px solid;
}

@media (min-width: 992px) {
    .top-bar-cart .top-bar-cart-total {
        top: 0;
        right: -31px;
        color: #fff;
    }
}

/* HADRON DRAFT START */

/* ===============================================================
   HADRON FOCUS - DRAFT THEME
   =============================================================== */

:root {
    --hadron-ink: #0d2026;
    --hadron-deep: #102c34;
    --hadron-teal: #0d7780;
    --hadron-teal-dark: #075a62;
    --hadron-aqua: #dff6f7;
    --hadron-blue: #4476c7;
    --hadron-gold: #ffd85c;
    --hadron-white: #ffffff;
    --hadron-mist: #f2f7f7;
    --hadron-line: #ccdcde;
}

.hadron-home,
.hadron-home * {
    box-sizing: border-box;
}

.hadron-home {
    color: var(--hadron-ink);
    font-family: inherit;
    overflow: hidden;
}

.arlemark-hadron-home .startslide,
.arlemark-hadron-home .lSSlideOuter {
    display: none !important;
}

.hadron-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.hadron-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.hadron-eyebrow::before {
    content: '';
    width: 28px;
    height: 2px;
    background: currentColor;
}

.hadron-hero {
    position: relative;
    min-height: 650px;
    color: var(--hadron-white);
    background:
        radial-gradient(circle at 77% 18%, rgba(55, 174, 184, .23), transparent 33%),
        linear-gradient(135deg, #09171c 0%, #102f37 58%, #0b555c 100%) !important;
    isolation: isolate;
}

.hadron-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, black, transparent 84%);
}

.hadron-hero__beam {
    position: absolute;
    top: -120px;
    width: 280px;
    height: 850px;
    opacity: .17;
    background: linear-gradient(to bottom, rgba(255,232,134,.95), rgba(255,241,182,.03));
    clip-path: polygon(38% 0, 62% 0, 100% 100%, 0 100%);
    z-index: -1;
}

.hadron-hero__beam--one { right: 20%; transform: rotate(9deg); }
.hadron-hero__beam--two { right: 2%; transform: rotate(-8deg); opacity: .1; }

.hadron-hero__grid {
    min-height: 650px;
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    align-items: center;
    gap: 70px;
    padding: 80px 0;
}

.hadron-hero__copy h1 {
    max-width: 680px;
    margin: 18px 0 22px;
    color: var(--hadron-white);
    font-size: clamp(44px, 6.2vw, 78px);
    line-height: .98;
    letter-spacing: -.045em;
    text-transform: none;
}

.hadron-hero__copy > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.8);
    font-size: 19px;
    line-height: 1.65;
}

.hadron-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.hadron-btn {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 23px;
    border: 0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.hadron-btn:hover { transform: translateY(-2px); }

.hadron-btn--primary {
    color: #102025 !important;
    background: var(--hadron-gold);
    box-shadow: 0 12px 35px rgba(255,216,92,.18);
}

.hadron-btn--ghost {
    color: var(--hadron-white) !important;
    border: 1px solid rgba(255,255,255,.32);
    background: rgba(255,255,255,.06);
}

.hadron-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 26px;
    margin-top: 35px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.68);
    font-size: 12px;
}

.hadron-trust span { display: grid; gap: 1px; }
.hadron-trust strong { color: var(--hadron-white); font-size: 13px; }

.hadron-hero__visual {
    perspective: 1000px;
}

.hadron-sign-demo {
    position: relative;
    aspect-ratio: 1.25 / 1;
    display: grid;
    place-items: center;
    border: 2px solid rgba(255,255,255,.28);
    border-radius: 14px;
    color: rgba(255,255,255,.92);
    background: linear-gradient(180deg, #1a444c, #0a2026);
    box-shadow: 0 35px 80px rgba(0,0,0,.35);
    transform: rotateY(-7deg) rotateX(2deg);
    overflow: visible;
}

.hadron-sign-demo::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center top, rgba(255,241,179,.32), transparent 70%);
}

.hadron-sign-demo > span {
    position: relative;
    z-index: 2;
    font-size: clamp(28px, 4vw, 54px);
    font-weight: 300;
    letter-spacing: .12em;
}

.hadron-demo-lamp {
    position: absolute;
    top: -60px;
    width: 42px;
    height: 30px;
    border-radius: 5px;
    background: #050a0c;
    box-shadow: 0 6px 0 -2px #24373b;
}

.hadron-demo-lamp::before {
    content: '';
    position: absolute;
    top: 27px;
    left: 50%;
    width: 2px;
    height: 50px;
    background: #526970;
}

.hadron-demo-lamp::after {
    content: '';
    position: absolute;
    top: 28px;
    left: 50%;
    width: 180px;
    height: 390px;
    transform: translateX(-50%);
    opacity: .3;
    background: linear-gradient(to bottom, rgba(255,230,120,.85), transparent);
    clip-path: polygon(47% 0, 53% 0, 100% 100%, 0 100%);
}

.hadron-demo-lamp--1 { left: 12%; }
.hadron-demo-lamp--2 { left: calc(50% - 21px); }
.hadron-demo-lamp--3 { right: 12%; }

.hadron-calculator {
    padding: 92px 0 82px;
    background: var(--hadron-mist) !important;
}

.hadron-section-heading {
    max-width: 760px;
    margin-bottom: 38px;
}

.hadron-section-heading .hadron-eyebrow { color: var(--hadron-teal); }

.hadron-section-heading h2 {
    margin: 12px 0 14px;
    color: var(--hadron-ink);
    font-size: clamp(32px, 4.5vw, 53px);
    line-height: 1.05;
    letter-spacing: -.035em;
    text-transform: none;
}

.hadron-section-heading p {
    color: #597077;
    font-size: 17px;
    line-height: 1.65;
}

.hadron-calc-grid {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    gap: 22px;
}

.hadron-panel {
    border: 1px solid var(--hadron-line);
    border-radius: 14px;
    background: var(--hadron-white);
    box-shadow: 0 18px 45px rgba(18,49,57,.07);
}

.hadron-form { padding: 27px; }

.hadron-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.hadron-field {
    display: grid;
    gap: 7px;
    margin-bottom: 17px;
    color: #263e44;
    font-size: 13px;
    font-weight: 800;
}

.hadron-field input,
.hadron-field select {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid #b8cccf;
    border-radius: 7px;
    color: var(--hadron-ink);
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    box-shadow: none;
}

.hadron-input-wrap { position: relative; display: block; }
.hadron-input-wrap input { padding-right: 40px; }
.hadron-input-wrap em {
    position: absolute;
    top: 50%;
    right: 14px;
    color: #789095;
    font-style: normal;
    transform: translateY(-50%);
}

.hadron-rule-note {
    margin-top: 6px;
    padding: 14px;
    border-left: 3px solid var(--hadron-teal);
    border-radius: 4px;
    color: #587077;
    background: #eef8f8;
    font-size: 12px;
    line-height: 1.55;
}

.hadron-rule-note strong { display: block; color: var(--hadron-teal-dark); }

.hadron-preview {
    min-height: 520px;
    padding: 22px;
    overflow: hidden;
}

.hadron-preview__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.hadron-preview__top > div { display: grid; gap: 3px; }
.hadron-preview__top strong { color: var(--hadron-ink); font-size: 21px; }
.hadron-preview__label { color: #6a8388; font-size: 10px; font-weight: 800; letter-spacing: .14em; }

.hadron-live-dot {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 99px;
    color: #086850;
    background: #dcf8ea;
    font-size: 10px;
    font-weight: 900;
}

.hadron-live-dot::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #11a875; }

#hadron-diagram { width: 100%; min-height: 390px; margin-top: 8px; }
.hadron-svg-sign-text { fill: #0d5e66; font-size: 27px; font-weight: 300; letter-spacing: .15em; }
.hadron-svg-measure { fill: #3d5960; font-size: 17px; font-weight: 800; }
.hadron-svg-cc { fill: #0d7780; font-size: 14px; font-weight: 800; }
.hadron-svg-edge { fill: #617980; font-size: 13px; font-weight: 700; }

.hadron-diagram-help {
    margin: -5px 0 0;
    color: #789095;
    font-size: 11px;
    text-align: center;
}

.hadron-result {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    margin-top: 22px;
    border-radius: 14px;
    color: var(--hadron-white);
    background: var(--hadron-deep);
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(18,49,57,.14);
}

.hadron-result__lead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    min-height: 120px;
    padding: 26px 30px;
    background: linear-gradient(135deg, var(--hadron-teal-dark), var(--hadron-teal));
}

.hadron-result__lead span { color: rgba(255,255,255,.7); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.hadron-result__lead strong { color: #fff; font-size: clamp(23px, 3vw, 34px); }

.hadron-result__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.hadron-result__stats > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-height: 120px;
    padding: 20px;
    border-left: 1px solid rgba(255,255,255,.1);
}

.hadron-result small,
.hadron-result__bottom small { color: rgba(255,255,255,.58); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.hadron-result__stats strong { color: #fff; font-size: 20px; }

.hadron-result__bottom {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 26px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.hadron-result__bottom > div { display: grid; gap: 3px; }
.hadron-result__bottom strong { color: #fff; font-size: 16px; }
.hadron-result__bottom span { color: rgba(255,255,255,.62); font-size: 12px; }

.hadron-disclaimer {
    max-width: 920px;
    margin: 18px auto 0;
    color: #74898e;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
}

.hadron-range {
    padding: 86px 0;
    color: #fff;
    background: #0d2026 !important;
}

.hadron-section-heading--light h2 { color: #fff; }
.hadron-section-heading--light .hadron-eyebrow { color: #77cbd2; }

.hadron-range-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.hadron-range-card {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    text-decoration: none !important;
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.hadron-range-card:hover { transform: translateY(-4px); border-color: rgba(119,203,210,.65); background: rgba(13,119,128,.14); }
.hadron-range-card > span { color: #76c9d0; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.hadron-range-card > strong { margin-top: 18px; color: #fff; font-size: 27px; }
.hadron-range-card p { color: rgba(255,255,255,.63); line-height: 1.55; }
.hadron-range-card em { margin-top: auto; color: var(--hadron-gold); font-size: 12px; font-style: normal; font-weight: 800; }

.hadron-accessories {
    display: grid;
    grid-template-columns: repeat(3, 1fr) auto;
    align-items: center;
    gap: 1px;
    margin-top: 24px;
    border-radius: 11px;
    background: rgba(255,255,255,.12);
    overflow: hidden;
}

.hadron-accessories > div,
.hadron-accessories > a {
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 22px;
    color: #fff;
    background: #173139;
}

.hadron-accessories span { color: #6fc5cd; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.hadron-accessories strong { margin-top: 3px; color: #fff; font-size: 14px; }
.hadron-accessories > a { color: var(--hadron-gold) !important; font-size: 12px; font-weight: 800; text-decoration: none !important; }

.hadron-contact-note {
    display: grid;
    gap: 4px;
    margin-bottom: 15px;
    padding: 15px;
    border-left: 4px solid var(--hadron-teal);
    color: #4f6b70;
    background: #edf8f8;
}

.hadron-contact-note strong { color: var(--hadron-teal-dark); }

@media (max-width: 980px) {
    .hadron-hero__grid { grid-template-columns: 1fr; gap: 80px; padding: 75px 0 95px; }
    .hadron-hero__copy { max-width: 760px; }
    .hadron-hero__visual { width: min(620px, 90%); margin: 0 auto; }
    .hadron-calc-grid { grid-template-columns: 1fr; }
    .hadron-result { grid-template-columns: 1fr; }
    .hadron-result__stats { grid-template-columns: repeat(4, 1fr); }
    .hadron-accessories { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
    .hadron-shell { width: min(100% - 26px, 1180px); }
    .hadron-hero { min-height: auto; }
    .hadron-hero__grid { min-height: auto; padding: 62px 0 80px; }
    .hadron-hero__copy h1 { font-size: clamp(40px, 12vw, 59px); }
    .hadron-hero__copy > p { font-size: 16px; }
    .hadron-trust { display: grid; grid-template-columns: 1fr 1fr; }
    .hadron-hero__visual { width: 94%; }
    .hadron-demo-lamp { top: -46px; transform: scale(.82); }
    .hadron-calculator,
    .hadron-range { padding: 64px 0; }
    .hadron-form,
    .hadron-preview { padding: 18px; }
    .hadron-field-row { grid-template-columns: 1fr; gap: 0; }
    .hadron-preview { min-height: 410px; }
    #hadron-diagram { min-height: 300px; }
    .hadron-result__stats { grid-template-columns: 1fr 1fr; }
    .hadron-result__stats > div { min-height: 90px; border-bottom: 1px solid rgba(255,255,255,.1); }
    .hadron-result__bottom { align-items: stretch; flex-direction: column; }
    .hadron-range-grid { grid-template-columns: 1fr; }
    .hadron-range-card { min-height: 210px; }
    .hadron-accessories { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
    .hadron-actions { display: grid; }
    .hadron-trust { grid-template-columns: 1fr; }
    .hadron-preview__top strong { font-size: 17px; }
    .hadron-result__stats { grid-template-columns: 1fr 1fr; }
}

/* HADRON DRAFT END */


/* ARLEMARK LOGO – HADRON DRAFT */
.top_left_content img {
  width: 125px !important;
  max-width: 125px !important;
  height: auto !important;
}

.top-logo {
  position: relative;
  padding-top: 28px;
  padding-bottom: 12px;
  overflow: visible;
}

.top-logo .logo-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f8f9 100%);
  border: 1px solid rgba(22, 117, 133, .32);
  border-radius: 5px;
  box-shadow: 0 14px 34px rgba(6, 38, 44, .16), inset 0 0 30px rgba(255, 218, 91, .10);
}

.top-logo .logo-link::before {
  content: "";
  position: absolute;
  top: -28px;
  left: 7%;
  width: 86%;
  height: 38px;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 18% 6px, #0b1113 0 7px, transparent 8px),
    radial-gradient(ellipse at 50% 6px, #0b1113 0 7px, transparent 8px),
    radial-gradient(ellipse at 82% 6px, #0b1113 0 7px, transparent 8px),
    linear-gradient(108deg, transparent 8%, rgba(255, 222, 112, .26) 18%, transparent 30%),
    linear-gradient(90deg, transparent 38%, rgba(255, 222, 112, .24) 50%, transparent 62%),
    linear-gradient(72deg, transparent 70%, rgba(255, 222, 112, .26) 82%, transparent 92%);
}

.top-logo .logo-link::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 9px;
  box-shadow: 0 0 34px rgba(255, 214, 79, .16);
  pointer-events: none;
}

.top-logo .logo {
  position: relative;
  z-index: 1;
  width: min(42vw, 420px);
  max-width: 420px;
  height: auto;
}

@media (max-width: 720px) {
  .top_left_content img {
    width: 110px !important;
    max-width: 110px !important;
  }
}
/* ARLEMARK LOGO – HADRON DRAFT END */


/* HADRON HEADER REFINEMENT */
.top-logo {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfc 100%);
  padding-top: 24px;
  padding-bottom: 8px;
}
.top-logo .logo-link {
  padding: 12px 28px 10px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.top-logo .logo-link::after {
  inset: -26px -74px;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255, 220, 105, .19) 0%, rgba(255, 235, 174, .09) 37%, rgba(255, 255, 255, 0) 72%);
  box-shadow: none;
}
.top-logo .logo {
  width: min(39vw, 390px);
  max-width: 390px;
  filter: drop-shadow(0 8px 14px rgba(12, 61, 70, .08));
}
.menu > li:has(> a[href^="/ab-arlemark?"]),
#mobile-menu li:has(> a[href^="/ab-arlemark?"]) {
  display: none !important;
}
.menu-center .menu > li > a {
  letter-spacing: .08em;
  transition: color .18s ease, opacity .18s ease;
}
.menu-center .menu > li > a:hover {
  color: #157585;
}
@media (max-width: 720px) {
  .top-logo .logo {
    width: min(72vw, 340px);
  }
}
/* HADRON HEADER REFINEMENT END */


/* HADRON WORDMARK */
.hadron-wordmark {
  position: relative;
  display: inline-block;
  width: min(100%, 580px);
  min-height: 118px;
  margin: 10px auto 30px;
  padding: 12px 128px 25px 4px;
  color: #102c33;
  overflow: visible;
}
.hadron-wordmark__name {
  display: block;
  font-family: Poppins, Arial, sans-serif;
  font-size: clamp(58px, 8vw, 92px);
  font-weight: 750;
  line-height: .92;
  letter-spacing: -.065em;
  background: linear-gradient(105deg, #0b252c 0%, #157585 72%, #1b8fa0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hadron-wordmark sup {
  position: absolute;
  top: 10px;
  right: 105px;
  font-size: 13px;
  font-weight: 700;
  color: #157585;
}
.hadron-wordmark__tag {
  position: absolute;
  left: 9px;
  bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
  color: #65787c;
}
.hadron-wordmark__lamp {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 18px;
  width: 72px;
  height: 20px;
  border-radius: 5px 7px 7px 5px;
  background: linear-gradient(180deg, #19383f 0%, #071519 100%);
  transform: rotate(8deg);
  box-shadow: 0 9px 17px rgba(6, 28, 33, .25);
}
.hadron-wordmark__lamp::before {
  content: "";
  position: absolute;
  right: 37px;
  top: -10px;
  width: 83px;
  height: 4px;
  border-radius: 3px;
  background: #102c33;
  transform: rotate(-8deg);
  transform-origin: right center;
}
.hadron-wordmark__lamp::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: -3px;
  width: 20px;
  height: 6px;
  border-radius: 50%;
  background: #ffd84e;
  box-shadow: 0 0 13px rgba(255, 216, 78, .9);
}
.hadron-wordmark__beam {
  position: absolute;
  z-index: 1;
  top: 40px;
  right: -6px;
  width: 145px;
  height: 78px;
  background: linear-gradient(180deg, rgba(255, 221, 85, .60) 0%, rgba(255, 221, 85, .06) 100%);
  clip-path: polygon(70% 0, 100% 100%, 4% 100%);
  transform: rotate(5deg);
  filter: blur(.2px);
}

/* CLEARER LIGHT CONES OVER THE CENTRE LOGO */
.top-logo .logo-link::before {
  top: -20px;
  left: -4%;
  width: 108%;
  height: 132px;
  z-index: 2;
  background:
    radial-gradient(ellipse at 18% 6px, #0b1113 0 7px, transparent 8px),
    radial-gradient(ellipse at 50% 6px, #0b1113 0 7px, transparent 8px),
    radial-gradient(ellipse at 82% 6px, #0b1113 0 7px, transparent 8px),
    conic-gradient(from 0deg at 18% 7px, transparent 0deg 165deg, rgba(255, 221, 105, .17) 166deg 194deg, transparent 195deg 360deg),
    conic-gradient(from 0deg at 50% 7px, transparent 0deg 165deg, rgba(255, 221, 105, .16) 166deg 194deg, transparent 195deg 360deg),
    conic-gradient(from 0deg at 82% 7px, transparent 0deg 165deg, rgba(255, 221, 105, .17) 166deg 194deg, transparent 195deg 360deg);
  pointer-events: none;
}

/* COMPANY INTRO */
.arlemark-company {
  position: relative;
  padding: 86px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 16%, rgba(255, 216, 78, .16), transparent 29%),
    linear-gradient(135deg, #f4f9fa 0%, #ffffff 62%);
  border-top: 1px solid rgba(21, 117, 133, .12);
}
.arlemark-company::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -190px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(21, 117, 133, .11);
  border-radius: 50%;
}
.arlemark-company__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 68px;
  align-items: center;
}
.arlemark-company__copy h2 {
  max-width: 760px;
  margin: 12px 0 20px;
  color: #0b2b32;
  font-size: clamp(36px, 4.2vw, 58px);
  line-height: 1.06;
  letter-spacing: -.035em;
}
.arlemark-company__copy > p {
  max-width: 720px;
  margin: 0;
  color: #52676c;
  font-size: 17px;
  line-height: 1.75;
}
.arlemark-company__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
.arlemark-company .hadron-btn--ghost {
  color: #0b2b32;
  border-color: rgba(11, 43, 50, .22);
}
.arlemark-company__facts {
  display: grid;
  gap: 12px;
}
.arlemark-company__facts > div {
  display: grid;
  grid-template-columns: 122px 1fr;
  gap: 18px;
  align-items: center;
  min-height: 92px;
  padding: 20px 24px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(21, 117, 133, .12);
  border-radius: 14px;
  box-shadow: 0 14px 38px rgba(12, 58, 66, .07);
  backdrop-filter: blur(8px);
}
.arlemark-company__facts strong {
  color: #157585;
  font-size: 21px;
}
.arlemark-company__facts span {
  color: #53686d;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .arlemark-company__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 560px) {
  .hadron-wordmark {
    min-height: 92px;
    padding-right: 88px;
  }
  .hadron-wordmark__name {
    font-size: clamp(48px, 17vw, 68px);
  }
  .hadron-wordmark sup {
    right: 72px;
  }
  .hadron-wordmark__lamp {
    right: 4px;
    width: 56px;
  }
  .hadron-wordmark__beam {
    right: -14px;
    width: 112px;
  }
  .hadron-wordmark__tag {
    font-size: 8px;
    letter-spacing: .14em;
  }
  .arlemark-company {
    padding: 62px 0;
  }
  .arlemark-company__facts > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
/* HADRON WORDMARK + COMPANY INTRO END */


/* HADRON TM ALIGNMENT */
.hadron-wordmark__name { display: inline-block; }
.hadron-wordmark sup {
  position: static;
  display: inline-block;
  margin: 5px 0 0 7px;
  vertical-align: top;
}
/* HADRON TM ALIGNMENT END */


/* COMPANY CTA CONTRAST */
.arlemark-company .hadron-btn--ghost {
  color: #0b2b32 !important;
  background: transparent !important;
  border-color: rgba(11, 43, 50, .28) !important;
}
.arlemark-company .hadron-btn--ghost:hover {
  color: #ffffff !important;
  background: #0b2b32 !important;
}
/* COMPANY CTA CONTRAST END */

/* ARLEMARK PRESENTATION POLISH 2026 */
.hadron-wordmark {
  width: min(100%, 430px);
  min-height: 88px;
  margin: 4px auto 22px;
  padding: 8px 4px 22px;
}
.hadron-wordmark__name {
  font-size: clamp(52px, 6.5vw, 76px);
  font-weight: 760;
  letter-spacing: -.055em;
}
.hadron-wordmark__lamp,
.hadron-wordmark__beam {
  display: none !important;
}
.hadron-wordmark__tag {
  left: 8px;
  bottom: 2px;
  font-size: 9px;
  letter-spacing: .2em;
}
.hadron-wordmark sup {
  margin-left: 6px;
  color: #157585;
  font-size: 11px;
}

@media (min-width: 721px) {
  .top-logo {
    padding-top: 12px !important;
    padding-bottom: 5px !important;
  }
  .top-logo .logo-link {
    padding: 7px 18px 5px !important;
  }
  .top-logo .logo {
    width: min(29vw, 255px) !important;
    max-width: 255px !important;
  }
  .top-logo .logo-link::before {
    top: -12px !important;
    height: 84px !important;
    opacity: .72;
  }
  .top-logo .logo-link::after {
    inset: -14px -38px !important;
    opacity: .7;
  }
}

.arlemark-company {
  padding: 64px 0;
  background:
    linear-gradient(110deg, rgba(21, 117, 133, .055), transparent 44%),
    #ffffff;
  border-top: 1px solid rgba(21, 117, 133, .14);
}
.arlemark-company::after {
  display: none;
}
.arlemark-company__grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  gap: 48px;
}
.arlemark-company__copy h2 {
  max-width: 680px;
  margin: 10px 0 16px;
  font-size: clamp(34px, 3.7vw, 50px);
  line-height: 1.04;
}
.arlemark-company__copy > p {
  max-width: 740px;
  color: #465f65;
  font-size: 16px;
  line-height: 1.68;
}
.arlemark-company__actions {
  margin-top: 24px;
}
.arlemark-company__facts {
  gap: 9px;
}
.arlemark-company__facts > div {
  grid-template-columns: 118px 1fr;
  gap: 16px;
  min-height: 76px;
  padding: 16px 19px;
  border-radius: 9px;
  background: #f7fafb;
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease;
}
.arlemark-company__facts > div:hover {
  transform: translateX(3px);
  border-color: rgba(21, 117, 133, .32);
}
.arlemark-company__facts strong {
  font-size: 17px;
  letter-spacing: -.015em;
}
.arlemark-company__facts span {
  color: #4b6268;
  font-size: 13px;
}

@media (max-width: 900px) {
  .arlemark-company__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 560px) {
  .hadron-wordmark {
    width: min(100%, 330px);
    min-height: 76px;
    padding-right: 4px;
  }
  .hadron-wordmark__name {
    font-size: clamp(46px, 15vw, 62px);
  }
  .arlemark-company {
    padding: 48px 0;
  }
  .arlemark-company__facts > div {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}
/* ARLEMARK PRESENTATION POLISH 2026 END */

/* ARLEMARK COMPANY STORY 2026 */
.arlemark-story {
  margin: 0 calc(50% - 50vw);
  color: #102c33;
  background: #ffffff;
}
.arlemark-story__hero,
.arlemark-story__principles,
.arlemark-story__history,
.arlemark-story__cta {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}
.arlemark-story__hero {
  padding: 92px 0 70px;
}
.arlemark-story__hero h1 {
  max-width: 900px;
  margin: 13px 0 22px;
  color: #0b2b32;
  font-size: clamp(44px, 6vw, 78px);
  line-height: .99;
  letter-spacing: -.055em;
  text-transform: none;
}
.arlemark-story__hero > p {
  max-width: 830px;
  margin: 0;
  color: #50676c;
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.65;
}
.arlemark-story__principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  border: 1px solid rgba(21,117,133,.16);
  border-radius: 12px;
  background: rgba(21,117,133,.16);
  overflow: hidden;
}
.arlemark-story__principles > div {
  min-height: 255px;
  padding: 30px;
  background: #f7fafb;
}
.arlemark-story__principles span {
  color: #157585;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}
.arlemark-story__principles h2 {
  margin: 34px 0 13px;
  color: #0b2b32;
  font-size: 25px;
  line-height: 1.16;
}
.arlemark-story__principles p {
  color: #52676c;
  font-size: 14px;
  line-height: 1.65;
}
.arlemark-story__history {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 72px;
  padding: 92px 0;
}
.arlemark-story__history h2 {
  margin: 13px 0 0;
  color: #0b2b32;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.arlemark-story__history p {
  margin: 0 0 18px;
  color: #465f65;
  font-size: 16px;
  line-height: 1.75;
}
.arlemark-story__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 88px;
  padding: 38px 42px;
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(130deg, #0b2b32, #105d68);
}
.arlemark-story__cta span {
  color: #83d0d6;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.arlemark-story__cta h2 {
  margin: 7px 0 0;
  color: #ffffff;
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.1;
}
.arlemark-story__cta .hadron-actions {
  flex: 0 0 auto;
}
@media (max-width: 800px) {
  .arlemark-story__hero { padding: 64px 0 48px; }
  .arlemark-story__principles,
  .arlemark-story__history { grid-template-columns: 1fr; }
  .arlemark-story__principles > div { min-height: 0; }
  .arlemark-story__principles h2 { margin-top: 18px; }
  .arlemark-story__history { gap: 28px; padding: 64px 0; }
  .arlemark-story__cta {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 58px;
    padding: 30px;
  }
}
/* ARLEMARK COMPANY STORY 2026 END */

/* ARLEMARK READABILITY + LOGO REVEAL 2026 */
.top-logo .logo-link::before,
.top-logo .logo-link::after {
  display: none !important;
}
.top-logo {
  padding-top: 14px !important;
  padding-bottom: 7px !important;
}
.top-logo .logo-link {
  position: relative;
  min-width: 390px;
  padding: 9px 54px 6px !important;
  overflow: visible;
}
.top-logo .logo {
  position: relative;
  z-index: 3;
  width: min(32vw, 285px) !important;
  max-width: 285px !important;
  filter: drop-shadow(0 6px 10px rgba(12,61,70,.07));
}
.arlemark-logo-light {
  position: absolute;
  z-index: 4;
  top: 1px;
  display: block;
  width: 32px;
  height: 9px;
  border-radius: 6px 6px 4px 4px;
  opacity: 0;
  background: linear-gradient(180deg, #253c41 0%, #071316 100%);
  box-shadow: 0 4px 8px rgba(7,25,29,.2);
  pointer-events: none;
}
.arlemark-logo-light::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 14px;
  width: 4px;
  height: 7px;
  border-radius: 3px;
  background: #385157;
}
.arlemark-logo-light::after {
  content: "";
  position: absolute;
  top: 8px;
  width: 112px;
  height: 52px;
  opacity: .2;
  background: linear-gradient(180deg, rgba(255,224,119,.68), rgba(255,239,182,.05));
  filter: blur(.2px);
}
.arlemark-logo-light--left {
  left: 13%;
  transform: translateX(-110px) rotate(7deg);
}
.arlemark-logo-light--left::after {
  left: 8px;
  clip-path: polygon(0 0, 15% 100%, 100% 100%);
}
.arlemark-logo-light--right {
  right: 13%;
  transform: translateX(110px) rotate(-7deg);
}
.arlemark-logo-light--right::after {
  right: 8px;
  clip-path: polygon(100% 0, 0 100%, 85% 100%);
}
.arlemark-logo-lighting-ready .arlemark-logo-light--left {
  animation: arlemark-light-left 1.05s cubic-bezier(.2,.8,.2,1) .2s forwards;
}
.arlemark-logo-lighting-ready .arlemark-logo-light--right {
  animation: arlemark-light-right 1.05s cubic-bezier(.2,.8,.2,1) .32s forwards;
}
@keyframes arlemark-light-left {
  0% { opacity: 0; transform: translateX(-110px) rotate(7deg); }
  72% { opacity: 1; transform: translateX(5px) rotate(-5deg); }
  100% { opacity: 1; transform: translateX(0) rotate(-3deg); }
}
@keyframes arlemark-light-right {
  0% { opacity: 0; transform: translateX(110px) rotate(-7deg); }
  72% { opacity: 1; transform: translateX(-5px) rotate(5deg); }
  100% { opacity: 1; transform: translateX(0) rotate(3deg); }
}

.arlemark-story__hero,
.arlemark-story__principles,
.arlemark-story__focus,
.arlemark-story__history,
.arlemark-story__cta {
  width: min(1120px, calc(100% - 40px));
}
.arlemark-story__hero {
  padding: 52px 0 38px;
}
.arlemark-story__hero h1 {
  margin: 10px 0 18px;
  font-size: clamp(42px, 5.2vw, 68px);
}
.arlemark-story__hero > p {
  max-width: 930px;
  color: #344f55;
  font-size: 20px !important;
  line-height: 1.62;
}
.arlemark-story__principles::before,
.arlemark-story__principles::after {
  display: none !important;
  content: none !important;
}
.arlemark-story__principles {
  grid-template-rows: auto;
}
.arlemark-story__principles > div {
  min-height: 225px;
  padding: 30px 31px;
}
.arlemark-story__principles h2 {
  margin: 25px 0 12px;
  font-size: 27px !important;
}
.arlemark-story__principles p {
  color: #3e595f;
  font-size: 17px !important;
  line-height: 1.65;
}
.arlemark-story__focus {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 72px;
  margin: 0 auto;
  padding: 58px 0 18px;
}
.arlemark-story__focus h2 {
  margin: 12px 0 0;
  color: #0b2b32;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.06;
  letter-spacing: -.04em;
}
.arlemark-story__focus p {
  margin: 0 0 17px;
  color: #3e595f;
  font-size: 18px !important;
  line-height: 1.72;
}
.arlemark-story__history {
  gap: 72px;
  padding: 52px 0 58px;
  border-top: 1px solid rgba(21,117,133,.13);
}
.arlemark-story__history p {
  color: #3e595f;
  font-size: 18px !important;
  line-height: 1.72;
}
.arlemark-story__cta {
  margin-bottom: 64px;
}
@media (max-width: 800px) {
  .top-logo .logo-link {
    min-width: 0;
    padding: 8px 34px 5px !important;
  }
  .top-logo .logo {
    width: min(66vw, 270px) !important;
  }
  .arlemark-logo-light {
    transform: none !important;
    animation: none !important;
    opacity: .9;
  }
  .arlemark-logo-light::after {
    opacity: .13;
  }
  .arlemark-story__hero {
    padding: 42px 0 30px;
  }
  .arlemark-story__hero > p {
    font-size: 18px !important;
  }
  .arlemark-story__focus,
  .arlemark-story__history {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .arlemark-story__focus {
    padding: 44px 0 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .arlemark-logo-light {
    transform: none !important;
    animation: none !important;
    opacity: 1;
  }
}
/* ARLEMARK READABILITY + LOGO REVEAL 2026 END */

/* COMPANY PRINCIPLES SPACING FIX */
.arlemark-story__principles {
  padding: 0 !important;
}
/* COMPANY PRINCIPLES SPACING FIX END */

/* ARLEMARK CLEAN LOAD + COMPACT HEADER 2026 */
body:has(.breadcrumb a[href*="/sidor/om-arlemark"]) .qb-custom-wrapper {
  visibility: hidden;
  opacity: 0;
}
body.arlemark-story-ready:has(.breadcrumb a[href*="/sidor/om-arlemark"]) .qb-custom-wrapper {
  visibility: visible;
  opacity: 1;
  transition: opacity .14s ease;
}
body:has(.breadcrumb a[href*="/stralkastare-reklamskylt"]) img[src*="hadronloggo"] {
  display: none !important;
}

.arlemark-logo-lighting-ready .arlemark-logo-light--left {
  animation-name: arlemark-light-left, arlemark-sway-left;
  animation-duration: 1.05s, 3.8s;
  animation-delay: .2s, 1.4s;
  animation-timing-function: cubic-bezier(.2,.8,.2,1), ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-direction: normal, alternate;
  animation-fill-mode: forwards, both;
}
.arlemark-logo-lighting-ready .arlemark-logo-light--right {
  animation-name: arlemark-light-right, arlemark-sway-right;
  animation-duration: 1.05s, 4.1s;
  animation-delay: .32s, 1.52s;
  animation-timing-function: cubic-bezier(.2,.8,.2,1), ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-direction: normal, alternate;
  animation-fill-mode: forwards, both;
}
@keyframes arlemark-sway-left {
  from { opacity: 1; transform: translateY(0) rotate(-3deg); }
  to { opacity: 1; transform: translateY(-2px) rotate(.5deg); }
}
@keyframes arlemark-sway-right {
  from { opacity: 1; transform: translateY(0) rotate(3deg); }
  to { opacity: 1; transform: translateY(-2px) rotate(-.5deg); }
}

@media (min-width: 992px) {
  .top-panel,
  .sticky-container {
    display: none !important;
  }
  .top-logo {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
  }
  .menu-center {
    min-height: 46px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #edf1f2;
  }
  .menu-center > .menu {
    margin: 0;
  }
  .arlemark-menu-tools {
    position: absolute;
    top: 50%;
    right: max(24px, calc((100vw - 1260px) / 2));
    display: flex !important;
    align-items: center;
    gap: 3px;
    float: none !important;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
  }
  .arlemark-menu-tools .login-icon,
  .arlemark-menu-tools .top-search,
  .arlemark-menu-tools .top-bar-cart,
  .arlemark-menu-tools .dropdown-search,
  .arlemark-menu-tools .cartMenu {
    float: none !important;
    display: block !important;
    margin: 0 !important;
  }
  .arlemark-menu-tools .loginlink,
  .arlemark-menu-tools .dropdown-toggle-search,
  .arlemark-menu-tools .cartMenu > a.cart {
    min-width: 40px;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 9px !important;
    border-radius: 6px;
    color: #18383f !important;
    background: transparent;
    font-size: 13px;
    text-decoration: none !important;
    transition: color .16s ease, background .16s ease;
  }
  .arlemark-menu-tools .loginlink:hover,
  .arlemark-menu-tools .dropdown-toggle-search:hover,
  .arlemark-menu-tools .cartMenu > a.cart:hover {
    color: #0f7480 !important;
    background: #eef7f8;
  }
  .arlemark-menu-tools .arlemark-tool-label {
    color: inherit;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .arlemark-menu-tools .top-bar-cart-icon {
    position: relative;
  }
  .arlemark-menu-tools .top-bar-cart-total {
    position: absolute;
    z-index: 5;
    top: -4px;
    right: -2px;
    min-width: 16px;
    height: 16px;
    display: grid !important;
    place-items: center;
    padding: 0 4px;
    border-radius: 10px;
    color: #ffffff;
    background: #157585;
    font-size: 9px;
    line-height: 16px;
  }
  .arlemark-menu-tools .dropdown-menu {
    top: calc(100% + 7px);
  }
}
@media (min-width: 992px) and (max-width: 1140px) {
  .arlemark-menu-tools .arlemark-tool-label {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .arlemark-logo-lighting-ready .arlemark-logo-light {
    animation: none !important;
    opacity: 1;
  }
}
/* ARLEMARK CLEAN LOAD + COMPACT HEADER 2026 END */

/* REMOVE DESKTOP HEADER RESERVATION */
@media (min-width: 992px) {
  .top-bar > .nav-menu.sticky-nav {
    padding-top: 0 !important;
  }
}
/* REMOVE DESKTOP HEADER RESERVATION END */

/* ARLEMARK LEFT LOGO HEADER 2026 */
.arlemark-logo-light {
  display: none !important;
}
@media (min-width: 992px) {
  .top-bar > .nav-menu.sticky-nav {
    position: relative;
    height: 66px;
    min-height: 66px;
    padding: 0 !important;
    background: #ffffff;
  }
  .top-bar > .nav-menu.sticky-nav > div,
  .top-bar > .nav-menu.sticky-nav > div > .hidden-xs.hidden-sm {
    height: 66px;
  }
  .top-logo {
    position: absolute !important;
    z-index: 20;
    top: 8px;
    left: max(28px, calc((100vw - 1320px) / 2));
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible;
  }
  .top-logo .logo-link {
    min-width: 0 !important;
    display: flex !important;
    align-items: center;
    padding: 9px 14px 8px !important;
    border: 1px solid rgba(15,93,104,.15) !important;
    border-radius: 7px 7px 10px 10px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 10px 26px rgba(8,42,48,.13) !important;
  }
  .top-logo .logo {
    width: 205px !important;
    max-width: 205px !important;
    height: auto !important;
    filter: none !important;
  }
  body.arlemark-hadron-home .top-logo {
    top: 10px;
  }
  .menu-center {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 66px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(7,35,40,.11);
  }
  .menu-center > .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 66px;
    margin: 0 !important;
    padding: 0 !important;
  }
  .menu-center > .menu > li > a {
    display: flex;
    align-items: center;
    min-height: 66px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .arlemark-menu-tools {
    right: max(28px, calc((100vw - 1320px) / 2)) !important;
    gap: 10px !important;
    white-space: nowrap;
  }
  .arlemark-menu-tools .login-icon,
  .arlemark-menu-tools .top-search,
  .arlemark-menu-tools .top-bar-cart {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  .arlemark-menu-tools .loginlink,
  .arlemark-menu-tools .dropdown-toggle-search,
  .arlemark-menu-tools .cartMenu > a.cart {
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    gap: 7px !important;
    padding: 0 10px !important;
    border: 1px solid transparent;
    line-height: 1 !important;
  }
  .arlemark-menu-tools i.fa {
    width: 15px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: center;
  }
  .arlemark-menu-tools .arlemark-tool-label {
    display: inline-block;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  .arlemark-menu-tools .top-bar-cart-icon,
  .arlemark-menu-tools .navbar,
  .arlemark-menu-tools .navbar-nav {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .arlemark-menu-tools .top-bar-cart-total {
    top: -6px !important;
    right: -5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1180px) {
  .top-logo {
    left: 18px;
  }
  .top-logo .logo {
    width: 175px !important;
    max-width: 175px !important;
  }
  .arlemark-menu-tools {
    right: 16px !important;
  }
  .arlemark-menu-tools .arlemark-tool-label {
    display: none !important;
  }
}
/* ARLEMARK LEFT LOGO HEADER 2026 END */

/* LOCK COMPACT DESKTOP MENU POSITION */
@media (min-width: 992px) {
  .menu-center.stickytop {
    top: 0 !important;
    margin-top: 0 !important;
  }
}
/* LOCK COMPACT DESKTOP MENU POSITION END */

/* ARLEMARK FINAL VISUAL REFINEMENT 2026 */

.hadron-view-switch {
  display: inline-flex;
  gap: 4px;
  margin: 20px 0 8px;
  padding: 4px;
  border: 1px solid rgba(21,117,133,.15);
  border-radius: 9px;
  background: #eef6f7;
}

.hadron-view-switch button {
  min-width: 104px;
  height: 35px;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  color: #506a70;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: .18s ease;
}

.hadron-view-switch button:hover {
  color: #0f6671;
}

.hadron-view-switch button.is-active {
  color: #fff;
  background: #126f7b;
  box-shadow: 0 5px 13px rgba(12,91,102,.2);
}

.hadron-preview .is-hidden {
  display: none !important;
}

.arlemark-measure-line {
  stroke: #4d6a70;
  stroke-width: 2;
}

.arlemark-cc-line {
  stroke: #0d7780;
  stroke-width: 2;
  stroke-dasharray: 5 5;
}

.hadron-perspective {
  position: relative;
  min-height: 390px;
  margin-top: 5px;
  overflow: hidden;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 28%, rgba(72,171,180,.18), transparent 37%),
    linear-gradient(180deg, #edf7f8 0%, #dceced 66%, #cbdfe1 100%);
  box-shadow: inset 0 0 0 1px rgba(21,117,133,.09);
}

.hadron-3d-stage {
  position: absolute;
  inset: 0;
  perspective: 1050px;
  transform-style: preserve-3d;
  overflow: hidden;
}

.hadron-3d-floor {
  position: absolute;
  z-index: 0;
  left: -12%;
  right: -12%;
  bottom: -31%;
  height: 58%;
  background:
    linear-gradient(rgba(33,85,91,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33,85,91,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(55,104,110,.12));
  background-size: 38px 38px, 38px 38px, auto;
  transform: rotateX(68deg);
  transform-origin: center top;
}

.hadron-3d-sign {
  position: absolute;
  z-index: 2;
  top: 138px;
  left: 11%;
  width: 78%;
  height: 172px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(36,103,111,.68);
  border-radius: 8px;
  color: rgba(255,255,255,.94);
  background:
    linear-gradient(120deg, rgba(255,255,255,.17), transparent 31%),
    linear-gradient(145deg, #387c82, #153d44 64%, #0d2c32);
  box-shadow:
    24px 28px 42px rgba(17,55,62,.24),
    inset 0 0 44px rgba(8,34,40,.22);
  transform: rotateX(3deg) rotateY(-8deg);
}

.hadron-3d-sign::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 4px;
}

.hadron-3d-sign span {
  position: relative;
  z-index: 2;
  font-size: clamp(25px,4.2vw,48px);
  font-weight: 300;
  letter-spacing: .16em;
  text-shadow: 0 3px 14px rgba(0,0,0,.24);
}

.hadron-3d-rig {
  position: absolute;
  z-index: 5;
  top: 31px;
  left: 12%;
  width: 72%;
  height: 104px;
  transform: rotateY(-8deg);
  transform-origin: center bottom;
}

.hadron-3d-lamp {
  position: absolute;
  top: 0;
  width: 58px;
  height: 70px;
  transform: translateX(-50%);
}

.hadron-3d-stag {
  position: absolute;
  z-index: 1;
  top: -19px;
  left: 28px;
  width: 4px;
  height: 51px;
  border-radius: 4px;
  background: linear-gradient(90deg, #62777b, #20383d 70%);
  box-shadow: 1px 2px 5px rgba(0,0,0,.18);
}

.hadron-3d-lamp img {
  position: absolute;
  z-index: 4;
  top: 13px;
  left: 0;
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 7px 8px rgba(7,29,33,.28));
  transform: rotate(-3deg);
}

.hadron-3d-beam {
  position: absolute;
  z-index: 3;
  top: 55px;
  left: 50%;
  width: 130px;
  height: 238px;
  opacity: .52;
  background: linear-gradient(
    180deg,
    rgba(255,224,102,.82),
    rgba(255,244,184,.16) 78%,
    transparent
  );
  clip-path: polygon(46% 0,54% 0,100% 100%,0 100%);
  transform: translateX(-50%);
  pointer-events: none;
}

.hadron-3d-lamp:nth-child(even) .hadron-3d-beam {
  opacity: .46;
}

.hadron-preview {
  min-height: 555px;
  background: linear-gradient(180deg,#fff,#fbfdfd);
}

.hadron-diagram-help {
  margin-top: 11px;
  color: #617b80;
  font-size: 12px;
  line-height: 1.5;
}

/* Modern företagspresentation */

.arlemark-story-modern .arlemark-story {
  background:
    linear-gradient(
      180deg,
      #fff 0,
      #fff 560px,
      #f5f9f9 560px,
      #f5f9f9 100%
    );
}

.arlemark-story-modern .arlemark-story__hero,
.arlemark-story-modern .arlemark-story__timeline,
.arlemark-story-modern .arlemark-story__focus,
.arlemark-story-modern .arlemark-story__principles,
.arlemark-story-modern .arlemark-story__cta {
  width: min(1120px,calc(100% - 40px));
  margin-right: auto;
  margin-left: auto;
}

.arlemark-story__hero--visual {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(390px,.95fr);
  gap: 58px;
  align-items: center;
  padding: 58px 0 48px !important;
}

.arlemark-story__hero-copy h1 {
  max-width: 680px;
  margin: 11px 0 20px;
  color: #092b32;
  font-size: clamp(43px,5.3vw,70px);
  line-height: 1;
  letter-spacing: -.052em;
  text-transform: none;
}

.arlemark-story__hero-copy > p {
  max-width: 710px;
  margin: 0;
  color: #37545a;
  font-size: 19px;
  line-height: 1.68;
}

.arlemark-story__visual {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  border: 1px solid rgba(21,117,133,.2);
  border-radius: 16px;
  background:
    radial-gradient(circle at 75% 66%, rgba(255,221,93,.20), transparent 23%),
    linear-gradient(140deg,#e9f5f5,#c9e1e2 52%,#a9cfd1);
  box-shadow: 0 25px 60px rgba(12,63,71,.14);
}

.arlemark-story__visual::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 47%;
  right: -1%;
  width: 64%;
  height: 48%;
  opacity: .43;
  background: linear-gradient(90deg,transparent,rgba(255,224,104,.65));
  clip-path: polygon(0 45%,100% 0,100% 100%);
}

.arlemark-story__since {
  position: absolute;
  z-index: 4;
  top: 28px;
  left: 30px;
  display: grid;
  color: #2e6067;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}

.arlemark-story__since strong {
  margin-top: 2px;
  color: #0b5963;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -.04em;
}

.arlemark-story__visual img {
  position: absolute;
  z-index: 5;
  right: 22px;
  bottom: 7px;
  width: min(54%,235px);
  height: auto;
  filter: drop-shadow(0 18px 17px rgba(11,50,56,.28));
  transform: rotate(-4deg);
}

.arlemark-material {
  position: absolute;
  z-index: 3;
  border: 1px solid rgba(255,255,255,.67);
  box-shadow: 0 12px 28px rgba(21,85,93,.10);
}

.arlemark-material--glass {
  left: 33px;
  bottom: 39px;
  width: 112px;
  height: 112px;
  border-radius: 60% 40% 55% 45%;
  background:
    linear-gradient(145deg,rgba(255,255,255,.62),rgba(56,149,158,.12));
  transform: rotate(18deg);
}

.arlemark-material--plastic {
  left: 118px;
  bottom: 28px;
  width: 106px;
  height: 142px;
  border-radius: 12px 60px 16px 50px;
  background:
    linear-gradient(145deg,rgba(29,121,132,.54),rgba(255,255,255,.16));
  transform: rotate(-12deg);
}

.arlemark-history-line {
  position: absolute;
  z-index: 2;
  left: 36%;
  bottom: 72px;
  width: 41%;
  height: 2px;
  background: linear-gradient(90deg,#498f96,rgba(73,143,150,.08));
  transform: rotate(-12deg);
}

.arlemark-history-line::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f4c94d;
  box-shadow: 0 0 18px rgba(244,201,77,.8);
}

.arlemark-story__timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  padding: 20px 0 58px;
}

.arlemark-story__timeline::before {
  content: "";
  position: absolute;
  top: 35px;
  right: 8%;
  left: 8%;
  height: 2px;
  background: linear-gradient(90deg,#157585,#76b8bd,#efc84f);
}

.arlemark-story__timeline article {
  position: relative;
  z-index: 2;
  min-height: 215px;
  padding: 33px 27px 25px;
  border: 1px solid rgba(21,117,133,.15);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 30px rgba(14,63,70,.06);
}

.arlemark-story__timeline article::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 26px;
  width: 12px;
  height: 12px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #157585;
  box-shadow: 0 0 0 1px rgba(21,117,133,.24);
}

.arlemark-story__timeline article:last-child::before {
  background: #e6bd39;
}

.arlemark-story__timeline article > span {
  color: #157585;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
}

.arlemark-story__timeline h2 {
  margin: 25px 0 10px;
  color: #0b2b32;
  font-size: 25px;
  line-height: 1.12;
}

.arlemark-story__timeline p {
  margin: 0;
  color: #415d63;
  font-size: 16px;
  line-height: 1.63;
}

.arlemark-story-modern .arlemark-story__focus {
  gap: 62px;
  padding: 52px 0 48px;
  border-top: 1px solid rgba(21,117,133,.14);
}

.arlemark-story-modern .arlemark-story__focus p {
  font-size: 17px !important;
}

.arlemark-story-modern .arlemark-story__principles {
  margin-bottom: 52px;
  border-color: rgba(21,117,133,.15);
  border-radius: 12px;
}

.arlemark-story-modern .arlemark-story__principles > div {
  min-height: 215px;
  padding: 27px 29px;
}

.arlemark-story-modern .arlemark-story__principles h2 {
  margin-top: 22px;
  font-size: 25px !important;
}

.arlemark-story-modern .arlemark-story__principles p {
  font-size: 16px !important;
}

.arlemark-story-modern .arlemark-story__cta {
  margin-bottom: 58px;
}

/* Säkerställ att gamla logolampor förblir borttagna */

.top-logo .arlemark-logo-light,
.top-logo .logo-link::before,
.top-logo .logo-link::after,
.hadron-wordmark__lamp,
.hadron-wordmark__beam {
  display: none !important;
  content: none !important;
}

@media (max-width:900px) {
  .arlemark-story__hero--visual {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 44px !important;
  }

  .arlemark-story__visual {
    min-height: 300px;
  }

  .arlemark-story__timeline {
    grid-template-columns: 1fr;
  }

  .arlemark-story__timeline::before {
    display: none;
  }

  .arlemark-story__timeline article {
    min-height: 0;
  }
}

@media (max-width:720px) {
  .hadron-view-switch {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .hadron-view-switch button {
    min-width: 0;
  }

  .hadron-preview {
    min-height: 480px;
  }

  .hadron-perspective {
    min-height: 320px;
  }

  .hadron-3d-sign {
    top: 122px;
    left: 8%;
    width: 84%;
    height: 145px;
  }

  .hadron-3d-rig {
    left: 10%;
    width: 78%;
  }

  .hadron-3d-lamp {
    width: 44px;
    transform: translateX(-50%) scale(.88);
  }

  .hadron-3d-beam {
    height: 205px;
  }

  .arlemark-story__hero-copy h1 {
    font-size: clamp(40px,12vw,57px);
  }

  .arlemark-story__hero-copy > p {
    font-size: 17px;
  }

  .arlemark-story__visual {
    min-height: 270px;
  }

  .arlemark-story__since {
    top: 22px;
    left: 22px;
  }

  .arlemark-story__since strong {
    font-size: 35px;
  }

  .arlemark-material--glass {
    left: 20px;
    bottom: 30px;
    width: 86px;
    height: 86px;
  }

  .arlemark-material--plastic {
    left: 76px;
    bottom: 24px;
    width: 84px;
    height: 112px;
  }

  .arlemark-story__visual img {
    right: 10px;
    width: min(57%,190px);
  }

  .arlemark-story__timeline {
    padding-bottom: 42px;
  }

  .arlemark-story-modern .arlemark-story__focus {
    grid-template-columns: 1fr;
    gap: 23px;
    padding: 42px 0;
  }

  .arlemark-story-modern .arlemark-story__principles {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .hadron-view-switch button,
  .hadron-3d-lamp img {
    transition: none !important;
  }
}

/* ARLEMARK FINAL VISUAL REFINEMENT 2026 END */

/* ARLEMARK FUNCTION + VISUAL CLEANUP 2026 - paste once at end of styles.css */

/* Use the clear technical drawing instead of the decorative perspective view */
.hadron-view-switch,
.hadron-perspective {
  display: none !important;
}
#hadron-diagram {
  display: block !important;
  min-height: 430px;
  margin-top: 14px;
}
.hadron-stag-line {
  stroke: #37575d;
  stroke-width: 4;
  stroke-linecap: round;
}
.hadron-dimension-line,
.hadron-mount-line,
.hadron-width-line {
  fill: none;
  stroke: #126f7b;
  stroke-width: 2;
}
.hadron-dimension-badge {
  fill: #126f7b;
  filter: drop-shadow(0 5px 7px rgba(12,78,88,.19));
}
.hadron-dimension-text {
  fill: #ffffff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .08em;
}
.hadron-mount-text {
  fill: #0b5963;
  font-size: 15px;
  font-weight: 800;
}
.hadron-mount-subtext {
  fill: #557178;
  font-size: 12px;
  font-weight: 700;
}

/* Cleaner result panel */
.hadron-result {
  grid-template-columns: 1.05fr 2.35fr;
  border: 1px solid rgba(62,159,168,.31);
  border-radius: 16px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 10%, rgba(65,174,184,.18), transparent 30%),
    linear-gradient(135deg, #0b3037, #113f47 58%, #0c2a30);
  box-shadow: 0 24px 55px rgba(8,48,55,.20);
}
.hadron-result__lead {
  position: relative;
  min-height: 132px;
  padding: 27px 30px;
  background: linear-gradient(145deg, #126f7b, #0d525d);
}
.hadron-result__lead::after {
  content: '';
  position: absolute;
  right: 26px;
  bottom: 20px;
  width: 54px;
  height: 3px;
  border-radius: 3px;
  background: #f0c94d;
}
.hadron-result__lead strong {
  font-size: clamp(24px, 2.6vw, 34px);
  letter-spacing: -.025em;
}
.hadron-result__stats {
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: rgba(255,255,255,.09);
}
.hadron-result__stats > div {
  min-height: 132px;
  padding: 20px 16px;
  border: 0;
  background: rgba(255,255,255,.025);
}
.hadron-result__stats > div:hover {
  background: rgba(255,255,255,.055);
}
.hadron-result__stats strong {
  font-size: 18px;
  line-height: 1.25;
}
.hadron-result__stats .hadron-mount-stat strong {
  color: #f5d565;
  font-size: 15px;
}
.hadron-environment-note {
  grid-column: 1 / -1;
  padding: 13px 26px;
  border-top: 1px solid rgba(255,255,255,.09);
  color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.025);
  font-size: 12px;
  line-height: 1.55;
}
.hadron-result__bottom {
  background: rgba(1,20,24,.13);
}
.hadron-result__bottom > div {
  max-width: 760px;
}
.hadron-result__bottom strong {
  color: #f4d362;
}
.hadron-mount-field select {
  border-color: rgba(18,111,123,.48);
  background: #f3fafb;
}

/* Other lighting landing page */
.arlemark-other-lighting {
  margin: 0 calc(50% - 50vw);
  color: #102f36;
  background: #f4f8f8;
}
.arlemark-other-hero {
  padding: 74px 0 66px;
  color: #ffffff;
  background:
    radial-gradient(circle at 84% 18%, rgba(84,186,194,.25), transparent 31%),
    linear-gradient(130deg, #092b32, #104e58 66%, #126c76);
}
.arlemark-other-hero .hadron-eyebrow {
  color: #77cbd2;
}
.arlemark-other-hero h1 {
  max-width: 850px;
  margin: 12px 0 20px;
  color: #ffffff;
  font-size: clamp(43px, 5.5vw, 72px);
  line-height: 1;
  letter-spacing: -.05em;
  text-transform: none;
}
.arlemark-other-hero p {
  max-width: 850px;
  margin: 0;
  color: rgba(255,255,255,.77);
  font-size: 18px;
  line-height: 1.7;
}
.arlemark-other-products {
  padding: 72px 0 62px;
}
.arlemark-other-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}
.arlemark-other-heading h2 {
  margin: 9px 0 0;
  color: #0b2b32;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -.04em;
  text-transform: none;
}
.arlemark-other-heading > a {
  color: #126f7b;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.arlemark-light-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.arlemark-light-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 17px 17px 22px;
  border: 1px solid rgba(21,117,133,.14);
  border-radius: 13px;
  color: #15383f !important;
  background: #ffffff;
  box-shadow: 0 15px 34px rgba(11,58,66,.07);
  text-decoration: none !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.arlemark-light-card:hover {
  transform: translateY(-4px);
  border-color: rgba(21,117,133,.36);
  box-shadow: 0 22px 42px rgba(11,58,66,.12);
}
.arlemark-light-card__image {
  aspect-ratio: 1.25 / 1;
  display: grid;
  place-items: center;
  margin-bottom: 19px;
  overflow: hidden;
  border-radius: 9px;
  background: linear-gradient(145deg, #eef5f5, #ffffff);
}
.arlemark-light-card__image img {
  width: 88%;
  height: 88%;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform .2s ease;
}
.arlemark-light-card:hover img {
  transform: scale(1.04);
}
.arlemark-light-card > span {
  color: #157585;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.arlemark-light-card h3 {
  margin: 8px 0 9px;
  color: #0b2b32;
  font-size: 21px;
  line-height: 1.18;
}
.arlemark-light-card p {
  margin: 0 0 20px;
  color: #536a70;
  font-size: 14px;
  line-height: 1.55;
}
.arlemark-light-card em {
  margin-top: auto;
  color: #126f7b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.arlemark-other-groups {
  padding: 0 0 68px;
}
.arlemark-other-groups .hadron-shell {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.arlemark-other-groups a {
  display: grid;
  gap: 5px;
  padding: 24px 25px;
  border: 1px solid rgba(21,117,133,.13);
  border-radius: 10px;
  color: #0b2b32 !important;
  background: #ffffff;
  text-decoration: none !important;
}
.arlemark-other-groups strong {
  font-size: 18px;
}
.arlemark-other-groups span {
  color: #5a7176;
  font-size: 13px;
}
.arlemark-lamptime-section {
  padding: 58px 0;
  color: #ffffff;
  background: linear-gradient(125deg, #17353c, #1f4a52);
}
.arlemark-lamptime-section__grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
}
.arlemark-lamptime-section .hadron-eyebrow {
  color: #75c6cd;
}
.arlemark-lamptime-section h2 {
  max-width: 760px;
  margin: 10px 0 13px;
  color: #ffffff;
  font-size: clamp(30px, 3.6vw, 45px);
  line-height: 1.06;
  letter-spacing: -.035em;
  text-transform: none;
}
.arlemark-lamptime-section p {
  max-width: 800px;
  margin: 0;
  color: rgba(255,255,255,.69);
  font-size: 15px;
  line-height: 1.67;
}

/* Give old category, product and search pages the new visual frame */
.arlemark-modern-subpage .main-container {
  padding-top: 34px;
  padding-bottom: 58px;
}
.arlemark-modern-subpage .breadcrumb {
  color: #6a8287;
  background: #f3f7f7;
}
.arlemark-modern-subpage h1,
.arlemark-modern-subpage .collection-header h1 {
  color: #0b2b32;
  font-size: clamp(32px, 4vw, 48px);
  letter-spacing: -.035em;
  text-transform: none;
}
.arlemark-modern-subpage .product-item,
.arlemark-modern-subpage .product-box,
.arlemark-modern-subpage .thumbnail {
  border-color: rgba(21,117,133,.13) !important;
  border-radius: 10px !important;
  background: #ffffff;
  box-shadow: 0 11px 28px rgba(11,58,66,.06);
}

@media (max-width: 1040px) {
  .hadron-result__stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .arlemark-light-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  #hadron-diagram {
    min-height: 330px;
  }
  .hadron-result {
    grid-template-columns: 1fr;
  }
  .hadron-result__stats {
    grid-template-columns: 1fr 1fr;
  }
  .hadron-result__stats > div {
    min-height: 90px;
  }
  .hadron-mount-stat {
    grid-column: 1 / -1;
  }
  .arlemark-other-hero {
    padding: 54px 0;
  }
  .arlemark-other-hero p {
    font-size: 16px;
  }
  .arlemark-other-products {
    padding: 52px 0 45px;
  }
  .arlemark-other-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .arlemark-light-grid,
  .arlemark-other-groups .hadron-shell {
    grid-template-columns: 1fr;
  }
  .arlemark-lamptime-section__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* ARLEMARK FUNCTION + VISUAL CLEANUP 2026 EN

/* Codex readability fix for Hadron draft - 2026-08-21 */
:root {
  --codex-lamptime-ink: #17201c;
  --codex-lamptime-muted: #52615b;
  --codex-lamptime-deep: #101815;
  --codex-lamptime-accent: #f2bd4b;
}

body {
  color: var(--codex-lamptime-ink);
  letter-spacing: 0;
}

main p,
section p,
article p,
.rte,
.text,
.description {
  line-height: 1.65;
}

.hero,
.hero-section,
.hero-banner,
.startpage-hero,
.startpage_banner,
.banner,
[class*="hero"],
[class*="Hero"] {
  color: #fff !important;
}

.hero h1,
.hero-section h1,
.hero-banner h1,
.startpage-hero h1,
.startpage_banner h1,
.banner h1,
[class*="hero"] h1,
[class*="Hero"] h1 {
  color: #fff !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  max-width: 12ch;
}

.hero p,
.hero-section p,
.hero-banner p,
.startpage-hero p,
.startpage_banner p,
.banner p,
[class*="hero"] p,
[class*="Hero"] p {
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.55 !important;
  max-width: 62ch;
}

.hero a,
.hero button,
.hero-section a,
.hero-section button,
.hero-banner a,
.hero-banner button,
.startpage-hero a,
.startpage-hero button,
.startpage_banner a,
.startpage_banner button,
.banner a,
.banner button,
[class*="hero"] a,
[class*="hero"] button,
[class*="Hero"] a,
[class*="Hero"] button {
  min-height: 48px;
  border-radius: 8px !important;
  font-weight: 800 !important;
}

@media (max-width: 640px) {
  .hero,
  .hero-section,
  .hero-banner,
  .startpage-hero,
  .startpage_banner,
  .banner,
  [class*="hero"],
  [class*="Hero"] {
    min-height: auto !important;
    padding-top: 24px !important;
    padding-bottom: 36px !important;
  }

  .hero h1,
  .hero-section h1,
  .hero-banner h1,
  .startpage-hero h1,
  .startpage_banner h1,
  .banner h1,
  [class*="hero"] h1,
  [class*="Hero"] h1 {
    font-size: clamp(36px, 11vw, 48px) !important;
    line-height: 1.04 !important;
    max-width: 11ch;
  }

  .hero p,
  .hero-section p,
  .hero-banner p,
  .startpage-hero p,
  .startpage_banner p,
  .banner p,
  [class*="hero"] p,
  [class*="Hero"] p {
    font-size: 17px !important;
  }
}

/* Codex customer login polish for Hadron draft - 2026-08-21 */
body.arlemark-modern-subpage .login {
  max-width: 1040px !important;
  margin: 0 auto 72px !important;
  padding: clamp(36px, 6vw, 64px) 20px 24px !important;
  color: #10272d !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message {
  max-width: 900px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message h2 {
  margin: 0 0 16px !important;
  color: #10272d !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message p {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: #355057 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.arlemark-modern-subpage .login > div[style*="width: 320px"] {
  width: min(100%, 430px) !important;
  margin: 0 auto !important;
}

body.arlemark-modern-subpage .login form {
  margin: 0 auto !important;
  padding: 26px !important;
  background: #f6f8f7 !important;
  border: 1px solid #dce7e3 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(16, 39, 45, 0.08) !important;
}

body.arlemark-modern-subpage .login label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #10272d !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: left !important;
}

body.arlemark-modern-subpage .login input.form-control {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid #b9cac6 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #10272d !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

body.arlemark-modern-subpage .login input.form-control:focus {
  border-color: #0e6f7b !important;
  outline: 3px solid rgba(14, 111, 123, 0.18) !important;
}

body.arlemark-modern-subpage .login input[type="submit"].btn,
body.arlemark-modern-subpage .login .btn-inverse {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #123f47 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.arlemark-modern-subpage .login input[type="submit"].btn:hover,
body.arlemark-modern-subpage .login .btn-inverse:hover {
  background: #0b5f6c !important;
}

body.arlemark-modern-subpage .login hr {
  max-width: 720px !important;
  margin: 32px auto 20px !important;
  border-color: #dce7e3 !important;
}

body.arlemark-modern-subpage .login .customerarea_forgot_link {
  color: #0b5f6c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

@media (max-width: 640px) {
  body.arlemark-modern-subpage .login {
    padding: 30px 16px 12px !important;
  }

  body.arlemark-modern-subpage .login form {
    padding: 20px !important;
  }

  body.arlemark-modern-subpage .login .customerarea_login_message h2 {
    font-size: 30px !important;
  }
}

/* Codex compact customer/footer polish for Hadron draft - 2026-08-21 */
body.arlemark-modern-subpage .login {
  max-width: 820px !important;
  margin: 0 auto 28px !important;
  padding: 34px 18px 8px !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message {
  max-width: 760px !important;
  margin: 0 auto 18px !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message h2 {
  margin-bottom: 10px !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
  line-height: 1.12 !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message p {
  max-width: 700px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.arlemark-modern-subpage .login .text-center {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.arlemark-modern-subpage .login .text-center b,
body.arlemark-modern-subpage .login .text-center strong {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.arlemark-modern-subpage .login > div[style*="width: 320px"] {
  width: min(100%, 360px) !important;
}

body.arlemark-modern-subpage .login form {
  padding: 18px 20px !important;
  border-radius: 7px !important;
  box-shadow: 0 12px 28px rgba(16, 39, 45, 0.06) !important;
}

body.arlemark-modern-subpage .login form br {
  display: none !important;
}

body.arlemark-modern-subpage .login label {
  margin: 0 0 6px !important;
  font-size: 13px !important;
}

body.arlemark-modern-subpage .login input.form-control {
  height: 40px !important;
  margin: 0 0 14px !important;
  font-size: 14px !important;
}

body.arlemark-modern-subpage .login input[type="submit"].btn,
body.arlemark-modern-subpage .login .btn-inverse {
  min-height: 42px !important;
  margin-top: 2px !important;
  font-size: 12px !important;
}

body.arlemark-modern-subpage .login hr {
  max-width: 560px !important;
  margin: 20px auto 14px !important;
}

body.arlemark-modern-subpage .login .customerarea_forgot_link {
  font-size: 13px !important;
}

body.arlemark-modern-subpage footer {
  margin-top: 18px !important;
  padding: 6px 0 12px !important;
  min-height: 0 !important;
}

body.arlemark-modern-subpage footer .section_footer {
  padding: 10px 0 !important;
}

body.arlemark-modern-subpage footer h1,
body.arlemark-modern-subpage footer h2,
body.arlemark-modern-subpage footer h3,
body.arlemark-modern-subpage footer h4,
body.arlemark-modern-subpage footer .title {
  margin-bottom: 8px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body.arlemark-modern-subpage footer,
body.arlemark-modern-subpage footer p,
body.arlemark-modern-subpage footer a,
body.arlemark-modern-subpage footer li {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.arlemark-modern-subpage footer p {
  margin-bottom: 8px !important;
}

body.arlemark-modern-subpage footer .footer-menu a,
body.arlemark-modern-subpage footer .footer-menu li {
  margin-bottom: 3px !important;
}

body.arlemark-modern-subpage footer input,
body.arlemark-modern-subpage footer button,
body.arlemark-modern-subpage footer .btn {
  min-height: 34px !important;
  font-size: 12px !important;
}

body.arlemark-modern-subpage footer .btn-facebook.social,
body.arlemark-modern-subpage footer .fa-facebook,
body.arlemark-modern-subpage footer a[href*="facebook.com"] {
  display: none !important;
}

@media (max-width: 640px) {
  body.arlemark-modern-subpage .login {
    padding: 24px 14px 4px !important;
  }

  body.arlemark-modern-subpage .login .customerarea_login_message h2 {
    font-size: 25px !important;
  }

  body.arlemark-modern-subpage .login form {
    padding: 16px !important;
  }
}

/* Codex tighter login/footer override for Hadron draft - 2026-08-21 */
body.arlemark-modern-subpage .login {
  max-width: 760px !important;
  margin-bottom: 18px !important;
  padding-top: 28px !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message {
  max-width: 680px !important;
  margin-bottom: 14px !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message h2 {
  font-size: clamp(24px, 2.2vw, 30px) !important;
  line-height: 1.1 !important;
}

body.arlemark-modern-subpage .login .customerarea_login_message p {
  max-width: 620px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.arlemark-modern-subpage .login > div[style*="width: 320px"] {
  width: min(100%, 340px) !important;
}

body.arlemark-modern-subpage .login form {
  padding: 16px 18px !important;
}

body.arlemark-modern-subpage .login input.form-control {
  height: 38px !important;
  margin-bottom: 12px !important;
}

body.arlemark-modern-subpage .login input[type="submit"].btn,
body.arlemark-modern-subpage .login .btn-inverse {
  min-height: 40px !important;
}

body.arlemark-modern-subpage .login hr {
  margin: 16px auto 10px !important;
}

body.arlemark-modern-subpage:has(.login) footer {
  margin-top: 8px !important;
  padding: 4px 0 8px !important;
}

body.arlemark-modern-subpage:has(.login) footer .section_footer {
  padding: 8px 0 !important;
}

body.arlemark-modern-subpage:has(.login) footer .section_footer > .row > .col-md-12.col-xs-12.text-center {
  display: none !important;
}

body.arlemark-modern-subpage:has(.login) footer .footer-menu ul {
  column-count: 2 !important;
  column-gap: 18px !important;
  max-width: 320px !important;
}

body.arlemark-modern-subpage:has(.login) footer .footer-menu li {
  break-inside: avoid !important;
  margin-bottom: 1px !important;
}

body.arlemark-modern-subpage:has(.login) footer .main-text {
  max-width: 520px !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
}

body.arlemark-modern-subpage:has(.login) footer .section_newsletter {
  max-width: 330px !important;
  margin-top: 6px !important;
}

body.arlemark-modern-subpage:has(.login) footer .section_newsletter h4 {
  max-width: 330px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.arlemark-modern-subpage:has(.login) footer .copyright_line,
body.arlemark-modern-subpage:has(.login) footer .poweredby {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

/* Codex global compact footer for live Hadron - 2026-08-21 */
body.arlemark-modern-subpage footer,
body.arlemark-hadron-home footer {
  margin-top: 8px !important;
  padding: 4px 0 8px !important;
  min-height: 0 !important;
}

body.arlemark-modern-subpage footer .section_footer,
body.arlemark-hadron-home footer .section_footer {
  padding: 8px 0 !important;
}

body.arlemark-modern-subpage footer .section_footer > .row > .col-md-12.col-xs-12.text-center,
body.arlemark-hadron-home footer .section_footer > .row > .col-md-12.col-xs-12.text-center {
  display: none !important;
}

body.arlemark-modern-subpage footer .footer-menu ul,
body.arlemark-hadron-home footer .footer-menu ul {
  column-count: 2 !important;
  column-gap: 18px !important;
  max-width: 320px !important;
}

body.arlemark-modern-subpage footer .footer-menu li,
body.arlemark-hadron-home footer .footer-menu li {
  break-inside: avoid !important;
  margin-bottom: 1px !important;
}

body.arlemark-modern-subpage footer .main-text,
body.arlemark-hadron-home footer .main-text {
  max-width: 520px !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
}

body.arlemark-modern-subpage footer .section_newsletter,
body.arlemark-hadron-home footer .section_newsletter {
  max-width: 330px !important;
  margin-top: 6px !important;
}

body.arlemark-modern-subpage footer .section_newsletter h4,
body.arlemark-hadron-home footer .section_newsletter h4 {
  max-width: 330px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.arlemark-modern-subpage footer .copyright_line,
body.arlemark-modern-subpage footer .poweredby,
body.arlemark-hadron-home footer .copyright_line,
body.arlemark-hadron-home footer .poweredby {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body.arlemark-modern-subpage footer .btn-facebook.social,
body.arlemark-modern-subpage footer .fa-facebook,
body.arlemark-modern-subpage footer a[href*="facebook.com"],
body.arlemark-hadron-home footer .btn-facebook.social,
body.arlemark-hadron-home footer .fa-facebook,
body.arlemark-hadron-home footer a[href*="facebook.com"] {
  display: none !important;
}

/* Codex customer account polish for live Hadron - 2026-08-21 */
body.arlemark-modern-subpage .customer-pages.customer-layout {
  max-width: 1120px !important;
  margin: 0 auto 34px !important;
  padding: 30px 20px 6px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
  gap: 24px !important;
  color: #10272d !important;
  font-size: 14px !important;
}

body.arlemark-modern-subpage .customer-nav-sidebar {
  width: auto !important;
  padding: 14px !important;
  background: #f6f8f7 !important;
  border: 1px solid #dce7e3 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(16, 39, 45, 0.06) !important;
}

body.arlemark-modern-subpage .customer-nav-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 4px 2px 14px !important;
  border-bottom: 1px solid #dce7e3 !important;
}

body.arlemark-modern-subpage .customer-nav-avatar,
body.arlemark-modern-subpage .customer-nav-avatar img,
body.arlemark-modern-subpage .gravatar-image {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
}

body.arlemark-modern-subpage .customer-nav-name {
  color: #10272d !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

body.arlemark-modern-subpage .customer-nav-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

body.arlemark-modern-subpage .customer-nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 9px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  color: #234249 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.arlemark-modern-subpage .customer-nav-item:hover {
  background: #ffffff !important;
  border-color: #dce7e3 !important;
  color: #0b5f6c !important;
}

body.arlemark-modern-subpage .customer-nav-item-active {
  background: #e8f1ef !important;
  border-color: #b9cac6 !important;
  color: #123f47 !important;
  box-shadow: inset 3px 0 0 #0b5f6c !important;
}

body.arlemark-modern-subpage .customer-nav-icon {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

body.arlemark-modern-subpage .customer-main-content {
  min-width: 0 !important;
  padding: 0 !important;
  color: #10272d !important;
  font-size: 14px !important;
}

body.arlemark-modern-subpage .customer-main-content .alert-info-light {
  margin: 0 0 18px !important;
  padding: 18px 22px !important;
  background: #f6f8f7 !important;
  border: 1px solid #dce7e3 !important;
  border-left: 4px solid #0b5f6c !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(16, 39, 45, 0.06) !important;
}

body.arlemark-modern-subpage .customer-main-content .alert-info-text h2 {
  margin: 0 !important;
  color: #10272d !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-align: left !important;
}

body.arlemark-modern-subpage .customer-main-content .alert-info-text p {
  display: none !important;
}

body.arlemark-modern-subpage .customer-main-content .content-header {
  padding: 0 2px !important;
}

body.arlemark-modern-subpage .customer-main-content .content-header h1 {
  margin: 0 0 5px !important;
  color: #10272d !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body.arlemark-modern-subpage .customer-main-content .content-header p {
  max-width: 620px !important;
  margin: 0 !important;
  color: #486169 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.arlemark-modern-subpage .customer-main-content .flex-column {
  margin-top: 18px !important;
}

@media (max-width: 760px) {
  body.arlemark-modern-subpage .customer-pages.customer-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 22px 14px 0 !important;
  }

  body.arlemark-modern-subpage .customer-nav-menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body.arlemark-modern-subpage .customer-nav-item {
    min-height: 42px !important;
  }

  body.arlemark-modern-subpage .customer-main-content .alert-info-light {
    padding: 16px !important;
  }
}

/* Codex customer account layout correction for live Hadron - 2026-08-21 */
body.arlemark-modern-subpage .customer-pages.customer-layout {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 28px !important;
  max-width: 1080px !important;
  margin: 0 auto 28px !important;
  padding: 30px 20px 8px !important;
}

body.arlemark-modern-subpage .customer-pages.customer-layout > .customer-nav-sidebar {
  flex: 0 0 260px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  box-sizing: border-box !important;
}

body.arlemark-modern-subpage .customer-pages.customer-layout > .customer-main-content {
  flex: 1 1 760px !important;
  width: auto !important;
  max-width: 780px !important;
}

body.arlemark-modern-subpage .customer-nav-header,
body.arlemark-modern-subpage .customer-nav-menu,
body.arlemark-modern-subpage .customer-nav-item {
  width: 100% !important;
  box-sizing: border-box !important;
}

body.arlemark-modern-subpage .customer-nav-info {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.arlemark-modern-subpage .customer-nav-name,
body.arlemark-modern-subpage .customer-nav-item {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.arlemark-modern-subpage .customer-main-content .alert-info-light {
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  body.arlemark-modern-subpage .customer-pages.customer-layout {
    display: block !important;
    padding: 22px 14px 0 !important;
  }

  body.arlemark-modern-subpage .customer-pages.customer-layout > .customer-nav-sidebar,
  body.arlemark-modern-subpage .customer-pages.customer-layout > .customer-main-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.arlemark-modern-subpage .customer-pages.customer-layout > .customer-main-content {
    margin-top: 16px !important;
  }
}

/* Codex customer mobile nav readability for live Hadron - 2026-08-21 */
@media (max-width: 480px) {
  body.arlemark-modern-subpage .customer-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body.arlemark-modern-subpage .customer-nav-item {
    min-height: 38px !important;
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* Codex light global footer cleanup for live Hadron - 2026-08-21 */
footer {
  background: #f6f8f7 !important;
  color: #10272d !important;
  border-top: 1px solid #dce7e3 !important;
  margin-top: 34px !important;
  padding: 24px 0 16px !important;
  min-height: 0 !important;
}

footer .container,
footer .section_footer,
footer .row,
footer [class*="col-"] {
  color: #10272d !important;
}

footer .section_footer {
  padding: 8px 0 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer .title {
  color: #10272d !important;
  margin: 0 0 10px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

footer,
footer p,
footer li,
footer a,
footer .main-text {
  color: #355057 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

footer a {
  color: #234249 !important;
  text-decoration: none !important;
}

footer a:hover {
  color: #0b5f6c !important;
  text-decoration: underline !important;
}

footer .footer-menu ul {
  column-count: 2 !important;
  column-gap: 18px !important;
  max-width: 340px !important;
}

footer .footer-menu li {
  break-inside: avoid !important;
  margin-bottom: 3px !important;
}

footer .main-text {
  max-width: 560px !important;
}

footer .section_newsletter {
  max-width: 360px !important;
  margin-top: 8px !important;
}

footer .section_newsletter h4 {
  color: #10272d !important;
  max-width: 360px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

footer #newsletter_form .form-control,
footer .section_newsletter input.form-control {
  height: 36px !important;
  background: #ffffff !important;
  border: 1px solid #c9d8d4 !important;
  color: #10272d !important;
  box-shadow: none !important;
}

footer #newsletter_form .btn,
footer .section_newsletter .btn {
  min-height: 36px !important;
  border: 0 !important;
  background: #123f47 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

footer #newsletter_form .btn:hover,
footer .section_newsletter .btn:hover {
  background: #0b5f6c !important;
}

footer .copyright_line,
footer .poweredby,
footer .poweredby a {
  color: #6d817f !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

footer .btn-facebook.social,
footer .fa-facebook,
footer a[href*="facebook.com"],
footer a[href*="facebook.se"],
footer [class*="facebook"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

footer .section_footer > .row > .col-md-12.col-xs-12.text-center:empty {
  display: none !important;
}

@media (max-width: 760px) {
  footer {
    padding: 22px 0 14px !important;
  }

  footer .footer-menu ul {
    column-count: 2 !important;
  }

  footer .section_newsletter,
  footer .section_newsletter h4 {
    max-width: none !important;
  }
}