/* ==========================================================================
OOB 2017
========================================================================== */






/*======== STICK FOOTER ====== */
html, body{
    min-height:100%;
}


body {
max-width: 100%;
overflow-x: hidden!important;
font-family:"Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
min-height: 100vh;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
/*font-size:1.0625rem;*/
font-size:16px;
}

main{
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
	padding-top: 2rem;
}

@-moz-document url-prefix() {
 #flexible-content{
      flex: 1;
    }
}

/*======== HELPERS =======*/

.no-margin{
margin:0;
}

.mt-10{
margin-top:10px;
}

.mt-5px{
margin-top:5px;
}

.mb-5px{
margin-bottom:5px;
}

.mr-5px{
margin-right:5px;
}

.mt-20{
margin-top:20px;
}

.mt-1rem{
margin-top:1rem;
}

.mt-2rem{
margin-top:2rem;
}

.mb-10{
margin-bottom:10px;
}

.mb-20{
margin-bottom:20px;
}

.mb-30{
margin-bottom:30px;
}

.mb-2rem{
margin-bottom:2rem!important;
}

.mb-3rem{
margin-bottom:3rem;
}

.mb-4rem{
margin-bottom:4rem;
}

.mb-1rem{
margin-bottom:1rem;
}

.mb-6rem{
margin-bottom:6.25rem;
}

.std-h2-mb{
margin-bottom:50px!important;
}

.pt-0{
padding-top:0;
}

.pt-10px{
padding-top:10px;
}

.pt-1rem{
padding-top:1rem;
}

.pt-2rem{
padding-top:2rem;
}

.pb-0{
padding-bottom:0;
}

.pb-4rem{
padding-bottom:4rem;
}

.bg-blue{
background-color:#00b5ef;	
}

.bg-white{
background-color:#fff;	
}

.mobile-mb-2-5{
margin-bottom:2.5rem;
}

.btn-oob{
color: #fff!important;
background-color: #63c6e9;
/*background-color: #00b5ef;*/
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.btn-oob:hover {
color: #fff;
box-shadow: inset 0 0 200px 200px rgba(255, 255, 255, 0.1);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.oob_blue{
color:#00b5ef;
}

.bg_oob_blue{
background-color:#00b5ef!important;
}

.bg_white{
background-color:#fff!important;
}

.hide_from_start{
display:none;
}

.no-row-margin{
margin:0;
}

.brandon{
font-family: 'BrandonGrotesqueRegularRg';
text-transform:uppercase;
}

.brandon select{
text-transform:uppercase;
}

.ejlager{
color:#e95f55;
}

.hidden{
display:none;
}

.widthfix{
width:auto;
}

.border-grey{
border:1px solid #d9d9d9;
}

.text-justify-last-left{
	text-align: justify;
	text-align-last: left;
}

.container-text{
	max-width:1040px;
}

.m-0{
	margin:0
}

.equal{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.maxwidth-medium{
	max-width:600px;
	margin:0 auto;
}

.no_tags article .tags{
	display:none;
}


/*======== BASICS ========*/

select{
	border-radius: .25em;
}

p{
	line-height:1.7;
}


img{
width:100%;
}

.product_list img{
width:100%!important;
}

.border-text-box img{
width:100%;
}

.single_product_img img{
width:100%;
}

.utrustning_buy_option img{
width:100%;
}

hr{
color:#d9d9d9;
border-top:2px solid;
}

.hr-short-left{
	width:50px;
	margin-left:0;
	margin-top:1rem;
	margin-bottom:2rem;
}

.hr-short{
	width:50px;
	margin-top:1rem;
	margin-bottom:2rem;
}

a.white-link{
color:#fff;
text-decoration:none;
}

a.white-link:hover{
color:#00b5ef;
text-decoration:none;
}

.btn{
cursor: pointer;
cursor: hand;
text-transform:uppercase;
}

.box{
background-color:#fff;	
padding:1rem;
}

.border-text-box{
border: 1px solid #d9d9d9;
padding:1rem;
margin-bottom:1rem;
}

.bla_cirkel{
position: absolute;
width: 40px;
height: 40px;
border-radius: 20px;
background: #00b5ef;
right: -11px;
top: -11px;
line-height: 40px;
}

.cirkel_nr {
font-family: 'BrandonGrotesqueRegularRg';
color: #fff;
width: 10px;
margin: 0 auto;
}

.wrap{
width:100%;
}

.price{
font-family: 'BrandonGrotesqueRegularRg';
font-weight:bold;
}

.orgprice{
font-weight:bold;
color: #767676;	
}

.pricespan{
font-weight:bold;	
}

.rea_tag_old{
background-color: #E62E04!important;
line-height: 11px!important;
vertical-align: middle!important;
margin: 0px!important;
}

.tagg_label_old{
background-color: #999;
color: #FFF!important;
text-align: center;
letter-spacing: 0.05em;
padding: .3em .6em .3em;
font-size: 10px;
display: inline-block;
border-radius: .25em;
margin-top: 5px;
text-transform: uppercase;
font-family: 'BrandonGrotesqueRegularRg';
max-width: 135px;
margin: 2px auto !important;
}

.new_tag_label_container{
margin-left:-3px;
}

.new_tag_label{
color: #fff;
background-color: #d4edda;
border:1px solid;
border-radius: .25em;
text-align: left;
letter-spacing: 0.05em;
padding: 0.3em 0.6em 0.3em;
font-size: 10px;
display: inline-block;
text-transform: uppercase;
font-family: 'BrandonGrotesqueRegularRg';
line-height: 11px!important;
vertical-align: middle!important;
margin:0px 3px 3px 3px;
}

.new_tag_label.oob_grey{
background-color:#999;
border-color:#8d8d8d;
color:#fff;
}

.new_tag_label.oob_green{
background-color:#d4edda;
border-color:#b0e5bd;
color:#155724;
}

.new_tag_label.oob_red{
background-color:#E62E04;
border-color:#bb4328;
color:#fff;
}


.lSSlideOuter .lSPager.lSpg{
margin-top:15px!important;
}

.featherlight{
z-index:1050!important;
}

.featherlight-content img{
max-width:800px;
}

.featherlight-next span, .featherlight-previous span {
font-family:swiper-icons;
text-shadow:none!important;
}

.swiper-grade-img .swiper-horizontal>.swiper-pagination-bullets, .swiper-grade-img .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-grade-img .swiper-pagination-custom, .swiper-grade-img .swiper-pagination-fraction{
	bottom:0;
}

.swiper-grade-img .swiper-slide span{
	position: absolute;
    bottom: 42px;
    text-align: center;
    width: 100%;
}

.swiper-button-disabled{
	display:none;
}

.tooltip.show{
opacity:1;
filter:alpha(opacity=100);
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
margin-left: -3px;
content: "";
border-width: 5px 5px 0;
border-top-color: #777777;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #777777;
}

.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #777777;
border-radius: .25rem;
}

.btn{
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
padding:0.5rem 1rem;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
}

.btn-dark{
color:#fff!important;
background-color:#444;
border-color:#444;
}

.btn-dark:hover{
background-color:#555;
border-color:#555;
}

.link_text{
text-decoration:underline;text-transform:uppercase;
}

.absolute-center-bottom{
position:absolute; 
left:50%; 
transform:translateX(-50%)!important; 
bottom:3.5rem;
}


.modal-backdrop{z-index:1060;}
.modal{z-index:1110;}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* COOKIE-BAR */
.cookie-message {
  z-index: 9999;
  text-align:right;
  background-color:#2f2f2f;
  animation: fadeIn 0.5s
}

.cookie-message p {
  color:#b5b5b5;	
  font-size:12px;
  margin:0.6em 0;
}

.cookie-message a {
margin-left:10px;
}





/* - Typo - */

h1, h2, h3, h4, h5, h6{
font-family: 'BrandonGrotesqueRegularRg';
text-transform:uppercase;
letter-spacing:1px;
overflow-wrap: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

h1{
font-size:1.875rem;
	margin-bottom:1rem;
}

h2{
margin-top:3.5rem;
font-size:1.563rem;
/*font-size:1.375rem;*/
}

h3{
margin-top:2.5rem;
font-size:1.25rem;
letter-spacing:0.4px;
/*font-size: 1.175rem;*/
}

h4{
margin-top:2rem;
font-size: 1rem;
}

.h1-title {
	font-size:1.875rem;
	margin-top:0;
}

a{
text-decoration:none;
color:#00b5ef;
}

a:hover{
text-decoration:underline;
color:#00b5ef;
}

.firsth{
margin-top:0;
}

hr + h2{
margin-top:0;
}

hr + h3{
margin-top:0;
}

hr + h4{
margin-top:0;
}

.header_lines{
margin-top:0;
}

.header_lines h2{
margin-top:0;
}

.border-text-box *:first-child{
margin-top:0;
}

.box h2:first-child, .box h3:first-child, .box h4:first-child{
margin-top:0;
}

.border-text-box .bla_cirkel + h2{
margin-top:0;
}

.mt0, .nomargintop{
margin-top:0;
}

.page_start h1{
font-size:1.370rem;
}

/*======== CUSTOM QUOTES ======== */

.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
  margin: 0 0 2rem;
}
.quote-card p {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "\201D";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "\201D";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

/*======== FAQ ======== */
.faq-card .card-header:hover{
	background-color: #eee;;
	cursor: pointer;
}

.faq-card button:hover{
	text-decoration: none;
}

.card-header[aria-expanded="true"] .fa-angle-down{
display:none;
}

.card-header[aria-expanded="true"] .fa-times{
display:block;
}

.card-header .fa-times{
display:none;
}

.card-question{
padding:10px 0 10px 0;
}

@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
.quote-card.blue-card {
  background: #0078FF;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #5FAAFF;
}
.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #F61E32;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F65665 ;
}

.quote-card.yellow-card {
  background: #F9A825;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}

.quote-card p{
  margin-bottom:0!important;
}

/*======== HEADER ========*/

.toptext{

font-size:0.8235rem;color:#fff;position:relative;top:0;z-index:999999;background-color:#444;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
letter-spacing:0.6px;
/*position:sticky;position:-webkit-sticky; background-color:#2f2f2f;*/
background-color:#66494a; /* Julfärg */
background-color:##e7d397; /* Blå-grå färg */


background-color:#f3e3b5; /* Golden oob-jubileum */
background-color:#be394c; /* REA golfbollar */
color:#fff; 
}



header{

overflow:hidden;
}

#logo{
float:left;
margin-bottom:14px;
position:relative;
top:-5px;
}

.till_kassan{
min-width:120px;
}


/*---- Telefon - Kundservice - Min Sida ----*/

.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-phone:before {
content: "\f095";
}

.fa-comments-o:before {
content: "\f0e6";
}

.fa-user:before {
content: "\f007";
}

.top_links{
width:100%;
padding:0;
padding-top:5px;
font-size: .75rem;
list-style: none;
color: #fff;
text-decoration: none;
margin:0;
text-align:right;
margin-bottom:15px;
}

.top_links li{
display:inline;
margin-left: 9px;
}

.till_kassan{
position:fixed;
bottom:23px;
right:22px;
z-index:1100;
}

#attention-varukorg{
display:none;
position: fixed;
width: 300px;
color: #fff;
font-size: 18px;
top: inherit;
bottom:90px;
left:0;
right:0;
margin:0 auto;
z-index: 900;
opacity: 0.9;
}

.attention-bubbla{
background: #28a745;
width: 300px;
float:right;
padding-top: 30px;
padding-bottom: 30px;
padding-left:15px;
padding-right:15px;
line-height: 20px;
text-align: center;
border-radius: 6px;
position: relative;
}

.attention-bubbla::after {
display:none;
content: " ";
position: absolute;
top: -10px;
left: 90%;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #28a745 transparent;
}




/*--- Nav ----*/

.nav_container{
width:100%;
position:fixed;
bottom:0;
z-index:1050;
background-color:#2f2f2f;
}

nav .home-icon{
display:none;
min-width:37px;
}

nav .navbar-nav a{
text-transform:uppercase;	
}

.navbar-dark .navbar-nav .nav-link {
font-family: 'BrandonGrotesqueRegularRg';
color:#fff;
}

.navbar-dark .navbar-toggler{
color:#fff;
margin-bottom: 1rem;
margin-top: 1rem;
}

.navbar{
padding-top:0.2rem;
padding-bottom:0.2rem;
font-size:0.84rem;
}

.navbar form .form-control{
font-size:0.75rem;
}

.navbar-collapse{
padding-bottom: 3.75rem;
}

.navbar-collapse .form-inline .form-control{
width:100%;
}

.fa-home:before {
content: "\f015";
font-size:1.05rem;
}


/* === NEW HEADER 2021 === */

.header_2021{
	height:auto!important;
	background-color:#e9f7fc!important;
}

.new-nav .navbar-dark .navbar-nav .nav-link{
	color:#000;
	font-family:'BrandonGrotesqueMedium';
}

.new-top-bar{
	background-color:#e1eef2;
}

.new-top-bar ul{
	font-size:12px;align-items: center;justify-content: center; padding:12px 0 12px 0;
}

.new-top-bar ul li {
    padding: 0 8px 0 8px;
    letter-spacing: 0.3px;
}

.new-top-bar ul li i{
	margin-right:5px;
	color:#b3afaf;
}

.header_2021 .logo-mobile{
	width:174px;
	padding:14px 0 14px 0;
	margin:0 auto;
}

.header_2021 .to-checkout-quantity{
	position: absolute;
    top: 9px;
    color: #fff;
    width:100%;
}

.header_2021 .nav-link {
    display: block;
    padding: .61rem 1rem;
	letter-spacing:0.6px;
}

.header_2021 .nav-link:hover{
	color:#777!important;
}

.header_2021 .nav-container{
	padding-top:1.1rem;padding-bottom:1.1rem;
}

.header_2021 .nav-blue{
	background-color:#e1eef2;
}

button:focus.navbar-toggler:focus{
	outline: 1px solid white;
}

body #olark-container:focus:not(.olark-inline){
border:1px solid #f3f4f5 !important;
}

