/* ===============================
   Maxpuls Race – färgtema
   =============================== */
:root {
  --race-primary: #2F6F5E;      /* mörk grön / teal */
  --race-primary-dark: #245A4D;
  --race-secondary: #B8C6A8;    /* salviagrön */
  --race-grey: #B0B3A8;         /* varm grå */
  --race-bg-light: #ffffff;
  --race-text-dark: #2B2B2B;
}

body {
/*	font-family: 'Open Sans', sans-serif; */
	font-family: 'Prompt', sans-serif; 
	font-weight: 400;
	color: var(--race-text-dark);
/*	font-size: 12px;*/
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	background-color: var(--race-bg-light);
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 15px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: var(--race-primary);
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

/* Storlek på texten för specialpris på produktsidan */
.luft-text {
	color:#00C;
	line-height: 50px;
	font-weight:50;
	font-size: 23px;
}

/* top */
#top {
/*	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;*/
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #FFF;
/*	color: #888;*/
/*	text-shadow: 0 1px 0 #FFF;*/
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #fff;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#logo {
	margin: 16px 0 8px 0;
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 260px; /* Bredden när dropmenyn öppnas */
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #FFF; /* Länkfärgen när dropmenyn öppnas */
	font-size: 14px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 14px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	min-height: 600px;
}
/* footer */
footer {
	margin-top: 30px;
	padding-top: 30px;
	background-color: #303030;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.footer_contact_title {
	font-size: 27px;
}

/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
/*	padding: 8px 0;*/
	padding: 8px 5px;
	border: 1px solid #ddd;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
/*	padding: 0 20px;*/
	padding: 0 2px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
/*	content: '';
	padding: 0;*/
	content: '|';
	padding: 0;
	margin-right: 5px;
}
.breadcrumb > li:after {
/*	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
/*.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}*/
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #232323;	
	background-image: linear-gradient(to bottom, #232323, #3d3d3d);	
/*	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);*/
	background-repeat: repeat-x;
/*	border-color: #bd362f #bd362f #802420;*/
	border-color: #666 #666 #666;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: var(--race-primary);
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
/* Bakgrund till varukorgen i headern */
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--race-primary-dark);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	background-repeat: repeat-x;
	border-color: var(--race-primary-dark);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: var(--race-primary-dark);
	background-image: none;
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	/*min-height: 180px;*/
	/*min-height: 160px;*/
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	/*min-height: 210px;*/
	/*min-height: 190px;*/	
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
	font-weight: 600;
	font-size: 22px;
}
.product-thumb .price-new {
	font-weight: 600;
	font-size: 22px;
}
.product-thumb .spara-text {
	font-weight: 600;
	font-size: 18px;
}
.product-thumb .price-old {
	color: #999;
	/*text-decoration: line-through;*/
	margin-left: 10px;
	font-weight: 100;
	font-size: 15px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 19%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 27%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 25.00%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 25.00%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

	.seo-text{
	color: #666;
	font-size: 17px;
	line-height: 1.75;
	font-weight: 300;
	}	
	.seo-padding-top-xs-sm { padding-top:50px; }
	.seo-padding-top-md-lg { padding-top:100px; }	

	.seo-text p{
	margin: 0 0 14px 0;
	}

	.seo-text h2{
	margin: 22px 0 10px 0;
	line-height: 1.25;
	}

	.seo-text ul{
	margin: 0 0 14px 18px;
	}

	.seo-text li{
	margin: 0 0 8px 0;
	}

/* Small devices (landscape phones, 576px and up) xs */
@media (min-width: 576px) and (max-width: 767px) { 
	.seo-text-rubrik h2 { font-size:33px; font-weight:bold; color:#444; padding-bottom:25px; }	
}
/* Medium devices (tablets, 768px and up) sm */
@media (min-width: 768px) and (max-width: 991px) {
	.seo-text-rubrik h2 { font-size:33px; font-weight:bold; color:#444; padding-bottom:25px; }

	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}
/* Large devices (desktops, 992px and up) md */
@media (min-width: 992px) and (max-width: 1199px) {
	.seo-text-rubrik h2 { font-size:33px; font-weight:bold; color:#444; padding-bottom:25px; }

	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
/* Extra large devices (large desktops, 1200px and up) lg */
@media (min-width: 1200px) {
	.seo-text-rubrik h2 { font-size:33px; font-weight:bold; color:#444; padding-bottom:25px; }
	
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

/*//////////////////////////////////////// Maxpuls ändringar //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1200px) {
	.container {
		width: 80%
	}
}

.container_100 {
		width: 100%
}

/* länkfärgen på hela sidan */
a {
	color: var(--race-primary);
}

.alert-dismissable .close,
.alert-dismissible .close {
  margin-right: 21px;
}

/* Bakgrund Header */
.topp-bg-maxpuls {
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
}

/* Bakgrund Footer */
.footer-bg-maxpuls {
	background-color: var(--race-grey);
	background-image: linear-gradient(to bottom, var(--race-grey), #8E9187);
	color: var(--race-text-dark);
}

/* Dropbown Toppmeny - Ta bort runda hörn */
.dropdown-menu-right {
	border-radius: 0px;
	background-color: #0C3;
}

a.dropdown-toggle open {
	background-color: #232323;	
}

/* Vit Bakgrund i Search-input */
#search .input-lg {
	background-color: #FFF;
}

/* produktmeny */
#menu {
  /* Maxpuls Race meny – solid färg */
  background-color: var(--race-primary-dark);
  background-image: none;
  border-color: var(--race-primary-dark);
  border-radius: 0;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
/* Hover produktmeny Röd */
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));			
	transition: 0.5s; /* fördröjer hover */
}

.dropdown-menu { 
	/* Bakgrund Dropdown produktmeny */
	background-color: var(--race-primary-dark);
	background-image: none;
}

.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: var(--race-primary);
	background-image: none;
}

#menu .see-all {
	color: #FFF;
}

#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #FFF;
	background-color: var(--race-primary);
	background-image: none;
}

/* Mobilmenyn */
#menu .btn-navbar {
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	border-color: var(--race-primary-dark);
	border-radius: 0px;
}

