@import "//fonts.googleapis.com/css?family=Open+Sans:400,700";
/* ------------------------------------------
  RESET
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  GLOBAL STYLES
--------------------------------------------- */

.row1400 {
	margin: 0 auto;
    max-width: 1800px !important;
    width: 100% !important;
}

/* BLUE GRADIENT */
.gradient{
color:#fff;
background: #003b81; /* Old browsers */
background: -moz-linear-gradient(top,  #003b81 52%, #002360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#003b81), color-stop(100%,#002360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003b81 52%,#002360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003b81 52%,#002360 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003b81 52%,#002360 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003b81 52%,#002360 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b81', endColorstr='#002360',GradientType=0 ); /* IE6-9 */

}


.gradient a.expand { padding-left:10px !important; }

html {
    background-color: #fff;
    font-family: "Open Sans",Arial,Helvetica,Verdana,sans-serif;
    height: auto !important; /*100%;
    margin: 0;
    /*min-width: 999px;*/
    padding: 0;
}
html * {
    margin: 0;
    padding: 0;
}
body {
    color: #000;
	font-family: "Open Sans",Arial,Helvetica,Verdana,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
	 height: auto !important; /*100%;
	
	background: #e5e5e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e5e5e5 0%, #ffffff 50%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(50%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to right,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-8 */	
}


.bodywrapper { /*background:url(../img/bg.gif) top center;*/ background: #f6f6f6; /*adadad;*/ }

h1 {
  font-size:2.6rem;
 /* margin-bottom: .5em;*/
 color: #333;
}

h2 {
 font-size:2rem;
  color: #04161c;
}


p {
 /* width: 90%;*/
  margin: .75em 0;
 /* margin: 0 auto;*/
 font-size: 0.9rem !important;
}

.openingsuren table tr td { font-size: 0.9rem !important;}

.absolute-centered {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}

a {transition: background-color 300ms ease-out 0s;}


ul, ol, dl {
    line-height: 1;
}

.content ul { 	padding-left:20px;
	font-size: 0.9rem;
	line-height: 1.1;
	padding-top:10px;
	padding-bottom:10px;
}
.content a:hover { text-decoration:underline;}
.content ul li{ margin-bottom: 10px;}
.homeslider { padding:0px !important;}
.textslider li { height:30px;}
.textpadding { padding:50px;}

/*.sidepanel:before { content:"tips"; position:absolute; top:-20px; left:0px; height:20px; background:#e42032;  }*/
.sidepanel a { text-align:left !important;}




#calculator {
    display: block;
}
#calculator label {
   color:#fff;
}
#calculator h5 {
    font-size:16px;
	color:#fff;
}
.inline-label {
    position: relative;
	color:rgb(0, 35, 96) !important;
}
.inline-label i {
    font-style: normal;
    position: absolute;
    right: 24px;
    top: 10px;	
	color:#333;
}
.user-input {
    float: left;
   /* width: 180px;*/
}
.user-input p {
    margin: 15px 0 0;
	color:#fff;
}
.user-input input {
    width: 100px;
}
.user-input label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}
.user-input label i {
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}
.calc-results {
    /*float: left;
    width: 440px;*/
}
.calc-results p {
    font-size: 24px !important;
    line-height: 1.4;
    margin: 13px 0 0;
	color:#fff;
}
.calc-results i {
    /*color: #0c1f50;*/
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
	color:#fff;
}