body #olark-container{
font-family:"Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
bottom: 0px !important;
padding-bottom:20px!important;
border-radius:0!important;
}

#olark-container .oob_close_olark{
font-family:"Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
cursor:pointer!important;
}

body #olark-container input, body #olark-container textarea{
font-family:"Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;	
}

body .olark-launch-button {
-webkit-clip-path:none!important;
clip-path:none!important;
height: 50px !important;
width: 50px !important;
border-radius: .5rem!important;
}

body .olark-launch-button:focus{
border:none!important;
}

body .olark-launch-button-wrapper .olark-button-focus-wrapper:focus-within {
background: none !important;
padding: 2px;
-webkit-clip-path: none !important;
clip-path: none !important;
}

body #olark-container .olark-chat-input{
font-family:"Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;	
}



body #olark-container .olark-survey-form .olark-survey-form-info-message{
display:none!important;
}

body #olark-container .olark-module-wrapper .olark-overlay-module-container .olark-survey-form {
padding-top:15px!important;
}

body #olark-container .olark-top-bar-text{
font-family: 'BrandonGrotesqueRegularRg'!important;
text-transform: uppercase!important;
font-size: 1.25rem!important;
font-weight: 500!important;
}

body .olark-launch-button-wrapper{ /* Ta bort default chatt olark knappen för mobiler */
display:none!important;
visibility:hidden!important;
z-index: 0 !important;
}

body  #olark-container .olark-branding-link{
display:none!important;
}

body #olark-container .olark-survey-form .olark-button {
color: #444!important;
font-size: 14px !important;
background-color: #e2e6ea!important;
border-color: #dae0e5!important;
border-radius: .25rem !important;
font-weight: 300 !important;
}

body #olark-container .olark-restart-button, body #olark-container .olark-feedback-form-button {
border-radius: .25rem !important;
font-family: 'BrandonGrotesqueRegularRg'!important;
text-transform: uppercase!important;
font-size: 13px!important;
font-weight: 500!important;
}



/*--- Bollnav ---*/
.bollmarken {
padding: 0px;
margin: 0px;
position: relative;
width: 100%;
margin: 0 auto;
background: #777777;
}

.bollmarken ul {
list-style: none;
margin: 0px;
padding: 0px 10px;
height: 40px;
background: #777777;
}

.menu-9 ul {
height:auto;
overflow:hidden;

}

.bollmarken li {
float: left;
line-height: 40px;
margin: 0px;
padding: 0px 8px;
color: #FFF;
height: 40px;
}

.bollmarken li a {
font-size:0.75rem;
text-transform: none;
color: #FFF;
text-decoration: none;
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
/*	font-family:Arial, Helvetica, sans-serif;*/
}

.bollmarken li:hover {
background: #2f2f2f;
}

.bollmarken li a:hover {
color:#00b5ef;
}

.submenu {
position: absolute;
z-index: 9999;
display:none;
width: 100%;
left: 0px;
top: 40px;
background:#000;
border-bottom: 2px solid #00AEF0;
background:#2f2f2f;
}

.submenu .subinfo {
float: left;
width: 300px;
height: 225px;
background-repeat: no-repeat;
background-color: #2f2f2f!important;
}

.submenu_menu {
float: left;
width: 840px;
padding: 0px;
margin-bottom:15px;
}

.submenu ul {
height: auto;
padding: 0px 20px;
}

.ovriga_bollar_liststyle ul{
width:210px;
float:left;
clear:initial;
background:#2f2f2f;
}

.submenu ul li {
width:160px;
padding:0px;
margin:0px;
height: 30px;
overflow: hidden;
}

.submenu .ovriga_bollar_liststyle ul li{
width:250px;
}

.submenu .ovriga_bollar_liststyle ul{
margin-bottom:15px;
}

.bollmarken li .head_artlink{
font-size: 16px;
text-decoration: underline;
}

.kopknapp {
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
padding: 7px 18px 4px 18px;
font-size: 14px;
color: #FFF!important;
background: #00b5ef;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
width: 30px;
height: auto;
line-height: 30px;
cursor: pointer;
}

.bollmarken li a:hover {
color: #00b5ef;
}

.kopknapp:hover {
background: #444;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

/* ---- Tryggvebanner ---- */
.leverans{
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
color: #585858;
font-size: 0.625rem;
padding: 15px;
text-align: center;	
background-color:#efefef;
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.leverans i {
color: #afafaf;
margin: 0px 5px 0px 20px;
}


/* ================ MAIN =============== */

main{
background-color:#efefef;
padding-top:1rem;
padding-bottom:2rem;
}

.item{
background-color:#fff;
}


/* ============ FOOTER ===============*/



footer{
overflow:auto;
background:#333;
padding-top:15px;

font-size: 14px;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.5px;
height:18.75rem;
}

footer a {
color: #ddd;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
text-decoration: none;
}

footer a:hover {
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
color: #00b5ef;
text-decoration:none;
}

.footerlinks {
margin-top: 22px;
float: right;
}

.footer-nav{
padding-bottom:1rem;
}

footer .flaggor{
display:none;
}

footer .nav-section{
margin-bottom:20px;
}

footer .footer-logo{
text-align:center;
}

#logo_right {
float: right;
clear: right;
margin-top: 68px;
overflow: hidden;
}

footer hr {
color: #404040;
background-color: #404040;
margin-bottom: 8px;
margin-top: 8px;
border: 0;
height: 1px;
}

footer img{
vertical-align:baseline;	
}

.copyright {
margin-top: 22px;
text-align:center;
}

.footer_icons{
float:right;
margin-left:10px;
}

footer img {
width:auto;
}

/*NEW FOOTER*/
footer{
	height:auto;
}

footer .container{
	position:relative;
}

footer .to-top{
	z-index:10;
	position:absolute;
	right:35px;
	top:15px;
}

footer .nav_header{
	font-family: 'BrandonGrotesqueRegularRg';
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	margin:0 auto;
	margin-bottom:10px;
	display:table;
}


footer ul{
	list-style:none;
	padding-left:0;
}

footer ul li a{
	text-transform:capitalize;
	
}

footer .container{
	padding-top:89px;
	padding-bottom:10rem;
}

footer .footer-nav{
	padding-bottom:5rem;
	text-align:center;
}





/* =========== OM BOLLARNA ============ */

.klass_wrap{
overflow:hidden;
}

.klassning {
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
display: inline-block;
padding: 8px;
border: 1px solid #00b5ef;
font-size: 14px;
margin-bottom: 5px;
}

.lightbox_enable{
width:260px;
float:left;
}

.lightbox_enable a{
background:#fff!important;
}


.left_snurr_pil{
position:relative;
top:60px;
right:5px;
float:left;
background:url('https://oobmatrix.com/shared/img/left_image_snurr.png');
width:16px;
height:33px;
}

.left_snurr_pil:hover{
background:url('https://oobmatrix.com/shared/img/left_image_snurr_hover.png');
}

.right_snurr_pil{
position:relative;
top:60px;
left:5px;
float:left;
background:url('https://oobmatrix.com/shared/img/right_image_snurr.png');
width:16px;
height:33px;
}

.right_snurr_pil:hover{
background:url('https://oobmatrix.com/shared/img/right_image_snurr_hover.png');
}

/* =========== BOLLGUIDE ============ */

.hcp_links{
list-style:none;
padding:0;
text-align:center;
}

.hcp_links li{
margin-bottom:25px;	
}

.page_ombollarna #main-box .box li a{
color:#000;
}

