/*** CONTEX CUSTOM STYLES ***/



/** COLORS:

			Red: #cc0033
	 Light-Grey: #e0e0e0
	  Dark-Grey: #666666

**/



/** GENERAL **/
body {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
}
body div.row.landingdevider {background:  url(../img/border-red-circle-devider.png) 0% 30% repeat-x;}
body div.devider {background:  url(../img/border-red-circle-devider.png) left bottom repeat-x;}


body.blue div.landingdevider .button{border:2px solid #115d97; color:#115d97;}
body.blue div.landingdevider .button:before,
body.blue div.landingdevider .button:after{border-top-color: #115d97;}
body.blue ul.sub-nav a.inpath:after,
body.blue dl.tabs dd.active,
body.blue dl.tabs dd.active a,
body.blue dl.tabs dd.active a:hover{background: url(../img/blue-dot-slider-navi.png) no-repeat right bottom;}
body.blue dl.tabs dd.active a,
body.blue dl.tabs dd.active a:hover,
body.blue dl.tabs dd a:hover,
body.blue .sub-nav-wrapper,
body.blue #dottedline{border-color:#115d97;}
body.blue div.row.landingdevider {background:  url(../img/border-blue-circle-devider.png) 0% 30% repeat-x;}
body.blue div.devider {background:  url(../img/border-blue-circle-devider.png) left bottom repeat-x;}


body.orange ul.sub-nav a.inpath:after,
body.orange dl.tabs dd.active,
body.orange dl.tabs dd.active a,
body.orange dl.tabs dd.active a:hover{background: url(../img/orange-dot-slider-navi.png) no-repeat right bottom;}
body.orange dl.tabs dd.active a,
body.orange dl.tabs dd.active a:hover,
body.orange dl.tabs dd a:hover,
body.orange .sub-nav-wrapper,
body.orange #dottedline{border-color:#f26522;}
body.orange div.product-sidebar {
background: url(../img/border-orange-circle.png) top right repeat-y;}
body.orange div.row.landingdevider {background:  url(../img/border-orange-circle-devider.png) 0% 30% repeat-x;}
body.orange div.devider {background:  url(../img/border-orange-circle-devider.png) left bottom repeat-x;}
body.orange div.landingdevider .button{border:2px solid #f26522; color:#f26522;}
body.orange div.landingdevider .button:before,
body.orange div.landingdevider .button:after{border-top-color: #f26522;}

body.lime ul.sub-nav a.inpath:after,
body.lime dl.tabs dd.active,
body.lime dl.tabs dd.active a,
body.lime dl.tabs dd.active a:hover{background: url(../img/lime-dot-slider-navi.png) no-repeat right bottom;}
body.lime dl.tabs dd.active a,
body.lime dl.tabs dd.active a:hover,
body.lime dl.tabs dd a:hover,
body.lime .sub-nav-wrapper,
body.lime #dottedline{border-color:#96bc33;}
body.lime div.row.landingdevider {background:  url(../img/border-lime-circle-devider.png) 0% 30% repeat-x;}
body.lime div.devider {background:  url(../img/border-lime-circle-devider.png) left bottom repeat-x;}
body.lime div.landingdevider .button{border:2px solid #3b6b01; color:#3b6b01;}
body.lime div.landingdevider .button:before,
body.lime div.landingdevider .button:after{border-top-color: #3b6b01;}
h1, h2, h3, h4, h5, h6 {
	color: #666666;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

div.row .row {
	margin-left: 0.9375rem !important;
	margin-right: 0.9375rem !important;
}

div.row.margin {
	margin-top: 35px;
}

div.row.fixed-width, div.row.margin.fixed-width {
	max-width: 1125px !important;
}

div.clearbreak {
	height: 20px;
	margin-bottom: 20px;
}

div.centered {
	margin: 0 auto;
	text-align: center;
}
#fullwidth a.button{width:auto;clear:none;}

a.red-button, table input[type=submit] {
	background: #cc0033;
}

a.red-button:hover, table input[type=submit]:hover {
	background: #920026;
}

a.grey-button {
	background: #666666;
}

a.grey-button:hover {
	background: #444444;
}

a.blue-button {
	background: #115d97;
}

a.blue-button:hover {
	background: #0e4773;
}

a.lime-button {
	background: #96bc33;
}

a.lime-button:hover {
	background: #7b9a2b;
}

a.orange-button {
	background: #f26522;
}

a.orange-button:hover {
	background: #c4521c;
}


a.trans-button {
	background: Transparent;
	color:inherit;
	padding:0;
	text-align:left;
	font-size:0.9em;
	text-align: center;
	width:100%;
}
a.trans-button:before{
	content:'\00BB';
}
a.trans-button:hover {
	background: Transparent;
	color:inherit;
	text-decoration: underline;
}
/*.landing .button:before{
	content:'Click here to learn more';
	font-size: 12px;
    left: -70px;
    bottom: 7px;
    position: absolute;
    width: 60px;
    color:#333;
}*/

.no-padding-left {
	padding-left: -0.9375rem !important;
}

.no-padding-right {
	padding-right: -0.9375rem !important;
}

.no-margin-left {
	margin-left: -0.9375rem !important;
}

.no-margin-right {
	margin-right: -0.9375rem !important;
}

.margin-left {
	margin-left: 0.9375rem !important;
}

.margin-right {
	margin-right: 0.9375rem !important;
}
#maincontent p,
#maincontent a,
#maincontent date,
#maincontent li
{font-size:0.9rem;}
h1{font-size:2rem;}

/** TOP-BAR **/
nav.top-bar {
	height: 40px;
	line-height: 40px;
	background: #666666;
	border-bottom: 2px solid #cc0033;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
}

nav.top-bar .row {
	max-width: 62.5rem;
	*zoom: 1;
}

section.top-bar-section ul, section.top-bar-section ul li > a, section.top-bar-section li:not(.has-form) a:not(.button), section.top-bar-section li:not(.has-form) a:not(.button):hover, section.top-bar-section .has-form {
	background: #666666;
}
div.product-sidebar{border-width:0px}

.search button{border:none; background-color: transparent; margin:0; padding:0;}
.search button img{width:20px; min-width:20px;}

a.hide-for-large.logo img{height:27px; margin-right:10px}
@media only screen and (min-width: 40.063em) {

div.product-sidebar{border-width:0px 5px 0px 0px}

	section.top-bar-section, section.top-bar-section .row, section.top-bar-section ul.right, section.top-bar-section ul.right li, section.top-bar-section ul.right li a {
		height: 38px !important;
		}
}

section.top-bar-section ul li > a:hover {
	color: #cccccc;
}

ul.dropdown li {
	background: #666666;
}

section.top-bar-section input {
	padding: 0 0 0 0.5rem;
	height: 1.7rem;
	font-size: 0.8em;
}

section.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 40px;
}

section.top-bar-section .has-dropdown > a::after {
	margin-top: -5px;
}

a.searchbutton {
	background: #dddddd;
	color: #666666;
	height: 1.7rem;
}

a.searchbutton:hover {
	background: #cccccc;
	color: #666666;
}



/** HEADER **/
ul.main-nav {
	margin: 1.8rem 0 0.125rem;
}
ul.main-nav{float:left; }
ul.main-nav a {
	font-weight: normal;
	color: #999;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
line-height: 1.4;
font-size: 1.125rem;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
ul.main-nav a.inpath:after{content:""; background: url(../img/red-dot-slider-navi.png) no-repeat right bottom;
width: 10px;
height: 10px;
position: absolute;
bottom: 0px;}
ul.sub-nav a.inpath {
	color: #666666;
}

#dottedline{border-top:1px dotted #cc0033;clear:both;}
.sub-nav-wrapper{border-bottom:1px dotted #cc0033;}
.sub-nav-wrapper ul{margin:0.5rem 0 0.5rem 0; padding:0px !important;}
.sub-nav-wrapper ul li{margin:0; padding:0;}
.sub-nav li a{color:#333333;}
section.left-small{border:none;box-shadow:none;}
.left-off-canvas-menu{background:#666666;}
.left-off-canvas-menu ul li{list-style:none;}
.left-off-canvas-menu ul.dropdown a{padding:5px 0px; font-size:12px; border-bottom:0;}
/** CONTENT **/

/* SLIDER */
div.orbit-container {
/*height: 260px;*/
margin-bottom: 20px;
}
.orbit-container li{cursor:pointer;}
div.orbit-container h3 {
	font-size: 1.3em;
	font-weight: 400;
	margin-top:15px;
}

div.orbit-container p {
	font-size: 1em;
	line-height: 1em;
	font-weight: 300;
}
div.orbit-container small.label{margin-bottom:5px;-webkit-border-radius: 5px;
border-radius: 5px; background-color: #cc0033;}



div.slider-navigation {
	height: 70px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
}

a.slider-navi-button, a.slider-navi-button:hover {
	background: none;
	color: #666666;
}
.slider-navigation a.slider-navi-button.button{height:100%;}
a.slider-navi-button h6 {
	color: #1d1d1d;
	font-size: 0.95em;
	font-weight: 700;
	margin-bottom: 0;
}

a.slider-navi-button p {
	margin: 0;
	font-size: 0.8em;
	font-weight: 300;
}

a.slider-navi-button.button {
	padding: 0.7rem;
}

a.slider-navi-button:hover, a.slider-navi-button.active {
	border-top: 2px solid #cc0033;
	padding-top: 0.6rem;
	background: url(../img/red-dot-slider-navi.png) no-repeat right bottom;
}


/*LANDINGPAGE*/

div.row.landingdevider {margin:30px 0px !important;}

article.landing .button{border-radius: 10px;
  padding: 10px 30px;}
div.landingdevider .button{position: relative;background-color: #FFF; border:2px solid #cc0033; color:#cc0033;border-radius: 10px;
  padding: 7px;}

div.landingdevider .button:after, div.landingdevider .button:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.landingdevider .button:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #cc0033;
	border-width: 15px;
	margin-left: -15px;
}
div.landingdevider .button:before {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #cc0033;
	border-width: 18px;
	margin-left: -18px;
}

div.devider{height:20px;margin-bottom:20px;}

#productgroups .small-12{margin-top:-35px;}
/* TABS */
dl.tabs dd.active a, dl.tabs dd.active a:hover, dl.tabs dd.active a:hover {
	border-top: 2px solid #cc0033;
	background: url(../img/red-dot-slider-navi.png) no-repeat right bottom;
}

dl.tabs dd.active {
	background: url(../img/red-dot-slider-navi.png) no-repeat right bottom;
}

dl.tabs dd.active a {
	background: none;
}

dl.tabs {
	border-bottom: 1px solid #a3a3a3;
}

dl.tabs dd a {
	padding: 0.7rem 1.8rem !important;
	margin-bottom: 0;
	border-top: 2px solid #FFF;
}

dl.tabs dd a:hover {

}

dl.tabs dd.active a {
	padding-top: 0.7rem !important;
}

dl.tabs dd a, dl.tabs dd a:hover {
	background: none;
}

table.no-borders{border:none;}
table.no-borders tr.even, table.no-borders tr.alt, table.no-borders tr:nth-of-type(even){background:none;}
div.tabs-content p, div.tabs-content li {
	font-size: 0.9rem;
	line-height: 1.2em;
}

div.tabs-content h6 {
	color: #1d1d1d;
	font-weight: 600;
}

div.product-sidebar {

	background: url(../img/border-blue-circle.png) top right repeat-y}

div.product-sidebar.red {
	background:  url(../img/border-red-circle.png) top right repeat-y;
}
div.product-sidebar.lime {
	background: url(../img/border-lime-circle.png) top right repeat-y;

}

/* PRODUCT GROUPS */
div.product-groups {
	text-align: center;
}

div.product-groups h4 {
	font-weight: 400;
	margin-bottom: 20px;
}


/* NEWS */
div.news-bar {
	margin-top: 4em;
	background: #e0e0e0;
	padding: 0.25em 0;
}
div.news-bar div.small-12{margin-bottom:70px;}
div.news-bar a.button{bottom:-70px; position:absolute; left:10px;}
div.news-bar .newslist p{font-size:0.8rem;}
div.news-bar .newslist>div{margin-bottom:10px; clear:both;}
div.news-bar h4 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: 1.6em;
}

div.news-bar h6 {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 0.95em;
	color: #cc0033;
}

div.news-bar p {
	margin-bottom: 0.2em;
	font-weight: 500;
	font-size: 0.95em;
	line-height: 1.5em;
}

div.news-bar date {
	font-size: 0.8em;
	color: #666666;
}

div.news-bar a.right {
	font-size: 0.8em;
	color: #cc0033;
	margin-bottom: 2em;
}
div.news-bar a.button {
	margin-top: 2em;
}

/* QUICKSAND FILTER */
ul.image-grid {
	text-align: center;
	margin-left: 0;
}

ul.image-grid li {
	list-style: none;
	margin: 0.9rem;
	border: 1px solid #e0e0e0;
	float: left;
}

fieldset label {
	margin-left: 2rem;
	float: left;
}
#produkter fieldset{padding:10px;}
#produkter fieldset label{width:100%; margin:0 0 5px 0; line-height:auto; padding-left:17px;}
#produkter fieldset label input{height:auto;padding:0; margin:0 0 0 -17px;}

#aside h4.videotitle{font-size:14px;}


/** FOOTER **/
div.footer {
	margin-top: 6em;
	background: #666666;
	border-top: 2px solid #cc0033;
}

div.footer h4 {

	font-size: 1.2em;
	font-weight: 600;
}
div.footer h5{font-weight: 600}

div.footer h4, div.footer h5, div.footer a, ul.side-nav li a:not(.button) {
	color: #ffffff;
}

div.footer li a:not(.button){font-size:13px;}

ul.side-nav li a:not(.button):hover, ul.side-nav li a:not(.button):focus, div.footer a:hover, div.footer a h5:hover {
	color: #cccccc;
}

ul.side-nav {
	line-height: 0.6em;
}

ul.side-nav li{
	font-weight: 300;
}



div.footer ul.inline-list .social-list-margin {
	margin-left: 0.6em !important;
}

div.footer ul.side-nav li a h5{margin-top: 1em;}
div.footer ul.side-nav li:first-child a h5{margin-top: -0.2em;}

blockquote{position:relative; padding:0px 30px;}
blockquote,
blockquote p{color#003366;font-size:20px !important; border:none; margin:0;}
blockquote:before{content:"\201D "; font-size:60px; position:absolute; left:0; top:-27px;}
blockquote:after{content:" \201E"; font-size:60px; position:absolute; right:0; bottom:-20px;}
blockquote+p span.quoteAuthor{font-size: 12px;
color: #cc0033;
margin-top: -6px;
display: block;
margin-left: 22px;}

#google_translate_element{position: absolute;
right: 92px;
top: -31px;}

.addthis_toolbox{left: auto !important;
top: 50px;
right: 3px !important;
background: transparent !important;}

#supportpopup.hidden{max-height:0px;}
#supportpopup.visible{max-height:1000px; }
#supportpopup{position:fixed; bottom:-43px; right:20px; max-width:100%;
	-webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
 	border:1px solid #666666;
 	background-color: #FFF;
box-shadow: 0px 0px 10px 0px #888888;
 	 width: auto;
    padding: 20px 20px 62px 20px;
-webkit-box-shadow: inset 0px 40px 0px 0px #666666;
-moz-box-shadow: inset 0px 40px 0px 0px #666666;
box-shadow: inset 0px 40px 0px 0px #666666;
 }
 #supportpopup a.close{font-size:22px;  line-height:22px;   margin-top: -13px; margin-right: -10px; color:#FFF;}
 #supportpopup .popupcontent{padding-top:10px;}
#supportpopup table{float:left; }
#supportpopup table, #supportpopup td, #supportpopup tr{background:transparent; border:none;}
#supportpopup td{padding:0px; margin:0px; vertical-align: top}
#supportpopup textarea{min-height:100px;}
#supportpopup input[type=button] {
	background: #cc0033;
	border:none; color:#FFF;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 16px;
padding-left: 32px;
padding-right: 32px;
padding-top: 17px;
    border-radius: 3px;
    font-size: 14.4px;
}

#supportpopup input[type=button]:hover {
	background: #920026;
}
@media only screen and (min-width:915px) and (max-width: 90.063em) {
	div.slider-navigation{height:80px;}
a.slider-navi-button.button {
	padding: 0.3rem;
	width: 180px;
	vertical-align: top;
	display: inline-block;

}

a.slider-navi-button.button h6{font-size: 0.8em;}
a.slider-navi-button.button p{font-size: 0.7em;}
}
@media only screen and (max-width: 915px) {
	a.slider-navi-button.button{width:100%;}
	div.orbit-container h3{font-size:1.1em ;}
div.orbit-container p{font-size:0.9em ;}
div.footer a{font-size:0.7rem;}
div.footer h4{font-size:1rem;}
div.footer a h5{font-size:1rem; font-weight: 600}


}
/*min-width: 40.063em) and */

body.demoroom h2{font-size: 18px}
body.demoroom a.button {display: table !important; vertical-align: middle !important;}
body.demoroom a.button img{float:left;}
body.demoroom a.button img{float:left;}
a.button.nolink{cursor: default;}
body.demoroom a.button:not(.nolink) img{width:32px; min-width:32px;}
body.demoroom a.button span{clear:none; width:auto; display: table-cell; vertical-align: middle; width:100%;}
body.demoroom a.trans-button{margin-bottom:0;margin-top:20px;}
body.demoroom a.trans-button[href*="/"]{margin-top:10px;}
body.demoroom #rightcol *{font-size: 12px}
body.demoroom #fullwidth .button.trans-button.nolink{float:left;clear:none; cursor:pointer;}
body.demoroom p,
body.demoroom ul:not(.main-nav):not(.sub-nav) li,
body.demoroom ul:not(.main-nav):not(.sub-nav) a{font-size:12px;}
body.demoroom .orbit-container .orbit-prev,body.demoroom  .orbit-container .orbit-next{
background-color: rgba(0, 0, 0, 0.1);
}
body.demoroom .orbit-container .orbit-prev:hover,body.demoroom  .orbit-container .orbit-next:hover{
background-color: rgba(0, 0, 0, 0.3);
}