/* breadcrumb */
.breadcrumb {
	border-radius: 0px;	
}
.breadcrumb a.active:hover, .breadcrumb a:hover {
	color: #999;
}

/* Knappar - Ta bort rundade hörn */
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	border-radius: 0px;
}

/* Ändra utseende på primär knapp (Maxpuls Race) */
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	background-repeat: repeat-x;
	border-color: var(--race-primary-dark);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: var(--race-primary-dark);
	background-image: none;
}
.btn-primary:active:focus, .btn-primary.active:focus {
	color: #fff;
	background-color: var(--race-primary-dark);
	border-color: var(--race-primary-dark);
}

/* Sök-knappen - Ta bort rundade hörn */
.btn-default {
	border-radius: 0px;
}

/* Menyn till vänster - Topp-kategorin */
a.topp-left-menu {
	color: #666;
	font-weight: 400;
	background-color: #DDDDDD;
	background-image: linear-gradient(to bottom, #D, #CCC);
	border: 1px solid #DDDDDD;
	text-transform: uppercase;
}

/* Menyn till vänster - Bakgrund aktiv (Maxpuls Race) */
.list-group a.active {
	color: #FFF;
	background-color: var(--race-primary);
	border: 1px solid #DDDDDD;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


/* Menyn till vänster - Ta bort rundade hörn */
.list-group-item:first-child	{	border-radius: 0px;  }
.list-group-item:last-child 	{ 	border-radius: 0px; }



/* Sortering Kategori - Ta bort rundade hörn på vänstersidan */
.input-group .input-group-addon {
	border-radius: 0px;
}

/* Sortering Kategori - Ta bort rundade hörn på högersidan (droplisten) */
.input-group .form-control {
	border-radius: 0px;
}

/* Ändra färg på länken Compare products */
.btn-link {
	color: var(--race-primary);
}

/* Lägg till border right på compare print */
table-print {
    border:solid #000 !important;
    border-width:1px 0 0 1px !important;
}
.table-print td {
    border:solid #000 !important;
    border-width:0 1px 1px 0 !important;
	font-size: 10px;
  }

/* Alert - Ta bort runda hörn */
.alert {
	border-radius: 0px;
}

/* Varukorgen Grå fält vid rabattkod etc. - Ta bort runda hörn */
.panel-group .panel {
	border-radius: 0px;
}

/* Varukorgen - Knappen Ta bort produkt från varukorgen - Ta bort runda hörn */
.input-group-btn>.btn+.btn {
	border-radius: 0px;
}

/* Varukorgen - Inputfält vid login - Ta bort runda hörn */
.form-control {
	border-radius: 0px;
}

/* Bilderna - Inputfält vid login - Ta bort runda hörn */
.thumbnail {
	border-radius: 0px;
}

/* Bilder - Ta bort runda hörn */
.img-thumbnail {
	border-radius: 0px;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #C00;
}

.nav-tabs > li > a {
  border-radius: 0px 0px 0 0;
}

/* Textfärgen vid hover i flikmeny produkt */
.nav-tabs > li > a:hover {
	color: #999;
}

/* Texten i sub-kategori-boxar */
.sub_cat {
	padding-left: 15px;
}

/* Färg på specialpris i boxar */
.product-thumb .price-new {
	color: var(--race-primary);
	font-weight: 600;
}

/* Färg på texten spara paketpris i boxar */
.product-thumb .spara-text {
	color: var(--race-primary);
	font-weight: 600;
}

/* Storlek på texten för specialpris på produktsidan */
.special_price {
	padding-top: 5px;	
	padding-bottom: 10px;
	color: var(--race-primary);
	font-weight: 600;
	font-size: 33px;
}

/* Storlek på texten för pris på produktsidan */
.price-font-size {
	padding-top: 5px;	
	padding-bottom: 10px;
	font-size: 33px;
}

/* Ta bort visning av pris utan moms */
.price-tax {
/*display: none!important;*/
}

/* Varukorgen Grå fält vid rabattkod etc. - Ta bort runda hörn */
.panel {
	border-radius: 0px;
}

/* Filter Bakgrundsfärg rubrik + ta bort runda hörn  */
.panel-default>.panel-heading {
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	color: #FFF;
	border-radius: 0px;
}

/* Filter Textfärg i rubrik */
a.rubrik {
	color: #fff;
}

/* Badge-ikoner för produktens filterinställningar */
.btn-new-product { 
  color: #ffffff; 
  background-color: #090;
  border-color: #060; 
  box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
  border-radius: 4px;
}

/* Badge-ikoner för produktens filterinställningar */
.btn-herr { 
  color: #ffffff; 
  background-color: #09F; 
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
} 
.btn-dam { 
  color: #ffffff; 
  background-color: #FF99FF; 
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
} 
.btn-barn { 
  color: #ffffff; 
  background-color: #390; 
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
}
.btn-unisex { 
  color: #ffffff; 
  background-color: #999; 
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
} 
.btn-pro { 
  color: #ffffff; 
  background-color: #CC042C; 
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
} 
.btn-semi-pro { 
  color: #ffffff; 
  background-color: #FA4F00;
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
} 
.btn-home { 
  color: #ffffff; 
  background-color: #EDAB05;
  border-color: #5C5A66; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6)
} 

/* Video-container till stegtävlingsfilmen */
.video-container-25 {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9-format */
	border: 1px solid black; /* Svart ram, 1px */
}

.video-container-25 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Boxarna till vänster på produktsidan */
	.left-box_red {
	margin-top: 30px;
	padding: 2px;
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	text-align: center;
}
	h3.left-box_red-rubrik {
		margin-top: 8px; 
		color: #FFF;
	}
	.left-box_grey {
		margin-top: 30px;
		padding: 10px;
		background-color: #eeeeee;
		background-image: linear-gradient(to bottom, #eeeeee, #f8f8f8);
		border-top: 1px solid #DDD;	
		border-bottom: 1px solid #DDD;		
	}
	.left-box_grey-rubrik {
		padding-top: 8px; 
		padding-bottom: 6px; 
		color: var(--race-primary);		
		font-size: 27px;		
	}
	h3.left-box_grey-rubrik {
		margin-top:3px; 
		margin-bottom:2px; 		
		color: var(--race-primary);		
		text-align: center;	
		font-weight: bold;
	}	
	.left-box_grey-rubrik-21 {
		margin-top:3px; 
		margin-bottom:2px; 		
		text-align: center;	
		font-weight: bold;
		font-size: 21px;		
	}		
	
	ul.check {
		margin-left: -40px;
	}
	ul.check li {
		list-style-type: none;
		padding-top: 5px;
		padding-bottom: 5px;	
	}


.pagination {
  border-radius: 0px;
}
.pagination > li > a,
.pagination > li > span {
  color: #232323;
  border: 1px solid #666;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #FFF;
  background-color: var(--race-primary); /* Hover i Pagination */
  border-color: #666;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: var(--race-primary); /* vald pagination */
  background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
  border-color: #666;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #666;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* Page-Break vid utskrift */
@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}

/* Utseende på Varv 2 på Maxpuls Stegtävling */
.marker-label {
    border: 1px solid black;
    border-radius: 3px;
    background-color: white;
    padding: 3px;
    position: relative;
    bottom: 32px;
	font-size: 15px;	
}

/* Padding-top över bilden i kategoriboxen */
.image {
	padding-top: 10px;
}

/*********************************************** Förändringar i samband med layoutuppdatering av startsidan 2023-10-05 *********************************************************/

/* Bakgrundsfärger på fullbredd-banner startsidan */
.bg_grey { 
	text-align:center;
	background-color: var(--race-primary-dark);
	background-image: linear-gradient(to bottom, var(--race-primary-dark), #1D463D);
	transition: 0.2s;
}
.bg_red { 
	text-align:center;
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	transition: 0.2s;
}

.bg_black_yellow { 
	text-align:center;
	background-color: var(--race-primary);
	background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
	transition: 0.2s;
}

.bg_grey_no_height { 
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	background-color: var(--race-primary-dark);
	background-image: linear-gradient(to bottom, var(--race-primary-dark), #1D463D);
	transition: 0.2s;
}

/* Ge Centered text */
.fullbredd-margin {
	margin-top: 30px;
}

/* Centered text */
/* Text-overlay – korrekt centrerad */
.centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 0 20px; /* lite luft på mobiler */
  pointer-events: none; /* klick går igenom till länken */
}


/* Förstorar texten om det finns länk i bredd banner förstasidan */
.has-link .bg_height:hover h2.text-on-img-fullbredd {
  transform: scale(1.08);
}


/* Small devices (protraite phones, max 575.98) xs */
@media (max-width: 575.98px) {
	.bg_height {
	  height: 50px; /* Behåll den fasta höjden */
	  display: flex; /* Aktiverar Flexbox */
	  justify-content: center; /* Centrerar horisontellt */
	  align-items: center; /* Centrerar vertikalt */
	}
	
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 15px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}	
	
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 14px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top: 35px; 		
		transform: scale(1);
    	transition: transform 0.25s ease;		
	}	
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}	
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}			
}