.page_ombollarna .border-text-box ul{
padding-left:25px;
}

.guide_nav{
text-align:center;
z-index:initial;
}

.swing_box{
padding:20px;
background:#f8f8f8;
font-size:0.9rem;
margin-bottom: 1rem;
}

.swing_box h4{
margin-top:0.5rem;
margin-bottom:0;
}

.page_ombollarna .author{
width: 180px;
margin:0 auto;
margin-top:5px;
margin-bottom:20px;
}

.page_ombollarna .author-text{
border: 1px solid #d9d9d9;
padding:15px;

}

.guide_item {
display: none;
}

.guide_kat_und{
font-size: 11px;
line-height:1.3;
display: block;
font-family: BrandonGrotesqueRegularRg;
text-transform: uppercase;
}

.hcp_links .btn {
margin-bottom:4px;
}

.bolltips{
margin-bottom:0.4rem;
}

.oob_rekommenderar{
font-size:0.75rem;
}


/* ============ KONTAKT ============ */
.kontakt_dag{
font-size: 18px; 
line-height:20px;	
color:#00b5ef;
}

.karta img{
margin-bottom:30px;
}

/* ============ GOLFUTRUSTNING ============ */



.nav-wrap{
background:#fff;
}

.product-page-center h1{
text-align:center;
margin-bottom:1rem;
}

.product-page h2{
font-size: 1.875rem;
color:#212529;

}

.product-page-center h2{
text-align:center;
}

.product-page-center h4{
text-align:center;
}

.product-page-center p{
text-align:center;
}


.product_nav ul{
list-style:none;
padding-left:0;
}

.product_nav hr{
margin-top:0.5rem;
}

.product_nav li a{
color:#212529;
font-size: 1rem;
}

.product_nav li{
margin-bottom:5px;
width:100%;
}

.product_nav h3{
color:#00b5ef;
margin-top:0;
}

.product_nav_mobile{
width:100%;
border-bottom: 2px solid #d9d9d9;
padding-top:15px;
padding-bottom:15px;
background:#fff;
}

.product_nav_mobile span{
line-height:35px;
}

.header_utrustning_wrap hr{
margin-bottom:0;
}

.golfball-intro h4{
margin-top:0
}

.product_nav_mobile select{
/*width:100%;*/
padding:5px;
/*text-transform:uppercase;*/
border:1px solid #d9d9d9;
}

.under_cat_links{
text-align:center;
list-style:none;
padding-left:0;
}

.product-page li, .under_cat_links li {
display:inline-block;
margin-right:15px;
margin-bottom: 10px;
}

.less-mb ul li{
margin-bottom:1px!important;
}

.utrustning_intro h2{
text-align:left;
font-size:1.375rem;
}

.utrustning_intro img{
max-width:390px;
float:left;
margin-right:15px;	
}

.product_nav .sticky-top{
top:20px;
height:100vh;
position: -webkit-sticky!important;
position: sticky!important;
z-index: 1020;
max-width: 100%;
}

.single_product .sticky-top{
z-index: 102!important;
}

.product_nav .sticky-top .simplebar-track.horizontal{
display:none;
}



.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #00b5ef;
background-color: #00b5ef;
}


.page_accessories_ny .product_list, .page_golfklader .product_list{
padding-top:3rem;
}

.page_accessories_ny .product_nav_mobile{
margin:0 auto;
max-width:1020px;
}

.page_accessories_ny .header_utrustning_wrap{
margin:0 auto;
max-width:1020px;
}

.page_accessories_ny .filter_select_utrustning{
font-size:12px;
text-transform:uppercase;
max-width:200px;
margin-right: 12px;
}

.product_cat_label{
text-transform:uppercase;
font-size:12px;
font-weight:600;
padding-right:5px;
display:block;
padding-bottom:5px;
}

.breadcrumbs a{
	color:#999999;
}

.breadcrumbs{
	font-size:12px;
	padding-bottom:8px;
}


/* ============= FILTRERING ================ */

.show-hide-filter{
text-transform:uppercase;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
font-weight:600;
display:none;
}

.show-hide-filter a{
color:#444;
}

.equipment-filter {
font-size:13px;
overflow:hidden;
padding-top:15px;
}

.equipment-filter .filter-eq-option{
display:none;
/*float:left;*/
padding-left:3px;
padding-top:5px;
}

.equipment-filter .filter-eq-option .custom-control{
padding-right:20px;
}

.equipment-filter .custom-control-label{
padding-top:3px;
cursor:pointer;
}

.golfball-filter .filter-wrap{
background:#efefef;
}

.golfball-filter .filter-cat{
line-height:32px;
text-transform:uppercase;
background:#efefef;
width:100%;
text-align:center;
cursor:pointer;
display:inline-block;
margin-right:-3px;
/*border-right:2px solid #fff;*/
border-bottom:1px solid #fff;
font-size:13px;
}

.golfball-filter .filter-cat:nth-child(6){
/*width:20.4%;*/
border-right:2px solid #efefef;
}

.golfball-filter .filter-cat.active{
background:#dedede;

}

.golfball-filter .filter-cat.active .fa{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}

.filter-top{
padding-left:5px;
padding-right:5px;
text-transform:uppercase;
font-size:12px;
font-weight:600;
}

.show-hide-gb-filter{
padding-bottom:15px;
}

.filter-top a {
color:#212529;
}

.golfball-filter .filter-options{
background:#dedede;
width:100%;
position: fixed;
top: -1px;
left: 0px;
display:none;
padding-bottom: 30px;
min-height: 250px;
}

.filter-cat-box.varumarken-cat{
display:block;
}

.filter-close{
padding:15px;
padding-right:20px;
cursor:pointer;
text-align:right;
display:none;
font-size:12px;
text-transform:uppercase;
font-weight:600;
}

.golfball-filter .filter-options .filter-option{
display:inline-block;
padding: 6px 0 6px 30px;
/*border-right:1px solid #fff;*/
width:50%;
text-align:left;
font-size:12px;
margin-right:-2px;
text-transform:uppercase;
vertical-align: top;
}

.filter-cat-box{
display:none;
}

.filter-summary{
background:#dedede;
padding:10px;
font-size:12px;
}

.selected-filters{
display:inline-block;
}

.filter-summary .fa{
color:#868686;
}

.filter-bold{
text-transform:uppercase;
font-size:12px;
font-weight:600;
}

.filter-summary span{
cursor:pointer;
padding-right:5px;
}


.d-important{
display:block!important;
}

.sr-bt{
display:none;
margin-top:2rem;
text-align:center;
}

.sr-bt p{
padding-bottom:1rem;
}

.bt-count{
font-weight:bold;
}

.no-balls{
display:none;
}

/* ============== PRODUKTLISTNING ============ */



.product_list article{
position:relative;
margin-bottom:2rem;
}

article.product-small{
height:195px;
overflow:hidden;
clear: right;
margin: 10px 0px;
}

article.product {
text-align:center;
font-family: 'BrandonGrotesqueRegularRg';
}

article.product select{
width:70%;
text-transform:uppercase;
font-size:0.8125rem;
}

article.product select.quantity{
margin-top: 8px;
/*max-width:53px;*/
}

.page_de article.product select.quantity {
/*max-width:65px;*/
}

.page_dk article.product select.quantity {
/*max-width:58px;*/
}

.page_nl article.product select.quantity {
/*max-width:60px;*/
}

article.product a{
color:#212529;
font-family: 'BrandonGrotesqueRegularRg';
letter-spacing: 1px;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}


article.product a:hover{
text-decoration:none;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
color: #00b5ef;
}

article.product a.btn{
color:#fff;
margin-top:8px;
}

article.product a.btn:hover{
color:#fff;
}



article.product h3{
font-size:0.8125rem;
height:44px;
overflow:hidden;
margin-top:8px!important;
margin-bottom:8px;
}

article .ballindex-to-ball-tool h3{
font-size:1.25rem;
margin-top:0!important;
margin-bottom:1rem;
height:auto;
}