footer { /*background:#04161C;*/ color:#fff; padding:40px; font-size:0.8rem;

/* blue gradient */
background: #003b81; /* Old browsers */
background: -moz-linear-gradient(top,  #003b81 52%, #002360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#003b81), color-stop(100%,#002360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003b81 52%,#002360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003b81 52%,#002360 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003b81 52%,#002360 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003b81 52%,#002360 100%); /* W3C */

}

footer a {color:#fff !important;}
footer p {  font-size:0.8rem !important;}
<!--footer a {  font-size:0.7rem !important;}-->

footer ul { list-style:none;}

footer .dropdown { position:relative;width:200px; list-style:none;}
footer .dropdown li a { color:#fff; font-size:0.8rem;}
footer .dropdown li a:hover { color:#fff;}

footer .copyright  { font-size:0.5rem !important;  }


footer .social { font-size:1rem !important; padding-right:10px; color:#aaa !important; }
footer .social:hover { color:#fff !important; }

#copyright p { position:fixed; bottom:0px; width:100%; background:#a13529; color:#fff; font-size:11px; padding:10px;}
#copyright a { color:#fff; }



/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
 /* background: #f4421a;*/
  /*background-color: rgba(67,104,122,0.8); */
  /*position: absolute;*/
 /* z-index: 3; */ 
  width: 100%;
 /* max-width:1600px;*/
  /*
  left: 0;
  bottom: 0;*/
}

#navbar { width:100%; background:#fff; color:#383838; padding:20px 0px; transition: all 300ms ease-out 0s; z-index:10; overflow:visible; position:relative; }
.is-sticky #navbar { padding:0px 0px;

}

#navbar .leftarrow {  width:203px; height:400px; position:absolute; left:-70px; top:-155px; background-image:url("../img/menubg.png"); background-position: left; transition: all 300ms ease-out 0s;}
.is-sticky #navbar .leftarrow { top:-175px; left:-150px;
}

#topcircle {
	z-index:13;
	position:absolute;
	top:-350px;
	left:-220px;
    /*background: none repeat scroll 0 0 #e42032;*/
    height: 600px;
    width: 600px;
    border-radius: 50%; 
	
background: #003b81; /* Old browsers */
background: -moz-linear-gradient(top,  #003b81 72%, #002360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#003b81), color-stop(100%,#002360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003b81 72%,#002360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003b81 72%,#002360 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003b81 72%,#002360 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003b81 72%,#002360 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b81', endColorstr='#002360',GradientType=0 ); /* IE6-9 */

	
	}
#topcircle-shadow {
	z-index:12;
	position:absolute;
	top:-340px;
	left:-200px;
    background: none repeat scroll 0 0 rgba(0,59,129,0.6);
    height: 600px;
    width: 600px;
    border-radius: 50%; 
	}
		


#topcircle .circlelogo { padding-top:410px; padding-left:250px; padding-right:100px;}

.red { background: none repeat scroll 0 0 #e42032 !important; border:none;}
.red h1, .red h2, .red p { color:#fff !important;}
.white{ background: repeat scroll 0 0 rgba(255,255,255,0.8) !important; border:none;

-webkit-border-top-left-radius: 60px;
-moz-border-radius-topleft: 60px;
border-top-left-radius: 60px; 
padding: 2.25rem !important;
}

.whitesolid{ background: repeat scroll 0 0 rgba(255,255,255,1) !important; border:none;

-webkit-border-top-left-radius: 60px;
-moz-border-radius-topleft: 60px;
border-top-left-radius: 60px; 
padding: 2.25rem !important;
}

.bluesolid{ 
background: linear-gradient(to bottom, #003b81 52%, #002360 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
/*background: repeat scroll 0 0 rgba(0, 59, 129, 1) !important; */
border:none;
color:#fff !important;
-webkit-border-top-left-radius: 60px;
-moz-border-radius-topleft: 60px;
border-top-left-radius: 60px; 
padding: 2.25rem !important;
}
.bluesolid h3{ color:#fff !important; }
.bluesolid p{ color:#fff !important;}


.whiteproduct{ background: repeat scroll 0 0 rgba(255,255,255,1) !important; border:none;
padding: 1rem !important;
}

.blueproduct{ background: repeat scroll 0 0 rgba(0, 59, 129, 0.9) !important; border:none;
padding: 1rem !important;
}

.greyproduct{ background: repeat scroll 0 0 #eee !important; border:none;
padding: 1rem !important;
}



#topbar {
	color:#fff;
	 text-align:right; 
	background: #e41833; /* Old browsers */

    /*height: 5.3rem;*/
    position: absolute;
	top:0;
	z-index:12;
    width: 100%;
	/* display: inline-block;*/
    font-weight: bold;
	font-size:0.85rem;
    line-height: 2rem;
	padding:2px 15px;

 }
#topbar a { color:#fff; text-decoration:none; }

.topnav  {  
font-size:12px; 
padding:10px; color:rgb(0, 35, 96); /*position: absolute*/;
top:0px;
	z-index:13; 
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
	
	}
.topnav a {color:#fefefe; text-decoration:underline;}
.topnav a:hover { color:#fff;}

.quote { padding-top:30px; color:#ff0050; font-size:16px;}
.clients { color:#ff0050; padding-top:10px;  }
.clients a { color:#333; font-size:12px;}


.side-nav  { list-style:none; margin:20px 0px;}
.side-nav li {  padding: 5px 0px !important; position:relative;  display:block; margin:0px !important;}
.side-nav li:hover:after, .side-nav li.active:after   { /*background:#fff;*/ content:'\25b6' !important; 
  position:absolute;
    left:-37px;
    top:50%;
	color:#fff;
	width:20px;
    height:20px;
	margin-top:-8px;
	}
.side-nav li a {color:#333 !important; width:100%;  display:block; /*font-size:15px;*/}
.side-nav li a:hover { color:#ff0050 !important;}
.side-nav li.active a { color:#ff0050 !important;}


.nav-collapse ul li a.prijsaanvraag { color:#ff0050 !important;}
.nav-collapse ul li a.prijsaanvraag:hover { color:#fff !important;}

.nav-collapse ul .has-dropdown:hover:after, .nav-collapse ul li .arrow:hover:after  {
/*.nav-collapse a:hover:after {*/
    position:absolute;
    bottom:-15px;
    left:50%;
    margin-left:-10px;
    width:20px;
    height:20px;
    /*content: url("http://placehold.it/20x20");*/
	color:#e42032;
	content:'\25bc' !important;
}



.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  font-weight: bold;
  line-height: 55px;
  padding: 0 20px;
  color: #fff;
  float: left;
}

#logo {  position:absolute; top:5px;left:50% z-index:99;/*margin-top:15%;*/ /*margin-bottom:50px;*/}

.checkmark { padding:20px 0px; margin:0px;}
.checkmark li {list-style:none; font-weight:bold; font-size:0.8rem; padding:5px 0px;}
.checkmark li:before {content:"\2714  "}



/* ------------------------------------------
  PRODUCTPAGE
--------------------------------------------- */
.pagination { margin:5px 0px; /*position:absolute; top:-150px; left:0px;*/}
.pagination a {  margin-right:5px; padding:4px 10px; background:#ccc; color:#fff; font-weight:bold; }
.pagination a:hover { background:#e42032; }
.pagination a.active { background:#e42032; }

.pagination input[type="radio"] {
    display:none; 
}
.pagination li label{  margin:0px; padding:1px 7px; background:#ccc; color:#fff; font-weight:bold; }
.pagination li label:hover { background:#e42032; }
.pagination li label.active { background:#e42032; }


.orderby  { margin:5px 0px; /*position:absolute; top:-150px; left:0px;*/}
.orderby input[type="radio"] {display:none;}
.orderby li label{  margin:0px; padding:1px 7px; background:#ccc; color:#fff; font-weight:bold; }
.orderby li label:hover { background:#e42032; }
.orderby li label.active { background:#e42032; }


/*.panel { background: none repeat scroll 0 0 #fff !important; border-color: #f1f1f1; }*/

.breadcrumbs {
    background:none;
	border:none;
}

/*.productimage { background: #fff;}*/
.producttitle { font-size:1.2rem;}
/*.productinfo { background:#fff; padding:10px;}*/

.productinfo ul { padding-left:20px; padding-top:10px;}
.productdetails ul { padding-left:20px; padding-top:10px;}

.coloroffer { margin-right:10px; border:1px solid #fff;}
.coloroffer:hover{ border:1px solid #e42032; }


button.blue, a.button.blue:link, a.button.blue:visited {
    background: -moz-linear-gradient(center top , #003b81 0%, #002360 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
button.green, a.button.green:link, a.button.green:visited {
    background: -moz-linear-gradient(center top , #a9cd4e 0%, #87a82b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.bestelknop {
	transition: all 0s ease 0s, all 0.15s ease 0s !important;
    transform: scale(1, 1);
}
.bestelknop:hover {
    transform: scale(1.05, 1.07);
}


.bestelknop, .verzendknop, .button { /*margin:20px;*/ padding:10px; /*background:#7D111C; color:#fff; font-weight:bold;*/


background: -moz-linear-gradient(center top , #b2b2b2 0%, #757575 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(117, 117, 117, 0.4);
    color: #fff;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 120%;
    padding: 0.625em 1.5em 0.75em;
    position: relative;
    text-decoration: none;
    text-shadow: 1px -1px 0 rgba(40, 40, 40, 0.3);

}
.bestelknop:hover , .verzendknop:hover  { color:#fff; background:#002360; }



/* ------------------------------------------
  CONTACTPAGE
--------------------------------------------- */
#map {
    background: none repeat scroll 0 0 #ffffff;
    height: 300px;
}


.name-field, .email-field, .phone-field, .address-field, .postalcode-field, .city-field {padding-bottom:5px;}

.postalcode-field { width:40%; float:left; padding-right: 5px;}
.city-field  { width:60%; float:left;}


/* ------------------------------------------
  SITEMAP
--------------------------------------------- */
.sitemap {
    background: none repeat scroll 0 0 #f4f4f4;
    color: #464c62;
    margin: 0;
    padding: 20px;
}
.sitemap ul li {
    font-size: 0.8em;
    font-weight: normal;
}
.sitemap a {
    color: #464c62;
}
.sitemap a:hover {
    text-decoration: underline;
}

/* ------------------------------------------
  HORIZONTAL SWIPER
--------------------------------------------- */




/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	/*display: block;*/	
}



#slider-wrapper {width:100%; position:relative; margin-top:-140px; }
#slider-prev { z-index:11; position:absolute; margin:auto; left:10px;top:50%; margin-top:-20px;}
#slider-next { z-index:11; position:absolute; margin:auto; right:10px;top:50%; margin-top:-20px;}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;*/
	left: -5px;
	/*background: #fff;*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.inline-list { list-style:none;}
.inline-list li { float:left;}



/* ------------------------------------------
  FORMS
--------------------------------------------- */

/*.offerform { background:#f4f4f4;}*/

/*
input[type=checkbox].css-checkbox {
							display:none;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:25px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							color:#ff0050;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url(../img/csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
*/

input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; top:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:31px;
							height:22px;
							display:inline-block;
							line-height:22px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:22px;
							vertical-align:middle;
							cursor:pointer;

						}
					

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -22px;
						}
						label.css-label {
				background-image:url(../img/csscheckbox2.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}



form-row {
    background-color: #F0F0F0;
}
.form-item {
    display: inline-block;
    margin: 0 0 1%;
    width: 100%;
}
label {
    color: #999999;
    /*display: block;*/
    /*font: italic 14px/150% Arial,Helvetica,sans-serif;*/
}
input, textarea, select {
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    color: #666666;
    display: inline-block;
    font: 13px Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 5px;
   /* width: 100%;*/
   height:auto !important;
   margin:0px !important;
}
.form-radio input, .form-checkbox input {
    float: left;
    margin: 5px;
    width: auto;
}
.form-radio label, .form-checkbox label {
    color: #666666;
    font-style: normal;
}
input.form-error, textarea.form-error, select.form-error {
    border: 1px solid #DD4B39;
}
textarea {
    height: 100px;
}
.description {
    border-bottom: 1px solid #CCCCCC;
    color: #999999;
    font: italic 16px Arial,Helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 5px 0;
}
.formErrorContent {
    color: #DA4141;
    font: 11px Arial,Helvetica,sans-serif;
}
.ajaxError, .ajaxSuccess, .ajaxLoading {
    display: none;
    font-size: 16px;
    line-height: 18px;
    padding: 40px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 5000;
}
.ajaxError {
    background: none repeat scroll 0 0 #DA4141;
    border: 10px solid #8D0A0A;
    color: #8D0A0A;
}
.ajaxSuccess {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #CCCCCC;
    color: #4F4F4F;
}
.ajaxLoading {
    background: url("../img/ajax-loader.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    display: none;
}






/*! responsive-nav.js 1.0.32 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
  position:relative;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  /*overflow: hidden;*/
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}


@media screen and (min-width: 60em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}










/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

/*  ************************  dropdown  ********************************/
.has-dropdown {position:relative;}
.dropdown {position:absolute;width:200px;}

.nav-collapse ul .has-dropdown:after {
   /* content: ' ▶';*/
}
.nav-collapse ul .has-dropdown:hover:after{
	/*content:'\25bc'*/
}

.nav-collapse ul li { position:relative; z-index:2;}

.nav-collapse ul li ul {
	padding:20px;
	background:#fff;
	border:1px solid #f1f1f1;
	width:380px;
    float: left;
    left: 0;
	top:0px;
    opacity: 0;
    position: absolute;
    margin-top: 30px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease ;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.nav-collapse ul li:hover ul {
    opacity: 1;
    margin-top: 63px;
    visibility: visible;
}
.nav-collapse ul ul li {
    float: none;
    width: 100%;	
	width:100%;
}
.nav-collapse ul li > ul a { color:#444; font-size:0.9rem; width:50%; padding:5px 5px; text-align:left; text-transform:capitalize;}
.nav-collapse ul li > ul a:hover {
    background:none;
	color:#ff0050;
}

/*  ************************  dropdown  ********************************/


.nav-collapse li {
  float: left;
  /*width: 100%;*/
}

@media screen and (min-width: 64em) { /* standaard 40em */
  .nav-collapse li {
	/*padding: 5px 10px;*/
   width:auto; /*width: 25%;*/
   /* *width: 24.9%;*/ /* IE7 Hack */
   /* _width: 19%;*/ /* IE6 Hack */  
  }
  
}

.nav-collapse a {
	font-size:1rem;
	font-weight:bold;
	/*text-transform:uppercase;*/
  color: #1C0406;
  text-decoration: none;
 /* width: 100%;*/
 
  /*border-bottom: 1px solid white;*/
  padding: 0.7em 1em;
  /*float: left;*/
  
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
  
  
}


.nav-collapse a:hover, li.active a  { 

 background: #a9cd4e;
/* background: -moz-linear-gradient(center top , #a9cd4e 0%, #87a82b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  color: #fff; 
}

/*
.active a { 
 background: #f9f9f9;
}
*/

.nav-collapse ul .has-dropdown:hover:after, .nav-collapse ul li .arrow:hover:after  {
/*.nav-collapse a:hover:after {*/
    position:absolute;
    bottom:-15px;
    left:50%;
    margin-left:-10px;
    width:20px;
    height:20px;
    /*content: url("http://placehold.it/20x20");*/
	color:#e42032;
	content:'\25bc' !important;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: right;  /* menu items left or right */
    text-align: center;
    /*border-bottom: 0;
    border-right: 1px solid white;*/
  }
}

.nav-collapse ul ul a {
 /* background: #ca3716;
  padding-left: 2em;*/
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    /*display: none;*/
  }
  
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}



/* ============== SCHADUW EFFECT ================ */
effect2 {
    position: relative;
}
.effect2:before, .effect2:after {
    background: none repeat scroll 0 0 #777;
    bottom: 20px;
    box-shadow: 0 15px 10px #777;
    content: "";
    left: 20px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.effect2:after {
    left: auto;
    right: 20px;
    transform: rotate(3deg);
}

.banner {
    background-color: #f4f4f4;
    border-radius: 2px;
    color: #444;
    cursor: pointer;
    margin-top: 20px;
    padding: 2%;
    position: relative;
    text-align: center;
    transition: all 0.25s ease 0s;
    z-index: 2;
	
}
.banner h5 {
	/*text-transform:uppercase;*/
	font-weight:bold;
	position:absolute;
	top:40px;
	right:-10px;
	/*background:#e42032;	*/
	
	font-size:0.7rem;
    color: #fff;
    margin-top: 10px;
    padding: 5px 10px;
}
.banner p {
    padding: 0 30px;
	font-size:0.8rem !important;
}
.banner:hover {
    /*margin-top: 10px;*/
	/*background-color: #ff0050;*/
	color:#fff;
	background: #e42032; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMDAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmMDA1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e42032 0%, #ff0050 50%, #ff0050 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e42032), color-stop(50%,#ff0050), color-stop(100%,#ff0050)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e42032 0%,#ff0050 50%,#ff0050 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e42032 0%,#ff0050 50%,#ff0050 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e42032 0%,#ff0050 50%,#ff0050 100%); /* IE10+ */
background: linear-gradient(to right,  #e42032 0%,#ff0050 50%,#ff0050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42032', endColorstr='#ff0050',GradientType=1 ); /* IE6-8 */
}




/* NOG UITFILTEREN */

.mainDiv {
	margin:0 auto;
	width:960px
}
.mainDiv .mainDiv {
	margin:0 -16px 0 -16px;
	width:auto;
	display:inline-block
}
.divbox {
	margin:10px 16px 0 16px;
	float:left;
	display:inline;
	position:relative;
	width:208px;
}
.image-hover {
	width: 202px;
	height: 186px;
	opacity: 0;
	filter: alpha(opacity = 0);
	background: url(../img/zoomicon.png) 58px 42px no-repeat;
	cursor:pointer;
}
.image-hover:hover {
	opacity: 0.5;
	border:1px solid #ccc;
	filter: alpha(opacity = 50);
}
.product_name {
	margin-top:5px;
	float:left;
	width:208px
}

.promo { 
    /*background: none repeat scroll 0 0 #e42032; */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    top: 30px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    margin-top: 10px;
    padding: 4px 8px;
    position: absolute;
    right: -5px;
    text-transform: uppercase;
}
.promolarge { 
    /*background: none repeat scroll 0 0 #e42032; */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    top: 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 10px;
    position: absolute;
    right: -5px;
    text-transform: uppercase;
}

.product_name span.productname {
	height:29px;
	overflow:hidden;
	font-size:11px;
	line-height:14px;
	font-family:"Helvetica Neue", "Helvetica", Arial, Sans-serif;
	display:block
}
.product_name .price {
	margin:0 auto;
	display:block;
	height:20px;
	text-align:center;
}
.product_name .price span.price_prev {
	font-size:14px;
	color:#999;
	text-decoration:line-through;
	float:left
}
.product_name .price span.product_price {
	font-size:14px;
	color:#555;
	font-weight:bold;
	margin-right:5px
}
.product_name_small {
	text-align:center;
	margin:0 auto;
	float:left
}
.product_name_small span.name {
	height:42px;
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	font-family:"brandon-grotesque", helvetica, arial, sans-serif;
	text-transform:uppercase;
	text-align:center;
	display:block
}
.filter1 {
	width:100%;
	border-bottom:2px solid #000;
	margin-bottom:15px;
	display:block;
	padding-bottom:8px
}
.filter2 {
	border:2px solid #f1f1f1;
	font-size:11px;
	font-family:"Helvetica Neue", "Helvetica", Arial, Sans-serif;
	padding:1px 3px 1px 5px;
	color:#666;
	text-align:left;
	float:left;
	margin-right:10px
}
.filter1 a.clear_filters {
	float:left;
	font-family:"Helvetica Neue", "Helvetica", Arial, Sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top:3px
}
.productCategoryLeftPanel {
	display:block;
	margin-top:10px
}
.productCategoryLeftPanel .pro_cat_title {
	text-transform:capitalize;
	border-bottom:2px solid #000
}
.productCategoryLeftPanel .pro_cat_title h1 {
	line-height:33px
}
.productCategoryLeftPanel .pro_cat_title h1 a {
	color:#252525;
	font-weight:bold;
	font-family:"Helvetica Neue", "Helvetica", Arial, Sans-serif;
	font-size:15px
}
.productCategoryLeftPanel .different_filters_divbox {
	margin-bottom:20px;
	margin-top:6px;
}
.productCategoryLeftPanel .different_filters_divbox ul.different_filters {
	display:block
}
.productCategoryLeftPanel .different_filters_divbox ul.different_filters li {
	background:0;
	clear:both;
	/*padding:2px 0;*/
	list-style: none outside none;
}
.productCategoryLeftPanel .different_filters_divbox ul.different_filters li a, .productCategoryLeftPanel .different_filters_divbox ul.different_filters li p {
	line-height:12px;
	font-size:12px;
	font-family:"Helvetica Neue", "Helvetica", Arial, Sans-serif;
	text-transform:normal;
	color:#484a4c
}
.productCategoryLeftPanel .different_filters_divbox ul.different_filters li a.active, .productCategoryLeftPanel .different_filters_divbox ul.different_filters li label:hover {
	color:#252525
}
.productCategoryLeftPanel .different_filters_divbox ul.different_filters li input[type="checkbox"] {
	display:block!important;
	float:left!important;
	margin:0!important;
	margin-right:0px!important;
	margin-top:3px!important
}
.productCategoryLeftPanel .different_filters_divbox ul.different_filters li label {
	font-size:12px;
	font-family:"Helvetica Neue", "Helvetica", Arial, Sans-serif;
	text-transform:normal;
	color:#484a4c
}
.productCategoryLeftPanel .different_filters_divbox .size_filter {
	max-height:150px!important;
	overflow-y:scroll
}
.productCategoryLeftPanel .different_filters_divbox .size-filter {
	max-height:150px!important;
	border-bottom:1px solid #ddd;
	overflow-y:scroll
}
.productCategoryLeftPanel .different_filters_divbox .color_filter {
	max-height:150px!important;
	overflow-y:scroll
}
.productCategoryLeftPanel .different_filters_divbox .color-filter {
	max-height:150px!important;
	border-bottom:1px solid #ddd;
	overflow-y:scroll
}
.productCategoryLeftPanel .different_filters_divbox .color_filter, .productCategoryLeftPanel .different_filters_divbox .size-filter {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:3;
	-moz-column-gap:3;
	column-gap:3
}
.productCategoryLeftPanel .different_filters::-webkit-scrollbar {
-webkit-appearance:none;
width:7px
}
.filtersshow {
	margin-top:10px;
	width:735px;
	float:right;
	display:block
}
.filter_search {
	display:block
}
.filter_search .btn-small {
	padding:2px 8px
}
.container { /*width:735px;*/
	float:right;
	margin-top:10px;
}
/* EINDE UITFILTERE */








/* RIBBON BANNERS */

.ribbon {
	position: absolute;
	top: 0;
	right: 0;
}

/* reset certain elements (in case of conflicting CSS for classes, links, etc.) */
.ribbon .text,
.ribbon .banner,
.ribbon a {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

.no-css-transforms .ribbon {
	font-size: 1em;
	position: relative;
	width: 100%;
}

.ribbon .banner {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	color: #fff;
	-webkit-font-smoothing: antialiased;
	display: block;
	float: right;
	position: relative;
	right: -14px;
	top: 22px;
	width: 100px;
}

.ribbon-small .banner {
	right: -8px;
	top: 15px;
	width: 65px;
}

.ribbon-large .banner {
	right: -20px;
	top: 32px;
	width: 150px;
}

.ribbon .banner::after,
.ribbon .banner::before {
	content: '';
	display: block;
	height: 12px;
	position: absolute;
	width: 30px;
}

.ribbon-small .banner::after,
.ribbon-small .banner::before {
	height: 6px;
	width: 20px;
}

.ribbon-large .banner::after,
.ribbon-large .banner::before {
	height: 18px;
	width: 45px;
}

.ribbon .banner::before {
	-webkit-transform: skewY(-45deg) translate(50%,15px);
	-moz-transform: skewY(-45deg) translate(50%,15px);
	-ms-transform: skewY(-45deg) translate(50%,15px);
	-o-transform: skewY(-45deg) translate(50%,15px);
	-webkit-transform-origin: 100% center;
	-moz-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	-o-transform-origin: 100% center;
	left: -45px;
}

.ribbon-small .banner::before {
	top: -5px;
	left: -30px;
}

.ribbon-large .banner::before {
	top: 9px;
	left: -68px;
}

.ribbon .banner::after {
	-webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-moz-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-ms-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-o-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-webkit-transform-origin: 0 center;
	-moz-transform-origin: 0 center;
	-ms-transform-origin: 0 center;
	-o-transform-origin: 0 center;
	right: -17px;
}

.ribbon-small .banner::after {
	top: 18px;
	right: -12px;
}

.ribbon-large .banner::after {
	top: 45px;
	right: -26px;
}


.no-css-transforms .ribbon .banner {
	position: static;
	width: 100%;
	float: none;
	font-size: 10px;
}

.ribbon .text {
	position: relative;
	z-index: 2;
	padding: 6px 0;
	font-size: 12px;
	font-weight: bold;
	min-height: 18px;
	line-height: 18px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* small text */
.ribbon-small .text {
	padding: 3px 0;
	font-size: 8px;
	min-height: 14px;
	line-height: 14px;
}

/* large text */
.ribbon-large .text {
	padding: 9px 0;
	font-size: 18px;
	min-height: 28px;
	line-height: 28px;
}


.ribbon .text::before,
.ribbon .text::after {
	content: '';
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

/* small text */
.ribbon.ribbon-small .text::before,
.ribbon.ribbon-small .text::after {
	height: 20px;
}

/* large text */
.ribbon.ribbon-large .text::before,
.ribbon.ribbon-large .text::after {
	height: 46px;
}

.ribbon .text::before {
	-webkit-transform: translateX(-15%) skewX(-45deg);
	-moz-transform: translateX(-15%) skewX(-45deg);
	-ms-transform: translateX(-15%) skewX(-45deg);
	-o-transform: translateX(-15%) skewX(-45deg);
}

.ribbon .text::after {
	-webkit-transform: translateX(15%) skewX(45deg);
	-moz-transform: translateX(15%) skewX(45deg);
	-ms-transform: translateX(15%) skewX(45deg);
	-o-transform: translateX(15%) skewX(45deg);
}

.no-css-transforms .ribbon .text {
	height: 25px;
	padding: 3px;
}


/*--- RIBBON COLORS ---*/

/* default */
.ribbon .banner::after,
.ribbon .banner::before {
	background-color: #51a351;
}
.ribbon .text::before,
.ribbon .text::after,
.no-css-transforms .ribbon .text {
	background-color: #62c462;
}

/* green */
.ribbon-green .banner::after,
.ribbon-green .banner::before {
	background-color: #51a351;
}
.ribbon-green .text::before,
.ribbon-green .text::after,
.no-css-transforms .ribbon-green .text {
	background-color: #62c462;
}

/* blue */
.ribbon-blue .banner::after,
.ribbon-blue .banner::before {
	background-color: #002360;
}
.ribbon-blue .text::before,
.ribbon-blue .text::after,
.no-css-transforms .ribbon-blue .text {
	background-color: #003b81;
}

/* mms blue */
.ribbon-blue-mms .banner::after,
.ribbon-blue-mms .banner::before {
	background-color: #2d5b98;
}
.ribbon-blue-mms .text::before,
.ribbon-blue-mms .text::after,
.no-css-transforms .ribbon-blue-mms .text {
	background-color: #367ab3;
}

/* light blue */
.ribbon-blue-light .banner::after,
.ribbon-blue-light .banner::before {
	background-color: #2f96b4;
}
.ribbon-blue-light .text::before,
.ribbon-blue-light .text::after,
.no-css-transforms .ribbon-blue-light .text {
	background-color: #5bc0de;
}

/* yellow */
.ribbon-yellow .banner::after,
.ribbon-yellow .banner::before {
	background-color: #f2ba00;
}
.ribbon-yellow .text::before,
.ribbon-yellow .text::after,
.no-css-transforms .ribbon-yellow .text {
	background-color: #ffd95e;
}

/* orange */
.ribbon-orange .banner::after,
.ribbon-orange .banner::before {
	background-color: #f89406;
}
.ribbon-orange .text::before,
.ribbon-orange .text::after,
.no-css-transforms .ribbon-orange .text {
	background-color: #fbb450;
}

/* red */
.ribbon-red .banner::after,
.ribbon-red .banner::before {
	background-color: #bd362f;
}
.ribbon-red .text::before,
.ribbon-red .text::after,
.no-css-transforms .ribbon-red .text {
	background-color: #ee5f5b;
}

/* purple */
.ribbon-purple .banner::after,
.ribbon-purple .banner::before {
	background-color: #611bbd;
}
.ribbon-purple .text::before,
.ribbon-purple .text::after,
.no-css-transforms .ribbon-purple .text {
	background-color: #af4ce8;
}

/* pink */
.ribbon-pink .banner::after,
.ribbon-pink .banner::before {
	background-color: #f000c0;
}
.ribbon-pink .text::before,
.ribbon-pink .text::after,
.no-css-transforms .ribbon-pink .text {
	background-color: #ff5edf;
}

/* black */
.ribbon-black .banner::after,
.ribbon-black .banner::before {
	background-color: #222222;
}
.ribbon-black .text::before,
.ribbon-black .text::after,
.no-css-transforms .ribbon-black .text {
	background-color: #444444;
}





















/* RESPONSIVE FINETUNING */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {	
/* Styles */

#slider-wrapper {margin-top:0px !important;}

#slider-prev { display:none;}
#slider-next { display:none;}

.banner h5 { font-size:9px; }

.nav-collapse a {
  border-bottom: 1px solid white;
  padding: 2px; 
}
.nav-collapse ul li { margin:5px;}
.nav-collapse ul li ul { display:none;}

}





/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
/*
#navbar .leftarrow {   left:-170px;  top:-175px;}
#navbar { padding:0px;}
*/
}


/* F O U N D A T I O N */

/*
$small-range: (0em, 40em); /* 0, 640px /
$medium-range: (40.063em, 64em); / 641px, 1024px /
$large-range: (64.063em, 90em); / 1025px, 1440px /
$xlarge-range: (90.063em, 120em); / 1441px, 1920px /
$xxlarge-range: (120.063em); / 1921px */ 



.marginup { margin-top:-320px }

/* ====== Small screens ====== */
@media only screen { } 
/* Define mobile styles */ 
@media only screen and (max-width: 40em) {
#slider-wrapper {margin-top:0px !important;}

#slider-prev { display:none;}
#slider-next { display:none;}

.banner h5 { font-size:9px; }

.nav-collapse a {
  /*border-bottom: 1px solid white;*/
  padding: 2px; 
  color:#fff;
}
.nav-collapse ul li { margin:5px;}
.nav-collapse ul li ul { display:none;}	

.marginup { margin-top: -70px !important; }
	
h1 { font-size:1.8rem;}	
h2 { font-size:1.2rem;}	
.textpadding { padding:15px;}

#navbar {
color:#fff;
background: #003b81; /* Old browsers */
background: -moz-linear-gradient(top,  #003b81 52%, #002360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#003b81), color-stop(100%,#002360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003b81 52%,#002360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003b81 52%,#002360 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003b81 52%,#002360 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003b81 52%,#002360 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b81', endColorstr='#002360',GradientType=0 ); /* IE6-9 */
}

.panel { margin-bottom:0px;}
.white { padding: 1.5rem !important; background:rgba(255,255,255,0.7) !important;}
	 } 
/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 


/* ====== Medium screens ====== */
@media only screen and (min-width: 40.063em) { } 
/* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.marginup { margin-top: -150px !important; }
	.nav-toggle:before { color: #003b81; }
		
	 } 
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 


/* ======Large screens ====== */
@media only screen and (min-width: 64.063em) { } 
/* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } 
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 


/* ====== XLarge screens ====== */
@media only screen and (min-width: 90.063em) { } 
/* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 


/* ====== XXLarge screens ====== */
@media only screen and (min-width: 120.063em) { } 
/* min-width 1921px, xxlarge screens */