/* Small devices (landscape phones, 576px and up) xs */
@media (min-width: 576px) and (max-width: 767px) { 
	.bg_height {
	  height: 50px; /* Behåll den fasta höjden */
	  display: flex; /* Aktiverar Flexbox */
	  justify-content: center; /* Centrerar horisontellt */
	  align-items: center; /* Centrerar vertikalt */
	}
	
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 50px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 25px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 20px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top: 35px;		
		transform: scale(1);
    	transition: transform 0.25s ease;				
	}	
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}	
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}		
}
/* Medium devices (tablets, 768px and up) sm */
@media (min-width: 768px) and (max-width: 991px) {
	.bg_height {
	  height: 100px; /* Behåll den fasta höjden */
	  display: flex; /* Aktiverar Flexbox */
	  justify-content: center; /* Centrerar horisontellt */
	  align-items: center; /* Centrerar vertikalt */
	}

	.video-margin {
		margin-top: -20px; 
		margin-bottom: -150px;	
	}
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 15px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}	
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top: 35px; 
		transform: scale(1);
    	transition: transform 0.25s ease;				
	}	
	h2.text-on-video-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		z-index:1;
		margin-top:-200px;
		text-align:center;
	}		
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}	
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}				
}
/* Large devices (desktops, 992px and up) md */
@media (min-width: 992px) and (max-width: 1279px) {
	.bg_height {
	  height: 100px; /* Behåll den fasta höjden */
	  display: flex; /* Aktiverar Flexbox */
	  justify-content: center; /* Centrerar horisontellt */
	  align-items: center; /* Centrerar vertikalt */
	}
	
	.video-margin {
		margin-top:-20px; 
		margin-bottom:-260px;	
	}
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 40px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 20px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}	
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 40px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top: 35px; 		
		transform: scale(1);
    	transition: transform 0.25s ease;				
	}	
	h2.text-on-video-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 40px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		z-index:1;
		margin-top:-270px;
		text-align:center;
	}	
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 25px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}	
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}			
}