article.product .undertxt{
display: block;
font-size: 12px;
font-family: "Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

article.product .price{
font-weight:bold;
display:block;
margin-top: 5px;
}

article.product .mangdrabatt{
display:block;
text-transform:uppercase;
font-size:11px;
height:16px;
}

article.product .orgprice{
margin-left:5px;
color:#767676;
}

article.product .rea {
position: absolute;
width: 60px;
height: 60px;
border-radius: 40px;
background: #efefef;
right: 6px;
top: 0px;
display: table;
}

article.product .rea .inner {
display: table-cell;
vertical-align: middle;
width: 100%;
margin: 0 auto;
text-align: center;
}

article.product .rea .inner .element {
color: #212529;
text-decoration: none;
padding: 0px 10px;
display: block;
font-family: 'BrandonGrotesqueRegularRg';
font-size: 13px;
}

article.product .color-list{
padding-top:5px;
line-height:0;
height:12px;
}

article.product .color-list .variant-color{
height:10px;
width:10px;
display:inline-block;
margin:0 2px;
border-radius:50%;
border:1px solid #dfdfdf;
}

.btn-tag{
box-shadow:0;
background-color:#999;
}

.btn-tag:not([disabled]):not(.disabled).active, .btn-tag:not([disabled]):not(.disabled):active, .show>.btn-tag.dropdown-toggle {
color: #fff;
background-color: #00b5ef;
border-color: #00b5ef;
box-shadow:none;
}

.btn-tag.focus, .btn-tag:focus{
box-shadow:none;
}

.tags{ /* Fix, remove inline-block auto spacings */
font-size:0px;
letter-spacing:0px;
word-spacing:0px;
overflow:hidden;
height:38px;
}

.product_list .tags{
	height:76px;
}

.product_list .tagg_label{
	font-size:8px;
	max-width:none;
	letter-spacing:1px;
}

.page_accessories_ny .tags, .page_golfklader .tags{
visibility:hidden;	
}

.tagg_label {
background-color: #999;
color: #fff;
text-align: center;
letter-spacing: 2px;
font-size: 9px;
line-height: 13px;
display: inline-block;
border-radius: 3px;
text-transform: uppercase;
max-width: 135px;
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
margin-top:4px;
margin-right:4px;
font-family: 'BrandonGrotesqueRegularRg';
}

.sale_label{
	background-color: #999;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 16px;
    display: inline-block;
    border-radius: 3px;
    text-transform: uppercase;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-right: 4px;
    font-family: 'BrandonGrotesqueRegularRg';
}

.single_product .tagg_label{
max-width:none;
}

article.product .product_img{
max-width:158px;
max-height:158px;
height:158px;
margin:0 auto;
overflow:hidden;
}

article.product .product_recommend{
	position: absolute;
    background: #efefef;
    padding: 10px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    border-radius: 15px;
    left: 20px;
    top: 10px;
	max-width:120px;
}

article.product .equipment_mr{
	max-width: 101px;
    left: 48px;
    top: -3px;
    line-height: 15px;
    font-size: 11px;
    opacity: 0.94;
}

article .product_kopknapp{
padding-bottom:25px;
height:61px;
}

.product_nostock{
text-transform:uppercase;
color:red;
padding-top:12px;
display:block;
font-size: 0.8em;
}

.personaltips .brandimg{
visibility:hidden;
}

.personaltips {
background: none!important;
position: relative;
}

.personaltips .persimg {
height: 60px;
width: 60px;
overflow: hidden;
border-radius: 40px;
border: 1px solid #ddd;
}

.personaltips .persimg img {
width: 100%;
margin: 0px;
}

.personaltips .perstext {
position: absolute;
z-index: 16;
width: 120px;
bottom: 120%;
left: 0;
margin-left: -60px;
text-align: center;
border-radius: 6px;
background: #00b5ef;
color: #FFF;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
opacity: 0;
height: 0;
overflow: hidden;
font-size: 13px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.personaltips:hover .perstext {
opacity: 1;
height: auto;
padding: 5px 0;
overflow: visible;
}

.personaltips .perstext::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 70%;
border-width: 5px;
border-style: solid;
border-color: #00b5ef transparent transparent transparent;
}


/* ================ SINGLE PRODUKT ================= */
article.single_product .single_product_img{
position:relative;
padding-bottom:2rem;
overflow:hidden;
}

article.single_product h1{
margin-bottom:0;
}

article.single_product .new_tag_label_row{
margin-left:-3px;
padding-bottom:1rem;
padding-top:2px;
}

article.single_product .single_product_img .brand_img{
position:absolute;
}

article.single_product .single_product_img .model_img{
position:relative;
top:0;
left:0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
}

article.single_product .single_product_img .model_img:hover{
opacity:0;
}

article.single_product .single_product_img li{
list-style:none;
text-align:center;
}

article.single_product .single_product_img li img{
object-fit: contain;
max-height: 350px;
}

article.single_product .buy_option{
border: 1px solid #d9d9d9;
background:#f5f5f5;
padding:1rem;
line-height: 1.9rem;
}

article.single_product .option_enhet{

}

article.single_product .option_pris{
white-space: nowrap;
font-weight:bold;
text-align:right;
}

article.single_product .option_kop{

text-align:right;
}

article.single_product .klass_options{
margin-top:20px;
}

article.single_product .rea_tag{
color:red;
}

.save-msg{
/*color:#86b30c;*/
}

.org-pris{
font-size: 13px;
color: #aaaaaa;
text-decoration: line-through;
vertical-align: middle;
display:inline-block;
margin-right:5px;
text-transform:none;
font-family: "Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.tagg_label_save{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	text-align: center;
    letter-spacing: 0.05em;
    padding: 0.3em 0.6em 0.3em;
    font-size: 10px;
    display: inline-block;
    border-radius: 0.25em;
    margin-top: 5px;
    text-transform: uppercase;
    font-family: 'BrandonGrotesqueRegularRg';
	line-height: 11px!important;
    vertical-align: middle!important;
    margin: 2px auto;
	margin-right:5px;
}

.klass_options{
font-family: 'BrandonGrotesqueRegularRg';
}

article .product_text ul{
padding-left:20px;
}

article.single_product .product_text{
overflow:hidden;
}

article .single_product_nostock{
text-transform: uppercase;
color: black;
height: 32px;

}

.ball-options-wrap .single_product_nostock{

margin-left:5px;
}

.lasmer{
font-family: 'BrandonGrotesqueRegularRg';
text-transform:uppercase;
display:block;
padding-top:5px;
}

article.single_product .price_contain{
margin-bottom:1.8rem;
}

.tp_wrap{
padding-bottom:4rem;
}

.product_end{
padding-bottom:4rem;
}

.payment_options{
padding-bottom:4rem;
}

article.single_product.utrustning .utrustning_buy_option{
font-family: 'BrandonGrotesqueRegularRg';
text-transform:uppercase;
margin-bottom:2rem;
}

article.single_product.utrustning .kg_select{
padding-top:5px;
padding-left:5px;
text-transform:uppercase;
font-size:14px;
margin: 10px 0 3px 0;
}

article.single_product.utrustning .variant_lagertext{
font-size: 0.75rem;
color:#86b30c;
}

article.single_product.utrustning .product_info{
margin-bottom:2rem;
}

.product_info .lSAction>a {
top:163px; /* Gör så inte pilarna flyttar på sig om annan bild är högre */
}

.grade-box{
margin-bottom:30px;
}

.ball-select-amount, .new-ball-select-amount{
margin-bottom: 6px;
display:inline-block;
height:31px;
padding:initial;
}

.ball-options-wrap{
padding-top:0rem;
}

.ball-options-wrap .addtocartlink{
}

.versandkosten{font-size:12px;font-family: "Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-transform:none;display:block;margin-bottom:8px;margin-top:-5px;}



.fslightbox-source{
	max-height:900px;
	max-width:900px;
	background-color:#fff;
}

/* =============== KAMPANJER / REA ================ */
.julklappstips{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
position:absolute;
top:100px;
width:80%;
color:#fff;
background-color:#00914e;
border-radius:0.5em;
font-size:12px;
padding:3px;
opacity:0.85;
margin:0 auto;
left:0;
right:0;
max-width:154px;
}

.filter_mobile{
margin-bottom:4rem;
font-family: 'BrandonGrotesqueRegularRg';
text-transform:uppercase;
}

.filter_mobile span{
font-size:0.75rem;
display:block;
}

.filter_mobile select{
width:100%;
text-transform:uppercase;
font-size:0.875rem;
}

.anmalan_nyhetsbrev{
background:#404040;
text-align:center;
}

.anmalan_nyhetsbrev .btn{
margin:1rem;
margin-bottom:1.7rem;
}

.anmalan_nyhetsbrev input#newsletter-email{
width:70%;
margin:0 auto;
}

.cp-text{
padding-bottom:3rem;
max-width:620px;
text-align:center;
margin:0 auto;
}

.cp-text h2{
margin-top:0;
}

.campaign-content{
	/*padding-top:2rem;*/
}

.campaign-content hr{
	margin-bottom:3rem;
}

.oob-bg-element-pattern{
	background: url(https://oobmatrix.com/shared/img/oob-pattern-no-repeat-web-element-bg.jpg) no-repeat;
    background-size: cover;	
}

.campaign-aside-element{
	
}

.campaign-aside-element h2{
	font-size:30px;
	margin-bottom:0;
	margin-top:0;
}

.campaign-aside-element hr{
	width:45%;
	color:#212529;
	margin-top:38px;
	margin-bottom:38px;
}

.campaign-aside-element p{
	margin-bottom:0;
}

.campaign-aside-element-wrap{
	padding:48px 25px 48px 25px;
}


/* =============== STARTSIDAN ==================== */
.page_start main{
padding-top:0!important;
background:#fff;
}

.page_start section{
margin-bottom:4.875rem;
}

.page_start section.featured{
margin-bottom:1rem;
}

.featured img{
width:100%;
}


.box-padding{
padding:2rem;
background:#efefef;
}

.reviews{
text-align:center;
}

.five_trust_stars img{
width:auto;
}

.three_dots{
margin-bottom:2rem;
}

.trustreview{
margin:0 auto;
margin-bottom:1rem;
max-width:700px;
}

.five_trust_stars{
margin-bottom:8px;
}

.page_start .fullimgtext{
margin-bottom:1.875rem;

}

.fullimgtext .fullimgtext-ontop{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.fullimgtext .standard-start-h1{
color:#fff;
max-width:500px;
font-size:1.75rem;
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}

.fullimgtext .fullimgtext-imgwrap{
direction: rtl; 
overflow: hidden;
}

.fullimgtext .fullimgtext-imgwrap img{
width:auto!important
}


.promo{
text-align:center;
}

.promo h3{
color:#212529;
margin-bottom:5px;
font-family:inherit;
font-weight:normal;
text-transform:inherit;
margin-top:0;
}

.promo a:hover{
text-decoration:none;
}

.promo a{
color:#212529;
}

.promo .link{
text-transform:uppercase;
text-decoration:underline;
font-size:0.875rem;
}

.promo img{
padding-bottom:1.875rem;
width:100%;
}

.grey-box{
padding-bottom:1.875rem;
background:#efefef;
margin-bottom:1.875rem;
}


.to-ombollarna img{
width:100%;
opacity:0.9;
}

.om-left{
padding-right:4px;
}

.om-right{
padding-left:4px;
}

.to-ombollarna{
position:relative;
}

.to-ombollarna .btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:5;
-webkit-box-shadow: 0px 0px 41px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 41px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 41px 1px rgba(0,0,0,0.38);
}

div.scrolla {

}

.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 90px;
  right: 30px;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  background-color:#2f2f2f;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/* ============= KASSAN =============== */

/* TYSKA KASSAN FÖR LÅNGA PRODUKTNAMN */
.page_de.page_kassan h4 {
	font-size: 0.8rem;
}

button.qc-payment-choice {
width: 100%;
border: none;
padding: 10px;
margin: 0px 0px 5px 0px;
cursor: pointer;
border: 1px solid #ced4da;
border-radius: .25rem;
font-size:12px;
}

.page_kassan .custom-control-indicator{
position: absolute;
top: 50%;
transform: translate(0, -50%)
}

.page_kassan .custom-control-description{
font-size:12px;
}

.custom-controls-stacked .custom-control {
padding-top:5px;
padding-bottom:5px;
}

.custom-control-description .fa{
font-size:25px;
padding-left:10px;
}

#qc-vc{
display:none;
}

.tp-widget-humanscore{
display:none!important;
}

.reviews_side{
text-align:left;
padding:1.5rem;
background:#efefef;
}

.reviews_side h3{
margin-top:0;
}

.reviews_side img{
width:100%;
margin-bottom:5px;
max-width:180px;
display:block;
}

.reviews_side .review_date{
display:block;
}

.reviews_side .name{
display:block;
margin-bottom:8px;
}

.reviews_side article{
margin-bottom:1rem;
}

.reviews_side .trustpilot_link{
text-align:left;
font-size:0.75rem;
}

.review_single{
text-align:center;
}

.review_single .review_stars{
width:100%;
margin:0 auto;
margin-bottom:10px;
max-width:180px;
display:block;
}

.review_single .review_date{
display:block;
}

.review_single .name{
display:block;
margin-bottom:8px;
}

.review_single article{
margin-bottom:1.5rem;
}

.review_single .trustpilot_link{
font-size:0.75rem;
}



.kassan-complete{
padding-top:2rem;
}

.qc-ok{
display:none;
}

.qc-error-info{
font-size:0.785rem;
color:red;
}

.qc-remove img{
width:auto;
}

.custom-controls-stacked img{
width:auto;
}

/* ----- Make QC ----- */
.qc-image{
max-width:80px;
}

.qc-image img{
max-width:50px;
max-height:50px;
}

.qc-price{
text-align:right;
}

.qc-qty{
text-align:center;
}

.qc-qty-inp{
width:100%;
}


.qc-remove{
text-align:right;
}

.qc-kop{
text-align:right;
}

.qc-name a{
color:#212529;
}

.qc-name h4{
margin-bottom:0;
}

.qc-artnr{
font-size:0.75rem;
}

.qc-mr{
font-size:0.75rem;
color:#00b5ef;
}

.qc-enhet, .qc-rea{
font-size:0.875rem;
}

.qc-rea{
display:block;
color:#dc3545; 
}

.page_kassan .qc-rea{
/*color:#28a745; Success grön*/
}
	
.qc-item{
padding-bottom:1rem;
padding-top:1rem;
border-bottom:1px dashed #ebebeb;
}

.qc-qty-inp{
border:1px solid #ced4da;
border-radius: .25rem;
text-align:center;
}

.qc-qty-control{
display:inline-block;
padding:3px;
cursor:pointer;
color:#d9d9d9;
}

.page_ordertack img{
width:auto;
}


/* UNIFAUN WIDGET 2022-08 */

.unifaun-checkout-option-agent-panel .unifaun-checkout-clip-box{
	margin-left:0!important;
}


.unifaun-checkout-option-header0, .unifaun-checkout-option-header1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    background: #fff;
    border-width: 0;
    border-style: none;
    border-color: rgba(0,0,0,0);
    padding: 0;
    /* cursor: default; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.unifaun-checkout-option0.unifaun-checkout-multilevel0.unifaun-checkout-selected0 .unifaun-checkout-option-header0, .unifaun-checkout-multilevel0.unifaun-checkout-selected0.unifaun-checkout-additional-fields .unifaun-checkout-option-header0, .unifaun-checkout-multilevel0.unifaun-checkout-selected0.unifaun-checkout-top-addons .unifaun-checkout-option-header0 {
	border:1px solid #e1eef2;
    box-shadow: none;
    background: #e9f7fc;
}

.unifaun-checkout-option1.unifaun-checkout-selected1 {
    /*background: #e9f7fc;*/
}