/* Extra large devices (large desktops, 1280px and up) lg 1280-1919 */
/* Denna täcker storlekarna 1280x720 + 1366x768 + 1536x864 */
@media (min-width: 1280px) and (max-width: 1919px) {
	.bg_height { height:100px; }
	
	.video-margin {
		margin-top:-20px; 
		margin-bottom:-320px;	
	}
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 35px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 18px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}	
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 35px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top:37px;
		transform: scale(1);
    	transition: transform 0.25s ease;				
	}	
	h2.text-on-video-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 50px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		z-index:1;
		margin-top:-350px;
		text-align:center;
	}		
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 25px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}	
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}		
}

/* Extra large devices (large desktops, 1920px and up) lg 1920-2559 */
/* Denna täcker storleken 1920x1080 */
@media (min-width: 1920px) and (max-width: 2559px) {
	.bg_height { height:150px; }

	.video-margin {
		margin-top:-20px; 
		margin-bottom:-470px; 		
	}
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 40px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 25px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}	
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 40px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top:35px;		
		transform: scale(1);
    	transition: transform 0.25s ease;				
	}	
	h2.text-on-video-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 50px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		z-index:1;
		margin-top:-450px;
		text-align:center;
	}		
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}		
}

/* Extra large devices (large desktops, 2560px and up) lg */
@media (min-width: 2560px) {
	.bg_height { height:150px; }

	.video-margin {
		margin-top:-20px; 
		margin-bottom:-600px;	
	}
	h2.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 60px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
	}
	h3.text-on-img {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 700;
		color:#FFF; 
		text-shadow: 0px 4px 4px #282828;
	}	
	h2.text-on-img-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 60px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		margin-top:35px;		
		transform: scale(1);
    	transition: transform 0.25s ease;			
	}	
	h2.text-on-video-fullbredd {
		font-family: 'Gabarito', sans-serif;
		font-size: 60px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		z-index:1;
		margin-top:-540px;
		text-align:center;
	}		
	h2.rubrik-info-box {
		font-family: 'Gabarito', sans-serif;
		font-size: 30px;  
		font-weight: 900;
		color:#FFF; 
		text-transform: uppercase;  
		text-shadow: 0px 4px 4px #282828;
		padding-top:10px;				
		padding-bottom:10px;						
	}	
	.text-info-box {
		font-size: 18px;  
		font-weight: 100;
		color:#FFF; 
		line-height: 28px;
	}
	.text-info-box:hover {
		color:#CCC;
	}			
}