.unifaun-checkout-selected0 .unifaun-checkout-option-title, .unifaun-checkout-selected0 .unifaun-checkout-additional-fields-title, .unifaun-checkout-selected0 .unifaun-checkout-top-addons-title, .unifaun-checkout-selected0 .unifaun-checkout-option-price {
    color: #000;
}

.unifaun-checkout-option-title, .unifaun-checkout-additional-fields-title, .unifaun-checkout-top-addons-title, .unifaun-checkout-option-price {
    font-weight: normal;
}

.unifaun-checkout-root {
    font-size: 16px;
    font:inherit
}

.unifaun-checkout-option0.unifaun-checkout-multilevel0 .unifaun-checkout-option-header0, .unifaun-checkout-multilevel0.unifaun-checkout-additional-fields .unifaun-checkout-option-header0, .unifaun-checkout-multilevel0.unifaun-checkout-top-addons .unifaun-checkout-option-header0 {
    box-shadow: none;
}

.unifaun-checkout-option0.unifaun-checkout-multilevel0>.unifaun-checkout-clip-box, .unifaun-checkout-multilevel0.unifaun-checkout-additional-fields>.unifaun-checkout-clip-box, .unifaun-checkout-multilevel0.unifaun-checkout-top-addons>.unifaun-checkout-clip-box {
    margin: 0 0px;
}

.unifaun-checkout-option1.unifaun-checkout-selected1 {
    background: none;
}

.unifaun-checkout-option0 input:checked+.unifaun-checkout-option-radio-target, .unifaun-checkout-additional-fields input:checked+.unifaun-checkout-option-radio-target, .unifaun-checkout-top-addons input:checked+.unifaun-checkout-option-radio-target, .unifaun-checkout-option0 input:checked+.unifaun-checkout-option-radio-target, .unifaun-checkout-additional-fields input:checked+.unifaun-checkout-option-radio-target, .unifaun-checkout-top-addons input:checked+.unifaun-checkout-option-radio-target {
    background: #9ebcc5;
}

.unifaun-checkout-multilevel0.unifaun-checkout-selected0 .unifaun-checkout-option-header0::before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M5.5 13.5L11 8 5.5 2.5" fill="none" stroke="%234A4A4A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: none;
    background-size: 100%;
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);

}

.unifaun-checkout-root label {
    display: inline-block;
    margin-bottom: 0rem;
}

.unifaun-checkout-option0.unifaun-checkout-multilevel0.unifaun-checkout-selected0>.unifaun-checkout-clip-box, .unifaun-checkout-multilevel0.unifaun-checkout-selected0.unifaun-checkout-additional-fields>.unifaun-checkout-clip-box, .unifaun-checkout-multilevel0.unifaun-checkout-selected0.unifaun-checkout-top-addons>.unifaun-checkout-clip-box {
    box-shadow: none;
    border: 1px solid #d9d9d9;
	border-top:0;
}

.unifaun-checkout-narrow .unifaun-checkout-option1 {
    padding: 15px 20px;
    padding-bottom: 30px;
}

input+.unifaun-checkout-option-radio-target {
    top: 6px;
}

.unifaun-checkout-option-radio {
    width: 20px;
    margin-right: 14px;
}

.unifaun-checkout-option1 .unifaun-checkout-clip-box {
    margin-left: 35px;
}

.unifaun-checkout-option-sub-column1, .unifaun-checkout-option-sub-column2, .unifaun-checkout-option-column1, .unifaun-checkout-option-column2 {
    display: block;
}

.unifaun-checkout-narrow .unifaun-checkout-option-header0 {
    padding: 14px 16px;
}

.unifaun-checkout-option-price{
	position: absolute;
    right: 15px;
}

.unifaun-checkout-clip-box{
	background:#fff;
}

.unifaun-checkout-narrow .unifaun-checkout-option-header0 .unifaun-checkout-option-title, .unifaun-checkout-narrow .unifaun-checkout-option-header0 .unifaun-checkout-additional-fields-title, .unifaun-checkout-narrow .unifaun-checkout-option-header0 .unifaun-checkout-top-addons-title, .unifaun-checkout-narrow .unifaun-checkout-option-header0 .unifaun-checkout-option-price {
    font-size: 15px;
}

input+.unifaun-checkout-option-radio-target {
    top: 1px;
}

/* Ta bort telefon input, kanske tar bort annat? */

[id*='FCRECEIVERPHONE']{
	display:none!important;
}

.unifaun-checkout-valign{
	display:none;
}

/* Ta bort telefon slut */


/*============= BLOGGEN ==================*/
.blogg-list img{
width:100%;
}

.blogg-list .omslagsbild_thumb{
margin-bottom:1rem;
}

.blogg-list .inlaggstitel a{
color:#212529;
font-size:1rem;
}

.blogg-list .inlaggstitel{
margin-top:0;
height:60px;
overflow:hidden;
}

.blogg-list .blogg-post{
margin-bottom:2rem;
}

.blogg-list .inlaggstitel a:hover{
text-decoration:none;
color:#00b5ef;
}

.blogg-list .blogg_text{
height:150px;
overflow:hidden;
}

/* ---- SINGLE BLOGG ----- */
.wrap-image-left{
float:left;
max-width:55%;
padding-right:2rem;
padding-bottom:2rem;
padding-top:0.4rem;
}

.wrap-image-right{
float:right;
max-width:55%;
padding-left:2rem;
padding-bottom:2rem;
padding-top:0.4rem;
}

.blogg-single iframe{
width:100%;
}

.blogg-single p{
margin-bottom:2rem;
line-height:30px;
}

.blogg-single h2{
margin-top:2rem;
}

.blogg-single hr{}

.blogg-side-list .inlaggstitel{
margin-top:5px;
}

.blogg-side-list .inlaggstitel a{
color:#212529;
}

.blogg-side-list .inlaggstitel a:hover{
text-decoration:none;
color:#00b5ef;
}

.blogg-side-list{
margin-bottom:2rem;
}


/*============= BOLLTESTER ===============*/

/*----- BOLLTEST SINGLE ------*/
.persimg_bolltest{
max-width:55px;
}

.bolltest-side h2{
border-bottom: 4px solid #00b5ef;
}

.bolltest-side ul{
padding-left:20px;
}

.bolltest-side .persimg_bolltest{
margin-bottom:5px;
}

.bolltest-side .more_tests a{
color:#212529;
}

.bolltest-content img{
width:100%;
height:100%;
}

.bolltest-content iframe{
width:100%;	
}

/*================== MIN SIDA ================== */

.page_minsida .qc-image{
float:left;
margin-right:1rem;
}

.page_minsida .qc-top{
float:left;
width:70%;
}

.page_minsida .qc-row{
margin-bottom:2rem;
}

.page_minsida .qc-artnr{
color: #ACACAC;
font-size: 11px;
padding-top: 6px;
}

.page_minsida .qc-qty{
width:120px;
float:right;
margin-left:8px;
}

/* MEDARBETARE */
.medarbetare-row .col{
max-height:305px;
margin-bottom:30px;
position:relative;
}


.medarbetare{
width:180px;
float:left;
position:relative;
margin:0 auto;
margin-bottom:30px;
height:305px;
}

.medarbetar_info{
margin:0 auto;
bottom:0;
background:#f5f5f5;
height:100px;
max-width:180px;
font-size:12px;
}

.medarbetar_info p span{
color:#00b5ef;
}

.medarbetar_info p{
padding:15px;
}

.medarbetar_info a{
font-size:9px;
color:#444;
text-decoration:none;
}

.medarbetar_bild img{
     image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
	image-rendering: crisp-edges;
	
	
}

.medarbetar_bild{
margin:0 auto;
top:0;
max-width:180px;
max-height:205px;
}

a.mypage-show_order img{
width:auto;
}


/*=================== SÖK ================*/
.ui-menu{
background:#fff;
list-style:none;
border:1px #d9d9d9 solid;
margin:0;
padding:0;
z-index:900;
}

.ui-menu li{
cursor:pointer;
padding:5px;
}

.ui-menu li:hover{
background:#d9d9d9;
}

.sokruta{
font-size: 0.75rem;

}

.form-inline .form-control.sokruta{
width:100%;
}

.form-inline .form-control.sokrutamobil{
margin-bottom:1rem;
}

#sokmobil{
width:100%;
}

header .aw-search-form{
width:100%;
}

header .aw-search-form.d-block{
display:flex!important;
}

/*==== TYSKLAND CSS =====*/
.page_de article .single_product_nostock{
font-size:12px;
}

.page_de .product_kopknapp .btn-sm{
font-size:0.6rem;
}

/*==== NEDERLÄNDERNA CSS =====*/
.page_nl article .single_product_nostock{
font-size:12px;
}

.page_nl .product_kopknapp .btn-sm{
font-size:0.6rem;
}

.standard_start{
min-height:480px;
padding-top:4.5rem; 
padding-left:1rem;
padding-right:1rem;
color:#fff; 
/*background: url(https://bg.oobcdn.com/img/startbak_neu.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
}

.standard_start_swe{
/*background: url(https://bg.oobcdn.com/de/startbak_neu_swe_web2.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
}




.standard_start_2019{

padding-bottom:4.5rem;
min-height:auto!important;

/*background: url(https://oobmatrix.com/sv/img/startbak_2020_jul.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
/*background: url(https://oobmatrix.com/shared/img/startbak_2021.webp) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
/*background: url(https://oobmatrix.com/shared/img/startbak_2022_winter.webp) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
/*background: url(https://oobmatrix.com/shared/img/startbak_2023_spring.webp) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
/*background: url(https://oobmatrix.com/shared/img/startbak_2023_summer.webp) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/

background: url(https://oobmatrix.com/shared/img/startbak_2022_autumn.webp) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

background-position-y: -10px;
background-position-x: -339px;
}

.standard_start h1, .standard-start-h1 {
margin: 0 auto;
font-size:1.625rem;
line-height: 1.3;
/*text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.58);*/
text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.35);
margin-bottom: 2rem;
font-weight:bold;
max-width: 600px;
}


.standard_start ul{
margin-bottom:3rem;
text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.58);
/*text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.25);*/
list-style:none;
padding:0;
font-size:1.125rem;
}

/*.standard_start .btn{
-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.30);
}*/


/*==== .COM CSS ====*/

.page_com h1{
margin-bottom:3rem;
}

.page_com .logo_com{
margin-bottom:3rem;
}

.page_com ul{
list-style:none;
padding:0;
}

.page_com ul li{
margin-bottom:20px;	
}

.page_com .border_box{
border:1px solid #d9d9d9;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding:2rem;
}

.page_de .messenger-chat {
	display:none;
}

.page_nl .messenger-chat {
	display:none;
}

/* PRODUKT-JÄMFÖRELSE  */
table.produkt-jamforelse {
	width: 100%;
	font-size: 0.7em;
}

table.produkt-jamforelse td{
	border: 1px solid #ddd;
	padding: 2px 5px;
}

table.produkt-jamforelse tr.merinfo td {
	font-style: italic;
	padding: 0.5rem 0 1rem 0.5rem;
    text-align: left;
}
	
table.produkt-jamforelse .merinfo-link {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
/* FAKTA & SPECIFIKATIONER */
.fakta-spec{
padding: 25px 0;
}

/* STORLEKSGUIDE */
table.storleksguide-peak td, th {
  width: auto !important;
  text-align: center !important;
}

table.storleksguide{
font-family: arial, sans-serif;
border-collapse: collapse;
width:100%;
font-size:13px;
}

table.storleksguide td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}

table.storleksguide-handskar{
	width: 100%;
	margin-top: 20px;
}

table.storleksguide-handskar td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  width: 33%
}

.oob-table{
  overflow-x: auto;
  display: block;
  width:100%;
  border:0;
}

.oob-table thead tr th {
  background:#e9f7fc;
  font-weight:400;
  text-align:left!important;
  border:0;
  font-size:14px;
}

.oob-table thead tr:first-child th {
  background:#e1eef2;
  text-align:center!important;
  font-family: 'BrandonGrotesqueRegularRg';
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size:16px;
  padding-top:19px;
  padding-bottom:19px;
}

.oob-table td, .oob-table th{
	padding:12px;
	font-size: 14px;
	border-left:1px solid #e1eef2;
	border-right:1px solid #e1eef2;
}

.oob-table tr td:first-child {
	border-left:0px;
}

.oob-table tr td:last-child {
	border-right:0px;
}

.storleksguide-handske-img{display: none}

/* BLOCK */
.ipg-wrap {
	overflow:hidden;
	background: #404040;
}

.ipg-wrap .block-form {
	display:none;
	padding: 0 1rem 1rem 1rem;
}

.ipg-wrap .block-form p {
	padding: 1rem;
}


/* GUIDE, BALL-TOOL AND SOME NEW STYLES 2020 */

section.std h2{
margin-top:0;
margin-bottom:80px;
}

section.std{
	padding-top:60px;
	padding-bottom:60px;
}

section.std-last{
	padding-bottom:120px;
}

.guide-intro, .intro-section{
	padding-top:60px;
	padding-bottom:60px;
}

.guide-intro h3, .intro-section h3{
	margin:0;
}



.erik-desc{
	margin-bottom:1rem;
	display:block;
	padding-top:2px;
	padding-right:2px;
}



section.std h3{
	margin-top:0;
}

section.std img{
	width:auto;
}

.std-m-pb{
	padding-bottom:100px;
}

.guide-structure .row{
	margin-bottom:-100px;
}

.guide-structure .col{
	margin-bottom:100px;
}


section.guide-structure h3{
	margin-top:40px;
	margin-bottom:0;
}