/* Start video-container */
	.video-container {
		position: relative;
		padding-bottom: 55.90%;
		padding-top: 0px; height: 0; overflow: hidden;
		border: 2px solid #e3e3e3;
	}
		
/* Start video tag för HTML5 video <video></video> */
	video {
	  width: 100%    !important;
	  height: auto   !important;
	  pointer-events: none;	/* Döljer video-controls */
	}		
	
/* Start - Effekt som rullar i sidled (div innhållande bilder ) */
@keyframes scroll { 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-250px * 60));
	}
}
.div-slider {
    background: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); /* Skugga i alla riktningar */
    margin: auto;
    overflow: hidden;
    position: relative;
}
 .div-slider::before, .div-slider::after {
	 background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	 content: "";
	 height: 80px;
	 position: absolute;
	 width: 100px;
	 z-index: 2;
}
 .div-slider::after {
	 right: 0;
	 top: 0;
	 transform: rotateZ(180deg);
}
 .div-slider::before {
	 left: 0;
	 top: 0;
}
 .div-slider .div-slide-track {
	 animation: scroll 80s linear infinite;
	 display: flex;
	 width: calc(250px * 60);
}
 .div-slider .div-slide {
	 height: 80px;
	 width: 200px;
}
/* Slut - Effekt som rullar i sidled (div innhållande bilder ) */