.guide-structure p{
	margin:0 auto;
	max-width: 350px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

section.guide-attributes img, section.aboutballs-steps img{
	margin:0 auto;
	padding-bottom:40px;
}

section.guide-attributes h3, section.aboutballs-steps h3{
	margin-bottom: 25px;
}

section.guide-recommend h2, section.aboutballs-steps h2{
	margin-bottom:50px;
}

.guide-recommend .row{
	padding-top:40px;
	margin-bottom:-80px;
}

.guide-recommend .col{ 
	margin-bottom:80px;
}

.guide-recommend p{
	max-width:600px;
	margin:0 auto;
}

.recomend-box{
	position:relative;
	background-color:#efefef;
	margin-left:26px;
	height:100%;
}

.recomend-box p{
	padding:60px;
	padding-top:25px;
	margin-bottom:0;
}

.recomend-box h3{
	padding-top:50px;
	padding-left:130px;
	margin-top:0;
	font-size:17px;
}

.recomend-box hr{
	margin-left:130px;
	border-top:2px solid #c0c0c0;
}

.number-box{
	font-size:35px;
	color:#fff;
	line-height:114px;
	text-align:center;
	top:-26px;
	left:-26px;
	width:114px;
	height:114px;
	position:absolute;
	background-color:#b6bcbe;
}



section.tool-guide h2{
	margin-bottom:50px;
}

section.tool-guide{
	margin-top:80px;
	margin-bottom:80px;
	background: url(https://oobmatrix.com/shared/img/guide/guide-to-ombollarna.jpg);
	background-position: 30%;
    background-size: cover;
}

.tool-guide p {
    max-width: 300px;
    margin: 0 auto;
	margin-bottom:50px;
}

.tool-guide p br{
	display:none;
}

section.guide-dictionary{
}



section.guide-dictionary h2 {
    margin-bottom: 50px;
}


.guide-dictionary hr{
	border-top:2px solid #c0c0c0;	
}

.guide-dn-text{
	max-width:600px;
	padding:60px;
	background:#efefef;
	margin:0 auto;
	margin-top:45px;
}

.guide-dn-text{
	display:none;
}

.guide-faq-question{
	font-family: 'BrandonGrotesqueRegularRg';
    text-transform: uppercase;
    color: #444;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    text-decoration: none;
    display: inline-block;
}

.guide-faq-q-wrap{
	margin-bottom:65px;
}

.guide-faq .guide-faq-q-wrap:last-child{
	margin-bottom:0;
}


.guide-faq h4{
	margin-top:0;
}

section.guide-faq h2{
	margin-bottom: 50px;
}

.ball-tool{
	position: fixed;
    right: -580px;
    top: 0;
    height: 100%;
    width: 100%;
	width: 100%;
    background: #fff;
    z-index: 1600;
    text-align: left;
    padding: 20px;
    padding-top: 40px;
	padding-bottom:40px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.ball-tool-wrap{
	position: relative;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
}

.ball-tool h2{
	margin-top:0;
}

.ball-tool h3{
	line-height: 1.4;
	max-width:300px;
	margin:0 auto;
	margin-bottom:2rem;
}   

.ball-tool .ball-h{
	border-bottom:2px solid #d9d9d9;
	padding-bottom:15px;
}

.ball-tool img{
	width:auto;
	max-width:200px;
	margin-bottom:65px;
}

.ball-tool .hej{
	
}

.bt-grey-bg{
	display: none;
    z-index: 1500;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #444;
    opacity: 0.3;
    cursor: pointer;
}

.ball-tool .close-bt-top{
	position: absolute;
    right: 0;
    top: -25px;
    cursor: pointer;
    color: #777777;
}

.bt-nav-wrap{
	padding:0 10px 0 10px;
}

.bt-nav-wrap .btn{
	width:47%;
}

.bt-q{
display:none;
}

.bt-nav-std{
display:none;
}

.bt-nav-end{
display:none;
}

.bt-last{
display:none;
}

.bt-q-0{
display:block;
}

.bt-question-wrap{
overflow-y: auto;
padding:0 2rem 0 2rem;
}

.bt-a label{
cursor:pointer;
display:flex;
}

.bt-a .bt-a-left{
align-items:center;
display:flex;
flex-shrink:0;
}

.bt-a .bt-a-right{
text-align:left;
padding-left:1.5rem;
}

.bt-a{
padding:1.2rem;
}

.bt-brand{
margin-bottom:1.1rem;
}


.ballindex-to-ball-tool{
height:100%;
display:flex;justify-content:center;align-items:center;
background: url(https://oobmatrix.com/shared/img/guide/golf-monster.png) repeat 80px;
}

.ballindex-to-ball-tool p{
font-family:"Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.ballindex-to-ball-tool div{
padding: 20px;
}

/* NEW SEARCH */

.close-search{
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
}

.close-search .fa{
margin-left:5px;
}

.open-search-icon{
font-size: 1rem;
color: #fff;
cursor: pointer;
}

.new-search{
height:0; width:100%;position:fixed;top:0;background: #fff;z-index: 1600;
overflow:hidden;
transition: height 0.3s ease-out;
}

.new-search form{
margin:0 auto;
width:50%;
height:100%;
}

.new-search .form-inline .form-control{
width:100%;
border: 0;
border-radius: 0;
border-bottom: 2px solid #d9d9d9;
}

.new-search .form-control:focus {
box-shadow:none;
}

.new-search .btn{
border-bottom:2px solid #d9d9d9!important;
padding:.375rem .75rem;
border-radius:0;
}



/* Golf balls index */
.golfballs-nav{
margin: 0px 0px;
padding: 10px 0px;
border-top: 2px solid #d9d9d9;
border-bottom: 2px solid #d9d9d9;
}

.golfballs-nav a:hover{
border-bottom: 1px solid #00b5ef;
color: #00b5ef;
}

.golfballs-nav ul{
margin-bottom:0;
padding:0;
}

.golfballs-nav li{
margin: 0px;
/*width: 100%;*/
width:auto;
margin:0px 7px;
display: inline-block;
}

.golfball-intro{
display:none!important;
}

.golfballs-nav a{
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
color: #444;
font-size:0.84rem;
padding-bottom: 4px;
text-decoration:none;

line-height: 30px;
}


/*  */

.aboutballs-intro img{
max-width:351px;
padding-bottom:2rem;
}

section.aboutballs-steps img{
width:100%;
max-width:351px;
}

.new-ribbon span{
display: inline-block;
padding: 3px 10px 1px 10px;
background: #d9d9d9;
color: #fff;
font-size: 15px;
text-transform: uppercase;
}

.new-ribbon hr{
margin-top: 0;
margin-bottom: 1.5rem;
}

.grey-text-box{
background-color:#efefef;
padding:40px;
height:100%;
}

section.aboutballs-grade img{
width:100%;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
z-index:3;
}

.round-control-bg{
position: absolute;width:50px;height:50px;background:#fff;display:block;border-radius:50px;
}

.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2544444' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2544444' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}

.carousel-indicators li{
background-color: #444;
}

.carousel-indicators{
margin-bottom:0;
}

.aboutballs-grade p.std-m-pb{
max-width: 600px;
margin: 0 auto;
}

.aboutballs-grade .row{
margin-bottom:120px;
}



.carousel .carousel-indicators li {
width: 0.7rem;
height: 0.7rem;
cursor: pointer;
border-radius: 50%;
}


.img-carousel{
border:1px solid #d9d9d9;
}

.carousel-item span{
position: absolute;
bottom: 42px;
text-align: center;
width: 100%;
}

.horizontal-trustpilot article{
margin-bottom: 1.5rem;	
}

.horizontal-trustpilot img{
max-width:100px;
}

.horizontal-trustpilot p{
margin-bottom:2rem;
}

/**/

.after-fullwidth-cover {
	padding-top: 60px!important;
}

.fullwidth-cover{
background-size: cover;
}

.page_kontakt .fullwidth-cover{
background: url(https://oobmatrix.com/shared/img/contact/top-contact.jpg); 
height:319px;
background-position: 90%;
}

.contact-circle {
	margin-bottom:1rem;
}

.contact-circle img{
	max-width:250px;
}

.contact-circle span{
	display:block;
	position:absolute;
	top:68%;
	left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	line-height:1.1;
}

.contact-circle a{
font-size:18px;
color:#fff;
}

.contact-shop-info h3{
	margin-bottom:25px;
}

.contact-hello-img{
width:100%!important;
max-width:351px;
}




/* Lakeballs landing page */

.separator-link-list ul{
display:inline-block; 
padding:0;	
}

.separator-link-list li{
display:inline;
margin:0;
}

.separator-link-list li:after {
content:" ";
letter-spacing:1em;  
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAHUlEQVQImWP8////fwYkwITMAQFGLS0thAoGBgYA1k4Ffr+FpLEAAAAASUVORK5CYII=') center center no-repeat; 
}

.separator-link-list a{
white-space:nowrap;
font-family: 'BrandonGrotesqueRegularRg';
text-transform: uppercase;
color: #444;
border-bottom: 1px solid #444;
padding-bottom: 4px;
text-decoration: none;
display: inline-block;
margin-bottom: 15px;
margin-left:5px;
margin-right:5px;
}

.separator-link-list a:hover{
border-bottom: 1px solid #00b5ef;
color: #00b5ef;
}

.all-grades-carousel .all-grades-name-wrap{
position: absolute;width: 100%;bottom:20px;
}

.all-grades-carousel .all-grades-name{
padding:10px;background:white;display:inline-block;border-radius:0.25rem;
}

.all-grades-carousel .all-grades-name h4{
margin:0;
}

.std-img img{
width: 100%;
padding-bottom: 2.5rem;
}

.img-max-351{
max-width: 351px;
}

.hr-short-auto{
	width: 50px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.sale-red-banner{
	background-color: #be394c;
    color: #fff;
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-family: 'BrandonGrotesqueRegularRg';
}

.featured a:hover {
    text-decoration: none;
}

/* New about the balls page 2024 */

.page_ombollarna h1{
	font-size:38px;
}

.page_ombollarna h2{
	font-size:38px;
}

.page_ombollarna h2.small span{
	margin-bottom:0.5rem;
}


.page_ombollarna h3{
	font-size:28px;
}

.page_ombollarna section:first-child{
	padding-top:3rem;
}

section .col-12{
	padding-top:15px;
	padding-bottom:15px;
}


.shader{
	position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:215px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.60) 0%, rgba(255,255,255,0) 100%);
}

.text-in-bottom-corner{
	display:flex;
	align-items:end;
	padding: 2rem;
}

.sub-n-head h2{
	z-index:10;
	margin:0;
	margin-bottom:-5px;
	font-size:25px;
}

.sub-n-head h2.small{
	font-size:25px;
}

.sub-n-head h2 span{
	display:block;
	text-transform:none;
	font-weight:400;
	font-family: "Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size:16px;
}


.text-white{
	color:#fff;
}

.text-in-middle{
	display: flex;
    align-items: center;
}

.p-2rem{
	padding:2rem;
}


.happy-little-golf-stores{
	list-style-type: none;
	padding: 0;
	padding-top:1.8rem;
	padding-bottom: 5rem;
}

.happy-little-golf-stores li{
	display: inline-block;
	width:100%;
	margin-bottom:5px;
}

.happy-little-golf-stores li img{
	width: 20px;
	margin-right: 8px;
}

.happy-little-golf-stores li span{
	font-size:12px;
	display:block;
	margin-bottom:-2px;
}

.happy-little-golf-stores li .btn{
	width:100%;
	text-transform:none;
	background-color:#e9f7fc;
	border-radius:16px;
	text-align:left;
	color:#444;
	font-family: "Source Sans Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	padding: 1.1rem;
    padding-right: 3rem;
    padding-left: 1.5rem;
	font-size:15px;
	transition: all 0.5s ease;
}

.happy-little-golf-stores li .btn:hover{
	opacity:0.7;
	transition: all 0.5s ease;
}



#professional-balls{ 
	background: url(https://oobmatrix.com/shared/img/om-golfbollarna-dykare.jpg) no-repeat top center / cover;
	min-height:460px;
}

.video-button{
	background-color: #63c6e9;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    border: 0;
	position: absolute;
    bottom: 15px;
    right: 12px;
}

.video-button:hover{
	outline:0;
}

.video-button:focus-visible{
	outline:0;
}

.video-button:focus{
	outline:0;
}

.video-wrap{
	position:relative;
	padding: 0px;
}

.video-wrap video{
	width:100%;
}

.video-button svg{
    margin-left: 2px;
}

.video-button{
	cursor:pointer;
	transition: 0.3s all ease;
}

.video-button:hover{
	background-color:#86cce5;
	transition: 0.3s all ease;
}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.first-h{
	font-size:1.563rem;
	margin-top:0;
	margin-bottom:2rem;
}

.std-pd-24{
	padding-top:15px;
	padding-bottom:15px;
}

section .col-12.grey-box-text{
	padding-bottom:4rem;
}

.to-golf-balls-btn{
	margin-top:2rem;
}

.hr-24{
	width:65px;margin:0;margin-bottom:1rem;
}

/* Media queries for the new about balls page */
@media (min-width: 1200px){

	.page_ombollarna h1{
		font-size:42px;
	}
	.page_ombollarna h2{
		font-size:37px;
	}
	
	.sub-n-head h2{
		font-size:50px;
	}
	
	.sub-n-head h2.small{
		font-size:37px;
	}
	#professional-balls{ 
		background: url(https://oobmatrix.com/shared/img/om-golfbollarna-dykare.jpg) no-repeat top center / cover;
		min-height:600px;
	}
	.shader{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		height:215px;
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0) 100%);
	}
	
	.happy-little-golf-stores{
		margin-left:-5px;
	}

	.happy-little-golf-stores li{
		width:auto;
		margin:5px;
	}
	
	.happy-little-golf-stores li .btn{
		width:auto;
	}
	
	.grey-box-img{
		padding: 32px;
		padding-left: 0;
	}
	
	.video-wrap{
		padding: 32px;
		padding-left: 0;
	}
	
	.video-button{
		width: 90px;
		height: 90px;
		bottom: 55px;
		right: 48px;
	}
	
	.grey-box-text .container{
		padding:0 5rem 0 5rem;
	}
	


}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.page_accessories_ny .product_nav_mobile {
text-align:center;
}

.equipment-filter .filter-eq-option .custom-control{
padding-right:0px;
padding-left:40px;
}


.page_ombollarna .author{
float: right;
margin-left: 20px;
}

.page_start h1{
font-size:1.875rem; /* Större trustpilot rubrik på startsidan.*/
}

.medarbetare{
margin-left:30px;
}

}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
.golfball-intro h4{
margin-top:2rem;
}
	
.product-page-center h1{
margin-bottom:2rem;
}

.golfballs-nav {
margin: 30px 0px;
padding: 15px 0px;
}

	
h1{
	margin-bottom:1.2rem;
}
	
article.product select.quantity{
/*max-width:53px;*/
margin-top:0;
max-width:145px;
width:100%;
}

article.product select {
/*width:auto;*/
max-width:145px;
width:100%;
}
	
.ball-options-wrap{
padding-top:1rem;
}

.golfball-filter .filter-options{
background:#dedede;
width:100%;
position: static;
top: 0px;
left: 0px;
height: auto;
padding-bottom: 0px;
min-height: auto;
}
	
.golfball-filter .filter-options .filter-option{
width:16.73%;
margin-right:-3px;
}
	
.golfball-filter .filter-cat{
width:16.73%;
}
	
.top_links li{
margin-left: 25px;
}
	