/* Start - Effekt som får text att rulla i sidled */
.scrolling-text-sidewards {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.scrolling-text-sidewards h3 {
 font-size: 3em;
 color: #FF0;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scrolling-text-sidewards 0.1s linear infinite;
 -webkit-animation: scrolling-text-sidewards 0.1s linear infinite;
 animation: scrolling-text-sidewards 4s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrolling-text-sidewards {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrolling-text-sidewards {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrolling-text-sidewards {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/* Style för cirkeldiagram */
        .progress-container {
            position: relative;
            width: 200px;
            height: 200px;
        }
        .progress-container svg {
            transform: rotate(-90deg); /* Rotera cirkeln så att den startar uppifrån (klockan 12) */
        }
        .circle-background {
            fill: none;
            stroke: #e6e6e6;
            stroke-width: 8; /* Grå bakgrund för distans */
        }
        .circle-days-background {
            fill: none;
            stroke: #cccccc; /* Grå bakgrund för dagar */
            stroke-width: 8;
        }
        .circle-progress {
            fill: none;
            stroke: var(--race-primary); /* distans */
            stroke-width: 8;
            stroke-linecap: round;
            stroke-dasharray: 0 314;
            transition: stroke-dasharray 0.1s ease, stroke 0.1s ease;
        }
        .circle-days-progress {
            fill: none;
            stroke: #00ccff; /* Blå färg för dagarnas progress */
            stroke-width: 8;
            stroke-linecap: round;
            stroke-dasharray: 0 314;
            transition: stroke-dasharray 0.1s ease;
        }
        /* Lodrätt streck vid startpositionen (klockan 12) */
        .line-start {
            stroke: black;
            stroke-width: 1; /* Tunnare streck */
            transform: rotate(90deg); /* Rotera strecket tillbaka till klockan 12 */
            transform-origin: 50% 50%; /* Placera mittpunkten i centrum av cirkeln */
            y1: -5; /* Flytta upp strecket */
            y2: 20; /* Gör strecket längre */
        }
        /* Blinkande animation */
        @keyframes blink {
            0% {
                stroke: #4caf50;
            }
            50% {
                stroke: transparent;
            }
            100% {
                stroke: #4caf50;
            }
        }
        .blinking {
            animation: blink 1s infinite; /* Blinkar varannan sekund */
        }
        /* Dynamisk placering av ikonerna */
        .icon-wrapper, .icon-clock-wrapper {
            position: absolute;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
            transform: translate(-50%, -50%);
        }
        .icon-walking {
            font-size: 24px;
            color: black;
        }
        .icon-clock {
            font-size: 24px;
            color: black;
        }
        /* Style for displaying info below the diagram */
        .progress-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }
        .progress-info-row {
            display: flex;
            align-items: center;
            margin: 5px 0;
        }
        .progress-info-row i {
            margin-right: 10px;
            font-size: 24px;
        }
        .progress-info-row span {
            font-size: 16px;
            font-weight: 300;
        }
        /* Ring runt distansikonen */
        .icon-wrapper {
            border: 2px solid #000000; /* Svart ring runt ikonen */
            background-color: white;
        }
        /* Ny stil för varningstext */
        .warning-text {
			font-style: italic;
            font-size: 14px;
            font-weight: 300;
            margin-top: 10px;
        }
        /* Ny stil för grön text */
        .success-text {
            color: var(--race-primary);
            font-size: 14px;
            font-weight: 300;
            margin-top: 10px;
        }
        /* Ny stil för måltext */
        .goal-text {
            color: var(--race-primary);
            font-size: 16px;
            font-weight: bold;
            margin-top: 10px;
        }
/* Slut - Style för cirkeldiagram */

/* Fixa skimmrande Guld, Silver och Brons  */
		.placering-1 { /* Guld */
            width: 28px;
            height: 28px;
            min-width: 28px;
            line-height: 28px;
            text-align: center;
            border-radius: 100%;
            white-space: nowrap;
            font-weight: 700;
            font-size: 20px;
            color: rgb(60, 60, 60);
            position: relative;
            background: linear-gradient(90deg, #FFD700, #FFC200, #FFAA00, #FFD700); /* Guld-färg */
            background-size: 200% 200%;
            animation: shine 2s linear infinite;
        }
        .placering-2 { /* Silver */
            width: 28px;
            height: 28px;
            min-width: 28px;
            line-height: 28px;
            text-align: center;
            border-radius: 100%;
            white-space: nowrap;
            font-weight: 700;
            font-size: 20px;
            color: rgb(40, 40, 40);
            position: relative;
            background: linear-gradient(90deg, #C0C0C0, #D3D3D3, #A9A9A9, #C0C0C0); /* Silver-färg */
            background-size: 200% 200%;
            animation: shine 2s linear infinite;
        }
        .placering-3 { /* Brons */
            width: 28px;
            height: 28px;
            min-width: 28px;
            line-height: 28px;
            text-align: center;
            border-radius: 100%;
            white-space: nowrap;
            font-weight: 700;
            font-size: 20px;
            color: rgb(225, 225, 225);
            position: relative;
            background: linear-gradient(90deg, #CD7F32, #D2691E, #8B4513, #CD7F32); /* Brons-färg */
            background-size: 200% 200%;
            animation: shine 2s linear infinite;
        }
        .placering-other { /* Svart */
            width: 22px;
            height: 22px;
            min-width: 22px;
            line-height: 22px;
            text-align: center;
            border-radius: 100%;
            white-space: nowrap;
            font-weight: 400;
            font-size: 14px;
            color: rgb(255, 255, 255);
            position: relative;
            background: rgba(30, 30, 30, 0.6); /* Svart färg */
            background-size: 200% 200%;
            /*animation: shine 2s linear infinite;*/
        }				
        /* Nyckelbildanimation för skimrande guld-silver-brons */
        @keyframes shine {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
		}

/* Style för stapeldiagram */
        #chartContainer {
            width: 80%;
            margin: 50px auto;
        }

/* Justera bredden vid utskrift av sidor med stapeldiagram */		
@media print {
    canvas {
        max-width: 700px; /* Anpassa bredden för A4-utskrift */
        height: auto; /* Låt höjden justeras automatiskt */
    }
}
	
/* Enkel stil för att se till att street-view-diven visas korrekt på infosidan för företaget */
.street-view {
	width: 100%;
	height: 500px;
}	

/* Utseende på meny-flikar för stegtävlingen  */
	.custom-nav-tabs {
		border-bottom: 1px solid #ddd; /* Lägg till en linje under hela nav-tabs */
	}
	
	.custom-nav-tabs > li > a {
		border: 1px solid #ddd; /* Linje runt fliken */
		border-bottom: 1px solid #ddd; /* Linje under alla flikar */
		background-color: white; /* Vit bakgrund för alla flikar */
	}
	
	.custom-nav-tabs > li.active > a, 
	.custom-nav-tabs > li.active > a:hover, 
	.custom-nav-tabs > li.active > a:focus {
		background-color: #f5f5f5; /* Grå bakgrund för aktiv flik */
		border: 1px solid #ddd; /* Linje runt aktiv flik */
		border-bottom: 1px solid #ddd; /* Synlig linje under aktiv flik */
	}

/* ===============================
   Maxpuls Race – header tools right aligned
   =============================== */

/* Språkväljare – vit bakgrund bakom flagga + caret */
/* Språkväljare – justerad höjd och position */
.race-language #form-language .dropdown-toggle {
  background-color: #ffffff;
  margin-top: -10px;
  padding: 4px 8px;              /* mindre padding */
  height: 32px;                  /* samma som input-lg i headern */
  display: flex;
  align-items: center;           /* vertikal centrering */
  gap: 6px;
  line-height: 1;
}

/* Ta bort Bootstrap "link"-känslan */
.race-language #form-language .btn-link {
  color: inherit;
  text-decoration: none;
}

/* Caret i temagrönt */
.race-language #form-language .fa-caret-down {
  color: var(--race-primary);
}

/* Hover – subtil */
.race-language #form-language .dropdown-toggle:hover {
  background-color: #f4f6f4;
}


.race-header {
  padding: 10px 0;
}

/* ===============================
   Header tools – race / status look
   =============================== */

/* Container för search + cart */
.race-header-tools{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;                    /* lite tightare */
  flex-wrap: nowrap;
}

/* Cart – mer status, mindre CTA */
.race-cart{
  text-align: right;
  white-space: nowrap;
}

/* Själva cart-knappen (OpenCart) */
.race-cart #cart > button{
  background: rgba(255,255,255,0.08);   /* tonad, inte knapp */
  border: 1px solid rgba(255,255,255,0.15);
  color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  padding: 6px 10px;
}

/* Ikon + text alignment */
.race-cart #cart > button .fa-shopping-cart{
  margin-right: 4px;
}

/* Hover – subtil, inte CTA */
.race-cart #cart > button:hover{
  background: rgba(255,255,255,0.12);
}


/* ===============================
   Search – grön input, grå knapp, rak look
   =============================== */

/* Search-container */
.race-search{
  width: auto;
  display: flex;
  justify-content: flex-end;

  background: transparent;
  padding: 0;
}

/* OpenCart search block */
.race-search #search{
  width: auto !important;
}

/* Input-group */
.race-search #search .input-group{
  width: auto !important;
  display: inline-flex;
  align-items: center;
}

/* INPUT – samma grå som cart */
.race-search #search input[type="text"]{
  width: 200px !important;
  height: 33px;

  background: #e5e5e5;          /* samma grå som cart-knappen */
  color: #333333;
  border: 1px solid #cccccc;
  box-shadow: none;
  border-radius: 0;
  font-size: 13px;
}

/* Placeholder */
.race-search #search input[type="text"]::placeholder{
  color: #777777;
}

/* SÖK-KNAPP – grå, rak */
.race-search #search button,
.race-search #search .btn{
  height: 33px;
  background: #e5e5e5;               /* grå knapp */
  border: 1px solid #cccccc;
  color: #333333;
  box-shadow: none;
  border-radius: 0;                  /* INGA rundade hörn */
}

/* Högerställ blocket under top-menyn */
#top .nav.pull-right .race-header-underlinks{
  width: 100%;
}

#top .nav.pull-right .race-header-underlinks .race-header-tools{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

/* Ta bort glapp/annan färg i nav#top */
#top {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}



/* ===============================
   Mobil (valfritt)
   =============================== */
@media (max-width: 767px){
  .race-header-tools{
    flex-direction: column;     /* stapla på mobil */
    align-items: flex-end;
    gap: 8px;
  }
}

/* ==============================
   FOOTER (maxpulsrace) – samma som header + bättre länkfärger
   ============================== */

.footer-bg-maxpuls{
  background-color: var(--race-primary);
  background-image: linear-gradient(to bottom, var(--race-primary), var(--race-primary-dark));
  color: rgba(255,255,255,0.85);
}

/* Rubriker */
.footer-bg-maxpuls h5{
  color: #ffffff;
  font-weight: 700;
}

/* Länkar */
.footer-bg-maxpuls a{
  color: rgba(255,255,255,0.78);
  text-decoration: none;
}