.standard_start h1, .standard-start-h1 {
font-size:2.188rem;
}

.standard_start ul{
font-size:1.375rem;
}

.standard_start{
min-height:520px;
}

.standard_start_swe{
/*background: url(https://bg.oobcdn.com/de/startbak_neu_swe.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
}

/* FAKTA & SPECIFIKATIONER */

.fakta-spec-img{
width:200px; margin: 0 auto;
}

.fakta-spec .list-group{
margin-top: 10px !important
}

.storleksguide-handske-img{display: block}


/* GUIDE BALL TOOL 2020*/
.tool-guide p {
    max-width: 600px;
}

.tool-guide p br{
display:unset;
}
	
.recomend-box h3{
	font-size: 20px;
}	

.guide-recommend .row{ 
	margin-left:-30px;
	margin-right:-30px;
}

.guide-recommend .col{ 
	padding-left:30px;
	padding-right:30px;
}

.ball-tool {
    width: 480px;
}

.bt-nav-wrap{
	padding:0 40px 0 40px;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
article.product .equipment_mr{
	max-width:100px;
	left:167px;
	top:-4px;
    line-height: 15px;
    font-size: 12px;
    opacity: 1;
}

.standard_start_2019{
background-position-y: 0;
background-position-x: 0;
}

.page_start section.featured{
margin-bottom:4.875rem;
}


.oob-table{
  display: table;
}
	
.oob-bg-element-pattern{
    background-size: 600px;	
}	

.golfball-intro{
display:block!important;
}
	
.mobile-mb-2-5{
margin-bottom:0;
}
	
main {
    padding-top: 42px!important;
}
	
.page_accessories_ny .product_nav_mobile {
text-align:right;
}
	
.float-right-desktop{
float:right;
}
	
.qc-qty{
text-align:right;
}

.qc-qty-inp{
width:auto;
}

header{
height:107px; /* För att förhindra att sidan hoppar innan loggan laddats... */
}

body #olark-container{
bottom: 94px !important;
}

body .olark-launch-button-wrapper{ /* Visa default olark chatt knapp för desktop datorer */
display:inherit!important;
visibility:inherit!important;
z-index:9000000!important;
}

body #olark-container{
border-radius:.25rem !important;
}




	
.till_kassan{
margin-top:22px;
position:inherit;
}

.nav_container{
width:100%;
position:inherit;
padding:0px;
background-color:#00b5ef;
}

nav{
background-color:#00b5ef;
}

nav .home-text{
display:none;
}

nav .home-icon{
display:block;
}

.top_links{
margin-bottom:0px;
}

.navbar-dark .navbar-nav .nav-link{
padding-left: 1rem;
}

.box{
padding:2.75rem;
}

.padding-small{
padding:1.2rem;
}

main{
padding-top:2.125rem;
}

.navbar-collapse{
padding-bottom: 0;
}

.footer-nav{
padding-bottom:6rem;
}

footer .flaggor{
display:block;
}

footer .footer-nav{
text-align:left;
}

footer .footer-nav .nav_header{
margin:initial;
margin-bottom:10px;
}

footer .nav-section{
margin-bottom:0px;
}

footer .copyright{
position:absolute;
bottom:0;
right:15px;
float: left;
text-align:right;
}

footer .to-top{
position:absolute;
right:15px;
top:initial;
}

footer .footer-logo{
text-align: left;
}

.guide_nav{
text-align:left;
}

.leverans{
font-size:0.75rem;
}

#attention-varukorg{
display:none;
position: absolute;
width: 300px;
color: #fff;
font-size: 18px;
top: 85px;
left:initial;
right:initial;
margin-left: 810px;
z-index: 1100;
opacity: 0.9;
}

.attention-bubbla{
background: #28a745;
width: 300px;
float:right;
padding-top: 30px;
padding-bottom: 30px;
padding-left:15px;
padding-right:15px;
line-height: 20px;
text-align: center;
border-radius: 6px;
position: relative;
}

.attention-bubbla::after {
display:block;
content: " ";
position: absolute;
top: -10px;
left: 90%;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #28a745 transparent;
}

.page_ombollarna .hcp_links{
text-align:left;
}


table.produkt-jamforelse {
	font-size: 1em;
}

.ipg-wrap .block-form {
	padding: 0 3rem 1rem 3rem;
}





section.guide-structure h3{
	margin-top:80px;
	margin-bottom:0;
}

section.guide-attributes img, section.aboutballs-steps img{
	float:right;
	padding-bottom:0;
}

.guide-intro, .intro-section{
	padding-top:100px;
	padding-bottom:80px;
}

section.std{
	padding-top:80px;
	padding-bottom:80px;
}

section.std.after-p{
	padding-top:64px;
}

section.std h2{
	margin-top:0;
	/*margin-bottom:100px;*/
}

.shift-col-left{
position:relative;
left:40px;
top:-30px;
z-index:2;
}

.shift-col-right{
position:relative;
left:-40px;
}

.shift-col-right .grey-text-box{
padding-left:100px;
}

.shift-col-left .grey-text-box{
padding-right:100px;
}

.grey-text-box{
padding:70px;
}

.std-img img{

padding-bottom: 0px;
}

.text-lg-left .hr-short-auto{
	margin-left:0;
}


.golfballs-nav li{
margin: 0px 20px;
width:auto;
}

.golfballs-nav a{ 
line-height:initial;
}

.header_2021 .nav-blue{
	background-color: #e9f7fc;
}
.header_2021 .new-top-bar ul li{
padding:0 20px 0 20px;
letter-spacing:0.5px;
}

.header_2021 .new-top-bar ul li:first-child{
  padding-left:0;
}

.header_2021 .new-top-bar ul li:last-child{
padding-right;
}

.new-top-bar ul{
  justify-content:space-between;
}

article.product .rea {
right: 10%;
}


}

@media screen and (min-width: 1100px){
body #olark-container .olark-top-bar {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}

body #olark-container .olark-top-bar.olark-has-agent {
border-radius:.25rem!important;
}
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
.fullimgtext .fullimgtext-imgwrap img{
	width:100%!important;
}
	
.container{
	max-width:1200px; /* New width 2024 */
}	


.navbar-dark .navbar-nav .nav-link{
padding-right:1rem;
}

}

/*
@media (min-width: 1981px) {
	.standard_start_2019{
		background: url(https://oobmatrix.com/shared/img/startbak_2023_spring_2560.webp) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
		background-position-y: 0px;
		background-position-x: 0px;
	}
}
*/

.page_de.page_tillbehor h1 {
	font-size: 1.5rem;
}



/* NEW SIDEBAR CART 2025 */

/* --- Your Existing Cart CSS (with additions) --- */
body.no-scroll { /* We will manage padding-right via JS */
	overflow: hidden;
}

/* Cart Overlay */
.cart-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	z-index: 9999999;
	transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
}

.cart-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s, 0s;
}

/* Cart Sidebar */
.cart-sidebar {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 500px; /* Your max-width */
	height: 100vh;
	background-color: #fff;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
	z-index: 10000000;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	overflow: hidden; /* For internal sidebar structure */
}

.cart-sidebar.is-open {
	transform: translateX(0);
}

/* Cart Header */
.cart-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	flex-shrink: 0;
}

.cart-header-title {
	margin: 0;
	font-size: 1.1em;
}

.cart-close-button {
	background: none;
	border: none;
	padding: 5px;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
}

/* Sticky Action Panel CSS */
.cart-actions-panel {
	padding: 15px 15px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cart-actions-panel button,
.cart-actions-panel .btn { /* Target both button and a.btn */
	width: 100%;
	/* Your .btn class will provide most styling */
}

/* Main content area of the cart */
.cart-content-area {
	flex-grow: 1;
	overflow-y: auto;
	padding: 30px;
}
/* --- End of Your Cart CSS --- */
.cart-sidebar h4,
.qc-2025 h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.cart-sidebar h3,
.qc-2025 h3 {
	margin-top: 10px!important;
}

.qc-new-deals .qc-image img {
	max-width: 80px;
	max-height: 80px;
}

.cart-sidebar .qc-remove,
.qc-2025 .qc-remove {
	max-width: 45px;
}

.cart-sidebar .qc-kop,
.qc-2025 .qc-kop {
	min-width: 80px;
}

.cart-sidebar .qc-item:last-child,
.qc-2025 .qc-item:last-child {
	border-bottom: 0;
}

/* Extracted inline styles - apply to both */
.cart-sidebar .qc-product-img,
.qc-2025 .qc-product-img {
	max-height: 50px;
	max-width: 50px;
}

.cart-sidebar .qc-delivery-warning,
.qc-2025 .qc-delivery-warning {
	color: #FF0000;
	display: block;
}

.cart-sidebar .qc-total-bold,
.qc-2025 .qc-total-bold {
	font-weight: bold;
}

.cart-sidebar .qc-original-price,
.qc-2025 .qc-original-price {
	text-decoration: line-through;
	padding-right: 10px;
	color: #767676;
}

.cart-sidebar .qc-original-price-strike,
.qc-2025 .qc-original-price-strike {
	display: inline;
	text-decoration: line-through;
	font-size: 16px;
	font-weight: bold;
	color: #767676;
}

.cart-sidebar .qc-mr-link,
.qc-2025 .qc-mr-link {
	line-height: 27px;
}

.cart-sidebar .qc-free-shipping-item,
.qc-2025 .qc-free-shipping-item {
	border-bottom: 0;
	margin-bottom: 1.5rem;
}

.cart-sidebar .qc-save-left,
.qc-2025 .qc-save-left {
	text-align: left;
}

.cart-sidebar .qc-sale-price,
.qc-2025 .qc-sale-price {
	display: inline;
	color: #ed3000;
	font-size: 16px;
	font-weight: bold;
	margin-right: 5px;
}

.cart-sidebar .qc-empty-cart,
.qc-2025 .qc-empty-cart {
	/* Empty but still scoped */
}

.cart-sidebar .qc-empty-cart p,
.qc-2025 .qc-empty-cart p {
	/* Empty but still scoped */
}

.cart-sidebar .qc-cart-total,
.qc-2025 .qc-cart-total {
	text-align: right;
	padding: 1rem 0 2rem 0;
}

.cart-sidebar .qc-cart-total span,
.qc-2025 .qc-cart-total span {
	font-weight: bold;
}

.qc-2025 .qc-image img{
	margin-right: 7px;
    margin-left: 10px;
}

#qc-cart-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 100px; /* adjust to fit your layout */
}

/* Simple animated circle */
.loader {
  border: 4px solid #f3f3f3; /* Light grey background ring */
  border-top: 4px solid #3498db; /* Blue spinner color */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

/* Keyframes for rotation */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}