.footer-bg-maxpuls a:hover,
.footer-bg-maxpuls a:focus{
  color: #ffffff;
  text-decoration: underline;
}

/* HR-linjer i footer */
.footer-bg-maxpuls hr{
  border-top: none;
  border-bottom: 1px solid rgba(255,255,255,0.20);
}

/* Kontakt-länken (stor) */
.footer-bg-maxpuls .footer_contact_title a{
  color: #ffffff;
  text-decoration: none;
}
.footer-bg-maxpuls .footer_contact_title a:hover{
  text-decoration: underline;
}

/* Footer-logga: högerställd på desktop */
@media (min-width: 768px) {
  .footer-bg-maxpuls .col-sm-6 > a {
    display: block;
    text-align: right;
  }

  .footer-bg-maxpuls .col-sm-6 > a img {
    margin-left: auto;
  }
}

/* Footer-logga: centrerad på mobil */
@media (max-width: 767px) {
  .footer-bg-maxpuls .col-sm-6 > a {
    display: block;
    text-align: center;
  }

  .footer-bg-maxpuls .col-sm-6 > a img {
    margin: 0 auto;
  }
}

/* === FIX: Förhindra radbrytning i banner-rubrik === */
.race-box{
  border: 1px solid #ddd;
  margin-top: 35px;          /* luft mellan boxar i höjdled */
  overflow: hidden;          /* krävs för hover-zoom */
  background: #fff;          /* stänger boxen även utan CTA */
}

/* ===============================
   CTA under race-box (ny, ren)
   =============================== */

/* Själva CTA-raden */
.box-cta-bar{
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1px;
  padding: 10px 14px;
}


/* Länken fyller hela CTA-baren */
.box-cta-link{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Texten */
.box-cta-text{
  margin: 0;
  color: #fff;                /* funkar direkt med bg_red/bg_grey */
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 1.15;
  font-size: 20px;
}

/* Hover: liten "push" utan att ändra layout */
.box-cta-link:hover .box-cta-text{
  opacity: 0.92;
}

/* Mobil: lite mindre text */
@media (max-width: 767px){
  .box-cta-text{
    font-size: 16px;
  }
}
/* ===============================
   Hover-zoom på race-box-bilder
   =============================== */

/* Säkerställ att zoomad bild klipps */
.race-box-image{
  overflow: hidden;
}

/* Grundläge */
.race-box-image img{
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.35s ease;
}

/* Hover: förstora bilden */
.race-box:hover .race-box-image img{
  transform: scale(1.05);
}

/* ===== Fullbreddsbox: bättre mobil ===== */
@media (max-width: 767px){

  /* Ge bannern en tydlig höjd */
  .race-box-full .race-box-image{
    height: 140px;          /* testa 120–180px beroende på smak */
    overflow: hidden;
    position: relative;
  }

  /* Låt bilden fylla ytan och beskär vid behov */
  .race-box-full .race-box-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  /* Placera texten bättre på mobil */
  .race-box-full .centered{
    top: 55%;
    width: 92%;
    text-align: center;
  }

  /* Anpassa rubrikstorlek så den får plats */
  .race-box-full .text-on-img-fullbredd{
    font-size: 22px;        /* justera vid behov */
    line-height: 1.1;
    margin: 0;
  }
}
/* ===== Fullbreddsbox: justera textposition på stora skärmar ===== */
@media (min-width: 1200px){

  .race-box-full .centered{
    top: 58%;   /* flyttar ner texten lite */
  }

}

/* FAQ – fullbredd, lugnt & läsbart */
.faq-wrapper{
  margin-top: 20px;
}

.faq-card{
  background:#f6f6f6;
  border:1px solid #e5e5e5;
  border-radius:6px;
  padding:18px 20px 14px;
  margin-bottom:40px;
}

.faq-card:first-child {
  background: #fafafa;
}

.faq-title{
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700;
}

.faq-card p{
  margin: 0 0 10px;
}

.faq-card ul{
  margin: 0 0 10px 18px;
}
.faq-image-wrap{
  text-align: center;
  padding-top: 10px;
}

.faq-image-wrap{
  text-align: center;
  padding-top: 10px;
}

/* cirkel-mask */
.faq-circle{
  width: 460px;          /* justera storlek här */
  height: 460px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* bilden fyller cirkeln */
.faq-circle img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Tillägg för texten på infosidan för pepp i flöde */
.seo-text-flow h2 {
  margin-top: 60px;
  margin-bottom: 22px;
}

.seo-text-flow h3 {
  margin-top: 45px;
  margin-bottom: 18px;
}

.seo-text-flow p {
  line-height: 1.7;
  margin-bottom: 18px;
}