@font-face {
  font-family: 'Founders Grotesk';
  src: url('/fonts/foundersgroteskweb-bold-webfont.eot');
  src: url('/fonts/foundersgroteskweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/foundersgroteskweb-bold-webfont.woff2') format('woff2'),
  url('/fonts/foundersgroteskweb-bold-webfont.woff') format('woff'),
  url('/fonts/foundersgroteskweb-bold-webfont.ttf') format('truetype'),
  url('/fonts/foundersgroteskweb-bold-webfont.svg#webfontregular') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Founders Grotesk';
  src: url('/fonts/foundersgroteskweb-light-webfont.eot');
  src: url('/fonts/foundersgroteskweb-light-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/foundersgroteskweb-light-webfont.woff2') format('woff2'),
  url('/fonts/foundersgroteskweb-light-webfont.woff') format('woff'),
  url('/fonts/foundersgroteskweb-light-webfont.ttf') format('truetype'),
  url('/fonts/foundersgroteskweb-light-webfont.svg#webfontregular') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Founders Grotesk';
  src: url('/fonts/foundersgroteskweb-lightitalic-webfont.eot');
  src: url('/fonts/foundersgroteskweb-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/foundersgroteskweb-lightitalic-webfont.woff2') format('woff2'),
  url('/fonts/foundersgroteskweb-lightitalic-webfont.woff') format('woff'),
  url('/fonts/foundersgroteskweb-lightitalic-webfont.ttf') format('truetype'),
  url('/fonts/foundersgroteskweb-lightitalic-webfont.svg#webfontregular') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Founders Grotesk';
  src: url('/fonts/foundersgroteskweb-regular-webfont.eot');
  src: url('/fonts/foundersgroteskweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/foundersgroteskweb-regular-webfont.woff2') format('woff2'),
  url('/fonts/foundersgroteskweb-regular-webfont.woff') format('woff'),
  url('/fonts/foundersgroteskweb-regular-webfont.ttf') format('truetype'),
  url('/fonts/foundersgroteskweb-regular-webfont.svg#webfontregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Founders Grotesk';
  src: url('/fonts/foundersgroteskweb-regularitalic-webfonts.eot');
  src: url('/fonts/foundersgroteskweb-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/foundersgroteskweb-regularitalic-webfont.woff2') format('woff2'),
  url('/fonts/foundersgroteskweb-regularitalic-webfont.woff') format('woff'),
  url('/fonts/foundersgroteskweb-regularitalic-webfont.ttf') format('truetype'),
  url('/fonts/foundersgroteskweb-regularitalic-webfont.svg#webfontregular') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Founders Grotesk medium';
  src: url('/fonts/foundersgroteskweb-medium-webfont.eot');
  src: url('/fonts/foundersgroteskweb-medium-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/foundersgroteskweb-medium-webfont.woff2') format('woff2'),
  url('/fonts/foundersgroteskweb-medium-webfont.woff') format('woff'),
  url('/fonts/foundersgroteskweb-medium-webfont.ttf') format('truetype'),
  url('/fonts/foundersgroteskweb-medium-webfont.svg#webfontregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0px;
  padding: 0px;
  outline-style: none;
}

html, body {
  height: 100%;
}

#site {
  position: relative;
  margin: 122px auto 0px auto;
  padding: 0px;
  width: 100%;
  min-width: 960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  font: 300 18px/1.5em "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
}

* + html #site {
  margin-top: 0px;
}

#site .fixednav {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 900;
  width: 100%;
  -webkit-transform: translateZ(0);
}

* + html #site .fixednav {
  position: relative;
}

#site .spacer {
  width: 100%;
  float: left;
}

#site .spacer.configurator {
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}

#site .centerbar {
  position: relative;
  width: 940px;
  margin: 0px auto;
}

#site .headerbar {
  position: relative;
  width: 940px;
  margin: 0px auto;
  background-color: #000;
  color: #fff;
}

/*#site .subitem { padding: 35px 0px; }*/
#site .subitem {
  padding: 0px;
}

#site .subitemcontent {
  margin: 10px 0px;
  float: left;
  width: 100%;
}

#site .tabcontent .title {
  margin-left: 10px;
  color: #7F7F7F;
  font-weight: bold;
}

#site .subitem .title {
  margin-left: 0px;
  color: #000000;
  font-weight: bold;
}

#site .subitem .title h3 {
  margin-left: 0px;
  color: #000000;
  font: 700 24px/29px "Founders Grotesk", arial, verdana, sans-serif;
}

#site .intro {
  margin: 15px 0px 15px 0px;
  float: left;
  width: 100%;
}

#site .wow {
  visibility: visible !important;
}

#site .subitemcontent .subitemcontent-image-wrapper,
#site .subitemcontent .subitemcontent-text-wrapper {
  display: block;
  width: 50%;
  float: right;
  box-sizing: border-box;
}

#site .subitemcontent .subitemcontent-image-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

#site .subitemcontent .subitemcontent-image-wrapper img {
  display: block;
  margin: 0px;
  width: auto;
  max-width: 100%;
}

#site .subitemcontent .subitemcontent-image-wrapper:before,
#site .subitemcontent .subitemcontent-image-wrapper:after {
  content: " ";
  display: table;
}

#site .subitemcontent .subitemcontent-image-wrapper:after {
  clear: both;
}

#site .subitemcontent .subitemcontent-text-wrapper {
  padding-right: 10px;
}

#site .headerbar .head {
  padding: 20px 0px 0px 20px;
  margin-bottom: 20px;
  /*	height: 24px;*/
  color: #fff;
  font: 20px/20px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border-left: 1px solid #fff;
}

#site .headerbar.headerbar-hide-title {
  height: 20px;
}

#site .headerbar.headerbar-hide-title .head {
  display: none;
}

.bgblack {
  background-color: #000;
}

.bordergrey {
  border-bottom: 1px solid #595959;
}

.effect-hover-btn {
  position: relative;
  z-index: 1;
  padding: 10px 0px;
  float: left;
}

.centerbtn.effect-hover-btn {
  margin: 0px auto;
  width: 250px;
  float: none;
}

.effect-hover-btn a {
  position: relative;
  float: left;
  text-decoration: none;
  overflow: hidden;
  border-bottom: 0px !important;
}

.effect-hover-btn a span {
  padding: 0px 20px;
  height: 50px;
  display: block;
  color: #000000;
  font: 700 16px/50px "Founders Grotesk", arial, verdana, sans-serif;
  /*text-transform: uppercase;*/
  /*background: #000;*/
  background: transparent;
  border: 2px solid #000;
  transition: background 200ms, color 200ms;
  /*
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	*/
}

.centerbtn.effect-hover-btn a {
  text-align: center;
  padding-bottom: 60px;
}

.centerbtn.effect-hover-btn a span {
  text-align: center;
  width: 220px;
}

/*
.effect-hover-btn a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0px 15px;
	width: 100%;
	height: 100%;
	color: #000;
	font: 14px/23px "GothamBook", arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.centerbtn.effect-hover-btn a::before { text-align: center; }
*/
.effect-hover-btn a:hover span,
.effect-hover-btn a:focus span {
  /*
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
*/
  color: #fff;
  background: #000 !important;
}

/*
.effect-hover-btn a:hover::before,
.effect-hover-btn a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
*/

/*.effect-hover-btn a:hover span {
	background-color: #fff;
}*/

.marginpx {
  margin: 0px 10px;
}

#arrow {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 800;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  display: block;
  color: #fff;
  cursor: pointer;
}

#site a:link, #site a:visited {
  text-decoration: none;
}

#site .content a:link, #site .content a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

#listitem .hide a:link, #listitem .hide a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

#site .intro a:link, #site .intro a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

a img {
  border: 0px;
}

#content .image a:link, #content .image a:visited {
  border: 0px;
}

#content .video {
  position: relative;
  width: 380px;
  height: 100%;
  float: left;
}

#content .video a:link, #content .video a:visited {
  float: left;
  font-size: 0px;
  line-height: 0px;
  border: 0px;
}

#content .video .overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 40px;
  height: 36px;
  background: url(pics/play.png) top left no-repeat;
  cursor: pointer;
}

#site .video_large {
  position: relative;
  margin-bottom: 60px;
  width: 800px;
  height: 100%;
  float: left;
}

#site .video_large a:link, #site .video_large a:visited {
  float: left;
  font-size: 0px;
  line-height: 0px;
  border: 0px;
}

#site .video_large .overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 40px;
  height: 36px;
  background: url(pics/play.png) top left no-repeat;
  cursor: pointer;
}

#site .slideshow .image {
  width: 100%;
  /*height: 380px;*/
  overflow: hidden;
}

* + html #site .slideshow .overlayimg img {
  width: 510px;
}

#site .slideshow .image img {
  margin-top: -5%;
}

/* ------------------------------------------------------------------------- Topbar */

#topbar {
  font: 12px/26px "Founders Grotesk", arial, verdana, sans-serif;
  color: #999;
  height: 26px;
}

#topbar .topnav ul {
  list-style-type: none;
  float: left;
}

#topbar .topnav li {
  float: left;
}

#topbar .topnav li.stripe {
  padding: 0px 10px;
}

#topbar .topnav li a:link, #topbar .topnav li a:visited {
  position: relative;
  float: left;
  color: #999;
  font: 13px/26px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

/*
#topbar .topnav li a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

#topbar .topnav li a:hover::before, #topbar .topnav li a:focus::before {
	max-width: 100%;
}
*/
#topbar .topnav li a:hover {
  color: #ccc;
}

#topbar .languages {
  float: right;
}

#topbar .languages ul {
  list-style-type: none;
  float: left;
}

#topbar .languages li {
  float: left;
}

#topbar .languages li a:link, #topbar .languages li a:visited {
  position: relative;
  float: left;
  color: #595959;
  font: 12px/26px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

#topbar .languages .title {
  margin-left: 6px;
  float: left;
}

#topbar .languages .imageCH,
#topbar .languages .imageBE,
#topbar .languages .imageNL,
#topbar .languages .imageFR,
#topbar .languages .imageEN,
#topbar .languages .imageDE {
  margin: 7px 6px 6px 6px;
  width: 14px;
  height: 11px;
  float: left;
  border: 1px solid #606060;
  overflow: hidden;
}

/*#topbar .languages .imageDE { margin: 9px 6px 7px 6px; width: 11px; height: 7px; float: left; border: 1px solid #606060; overflow: hidden; }*/

#topbar .languages .imageCH {
  background: url(pics/sprite_v2.png) -645px -66px;
}

#topbar .languages .imageBE {
  background: url(pics/sprite_v2.png) -645px -52px;
}

#topbar .languages .imageNL {
  background: url(pics/sprite_v2.png) -645px -39px;
}

#topbar .languages .imageFR {
  background: url(pics/sprite_v2.png) -645px -26px;
}

#topbar .languages .imageEN {
  background: url(pics/sprite_v2.png) -645px -13px;
}

#topbar .languages .imageDE {
  background: url(pics/sprite_v2.png) -645px 0px;
}

#topbar .languages li a::before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px 0px 0px 6px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 0;
  color: #fff;
  /*
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
	*/
}

#topbar .languages li a:hover::before, #topbar .languages li a:focus::before {
  max-width: 100%;
}

#topbar .languages li a:hover {
  color: #fff;
}

#topbar .languages a:hover .imageCH,
#topbar .languages a:hover .imageBE,
#topbar .languages a:hover .imageNL,
#topbar .languages a:hover .imageFR,
#topbar .languages a:hover .imageEN,
#topbar .languages a:hover .imageDE {
  border: 1px solid #fff;
}

#topbar .search {
  margin-top: 3px;
  width: 147px;
  height: 20px;
  float: right;
}

#topbar .search input.gsc-search-button, #topbar .search input.gsc-search-button:hover, #topbar .search input.gsc-search-button:focus {
  margin: 0px;
  padding: 2px;
  height: 14px;
  float: right;
  background-color: #606060;
  border: 0px;
  border-radius: 0px;
}

#topbar .search table.gsc-search-box td {
  padding: 0px;
  line-height: 15px;
}

#topbar .search table {
  margin: 0px;
  border: 0px;
}

#topbar .search .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0px;
  font-size: 12px;
  width: 113px;
  color: #565656;
  font: 12px/16px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  background: none !important;
}

#topbar .search .gsc-input-box {
  padding: 0px 2px;
  width: 113px;
  height: 16px;
  float: right;
  color: #565656;
  font: 12px/16px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  background-color: #b3b3b3;
  border: 1px solid #606060;
}

#topbar .search .gsst_b {
  display: none !important;
}

#header .search {
  margin: 18px 10px 0px 0px;
  width: 180px;
  height: 20px;
  float: right;
}

#header .search input.gsc-search-button, #header .search input.gsc-search-button:hover, #header .search input.gsc-search-button:focus {
  margin: 0px;
  padding: 2px;
  height: 14px;
  float: right;
  background-color: #606060;
  border: 0px;
  border-radius: 0px;
}

#header .search table.gsc-search-box td {
  padding: 0px;
  line-height: 15px;
}

#header .search table {
  margin: 0px;
  border: 0px;
}

#header .search .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0px;
  font-size: 12px;
  width: 157px;
  color: #565656;
  font: 12px/16px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  background: none !important;
}

#header .search .gsc-input-box {
  padding: 0px 2px;
  width: 157px;
  height: 16px;
  float: right;
  color: #565656;
  font: 12px/16px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  background-color: #b3b3b3;
  border: 1px solid #606060;
}

#header .search .gsst_b {
  display: none !important;
}

#site .gsc-result .gs-title {
  height: auto;
  text-decoration: none;
  border: 0px;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
  display: none;
}

#header {
  width: 990px;
  height: 95px;
}

#header .logo {
  float: left;
}

#header .logo a:link, #header .logo a:visited {
  margin: 15px 0px;
  width: 127px;
  height: 64px;
  float: left;
  background: url(pics/sprite_v2.png) -33px 0px;
}

.black #header .logo a:link, .black #header .logo a:visited {
  margin: 15px 0px;
  width: 127px;
  height: 64px;
  float: left;
  background: url(pics/sprite_v2.png) -163px 0px;
}

#header .social {
  min-width: 20px;
  height: 55px;
  float: right;
}

#header .social .facebook,
#header .social .twitter,
#header .social .googleplus,
#header .social .pinterest,
#header .social .youtube,
#header .social .instagram {
  margin: 11px 5px;
  width: 32px;
  height: 33px;
  float: left;
}

#header .social .facebook {
  background: url(pics/sprite_v2.png) 0px -103px;
}

#header .social .twitter {
  background: url(pics/sprite_v2.png) -43px -103px;
}

#header .social .googleplus {
  background: url(pics/sprite_v2.png) -85px -103px;
}

#header .social .pinterest {
  background: url(pics/sprite_v2.png) -127px -103px;
}

#header .social .youtube {
  background: url(pics/sprite_v2.png) -170px -103px;
}

#header .social .instagram {
  background: url(pics/sprite_v2.png) -214px -103px;
}

#header .social a.facebook:hover {
  background: url(pics/sprite_v2.png) 0px -146px;
}

#header .social a.twitter:hover {
  background: url(pics/sprite_v2.png) -43px -146px;
}

#header .social a.googleplus:hover {
  background: url(pics/sprite_v2.png) -85px -146px;
}

#header .social a.pinterest:hover {
  background: url(pics/sprite_v2.png) -127px -146px;
}

#header .social a.youtube:hover {
  background: url(pics/sprite_v2.png) -170px -146px;
}

#header .social a.instagram:hover {
  background: url(pics/sprite_v2.png) -214px -146px;
}

/* ------------------------------------------------------------------------- Navigation */

#navigation {
  width: 813px;
  float: right;
}

#navigation ul {
  margin: 0px;
  float: right;
  list-style-type: none;
}

#navigation li {
  position: relative;
  margin: 0px 6px;
  float: left;
  display: inline;
}

#navigation li a:link,
#navigation li a:visited {
  position: relative;
  float: left;
  color: #999999;
  font-size: 15px;
  font-weight: 500;
  font-family: "Founders Grotesk", arial, verdana, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
}

.black #navigation li a:link, .black #navigation li a:visited {
  color: #000;
}

#navigation li a:hover {
  color: #fff;
}

/*
#navigation li a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

#navigation li a:hover::before, #navigation li a:focus::before {	max-width: 100%; }
#navigation li.current a:hover::before, #navigation li.current a:focus::before {	max-width: 0px; }
*/
#navigation li.current a:link,
#navigation li.current a:visited {
  padding-bottom: 6px;
  color: #fff;
  border-bottom: 1px solid #e5ce00;
}

#navigation ul li ul {
  position: absolute;
  top: 31px;
  left: -20px;
  padding: 0px 20px 5px 20px;
  background: #000;
  display: none;
}

#navigation ul li ul li {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-bottom: 1px solid #252525;
}

#navigation ul li ul li a:link,
#navigation ul li ul li a:visited,
#navigation ul li.current ul li a:link,
#navigation ul li.current ul li a:visited {
  position: relative;
  padding: 6px 0px;
  float: left;
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
  border: 0px;
}

#navigation ul li.current ul li a:hover, #navigation ul li ul li a:hover {
  color: #fff;
}

#navigation ul li.current ul li.current a:link,
#navigation ul li.current ul li.current a:visited,
#navigation ul li ul li.current a:link,
#navigation ul li ul li.current a:visited {
  color: #fff;
  border-bottom: 1px solid #e5ce00;
}

#mobilenav {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 20;
  display: none;
}

#header .logo #mobilenav a:link, #header .logo #mobilenav a:visited {
  padding: 20px;
  width: auto;
  height: auto;
  box-shadow: none;
}

#mobilenav .icon-bar {
  margin: 6px 0px;
  width: 36px;
  height: 2px;
  display: block;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background-color: #bbbbbb;
}

#mobilenav a:link, #mobilenav a:visited {
  width: 36px;
  height: 50px;
  display: block;
  text-decoration: none;
}

#mobilenav a:link .name, #mobilenav a:visited .name {
  color: #595959;
  font: 14px/34px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border: 0px;
}

#sidr-main li a:link, #sidr-main li a:visited {
  color: #999999;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

#sidr-main li a:hover {
  color: #fff;
}

#sidr-main li.sidr-class-current a:link, #sidr-main li.sidr-class-current a:visited {
  color: #fff;
  border-bottom: 1px solid #e5ce00;
}

#sidr-main li.sidr-class-stripe {
  display: none;
}

#sidr-main li.sidr-class-top a:link, #sidr-main li.sidr-class-top a:visited {
  padding-bottom: 2px;
  color: #595959;
  line-height: 26px;
}

#sidr-main li.sidr-class-top a:hover, #sidr-main li.sidr-class-top a:focus {
  color: #fff;
}

#sidr-main .sidr-inner {
  padding: 0px;
  width: 100%;
  float: left;
}

#sidr-main .sidr-inner ul {
  margin: 0px;
  border-bottom: 0px;
}

#sidr-main .sidr-class-facebook,
#sidr-main .sidr-class-twitter,
#sidr-main .sidr-class-googleplus,
#sidr-main .sidr-class-pinterest,
#sidr-main .sidr-class-youtube,
#sidr-main .sidr-class-instagram {
  margin: 15px 0px 15px 10px;
  width: 32px;
  height: 33px;
  float: left;
}

#sidr-main .sidr-class-facebook {
  background: url(pics/sprite_v2.png) 0px -103px;
}

#sidr-main .sidr-class-twitter {
  background: url(pics/sprite_v2.png) -43px -103px;
}

#sidr-main .sidr-class-googleplus {
  background: url(pics/sprite_v2.png) -85px -103px;
}

#sidr-main .sidr-class-pinterest {
  background: url(pics/sprite_v2.png) -127px -103px;
}

#sidr-main .sidr-class-youtube {
  background: url(pics/sprite_v2.png) -170px -103px;
}

#sidr-main .sidr-class-instagram {
  background: url(pics/sprite_v2.png) -214px -103px;
}

#sidr-main .sidr-class-facebook:hover {
  background: url(pics/sprite_v2.png) 0px -146px;
}

#sidr-main .sidr-class-twitter:hover {
  background: url(pics/sprite_v2.png) -43px -146px;
}

#sidr-main .sidr-class-googleplus:hover {
  background: url(pics/sprite_v2.png) -85px -146px;
}

#sidr-main .sidr-class-pinterest:hover {
  background: url(pics/sprite_v2.png) -127px -146px;
}

#sidr-main .sidr-class-youtube:hover {
  background: url(pics/sprite_v2.png) -170px -146px;
}

#sidr-main .sidr-class-instagram:hover {
  background: url(pics/sprite_v2.png) -214px -146px;
}

#sidr-main .sidr-class-lang {
  float: left;
  border: 0px;
}

#sidr-main .sidr-class-lang a:link, #sidr-main .sidr-class-lang a:visited {
  padding: 0px 7px;
}

#sidr-main .sidr-class-lang .sidr-class-title {
  padding: 0px;
  margin-left: 6px;
  float: left;
  color: #595959;
  line-height: 31px;
}

#sidr-main .sidr-class-lang .sidr-class-imageCH,
#sidr-main .sidr-class-lang .sidr-class-imageBE,
#sidr-main .sidr-class-lang .sidr-class-imageNL,
#sidr-main .sidr-class-lang .sidr-class-imageFR,
#sidr-main .sidr-class-lang .sidr-class-imageEN,
#sidr-main .sidr-class-lang .sidr-class-imageDE {
  padding: 0px;
  margin: 10px 4px;
  width: 14px;
  height: 11px;
  float: left;
  border: 1px solid #606060;
  overflow: hidden;
}

#sidr-main .sidr-class-lang .sidr-class-imageCH {
  background: url(pics/sprite_v2.png) -645px -66px;
}

#sidr-main .sidr-class-lang .sidr-class-imageBE {
  background: url(pics/sprite_v2.png) -645px -52px;
}

#sidr-main .sidr-class-lang .sidr-class-imageNL {
  background: url(pics/sprite_v2.png) -645px -39px;
}

#sidr-main .sidr-class-lang .sidr-class-imageFR {
  background: url(pics/sprite_v2.png) -645px -26px;
}

#sidr-main .sidr-class-lang .sidr-class-imageEN {
  background: url(pics/sprite_v2.png) -645px -13px;
}

#sidr-main .sidr-class-lang .sidr-class-imageDE {
  background: url(pics/sprite_v2.png) -645px 0px;
}

#sidr-main .sidr-class-lang:hover .sidr-class-title {
  color: #fff;
}

#sidr-main .sidr-class-lang:hover .sidr-class-imageCH,
#sidr-main .sidr-class-lang:hover .sidr-class-imageBE,
#sidr-main .sidr-class-lang:hover .sidr-class-imageNL,
#sidr-main .sidr-class-lang:hover .sidr-class-imageFR,
#sidr-main .sidr-class-lang:hover .sidr-class-imageEN,
#sidr-main .sidr-class-lang:hover .sidr-class-imageDE {
  border-color: #fff;
}

/* ------------------------------------------------------------------------- Navbar overzicht */

#navbar {
  width: 100%;
  float: left;
  background-color: #333333;
}

#navbar ul {
  position: relative;
  margin: 0px auto;
  width: 940px;
  list-style-type: none;
}

#navbar ul li {
  color: #999999;
  font: 12px/40px "Founders Grotesk", arial, verdana, sans-serif;
  float: left;
  display: inline;
}

#navbar li.stripe {
  padding: 0px 10px;
}

#navbar ul li a:link, #navbar ul li a:visited {
  color: #999999;
  font: 12px/40px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
}

#navbar ul li a:hover, #navbar ul li a:focus {
  color: #ccc;
}

/* ------------------------------------------------------------------------- Slideshow */

#site .slideshow .slide {
  position: relative;
  width: 100%;
  float: left;
}

#site .slideshow .image img {
  width: 100%;
  float: left;
}

#site .slideshow .overlayimg {
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -470px;
}

#site .slideshow .overlayimg img {
  width: 100%;
}

#site .slideshow .mobilespacer {
  width: 100%;
  height: 175px;
  display: none;
}

#site .slideshow .overlaytxt {
  width: 465px;
  height: 75px;
  padding: 10px;
  float: right;
}

#site .slideshow .overlaytxt .slogan {
  color: #000000;
  font: 24px/28px "Founders Grotesk", arial, verdana, sans-serif;
  font-style: italic;
  text-align: left;
}

#site .slideshow .overlaytxt .person {
  color: #000000;
  font: 12px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-align: left;
}

#site .slideshow .overlaytxt .person .name {
  font-weight: bold;
}

#site .slideshow .overlaytxt .profile img {
  position: relative;
  float: right;
  -webkit-border-radius: 68px 68px 68px 68px;
  -moz-border-radius: 68px 68px 68px 68px;
  border-radius: 68px 68px 68px 68px;
  behavior: url(/PIE.htc);
}

#site .slideshow .searchfield {
  position: absolute;
  z-index: 888;
  margin-top: 44px;
  width: 100%;
}

#site .slideshow .searchfield .fields {
  position: relative;
  margin: 0px 60px 10px 10px;
  padding: 5px;
  width: 335px;
  height: 40px;
  float: left;
  background: rgb(0, 0, 0); /* The Fallback */
  background: rgba(0, 0, 0, 0.8);
}

html.ie8 #site .slidehow .searchfield .fields, html.ie9 #site .slidehow .searchfield .fields {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  zoom: 1;
}

#site .slideshow .searchfield .fieldinfo {
  padding: 15px 10px;
  margin: 0px 10px;
  width: 195px;
  min-height: 80px;
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  float: left;
  background: rgb(0, 0, 0); /* The Fallback */
  background: rgba(0, 0, 0, 0.8);
}

#site .slideshow .searchfield .fieldinfo .head {
  margin-bottom: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

html.ie8 #site .slidehow .searchfield .fieldinfo, html.ie9 #site .slidehow .searchfield .fieldinfo {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  zoom: 1;
}

#site .slideshow .searchfield .fields .pulldown {
  margin-right: 5px;
  width: 280px;
  float: left;
}

#site .slideshow .searchfield .fields .pulldown select {
  padding: 0px 10px;
  width: 100%;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  display: block;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #e0e0e0;
}

#site .slideshow .searchfield .fields .search input {
  width: 50px;
  height: 40px;
  border: 0px;
  background: #ac0070 url(pics/loop.png) center center no-repeat;
}

/* ------------------------------------------------------------------------- Beeldbank */

#library {
  padding: 60px 0px;
  width: 960px !important;
}

#library h1, #category_filter {
  margin: 0px 10px 20px 10px;
}

#downloadall {
  position: absolute;
  top: 530px;
  right: 0px;
}

#downloadbar {
  position: fixed;
  bottom: 0px;
  z-index: 80;
  width: 100%;
  float: left;
  height: 40px;
  display: none;
  font-size: 15px;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background-color: #ac0070;
}

#downloadbar a:link, #downloadbar a:visited {
  color: #fff;
}

#library .librarybuttons {
  width: 100%;
  float: left;
}

#library .librarybuttons .button a:link, #library .librarybuttons .button a:visited {
  position: relative;
  margin: 0px 10px 20px 10px;
  width: 215px;
  height: 175px;
  float: left;
  display: block;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}

#library .librarybuttons .button .image {
  width: 215px;
  height: 175px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#library .librarybuttons .button .title {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
}

#library .libraryimages .large {
  margin: 0px 10px 20px 10px;
  position: relative;
  width: 326px;
  height: 372px;
  border: 1px solid #e0e0e0;
  float: left;
  overflow: hidden;
}

#library .libraryimages .large .image {
  width: 375px;
  height: 372px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#library .libraryimages .col {
  margin: 0px 10px;
  width: 280px;
  float: left;
}

#library .libraryimages .small {
  position: relative;
  margin: 0px 0px 20px 0px;
  width: 280px;
  height: 175px;
  border: 1px solid #e0e0e0;
  float: left;
  overflow: hidden;
}

#library .libraryimages .small .image {
  width: 280px;
  height: 175px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#library .libraryimages .title {
  position: absolute;
  bottom: 5px;
  left: 0px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
  width: 100%;
  border-box: box-sizing;
  background: rgb(224, 224, 224); /* The Fallback */
  background: rgba(224, 224, 224, 0.8);
}

html.ie8 #library .libraryimages .title, html.ie9 #library .libraryimages .title {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80e0e0e0, endColorstr=#80e0e0e0);
  zoom: 1;
}

#library .catoverview {
  margin: 0px 10px;
  padding: 40px 0px 20px 0px;
  float: left;
}

#library .catoverview .name {
  padding-right: 100px;
  width: 135px;
  float: left;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

#library .catoverview .stripe {
  margin-top: 2px;
  height: 35px;
  float: left;
  border: 1px solid #000;
}

#library .catoverview .colums ul {
  list-style-type: none;
}

#library .catoverview .colums li {
  margin-left: 30px;
  width: 130px;
  float: left;
  line-height: 20px;
}

#library .catoverview .colums li a:link, #library .catoverview .colums li a:visited {
  font-size: 16px;
  color: #666666;
}

#library .catoverview .colums li a:hover, #library .catoverview .colums li a:focus {
  color: #000;
}

#library .product {
  position: relative;
  margin: 0px 10px 20px 10px;
  width: 216px;
  height: 175px;
  border: 1px solid #e0e0e0;
  float: left;
  overflow: hidden;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#library .product .image {
  width: 216px;
  height: 175px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#library .product .title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  width: 100%;
  box-sizing: border-box;
  background: rgb(224, 224, 224); /* The Fallback */
  background: rgba(224, 224, 224, 0.8);
}

html.ie8 #library .product .title, html.ie9 #library .product .title {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80e0e0e0, endColorstr=#80e0e0e0);
  zoom: 1;
}

#library .filterbar {
  margin-bottom: 40px;
  width: 100%;
  float: left;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
}

#library .filterbar .filter {
  margin: 0px 10px 0px 10px;
  width: 218px;
  float: left;
}

#library .filterbar .filter select {
  padding: 0px 10px;
  width: 218px;
  height: 40px;
  color: #999999;
  font-size: 16px;
  line-height: 40px;
  display: block;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #e0e0e0;
}

#library .content {
  margin: 0px 10px 0px 10px;
  padding-bottom: 40px;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
}

#library .downloads {
  margin: 0px 10px 0px 10px;
  width: 100%;
  padding-bottom: 40px;
  float: left;
  font-size: 12px;
  line-height: 32px;
  color: #666666;
}

#library .head {
  width: 620px;
  float: left;
  clear: both;
  padding-bottom: 10px;
  font-size: 24px;
  color: #000;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e0e0;
}

#library .head.noborder {
  font-size: 20px;
  margin: 0px 10px 0px 10px;
  border-bottom: 0px solid #e0e0e0;
}

#library .downloads .download {
  width: 620px;
  float: left;
  border-bottom: 1px solid #e0e0e0;
}

#library .downloads .download .col {
  float: left;
}

#library .downloads .download .check {
  width: 25px;
}

#library .downloads .download .check input {
  margin-top: 10px;
  float: left;
}

#library .downloads .download .file {
  width: 20px;
}

#library .downloads .download .file img {
  margin: 8px 0px 0px 0px;
  float: left;
}

#library .downloads .download .name, #library .downloads .download .lang, #library .downloads .download .size {
  width: 175px;
}

#library .downloadicon {
  margin: 4px 0px 0px 0px;
  display: block;
  width: 24px;
  height: 24px;
  background: #ac0070 url(pics/download.png) top left no-repeat;
}

#library .productdownload {
  position: relative;
  margin: 0px 10px 20px 10px;
  width: 218px;
  height: 216px;
  float: left;
  overflow: hidden;
}

#library .productdownload a:link, #library .productdownload a:visited {
  width: 216px;
  height: 175px;
  float: left;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}

#library .productdownload .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
}

#library .productdownload .checkbox input {
  float: left;
}

#library .productdownload .down {
  position: absolute;
  bottom: 4px;
  right: 0px;
  background: #ac0070;
  width: 24px;
  height: 24px;
  display: block;
}

#library .productdownload .down .downloadicon {
  margin-top: 0px;
}

#library .productdownload .description {
  margin-top: 7px;
  width: 100%;
  float: left;
}

#library .productdownload .description .title {
  width: 85%;
  height: 16px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}

#library .productdownload .description .subtitle {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}

/* ------------------------------------------------------------------------- Products */

#products .head {
  padding: 30px 10px 0px 10px;
  color: #000;
  font: 700 48px/48px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: none;
}

#products .head h1 {
  padding: 0px;
  width: 100%;
  color: #000;
  float: left;
  font: 700 48px/48px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: none;
}

/*#products .head {
	padding: 20px 0px 0px 20px;
	height: 24px;
	color: #000;
	font: 300 30px/30px "Founders Grotesk", arial, verdana, sans-serif;
	text-transform: uppercase;
	border-left: 1px solid #000;
}

#products .head h1 {
	padding: 0px;
	width: 100%;
	color: #000;
	float: left;
	font: 300 30px/36px "Founders Grotesk", arial, verdana, sans-serif;
	text-transform: uppercase;
}*/

#catslider {
  width: 100%;
  float: left;
}

#catslider .name {
  height: 40px;
  color: #717171;
  font: 300 22px/40px "Founders Grotesk", arial, verdana, sans-serif; /*text-transform: uppercase;*/
  font-style: italic;
  text-align: center;
}

#catslider .name h2 {
  height: 40px;
  color: #717171;
  font: 300 22px/40px "Founders Grotesk", arial, verdana, sans-serif; /*text-transform: uppercase;*/
  font-style: italic;
  text-align: center;
}

#catslider #catprev {
  margin: 47px 50px 47px 0px;
  width: 20px;
  height: 38px;
  float: left;
  background: url(pics/sprite_v2.png) -89px -253px;
  cursor: pointer;
}

#catslider #catnext {
  margin: 47px 0px 47px 50px;
  width: 20px;
  height: 38px;
  float: right;
  background: url(pics/sprite_v2.png) -110px -253px;
  cursor: pointer;
}

#catslider .slider {
  padding-bottom: 21px;
  width: 800px;
  height: 115px;
  float: left;
  border-top: 1px solid #7f7f7f;
  background: url(pics/sprite_v2.png) center -349px;
}

#catslider .slider .slide {
  width: 800px;
  height: 115px;
  border-bottom: 1px solid #7f7f7f;
}

#catslider .slider .category {
  position: relative;
  width: 198px;
  float: left;
  display: inline;
}

#catslider .slider .category a:link, #catslider .slider .category a:visited {
  position: relative;
  z-index: 1;
  margin: 5px 9px;
  width: 180px;
  float: left;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  overflow: hidden;
}

#catslider .slider .category a:hover {
  border-color: #7f7f7f;
}

/*
#catslider .slider .category a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	margin-top: 79px;
	width: 100%;
	height: 100%;
	color: #fff;
	font: 16px/32px "GothamBook", arial, verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
	background: #000;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}
*/

#catslider .slider .category.current a:link, #catslider .slider .category.current a:visited {
  border-color: #7f7f7f;
}

#catslider .slider .category.current a:link .title, #catslider .slider .category.current a:visited .title {
  color: #fff;
  background: #000;
}

/*
#catslider .slider .category a:hover span.title,
#catslider .slider .category a:focus span.title {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

#catslider .slider .category a:hover::before,
#catslider .slider .category a:focus::before,
#catslider .slider .category.current a:hover span, #catslider .slider .category.current a:focus  span {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
*/

#catslider .slider .category .image {
  position: relative;
  width: 180px;
  height: 79px;
  float: left;
  background-color: #fff;
}

#catslider .slider .category .image img {
  position: absolute;
  position: relative \9;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}

#catslider .slider .category .title {
  position: relative;
  width: 100%;
  height: 25px;
  float: left;
  display: block;
  color: #000;
  font: 14px/25px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  overflow: hidden;
}

#catslider .slider .category a:hover .title {
  color: #fff;
  background-color: #000;
}

#productsoverview {
  width: 100%;
  min-height: 395px;
  height: auto !important;
  height: 395px;
  float: left;
}

.singleproductslider {
  width: 100%;
  float: left;
}

.singleproductslider .prodprev {
  margin: 139px 30px 139px 0px;
  width: 39px;
  height: 75px;
  float: left;
  background: url(pics/sprite_v2.png) 0px -253px;
  cursor: pointer;
}

.singleproductslider .prodnext {
  margin: 139px 0px 139px 30px;
  width: 39px;
  height: 75px;
  float: right;
  background: url(pics/sprite_v2.png) -40px -253px;
  cursor: pointer;
}

.singleproductslider .slider { /*margin: 0px 95px 10px 95px;*/
  width: 800px;
  height: 340px;
  float: left;
  overflow: hidden;
}

.singleproductslider.extrainfo {
  padding-top: 25px;
}

.singleproductslider.extrainfo .slider {
  height: 500px;
}

.singleproductslider.extrainfo .share {
  margin-top: 22px;
  width: 225px;
  float: right;
}

.singleproductslider.extrainfo .share .sharetitle {
  float: left;
  line-height: 32px;
  margin-right: 10px;
  color: #000;
}

.singleproductslider .slider .product {
  width: 800px;
  height: 356px;
  display: block;
  text-align: center;
}

.singleproductslider .slider .product .title {
  width: 100%;
  float: left;
  color: #000;
  font: 24px/32px "Founders Grotesk", arial, verdana, sans-serif;
}

.singleproductslider .slider .product .subtitle {
  margin-bottom: 5px;
  width: 100%;
  float: left;
  color: #000;
  font: 12px/21px "Founders Grotesk", arial, verdana, sans-serif;
}

.singleproductslider .slider .product .subtitle .name {
  font-weight: bold;
}

.singleproductslider .slider .product .subtitle .year {
  font: 12px/21px "Founders Grotesk", arial, verdana, sans-serif;
}

.singleproductslider .slider .product .image {
  position: relative;
  width: 800px;
  height: 287px;
  float: left;
  color: #ccc;
  text-align: center;
  overflow: hidden;
}

.singleproductslider .slider .product .image img {
  position: absolute;
  position: relative \9;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}

.singleproductslider .slider .product .info {
  float: left;
  width: 100%;
}

.singleproductslider .slider .product .info .slogan {
  padding: 10px 0px 20px 0px;
  width: 100%;
  float: left;
  color: #717171;
  font: 20px/28px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
}

.singleproductslider .slider .product .info .text {
  color: #000;
  font: 15px/18px "Founders Grotesk", arial, verdana, sans-serif;
}

.singleproductslider .options {
  position: relative;
  margin: 0px auto;
  width: 400px;
}

.singleproductslider .options .singleoption {
  margin: 17px 15px;
  float: left;
  width: 45px;
  height: 18px;
  background: url(pics/sprite_v2.png) -313px 0px;
  cursor: pointer;
}

.singleproductslider .options .multioption {
  margin: 17px 15px;
  float: left;
  width: 38px;
  height: 18px;
  background: url(pics/sprite_v2.png) -385px -28px;
  cursor: pointer;
}

.singleproductslider .options .multioption:hover {
  background: url(pics/sprite_v2.png) -385px 0px;
}

.singleproductslider .options .watch {
  width: 250px;
  float: right;
}

.singleproductslider .options .watch a:link, .singleproductslider .options .watch a:visited {
  width: 250px;
  height: 30px;
  text-align: center;
}

.singleproductslider .options .watch a span {
  width: 208px;
  height: 28px;
  line-height: 30px;
  text-align: center;
}

.singleproductslider .options .watch.effect-hover-btn a:before {
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.multiproductslider .name {
  margin-top: 5px;
  width: 100%;
  height: 40px;
  float: left;
  color: #717171;
  font: 22px/40px "Founders Grotesk", arial, verdana, sans-serif;
  font-style: italic; /*text-transform: uppercase;*/
  text-align: center;
}

.multiproductslider .name h2 {
  width: 100%;
  height: 40px;
  float: left;
  color: #717171;
  font: 300 22px/40px "Founders Grotesk", arial, verdana, sans-serif;
  font-style: italic; /*text-transform: uppercase;*/
  text-align: center;
}

.multiproductslider .multiprodprev {
  margin: 139px 30px 139px 0px;
  width: 39px;
  height: 75px;
  float: left;
  background: url(pics/sprite_v2.png) 0px -253px;
  cursor: pointer;
}

.multiproductslider .multiprodnext {
  margin: 139px 0px 139px 30px;
  width: 39px;
  height: 75px;
  float: right;
  background: url(pics/sprite_v2.png) -40px -253px;
  cursor: pointer;
}

.multiproductslider .slider {
  padding-bottom: 30px; /*margin: 0px 95px;*/
  width: 800px;
  height: 311px;
  float: left;
}

.totalpage .multiproductslider .slider {
  height: auto;
}

.multiproductslider .slider .slide {
  width: 800px;
}

.multiproductslider .slider .row {
  width: 100%;
  min-height: 132px;
}

.multiproductslider .slider .row.border {
  width: 100%;
  min-height: 132px;
  float: left;
  border-bottom: 1px solid #7f7f7f;
}

/* #multiproductslider .slider .slide .border { width: 100%; height: 1px; border-bottom: 1px solid #7f7f7f; } */
.multiproductslider .slider .product {
  position: relative;
  width: 198px;
  float: left;
  display: inline;
}

.multiproductslider .slider .product a:link, .multiproductslider .slider .product a:visited {
  position: relative;
  z-index: 1;
  margin: 10px 9px;
  width: 180px;
  float: left;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  overflow: hidden;
}

.multiproductslider .slider .product .title {
  width: 180px;
  float: left;
  color: #000;
  font: 16px/32px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.multiproductslider .slider .product .image {
  position: relative;
  width: 100%;
  height: 79px;
  float: left;
  color: #ccc;
  text-align: center;
}

.multiproductslider .slider .product .image img {
  position: absolute;
  position: relative \9;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}

.multiproductslider .options {
  position: relative;
  margin: 0px auto;
  width: 143px;
}

.multiproductslider .options .singleoption {
  margin: 17px 15px;
  float: left;
  width: 45px;
  height: 18px;
  background: url(pics/sprite_v2.png) -313px -28px;
  cursor: pointer;
}

.multiproductslider .options .singleoption:hover {
  background: url(pics/sprite_v2.png) -313px 0px;
}

.multiproductslider .options .multioption {
  margin: 17px 15px;
  float: left;
  width: 38px;
  height: 18px;
  background: url(pics/sprite_v2.png) -385px 0px;
  cursor: pointer;
}

.splash__backdrop, .splash__panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}

.splash__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, .4);
  bottom: 0;
  display: -moz-box;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .splash__backdrop {
    display: none
  }
}

.splash__backdrop.on-portrait {
  display: none
}

.splash__backdrop.on-portrait .tablet-icon {
  background-image: url(pics/icon-tablet.png);
  width: 91px;
  height: 63px;
  display: block;
  margin: 34px auto 5px
}

@media screen and (orientation: landscape) {
  .splash__backdrop.on-portrait {
    display: none
  }
}

#site .spacer.mobile-block {
  display: none;
}

@media screen and (orientation: portrait) and (min-width: 0) and (max-width: 1199px) {
  .is-tablet .splash__backdrop.on-portrait {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }

  #site .spacer.configurator {
    overflow-x: hidden;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  #site .spacer.configurator {
    display: none;
  }

  #site .spacer.mobile-block {
    display: block;
  }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
  #site .spacer.configurator {
    display: none;
  }

  #site .spacer.mobile-block {
    display: block;
  }
}

.splash__panel {
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 280px;
  width: 400px
}

.splash__panel footer, .top-bar .top-bar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}

.splash__panel footer, .splash__panel header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #000;
  box-sizing: border-box;
  color: #fff;
  height: 44px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 14px 24px;
  width: 100%
}

.splash__panel footer {
  background: #e3e1de;
  color: #000;
  display: -moz-box;
  display: flex;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  top: auto;
  border-radius: 0 0 3px 3px
}

.splash__panel footer > a {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.splash__panel footer > a:last-child {
  text-align: right
}

.splash__panel .panel-content {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #fff;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 23px
}

.lbl_Creator {
  font-weight: 700;
  width: 100%;
  float: left;
  text-align: left;
}

.txt_Creator {
  float: left;
  width: 100%;
  border: 2px solid #000;
  padding: 7px;
  box-sizing: border-box;
  font: 300 18px/1.5em "Founders Grotesk", arial, verdana, sans-serif;
}

.btn_Creator {
  float: right;
}

/* ------------------------------------------------------------------------- New product slider */

#products #catslider .slider {
  background: none;
  border: none;
}

#products #catslider .slider .slide {
  border: none;
}

#products #catslider .slider .category a,
#products #catslider .slider .category a:visited {
  border: 1px solid #DDDDDD;
  transition: border-color 200ms ease-in-out;
}

#products #catslider .slider .category.current a,
#products #catslider .slider .category.current a:visited,
#products #catslider .slider .category a:hover {
  border-color: #000000;
}

#products #catslider .slider .category .title {
  font-weight: 700;
}

#products #catslider .slider .category .title,
#products .multiproductslider .slider .product .title {
  font-family: "Founders Grotesk", arial, verdana, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  text-transform: none;
}

#products #catslider .slider .category.current a:link .title,
#products #catslider .slider .category.current a:visited .title,
#products #catslider .slider .category a:hover .title {
  background-color: transparent;
  color: #000000;
}

/*#products .multiproductslider .slider .row.border:nth-child(3) {
	border: none;
}*/

#products #productsoverview .multiproductslider .name h3 {
  font-family: "Founders Grotesk", arial, verdana, sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
}

@media screen and (min-width: 1170px) {
  #products #catslider .slider,
  #products #productsoverview .slider {
    width: 980px;
    margin: 0px 5px;
  }

  #products #catslider .slider,
  #products #catslider .slider .slide {
    height: 140px;
  }

  #products #catslider .slider .slide .image {
    height: 100px;
  }

  #products .multiproductslider .slider .slide,
  #products #catslider .slider .slide {
    width: 980px;
  }

  #products #catslider .slider .category,
  #products .multiproductslider .slider .product {
    width: 245px;
  }

  #products #catslider .slider .category a:link,
  #products #catslider .slider .category a:visited {
    width: 225px;
    margin: 5px 10px;
  }

  #products .multiproductslider .slider .product a:link,
  #products .multiproductslider .slider .product a:visited {
    width: 225px;
    margin: 10px;
  }

  #products .multiproductslider .slider .product .title,
  #products #catslider .slider .category .image {
    width: 100%;
  }
}

/* ------------------------------------------------------------------------- Banners */

#bannerbar .banner {
  margin: 0px 10px;
  padding: 30px 0px;
  width: 380px;
  float: left;
  background-color: #fff;
}

#bannerbar .slider {
  float: left;
}

#bannerbar .banner.largebanner {
  position: relative;
  margin: 0px auto;
  float: none;
  width: 585px;
}

#bannerbar .banner .info {
  position: relative;
  width: 240px;
  min-height: 180px;
  float: right;
}

#bannerbar .banner .info .more {
  position: absolute;
  bottom: -1px;
  left: 0px;
  padding-bottom: 0px;
}

#bannerbar .banner.largebanner .info {
  width: 380px;
  float: left;
}

#bannerbar .banner .info .title {
  width: 240px;
  float: left;
  color: #000000;
  font: 700 21px/1.25em "Founders Grotesk", arial, verdana, sans-serif;
}

#bannerbar .banner.largebanner .info .title {
  width: 380px;
}

#bannerbar .banner .info .subtitle {
  width: 240px;
  float: left;
  color: #000;
  font: 300 16px/1.5em "Founders Grotesk", arial, verdana, sans-serif;
}

#bannerbar .banner .image {
  width: 140px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}

#bannerbar .banner .image img {
  width: auto;
  max-width: 100%;
  height: auto;
}

#bannerbar .banner .imagelarge {
  float: left;
}

#bannerbar .banner .imagelarge img {
  width: 100%;
  float: left;
}

#bannerbar .banner.largebanner .image {
  width: 200px;
}

#bannerbar #bannerprev {
  margin: 75px 50px 0px 0px;
  width: 20px;
  height: 38px;
  float: left;
  background: url(pics/sprite_v2.png) -89px -253px;
  cursor: pointer;
}

#bannerbar #bannernext {
  margin: 75px 0px 0px 50px;
  width: 20px;
  height: 38px;
  float: right;
  background: url(pics/sprite_v2.png) -110px -253px;
  cursor: pointer;
}

/* ------------------------------------------------------------------------- News */

#news {
  position: relative;
  float: left;
  width: 100%;
}

#news .head {
  padding: 20px 0px 0px 20px;
  margin-bottom: 20px;
  height: 24px;
  color: #fff;
  font: 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border-left: 1px solid #fff;
}

#news .slider .image { /*height: 390px;*/
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
}

#news .slider .image img {
  width: 100%;
}

#news .slider .slide {
  width: 100%;
  float: left;
}

#news .slider .info {
  width: 100%;
  float: left;
}

#news .slider .info .title {
  padding: 20px 0px;
  width: 85%;
  float: left;
  color: #fff;
  font: 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
}

#news .slider .info .effect-hover-btn {
  padding: 20px 0px;
  float: right;
  width: 15%;
  text-align: right;
}

#news .slider .share {
  margin-top: 8px;
  width: 220px;
  float: right;
  display: none;
}

#news .slider .share .sharetitle {
  float: left;
  line-height: 32px;
  margin-right: 10px;
  color: #fff;
}

#news #newsprev {
  position: absolute;
  z-index: 600;
  top: 50%;
  left: 50%;
  margin: -37px 0px 0px -470px;
  width: 39px;
  height: 75px;
  float: left;
  background: url(pics/sprite_v2.png) -150px -253px;
  cursor: pointer;
}

#news #newsnext {
  position: absolute;
  z-index: 600;
  top: 50%;
  right: 50%;
  margin: -37px -470px 0px 0px;
  width: 39px;
  height: 75px;
  float: right;
  background: url(pics/sprite_v2.png) -190px -253px;
  cursor: pointer;
}

#news #pager {
  position: absolute;
  z-index: 600;
  top: 84px;
  left: 50%;
  margin: 0px 0px 0px -470px;
  padding: 4px 0px 4px 4px;
  height: 12px;
  background-color: #bababa;
}

#news #pager span {
  margin-right: 4px;
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  line-height: 0px;
  font-size: 0px;
  text-indent: -9999px;
  background-color: #2d2b2b;
  cursor: pointer;
}

#news #pager span.cycle-pager-active {
  background-color: #909091;
}

/* ------------------------------------------------------------------------- FAQ */

#faq-searchform {
  float: left;
  width: 570px;
}

#faq-searchform .description {
  width: 180px;
  margin: 0px 10px 3px 0px;
  float: left;
  line-height: 21px;
}

#faq-searchform input.text {
  padding: 1px 3px;
  margin: 0px 0px 3px 0px;
  width: 270px;
  height: 18px;
  float: left;
  color: #333;
  font: 15px/23px "Founders Grotesk", arial, verdana, sans-serif;
  border: 1px solid #DCDAD8;
}

#faq-searchform select {
  padding: 1px 1px;
  margin: 0px 0px 3px 0px;
  width: 278px;
  height: 21px;
  color: #333;
  font: 15px/23px "Founders Grotesk", arial, verdana, sans-serif;
  border: 1px solid #DCDAD8;
}

#faq-searchform input.submit {
  padding: 0px 20px;
  margin: 5px 102px 0px 0px;
  height: 50px;
  float: right;
  color: #fff;
  font: 700 16px/50px "Founders Grotesk", arial, verdana, sans-serif;
  border: 1px solid #000;
  background-color: #000;
  cursor: pointer;
}

#listitem .category_name {
  padding: 10px;
  cursor: pointer;
}

#listitem .category_name a:link, #listitem .category_name a:visited {
  color: #000000;
}

#listitem .item {
  border-bottom: 1px solid #7F7F7F;
}

#listitem .item .hide {
  padding: 10px;
}

/* ------------------------------------------------------------------------- Video */

#video_container {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 !important;
  padding: 0 0 !important;
}

#video {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  visibility: visible;
  z-index: 99;
  float: left;
  margin: 0 0 !important;
  padding: 0 0 !important;
  border: none !important;
}

#video_container .icon {
  width: 64px;
  height: 64px;
}

#mute_toggle {
  position: absolute;
  bottom: 40px;
  left: 124px;
  padding: 10px;
  border: 2px solid #a5a5a5;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  z-index: 99;
}

#mute_toggle .icon {
  background: url('/pics/video_mute.png') center center no-repeat;
  cursor: pointer;
}

#mute_toggle.unmute .icon {
  background: url('/pics/video_unmute.png') center center no-repeat;
}

#play_toggle {
  position: absolute;
  bottom: 40px;
  left: 20px;
  padding: 10px;
  border: 2px solid #a5a5a5;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  z-index: 99;
}

#play_toggle .icon {
  background: url('/pics/video_play.png') center center no-repeat;
}

#play_toggle.play .icon {
  background: url('/pics/video_pause.png') center center no-repeat;
}

#video_container.iphone #mute_toggle, #video_container.iphone #play_toggle {
  display: none;
}

#video_container.ipad #mute_toggle {
  display: none;
}

/* IE7, IE8 */
#video_container {
  display /*\**/: none \9;
}

@media (max-width: 480px) {

  #video_container #mute_toggle, #video_container #play_toggle {
    bottom: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }

  #video_container #mute_toggle {
    left: 50px;
  }

  #video_container #play_toggle {
    left: 0px;
  }

}

/* ------------------------------------------------------------------------- Map */

#mapcontent {
  position: relative;
  float: left;
  width: 100%;
}

#mapcontent .head {
  position: absolute !important;
  top: 0px;
  left: 50%;
  z-index: 10;
  margin-left: -470px;
  margin-bottom: 60px;
  height: 90px;
  width: 310px;
  color: #000;
  font: 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  background: url(pics/softlayer.png) top left no-repeat;
}

#mapcontent .head span {
  padding: 20px 0px 0px 20px;
  height: 24px;
  float: left;
  border-left: 1px solid #000;
}

#mapcontent .mapblock {
  position: absolute;
  top: 90px;
  left: 50%;
  z-index: 10;
  margin-left: -470px;
  margin-bottom: 47px;
  width: 380px;
}

#mapcontent .block {
  padding: 25px;
  width: 330px;
  float: left;
  color: #fff;
  background-color: #000;
}

#mapcontent .mapblock .more {
  position: absolute;
  bottom: -47px;
  cursor: pointer;
  height: 60px;
  margin-left: 120px;
  width: 140px;
  background: url("pics/sprite_v2.png") repeat scroll -2px -625px rgba(0, 0, 0, 0);
}

#mapcontent .mapblock .more .arrow {
  margin: 15px 50px;
  width: 40px;
  height: 20px;
  float: left;
  background: url("pics/sprite_v2.png") repeat scroll -91px -314px rgba(0, 0, 0, 0);
}

#mapcontent .mapblock .more .arrow.up {
  background: url("pics/sprite_v2.png") repeat scroll -91px -293px rgba(0, 0, 0, 0);
}

#mapcontent .formblock {
  position: absolute;
  top: 90px;
  left: 50%;
  z-index: 10;
  margin-left: -470px;
  color: #fff;
  background-color: #000;
}

#mapcontent .block #user-location {
  padding-bottom: 25px;
  float: left;
}

#mapcontent .block .frm_Label {
  padding-bottom: 40px;
  float: left;
  font: 24px/26px "Founders Grotesk", arial, verdana, sans-serif;
}

#mapcontent .block #form-input {
  float: left;
}

#mapcontent .block input#address {
  padding: 5px 10px;
  width: 308px;
  height: 20px;
  color: #6d6d6d;
/ / font: 16 px / 20 px "Founders Grotesk", arial, verdana, sans-serif;
  font: 300 18px/20px "Founders Grotesk", arial, verdana, sans-serif;
  border: 1px solid #fff;
}

#mapcontent .block #submit-btn {
  float: left;
}

#mapcontent .block #submit-btn input {
  width: 100px;
  height: 32px;
  color: #fff;
  text-align: center;
  font: 20px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 0px;
  background-color: #393838;
}

#map {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 470px;
}

#loc-list {
  width: 100%;
  height: 263px;
  float: left;
  overflow: auto;
}

#loc-list ul {
  list-style-type: none;
  border-top: 1px solid #4d4d4d;
}

#loc-list li {
  width: 100%;
  float: left;
  color: #fff;
  border-bottom: 1px solid #4d4d4d;
  cursor: pointer;
}

#loc-list .list-label {
  margin: 4px 15px 4px 0px;
  float: left;
  width: 28px;
  height: 28px;
  color: #000;
  text-align: center;
  line-height: 28px;
  background-color: #fff;
  position: relative;
  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  behavior: url(/PIE.htc);
}

#loc-list .list-label.designcenter {
  background-color: #cdbc24;
}

#loc-list .loc-name {
  margin: 4px 0px;
  float: left;
  line-height: 28px;
}

#loc-list .loc-dist {
  margin: 4px 0px;
  float: right;
  line-height: 28px;
}

#map .infoBox {
  font-family: "Founders Grotesk", arial, verdana, sans-serif;
  font-size: 12px;
}

#map .infoBox h4 {
  font: 22px/1em "Founders Grotesk medium", arial, verdana, sans-serif;
}

#map .infoBox a:link, #map .infoBox a:visited {
  width: 100%;
  float: left;
  font: 16px "Founders Grotesk medium", arial, verdana, sans-serif;
  color: #FFFFFF;
  border-top: 1px solid #5F5F5F;
}

#map .infoBox .more_info_link {
  margin-top: 5px;
  width: auto !important;
  float: left;
  padding: 3px 12px;
  font: 16px/24px "Founders Grotesk medium", arial, verdana, sans-serif;
  border: 1px solid #FFFFFF !important;
  text-transform: initial;
  border-radius: 0px !important;
}

/* ------------------------------------------------------------------------- Form */

#form_container, #mapcontent #msgcontainer {
  position: relative;
  padding: 25px;
  font: 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  color: #fff;
  width: 330px;
  float: left;
  background-color: #000;
  overflow: hidden;
}

#form_container {
  color: #000;
  background-color: #ddd;
  margin-bottom: 40px;
}

#form_container .startformblock, #form_container .endformblock {
  display: none;
}

#form_container .formblock {
  width: 50%;
  float: left;
}

#form_container input[type="button"], #form_container input[type="submit"], #form_container textarea, #form_container select,
#mapcontent input[type="button"], #mapcontent input[type="submit"], #mapcontent textarea, #mapcontent select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

#form_container .frm_PageBreakHr {
  display: none;
}

.map_form {
  margin-top: 10px;
  float: left;
}

.map_form .description {
  margin: 3px 10px 2px 0px;
  width: 100px;
  float: left;
}

.map_form .value {
  margin: 3px 0px 2px 0px;
  width: 340px;
  float: left;
}

#map {
  float: left;
  margin-top: 0px;
}

#map img {
  margin: 0px;
}

#directions {
  float: left;
}

#form_container .frm_Label {
  margin: 5px 10px 2px 0px;
  width: 160px;
  float: left;
  display: none;
}

#form_container .frm_Field {
  margin: 3px 0px 2px 0px;
  width: 330px;
  float: left;
}

#form_container .frm_Field .frm_CheckContainer {
  margin: 0px 0px 4px 0px;
  width: 330px;
  float: left;
}

#form_container .frm_Field .frm_CheckContainer .frm_CheckLabel {
  margin: 0px 0px 0px 2px;
  float: left;
}

#form_container .frm_Field .frm_RadioContainer {
  margin: 0px 0px 4px 0px;
  width: 330px;
  float: left;
}

#form_container .frm_Field .frm_RadioContainer .frm_RadioLabel {
  margin: 0px 0px 0px 2px;
  width: 260px;
  float: left;
}

#form_container .frm_Quantity .frm_RadioContainer {
  margin: 0px 0px 4px 0px;
  float: none;
  clear: both;
  display: block;
}

#form_container .frm_Quantity .frm_RadioContainer .frm_RadioLabel {
  margin: 0px 0px 0px 2px;
}

#form_container .frm_TextBlock {
  width: 330px;
}

#form_container .frm_TextBlock,
#form_container .frm_Numeric,
#form_container .frm_MultipleChoice,
#form_container .frm_PhoneNumber,
#form_container .frm_Calendar,
#form_container .frm_TextBox,
#form_container .frm_Email,
#form_container .frm_TextArea,
#form_container .frm_FileUpload {
  margin: 5px 0px 0px 0px;
  float: left;
}

#form_container .frm_TextBox .frm_Field input,
#form_container .frm_Numeric .frm_Field input,
#form_container .frm_PhoneNumber .frm_Field input,
#form_container .frm_Email .frm_Field input,
#form_container .frm_Calendar .frm_Field input,
#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,
#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput {
  padding: 1px 3px;
  margin: 0px;
  width: 322px;
  color: #7f7f7f;
  font: 15px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #CBCBCB;
  -webkit-appearance: none
}

#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,
#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput {
  margin-top: 6px;
  float: left;
  clear: both;
}

#form_container .frm_Calendar .frm_Field {
  position: relative;
}

#form_container .frm_Calendar .frm_Field img {
  position: absolute;
  top: 5px;
  right: 7px;
  margin: 0px;
}

#form_container .frm_FileUpload .frm_Field input {
  padding: 1px 3px;
  margin: 0px;
  width: 322px;
  color: #7f7f7f;
  font: 15px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #CBCBCB;
  -webkit-appearance: none
}

#form_container .frm_Calendar .frm_Field input {
  padding: 1px 3px;
  margin: 0px;
  width: 322px;
  color: #7f7f7f;
  font: 15px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #CBCBCB;
  -webkit-appearance: none
}

#form_container .frm_TextArea .frm_Field textarea {
  padding: 1px 3px;
  margin: 0px;
  width: 322px;
  height: 93px;
  color: #7f7f7f;
  font: 15px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #CBCBCB;
  -webkit-appearance: none
}

* + html #form_container .frm_TextArea .frm_Field textarea {
  height: 86px;
}

#form_container .frm_MultipleChoice .frm_Field select, .map_form select {
  padding: 1px 1px;
  margin: 0px;
  width: 330px;
  height: 30px;
  color: #7f7f7f;
  font: 15px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #CBCBCB;
  -webkit-appearance: none
}

#form_container .frm_Calendar .frm_Field select {
  padding: 1px 1px;
  margin: 0px 10px 0px 0px;
  width: 85px;
  height: 30px;
  color: #7f7f7f;
  font: 15px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #CBCBCB;
  -webkit-appearance: none
}

#form_container .frm_MultipleChoice .frm_Field input {
  margin-top: 4px;
  margin-right: 5px;
  float: left;
}

#form_container .frm_FormTail, #form_container .frm_PageBreak {
  margin-top: 15px;
  width: 330px;
  padding: 0px 0px;
  float: left;
}

#form_container .frm_BtnContainer {
  width: 330px;
  padding: 0px 0px;
  float: left;
}

#form_container .frm_BtnContainer .frm_BtnPrevious_Inactive {
  display: none;
}

#form_container .frm_BtnContainer .frm_BtnPrevious {
  padding: 1px 10px;
  height: 32px;
  float: left;
  color: #fff;
  text-align: center;
  font: 15px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #393838;
  background-color: #393838;
  border-radius: 6px;
  cursor: pointer;
}

#form_container .frm_BtnContainer .btn:hover .frm_BtnPrevious, #form_container .frm_BtnContainer .frm_BtnPrevious:hover {
  color: #000;
  background-color: #fff;
}

#form_container .frm_BtnContainer .frm_BtnNext_Inactive {
  display: none;
}

#form_container .frm_BtnContainer .frm_BtnNext {
  padding: 1px 10px;
  height: 32px;
  float: right;
  color: #fff;
  text-align: center;
  font: 15px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #393838;
  background-color: #393838;
  border-radius: 6px;
  cursor: pointer;
}

#form_container .frm_BtnContainer .btn:hover .frm_BtnNext, #form_container .frm_BtnContainer .frm_BtnNext:hover {
  color: #000;
  background-color: #fff;
}

#form_container .frm_BtnContainer .frm_BtnSubmit, .map_form .button {
  padding: 0px 20px;
  height: 50px;
  float: right;
  color: #fff;
  text-align: center;
  font: 700 16px/50px "Founders Grotesk", arial, verdana, sans-serif;
  border: 1px solid #000000;
  background-color: #000000;
  cursor: pointer;
}

.map_form .button {
  margin: 5px 0px;
}

#form_container .frm_BtnContainer .btn:hover .frm_BtnSubmit,
.map_form .button:hover,
.map_form .btn:hover .button {
  color: #000;
  background-color: #fff;
}

#form_container .frm_BtnContainer .frm_BtnCheck {
  padding: 1px 10px;
  height: 32px;
  float: right;
  color: #fff;
  text-align: center;
  font: 15px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border: 1px solid #393838;
  background-color: #393838;
  border-radius: 6px;
  cursor: pointer;
}

#bookform {
  width: 730px;
  float: left;
  font: 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
  background-color: #fff;
}

#bookform #form_container .frm_TextBlock {
  width: 680px;
}

#bookform #form_container .frm_Field .frm_CheckContainer {
  width: 650px;
}

#bookform #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel {
  width: 620px;
}

#bookform .flags {
  margin: 0px auto;
  width: 230px;
}

#bookform .flags .flag {
  margin: 0px 20px 20px 20px;
  float: left;
}

#bookform .products {
  margin: 0px 100px;
  float: left;
}

#bookform .product {
  margin: 15px 35px;
  float: left;
  color: #7F7F7F;
  font: 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}

#bookform .product label {
  cursor: pointer;
}

#bookform .head {
  margin: 0px 25px 10px 25px;
  padding: 20px 0px 0px 20px;
  height: 24px;
  color: #000;
  font: 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border-left: 1px solid #000;
}

#bookform .slogan {
  padding: 15px 0px;
  margin: 0px 10px;
  color: #717171;
  font: 20px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

#bookform .terms {
  width: 100%;
  float: left;
  color: #7F7F7F;
  margin: 0px 0px 5px 0px;
}

#bookform .file .info a:link, #bookform .file .info a:visited {
  font-size: 15px;
  font-weight: bold;
  color: #5f5f5f;
  border: 0px;
}

#bookform .file .info a:hover {
  color: #000;
}

#bookform #msgcontainer {
  float: left;
  margin: 10px 11px;
  background-color: #fff;
}

#bookform #form_container {
  padding: 25px;
  width: 680px;
  color: #000;
  background-color: #fff;
}

#bookform #form_container .frm_Field {
  margin-right: 10px;
}

#bookform #form_container .frm_MultipleChoice .frm_Field {
  width: 670px;
}

#bookform #form_container .frm_BtnContainer {
  width: 395px;
}

#bookform_lang, #bookform_lang2 {
  width: 100%;
  float: left;
  font: 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
	text-align: center;
  background-color: #fff;
}

#bookform_lang #form_container .frm_TextBlock, #bookform_lang2 #form_container .frm_TextBlock {
  width: 680px;
}

#bookform_lang #form_container .frm_Field .frm_CheckContainer, #bookform_lang2 #form_container .frm_Field .frm_CheckContainer {
  width: 650px;
}

#bookform_lang #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel, #bookform_lang2 #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel {
  width: 620px;
}

#bookform_lang .flags, #bookform_lang2 .flags {
  width: 330px;
  margin: 30px auto;
  display: inline-block;
	text-align: left;
}

#bookform_lang .flags .flag, #bookform_lang2 .flags .flag {
	padding-left: 20px;
	box-sizing: border-box;
  float: left;
  width: 50%;
}

#bookform_lang .products, #bookform_lang2 .products {
  margin: 0px 100px;
  float: left;
}

#bookform_lang .product, #bookform_lang2 .product {
  margin: 15px 35px;
  float: left;
  color: #7F7F7F;
  font: 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}

#bookform_lang .product label, #bookform_lang2 .product label {
  cursor: pointer;
}

#bookform_lang .head, #bookform_lang2 .head {
  height: 24px;
  color: #000;
  font: bold 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
}

#bookform_lang .slogan, #bookform_lang2 .slogan {
  margin-right: 10px;
  min-height: 60px;
  padding: 15px 0px;
  color: #717171;
  font: 20px/30px "Founders Grotesk", arial, verdana, sans-serif;
}

/* ------------------------------------------------------------------------- Content */

#mappopup {
  width: 680px;
  float: left;
  font: 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
  background-color: #fff;
}

#mappopup .head {
  margin: 0px 25px 10px 25px;
  padding: 20px 0px 0px 20px;
  height: 24px;
  color: #000;
  font: 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  border-left: 1px solid #000;
}

#mappopup #iMaps-address, #mappopup #iMaps-country {
  border: 1px solid #cbcbcb;
  color: #7f7f7f;
  font: 20px/24px "Founders Grotesk", arial, verdana, sans-serif;
  margin: 0;
  padding: 1px 3px;
  text-transform: uppercase;
  width: 322px;
}

#mappopup .map_form {
  padding: 25px;
}

#mappopup .description {
  margin: 5px 10px 2px 0px;
  width: 160px;
  float: left;
}

#mappopup .value {
  margin: 3px 0px 2px 0px;
  width: 330px;
  float: left;
}

#mappopup #directions {
  padding: 25px;
}

/* ------------------------------------------------------------------------- Content */

#site .imageslider {
  position: relative;
  z-index: 10;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#site .imageslider .slider {
  position: relative;
  z-index: 10;
  font-size: 0px;
  line-height: 0px;
}

#site .imageslider .slider .slide {
  width: 100%;
  font-size: 0px;
  line-height: 0px;
}

#site .imageslider img {
  width: 100%;
  float: left;
}

#site .imageslider .slider .slide .effect-hover-btn {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0px;
}

#site .imageslider .slider .slide .effect-hover-btn a:link, #site .imageslider .slider .slide .effect-hover-btn a:visited {
  float: right;
}

/* black arrows - 150px; prev = 0px */
#site .imageslider .slideprev {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  margin: -37px 0px 0px -470px;
  width: 39px;
  height: 75px;
  float: left;
  background: url(pics/sprite_v2.png) -150px -253px;
  cursor: pointer;
}

#site .imageslider .slidenext {
  position: absolute;
  z-index: 20;
  top: 50%;
  right: 50%;
  margin: -37px -470px 0px 0px;
  width: 39px;
  height: 75px;
  float: right;
  background: url(pics/sprite_v2.png) -190px -253px;
  cursor: pointer;
}

#site .imageblock {
  position: relative;
  z-index: 10;
  float: left;
  padding-bottom: 60px;
  width: 100%;
}

#site .images {
  position: relative;
  z-index: 10;
  float: left;
  padding-bottom: 60px;
  width: 100%;
}

#site .images .image {
  float: left;
  width: 50%;
  font-size: 0px;
  line-height: 0px;
}

#site .images .image img {
  width: 100%;
}

#site .goodheader .spacer {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 15;
  margin-left: -5px;
  width: 10px;
}

#site .goodheader .goodblock {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 20;
  margin-left: -230px;
  margin-bottom: 47px;
  width: 460px;
  text-align: center;
}

#site .goodheader .goodblock .block {
  padding: 25px;
  width: 410px;
  float: left;
  text-align: center;
  background-color: #fff;
}

#site .goodheader .goodblock .name {
  padding: 15px 0px 0px 0px;
  color: #717171;
  font: 20px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

#site .goodheader .goodblock .intro {
  margin: 0px;
}

#site .goodheader .goodblock .more {
  position: absolute;
  bottom: -47px;
  margin-left: 160px;
  width: 140px;
  height: 60px;
  background: url(pics/sprite_v2.png) -2px -545px;
  cursor: pointer;
}

#site .goodheader .goodblock .more .title {
  margin-top: -6px;
  width: 140px;
  float: left;
  text-align: center;
  text-transform: uppercase;
}

#site .goodheader .goodblock .more .arrow {
  margin: 5px 50px;
  width: 40px;
  height: 20px;
  float: left;
  background: url(pics/sprite_v2.png) -91px -314px;
}

#site .goodheader .goodblock .more.open .title {
  display: none;
}

#site .goodheader .goodblock .more.open .arrow {
  margin-top: 20px;
  background: url(pics/sprite_v2.png) -91px -293px;
}

#extra {
  padding-bottom: 20px;
  float: left;
  width: 100%;
}

/* ------------------------------------------------------------------------- Cases */

#cases .case {
  width: 25%;
  float: left;
}

#cases .case img {
  width: 100%;
  float: left;
}

#cases .view {
  width: 16.6667%;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

#cases .view .content {
  width: 100%;
  height: 240px;
  position: absolute;
  overflow: hidden;
  margin: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
  display: none;
  background-color: rgba(163, 205, 110, 0.7);
}

#cases .view .content {
  background-color: transparent;
}

#cases .view .content .effect-hover-btn {
  width: 100%;
  text-align: center;
  float: left;
}

#cases .case .effect-hover-btn a:link, #cases .case .effect-hover-btn a:visited {
  float: none;
  margin: 0px auto;
}

#cases .case .effect-hover-btn a::before {
  padding: 0px;
}

#cases .case .effect-hover-btn a span {
  padding: 4px 15px;
  display: inline;
}

#cases .view img {
  display: block;
  position: relative;
}

#cases .view h2 {
  position: relative;
  padding: 10px;
  margin: 30px 0 0 0;
  color: #fff;
  font: 14px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  background-color: rgb(163, 205, 110);
}

#cases .view p {
  font-family: "Founders Grotesk", Georgia, serif;
  font-weight: 300;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 0px 20px;
  text-align: center;
}

#cases .view-second img {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#cases .view .mask {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 670px;
  padding: 80px;
  height: 670px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  background-color: rgb(163, 205, 110);
  display: none;
}

#cases .view-second h2 {
  background: transparent;
  margin: 40px 10px 0px 10px;
}

#cases .view-second a.info {
  margin-top: 30px;
}

#cases .case:hover .mask {
  display: block;
}

#cases .case:hover .content {
  display: block;
}

#content .head {
  /*padding: 30px 0px 0px 0px;*/
  padding: 30px 10px 0px 10px;
  color: #000;
  font: 700 48px/48px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: none;
}

#content .head h1 {
  padding: 0px;
  width: 100%;
  color: #000;
  float: left;
  font: 700 48px/48px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: none;
}

/*#site .head { position: relative; }*/

/*#site .head .breadcrumb {
	position: absolute;
	top: 0px;
	left: 20px;
	font: 14px/18px "Founders Grotesk", arial, verdana, sans-serif;
	color: #717171;
}*/

#site .head .breadcrumb {
  position: absolute;
  top: 5px;
  left: 10px;
  color: #717171;
  font: 300 16px/16px "Founders Grotesk", arial, verdana, sans-serif;
}

#site .head .breadcrumb ul {
  margin: 0px;
  list-style-type: none;
}

#site .head .breadcrumb li {
  margin: 0px;
  float: left;
}

#site .head .breadcrumb li.spacer {
  margin: 0px 6px 0px 7px;
  width: auto;
  float: left;
  display: inline;
}

#site .head .breadcrumb li a:link, #site .head .breadcrumb li a:visited {
  color: #717171;
  /*font: 10px/18px "Founders Grotesk", arial, verdana, sans-serif;*/
  font: 300 16px/16px "Founders Grotesk", arial, verdana, sans-serif;
  /*text-transform: uppercase;*/
  text-decoration: none;
  border: 0px;
}

#content .subhead {
  margin-top: 5px;
  margin-left: 20px;
  color: #717171;
  font: 12px/18px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
}

#content .slogan {
  display: none; /* HIDE SLOGAN */

  padding: 15px 0px;
  color: #717171;
  font: 300 22px/30px "Founders Grotesk", arial, verdana, sans-serif;
  /*text-transform: uppercase;*/
  font-style: italic;
  text-align: center;
}

#content .slogan h2 {
  color: #717171;
  font: 300 22px/30px "Founders Grotesk", arial, verdana, sans-serif;
  /*text-transform: uppercase;*/
  font-style: italic;
  text-align: center;
}

#content .productimage {
  padding: 20px 0px;
  width: 100%;
  text-align: center;
}

#site .goodheader .quote, #site .topslogan {
  padding: 15px 0px;
  font: 24px/30px "Founders Grotesk", arial, verdana, sans-serif;
  text-align: center;
}

#site .goodheader .quote {
  float: left;
  font-style: italic;
}

#content .centerspace,
.subitem .centerspace,
#producttabs.centerspace,
.goodheader .centerspace,
#site .centerspace {
  position: relative;
  margin: 0px auto;
  /*width: 800px;*/
  clear: both;
}

#content .column,
.subitem .column,
.goodheader .column {
  padding: 20px 10px 0px 10px;
  /*margin: 0px 10px 0px 0px;*/
  width: 50%;
  /*width: calc(50% - 10px);*/
  float: left;
  box-sizing: border-box;
}

/*#content .column:nth-of-type(2n+0),
.subitem .column:nth-of-type(2n+0),
.goodheader .column:nth-of-type(2n+0) {
	margin: 0px 0px 0px 10px;
}*/

/*@media screen and (max-width: 639px) {
	#content .column,
	.subitem .column,
	.goodheader .column,
	#content .column:nth-of-type(2n+0),
	.subitem .column:nth-of-type(2n+0),
	.goodheader .column:nth-of-type(2n+0) {
		margin: 0px;
	}
}*/

#content .isocial {
  margin-bottom: 70px;
  padding: 0px 0px 35px 0px;
  float: right;
  display: none;
}

#content .subitem .head, .subitem .head {
  padding: 0px 0px 10px 0px;
  float: left;
  color: #000;
  font: 700 34px/34px "Founders Grotesk", arial, verdana, sans-serif;
  border: none;
  text-transform: none;
}

#content .subitem .head h2, .subitem .head h2 {
  float: left;
  color: #000;
  font: 700 36px/36px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: none;
}

#content .subitem .intro.minheight {
  min-height: 200px;
}

#content .subitem .intro.nominheight {
  min-height: auto;
}

#content .subitem .image100 img {
  margin-top: 10px;
  width: 100%;
}

#content .subitem .image100_notop img {
  margin-top: 0px;
  width: 100%;
}

.subitem .line {
  display: none; /* hide subitem lines */

  width: 100%;
  height: 1px;
  float: left;
  border-top: 1px solid #7F7F7F;
}

h1, td h1 {
  font: 700 48px/48px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000000;
}

h2, td h2 {
  font: 700 36px/36px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000000;
}

#form_container h2 {
  color: #000;
}

h3, td h3 {
  font: 700 24px/24px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000000;
}

h4, td h4 {
  font: 700 18px/18px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000000;
}

h5, td h5 {
  font: 700 15px/26px "Founders Grotesk", arial, verdana, sans-serif;
  color: #5f5f5f;
}

h6, td h6 {
  font: 300 22px/32px "Founders Grotesk", arial, verdana, sans-serif;
  font-style: italic;
  color: #5f5f5f;
}

#content a:link, #content a:visited {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
}

#content a:hover, #content a:focus {
  color: #5f5f5f;
  border-bottom: 1px solid #5f5f5f;
}

#content .effect-hover-btn a:link, #content .effect-hover-btn a:visited {
  border-bottom: 0px solid #5f5f5f;
}

#content .effect-hover-btn a:hover, #content .effect-hover-btn a:focus {
  border-bottom: 0px solid #5f5f5f;
}

.morebottom {
  margin: 0px 0px 0px 10px;
}

#site #content a.gcsc-branding-clickable:link, #site #content a.gcsc-branding-clickable:visited {
  border: 0px;
}

table {
  margin: 5px 0px;
}

table {
  margin: 5px 0px;
  border: 0px solid #fff;
  border-top: 0px solid #666666;
  border-bottom: 0px solid #666666;
  border-left: 0px solid #666666;
}

td {
  font: 300 18px/25px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
}

table tr.heading td {
  font: 300 15px/25px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
  border: 0px solid #fff;
  border-right: 0px solid #666666;
  border-bottom: 0px solid #666666;
}

table tr.uneven {
  background-color: #ebebeb;
}

table tr.uneven td, table tr.even td {
  border: 0px solid #fff;
  border-right: 0px solid #666666;
}

#site p img {
  margin: 10px 0px;
}

#site img.left {
  margin: 0px 10px 10px 0px;
  float: left;
}

#site img.right {
  margin: 0px 0px 10px 10px;
  float: right;
}

#site img[style*="float: left"] {
  margin: 0px 10px 10px 0px;
}

#site img[style*="float: right"] {
  margin: 0px 0px 10px 10px;
}

p {
  margin-bottom: 9px;
}

#content {
  padding-bottom: 20px;
}

#content ul {
  margin: 10px 0px 10px 15px;
  list-style-type: disc;
}

#sitemap ul {
  line-height: 19px;
}

#content ul li ul {
  margin-top: 0px;
}

#content li {
  margin: 0px 0px 0px 15px;
}

#content ol {
  margin: 10px 0px 10px 20px;
}

#content sup, #content sub {
  font-size: 10px;
  line-height: 10px;
}

#content .file {
  margin: 5px 0px;
  width: 100%;
  float: left;
}

#content .file .icon img {
  margin: 5px 10px 5px 0px;
  float: left;
}

#content .file .info a:link, #content .file .info a:visited {
  font-size: 15px;
  font-weight: bold;
  color: #5f5f5f;
  border: 0px;
}

#content .file .info a:hover {
  color: #000;
}

#content .share {
  margin-top: 22px;
  width: 225px;
  float: right;
  display: none;
}

#content .share .sharetitle {
  float: left;
  line-height: 32px;
  margin-right: 10px;
  color: #000;
}

/* ------------------------------------------------------------------------- producttabs */

#producttabs .tabs {
  margin-top: 20px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #7f7f7f;
}

#producttabs .tab {
  position: relative;
  z-index: 1;
  margin: 0px 10px;
  width: 140px;
  height: 45px;
  float: left;
}

#producttabs .tab.small {
  height: 40px;
}

#producttabs .tab a {
  position: relative;
  float: left;
  text-decoration: none;
  overflow: hidden;
}

#producttabs .tab a:link span, #producttabs .tab a:visited span {
  padding: 8px 15px;
  width: 110px;
  height: 46px;
  display: block;
  color: #7f7f7f;
  font: 16px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-align: center;
  background: #fff;
  border: 0px;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

#producttabs .tab.small a:link span, #producttabs .tab.small a:visited span {
  height: 24px;
}

#content #producttabs .tab a:link, #content #producttabs .tab a:visited, #content #producttabs .tab a:hover, #content #producttabs .tab a:focus {
  border: 0px;
}

#producttabs .tab.current a:link span, #producttabs .tab.current a:visited span {
  color: #fff;
  background: #000000;
}

/*
#producttabs .tab a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 8px 15px;
	width: 110px;
	height: 46px;
	display: block;
	color: #fff;
	font: 16px/24px "GothamBook", arial, verdana, sans-serif;
	text-align: center;
	background: #7f7f7f;
	border: 0px;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

#producttabs .tab a:hover span,
#producttabs .tab a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

#producttabs .tab a:hover::before,
#producttabs .tab a:focus::before,
#producttabs .tab.current a:hover span,
#producttabs .tab.current a:focus span {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
*/

#producttabs .tab a:hover span,
#producttabs .tab a:focus span,
#producttabs .tab.current a:hover span,
#producttabs .tab.current a:focus span {
  color: #fff;
  background: #000000;
}

#producttabs .tabcontents {
  padding-bottom: 45px;
  width: 100%;
  float: left;
}

#materials {
  padding-bottom: 45px;
  width: 100%;
  float: left;
}

#materials .subitem {
  padding: 10px 0px 0px 0px;
}

#materials .subitem table td ul {
  padding-left: 20px;
}

#producttabs .tabcontent .catmaterials, #materials .subitem .catmaterials {
  width: 100%;
  float: left;
  border-bottom: 1px solid #7f7f7f;
}

#producttabs .tabcontent .catmaterials .head, #materials .subitem .catmaterials .head {
  margin: 0px 10px;
  padding: 0px;
  height: auto;
  color: #5f5f5f;
  font: bold 16px/66px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: none;
  border: 0px;
}

#materials .subitem .catmaterials .materials {
  margin: 10px 0px;
  float: left;
  width: 100%;
}

#producttabs .tabcontent .catmaterials .materials {
  float: left;
}

#producttabs .tabcontent .catmaterials .material, #materials .subitem .catmaterials .material {
  margin: 0px 10px;
  width: 68px;
  float: left;
}

#producttabs .tabcontent .catmaterials .material .image, #materials .subitem .catmaterials .material .image {
  margin-bottom: 5px;
  width: 68px;
  height: 68px;
  float: left;
}

#producttabs .tabcontent .catmaterials .material .title, #materials .subitem .catmaterials .material .title {
  margin-left: 0px;
  padding: 10px 0px;
  width: 68px;
  font: 10px/14px "Founders Grotesk", arial, verdana, sans-serif;
  text-decoration: underline;
  text-align: center;
}

#producttabs .tabcontent .row {
  width: 100%;
  float: left;
  border-bottom: 1px solid #7f7f7f;
}

#producttabs .tabcontent .product {
  margin: 20px 0px;
  width: 159px;
  height: 120px;
  float: left;
  border-right: 1px solid #e5e5e5;
}

#producttabs .tabcontent .product.last {
  border-right: 0px solid #e5e5e5;
}

#producttabs .tabcontent .product a:link, #producttabs .tabcontent .product a:visited {
  margin: 0px 10px;
  float: left;
  color: #000000;
  font: 16px/16px "Founders Grotesk", arial, verdana, sans-serif;
  border: 0px;
}

#producttabs .tabcontent .product a .title {
  margin-top: 15px;
  margin-left: 0px;
  width: 139px;
  text-align: center;
  float: left;
  font: 16px/16px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
}

#producttabs .tabcontent .product a .image {
  margin-top: 15px;
  width: 139px;
  text-align: center;
  float: left;
}

#models #producttabs .tabcontent {
  padding-bottom: 65px;
  width: 100%;
  float: left;
}

#models .name {
  margin-top: 5px;
  width: 100%;
  height: 40px;
  float: left;
  color: #717171;
  font: 20px/40px "Founders Grotesk", arial, verdana, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

#models #producttabs .product {
  border-right: 1px solid #fff;
}

#models #producttabs .product .title {
  color: #000;
  font: 16px "Founders Grotesk", arial, verdana, sans-serif;
}

#producttabs .techinfo {
  padding: 15px 10px;
}

#producttabs .col {
  width: 50%;
  float: left;
}

#producttabs .col .title {
  padding: 15px 0px 0px 0px;
}

#producttabs .col3 {
  margin: 0px 10px; /*width: 220px;*/
  min-height: 20px;
  height: auto !important;
  height: 20px;
  float: left;
}

#producttabs .col2 {
  margin: 0px 10px;
  width: 140px;
  float: left;
}

/* ------------------------------------------------------------------------- MaterialTabs */

#materialstabs .tabs {
  width: 100%;
  float: left;
  border-bottom: 1px solid #7f7f7f;
}

#materialstabs .mattab {
  position: relative;
  z-index: 1;
  margin: 15px 10px 0px 10px;
  float: left;
}

#materialstabs .mattab a {
  position: relative;
  float: left;
  text-decoration: none;
  overflow: hidden;
}

#materialstabs .mattab a:link, #materialstabs .mattab a:visited {
  padding: 8px 15px;
  display: block;
  color: #7f7f7f;
  font: 16px/24px "Founders Grotesk", arial, verdana, sans-serif;
  text-align: center;
  background: #fff;
  border: 0px;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

#materialstabs .mattab.current a:link, #materialstabs .mattab.current a:visited
#materialstabs .mattab a:hover span,
#materialstabs .mattab a:focus span,
#materialstabs .mattab.current a:hover span,
#materialstabs .mattab.current a:focus span {
  color: #fff;
  background: #7f7f7f;
}

#materialstabs .mattabcontent .image {
  margin: 5px 10px 10px 10px;
  width: 130px;
  height: 130px;
  float: left;
}

#materialstabs .mattabcontent .info {
  margin: 0px 10px 10px 10px;
  width: 360px;
  float: left;
}

#materialstabs .mattabcontent .info .title {
  margin-left: 0px;
}

#materialstabs .mattabcontent .features {
  margin: 0px 10px 10px 10px;
  width: 250px;
  float: left;
}

#materialstabs .mattabcontent .checkcolors {
  width: 100%;
  float: right;
  cursor: pointer;
}

#materialstabs .mattabcontent .checkcolors .name {
  float: right;
}

#materialstabs .mattabcontent .checkcolors .arrow {
  margin: 6px 10px 12px 10px;
  width: 19px;
  height: 10px;
  float: right;
  background: url(pics/sprite_v2.png) -244px -266px;
}

#materialstabs .mattabcontent .checkcolors .arrow.up {
  margin: 6px 10px 12px 10px;
  width: 19px;
  height: 10px;
  float: right;
  background: url(pics/sprite_v2.png) -244px -254px;
}

/* ------------------------------------------------------------------------- Designers */

#site .designers {
  padding-bottom: 45px;
  width: 100%;
  float: left;
}

#site .designers .row {
  width: 100%;
  float: left;
  border-bottom: 1px solid #7f7f7f;
}

#site .designers .designer {
  margin: 20px 0px;
  width: 199px;
  height: 162px;
  float: left;
  border-right: 1px solid #e5e5e5;
}

#site .designers .designer a:link, #site .designers .designer a:visited {
  margin: 0px 10px;
  float: left;
  color: #000000;
  font: 16px/16px "Founders Grotesk", arial, verdana, sans-serif;
  border: 0px;
}

#site .designers .designer a .title {
  width: 100%;
  text-align: center;
  float: left;
  margin-top: 5px;
}

#site .designers .designer a .image {
  width: 179px;
  text-align: center;
  float: left;
  font-size: 0px;
  line-height: 0px;
}

#site .designers .designer a .image img {
  margin: 5px 0px 0px 0px;
  width: 100%;
}

/* ------------------------------------------------------------------------- Errorpage */

#site .errorpage .more {
  margin: 0px 10px 0px 0px;
  width: 255px;
}

#site .errorpage .more.effect-hover-btn a:before {
  width: 225px;
  text-align: center;
}

#site .errorpage .more.effect-hover-btn a span {
  width: 225px;
  text-align: center;
}

#searchpage {
  position: relative;
  margin: 10px auto;
  width: 300px;
}

#searchpage table {
  margin: 0px;
}

#searchpage .gsib_a {
  padding: 0px;
}

#searchpage .gsst_a {
  display: none !important;
}

#searchpage .gsc-input-box {
  border: 0px;
  height: 23px;
}

#searchpage input.gsc-search-button, #searchpage input.gsc-search-button:hover, #searchpage input.gsc-search-button:focus {
  height: 16px;
  float: left;
  background-color: #393838;
  border-color: #393838;
  margin: 0px;
  border-radius: 0px;
}

#searchpage.gsc-search-box .gsc-input > input:focus, #searchpage .gsc-input-box-focus {
  box-shadow: 0px 0px 0px #fff;
}

#searchpage.gsc-search-box .gsc-input > input:hover, #searchpage .gsc-input-box-hover {
  box-shadow: 0px 0px 0px #fff;
}

#searchpage .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 5px 0px 0px 5px;
  text-transform: uppercase;
  float: left;
  width: 229px;
  padding-right: 0px;
  border: 1px solid #393838;
  background: none !important;
}

/* ------------------------------------------------------------------------- Blog */

.blogPage .blogDate {
  margin-top: 30px;
  font: 700 14px/14px "Founders Grotesk", arial, verdana, sans-serif;
  color: #717171;
}

.blogPage .blogBig {
  margin-top: 30px;
}

.blogPage .blogBig .image100_notop {
  position: relative;
  overflow: hidden;
}

.blogPage .blogBig img {
  float: left;
}

.blogPage .blogBig .head {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 34px !important;
  box-sizing: border-box;
}

.blogPage #content .blogBig .head h2 {
  color: #fff;
  font: 700 36px/80px "Founders Grotesk", arial, verdana, sans-serif;
}

.blogPage .column.blogSmall {
  padding-top: 0;
}

.blogPage .effect-hover-btn {
  padding: 0px;
  margin-bottom: 40px;
}

.blogPage .blogBig .effect-hover-btn {
  margin-top: 35px;
  float: right;
}

.blogPage .blogBig .intro {
  width: 75% !important;
  margin-top: 25px !important;
}

.blogPage .blogHead {
  margin-bottom: 30px;
}

.blogPage .blogSidebarHead {
  font: 700 26px/26px "Founders Grotesk", arial, verdana, sans-serif;
  margin-top: 15px;
}

.blogPage .blogSocial {
  margin-top: 20px;
}

.blogPage .content-block-slider.cycle-slideshow {
  margin: 40px 0;
}

.blogPage .content-block-slider .slide {
  overflow: hidden;
}

.blogPage .content-block-slider img {
  float: left;
  width: 100%;
}

.blogPage .content-block-slider .image {
  overflow: hidden;
}

.blogPage .content-block-slider-pager {
  position: absolute;
  display: block;
  width: 100px;
  height: 36px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
 /* background: #000;*/
  text-align: center;
}

.blogPage .content-block-slider-pager span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 10px 3px;
  background-color: #dadad9;
  border: 1px solid #ffffff;
  border-radius: 50%;
  opacity: 1;
}

.blogPage .content-block-slider-pager span.cycle-pager-active {
  cursor: pointer;
  background-color: #000;
}

.blogPage .video-play-button {
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0px 0px -35px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
}

.blogPage .video-play-button .video-play-button-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 15px;
  background-size: contain;
  background-image: url("/pics/video_play.png");
}

.blogPage #form-blog {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}

.blogPage #form-blog textarea {
  width: 100%;
  margin-top: 30px;
  float: left;
  margin-bottom: 1%;
  border: 1px solid #ddd;
  padding: 10px;
  height: 130px;
  box-sizing: border-box;
  resize: none;
  font: 300 16px/18px "Founders Grotesk", arial, verdana, sans-serif;
}

.blogPage #form-blog ::-webkit-input-placeholder {
  font-style: italic;
}

.blogPage #form-blog :-moz-placeholder {
  font-style: italic;
}

.blogPage #form-blog ::-moz-placeholder {
  font-style: italic;
}

.blogPage #form-blog :-ms-input-placeholder {
  font-style: italic;
}

.blogPage #form-blog #_Email, .blogPage #form-blog #_Name {
  width: 39%;
  height: 50px;
  border: 1px solid #ddd;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
  margin-right: 1%;
}

.blogPage #form-blog #_Submit {
  padding: 0px 20px;
  width: 20%;
  height: 50px;
  display: block;
  color: #000000;
  font: 700 16px/50px "Founders Grotesk", arial, verdana, sans-serif;
  background: transparent;
  border: 2px solid #000;
  transition: background 200ms, color 200ms;
}

.blogPage #form-blog .g-recaptcha {
  margin: 1% 0 0;
}

.blogPage .blog-reaction-writer {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #ddd;
  color: #717171;
  font-size: 14px;
}

.blogPage .blog-reaction .txt {
  margin-top: 20px;
}

.blogPage .blog-recent-items {
  margin-top: 40px;
  float: left;
}

.blogPage .blog-recent-items img {
  width: 100%;
}

.blogPage .blog-recent-items article {
  margin-top: 25px;
}

.blogPage .blog-recent-items h1 {
  font: 700 18px/18px "Founders Grotesk", arial, verdana, sans-serif;
}

.blogPage .blog-leolux-title {
  display: block;
  margin: 10px 0 0;
}

.blogPage .blog-leolux-comment {
  font-size: 14px;
  line-height: 20px;
  padding-left: 15px;
  border-left: 4px solid #cfcfcf;
}

.blog-reaction-wrapper {
  float: left;
}

/* ------------------------------------------------------------------------- Footer */

#footer {
  width: 100%;
  font: 13px/16px "Founders Grotesk", arial, verdana, sans-serif;
  color: #000;
}

#footer .social {
  width: 210px;
  margin-top: 52px;
  float: right;
}

#footer .social .icons {
  width: 100%;
  float: left;
}

#footer .social .colofon {
  float: left;
  font-size: 11px;
}

#footer .social .colofon a:link, #footer .social .colofon a:visited {
  color: #000;
}

#footer.libfooter .colofon a:link, #footer.libfooter .colofon a:visited {
  border: 0px;
}

#footer .social .facebook,
#footer .social .twitter,
#footer .social .googleplus,
#footer .social .pinterest,
#footer .social .youtube,
#footer .social .instagram {
  margin: 23px 5px;
  width: 32px;
  height: 33px;
  float: left;
}

#footer .social .facebook {
  margin: 23px 5px 23px 0px;
  background: url(pics/sprite_v2.png) 0px -189px;
}

#footer .social .twitter {
  background: url(pics/sprite_v2.png) -43px -189px;
}

#footer .social .googleplus {
  background: url(pics/sprite_v2.png) -85px -189px;
}

#footer .social .pinterest {
  background: url(pics/sprite_v2.png) -127px -189px;
}

#footer .social .youtube {
  background: url(pics/sprite_v2.png) -170px -189px;
}

#footer .social .instagram {
  background: url(pics/sprite_v2.png) -214px -189px;
}

#footer .social a.facebook:hover {
  margin: 23px 5px 23px 0px;
  background: url(pics/sprite_v2.png) 0px -146px;
}

#footer .social a.twitter:hover {
  background: url(pics/sprite_v2.png) -43px -146px;
}

#footer .social a.googleplus:hover {
  background: url(pics/sprite_v2.png) -85px -146px;
}

#footer .social a.pinterest:hover {
  background: url(pics/sprite_v2.png) -127px -146px;
}

#footer .social a.youtube:hover {
  background: url(pics/sprite_v2.png) -170px -146px;
}

#footer .social a.instagram:hover {
  background: url(pics/sprite_v2.png) -214px -146px;
}

#footer .logo {
  margin-top: 37px;
  width: 240px;
  float: left;
}

#footer .logo a:link, #footer .logo a:visited {
  margin: 0px;
  width: 127px;
  height: 64px;
  float: left;
  background: url(pics/sprite_v2.png) -163px 0px;
}

#footer .content {
  margin: 75px 0px;
  width: 480px;
  float: left;
}

#footer .content .column {
  margin-right: 30px;
  width: 210px;
  float: left;
}

br.clear {
  height: 0px;
  font: 0px arial, verdana, sans-serif;
  line-height: 0px;
  clear: both;
}

/* ------------------------------------------------------------------------- Cookiebar */

.cc-cookies .close {
  float: right;
}

.cc-cookies .close a:link, .cc-cookies .close a:visited {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

.cc-cookies {
  position: absolute;
  width: 90%;
  left: 0;
  bottom: 0px;
  padding: 0.5em 5%;
  background: #E2E3E4;
  font: 12px/21px arial, sans-serif;
  z-index: 99999;
  text-align: center;
  color: #000;
}

.cc-cookies a, .cc-cookies a:hover {
  color: #000;
  text-decoration: underline;
  display: none;
}

.cc-cookies a:hover {
  text-decoration: none;
}

.cc-overlay {
  height: 100%;
  padding-top: 25%;
}

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
  margin: 0px 10px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 0.5em 0.75em;
  background: #0092e3;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0092e3), to(#005e93));
  background: -webkit-linear-gradient(#0092e3, #005e93);
  background: -moz-linear-gradient(#0092e3, #005e93);
  background: -ms-linear-gradient(#0092e3, #005e93);
  background: -o-linear-gradient(#0092e3, #005e93);
  background: linear-gradient(#0092e3, #005e93);
  -pie-background: linear-gradient(#0092e3, #005e93);
  behavior: url(/PIE.htc);
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
  margin-left: 0.5em;
  background: #005E93;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#005E93), to(#0092E3));
  background: -webkit-linear-gradient(#005E93, #0092E3);
  background: -moz-linear-gradient(#005E93, #0092E3);
  background: -ms-linear-gradient(#005E93, #0092E3);
  background: -o-linear-gradient(#005E93, #0092E3);
  background: linear-gradient(#005E93, #0092E3);
  -pie-background: linear-gradient(#005E93, #0092E3);
  behavior: url(/PIE.htc);
}

.cc-cookies a.cc-cookie-reset {
  background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
  background: #005E93;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#005E93), to(#0092E3));
  background: -webkit-linear-gradient(#005E93, #0092E3);
  background: -moz-linear-gradient(#005E93, #0092E3);
  background: -ms-linear-gradient(#005E93, #0092E3);
  background: -o-linear-gradient(#005E93, #0092E3);
  background: linear-gradient(#005E93, #0092E3);
  -pie-background: linear-gradient(#005E93, #0092E3);
  behavior: url(/PIE.htc);
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em;
}

.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto;
}

.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: none;
  text-shadow: none;
  padding: 0;
  text-decoration: underline;
}

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0;
  }
}

@media screen and (max-width: 480px) {
  .cc-cookies {
    position: relative;
    float: left;
  }
}

/* ----------------------------------------------------------------- iSocial */

/* General icon settings */
#content .isocial a:link, #content .isocial a:visited {
  text-decoration: none;
  border: none;
}

#content .isocial a:hover {
  text-decoration: none;
  border: none;
}

#site .isocial .iSocial_circle {
  display: block;
  margin-bottom: 5px;
  width: 32px;
  height: 32px;
  background-image: url(/isocial/icons/circle/sprite.png);
  background-repeat: no-repeat;
}

#site .isocial.white .iSocial_circle {
  display: block;
  margin-bottom: 5px;
  width: 32px;
  height: 32px;
  background-image: url(/isocial/icons/circle/sprite_wit.png);
  background-repeat: no-repeat;
}

/* Icons minimal */
.iSocial_circle.email {
  background-position: 0px 0px;
}

.iSocial_circle.email:hover {
  background-position: -32px 0px;
}

.iSocial_circle.facebook {
  background-position: 0px -32px;
}

.iSocial_circle.facebook:hover {
  background-position: -32px -32px;
}

.iSocial_circle.favorite {
  background-position: 0px -64px;
}

.iSocial_circle.favorite:hover {
  background-position: -32px -64px;
}

.iSocial_circle.googleplus {
  background-position: 0px -96px;
}

.iSocial_circle.googleplus:hover {
  background-position: -32px -96px;
}

.iSocial_circle.linkedin {
  background-position: 0px -128px;
}

.iSocial_circle.linkedin:hover {
  background-position: -32px -128px;
}

.iSocial_circle.pinterest {
  background-position: 0px -160px;
}

.iSocial_circle.pinterest:hover {
  background-position: -32px -160px;
}

.iSocial_circle.plus {
  background-position: 0px -192px;
}

.iSocial_circle.plus:hover {
  background-position: -32px -192px;
}

.iSocial_circle.print {
  background-position: 0px -224px;
}

.iSocial_circle.print:hover {
  background-position: -32px -224px;
}

.iSocial_circle.twitter {
  background-position: 0px -256px;
}

.iSocial_circle.twitter:hover {
  background-position: -32px -256px;
}

.iSocial_circle.counter {
  width: 36px;
  background-position: 0px -288px;
}

/* Counter styling */
.iSocial_standard_16x16.counter,
.iSocial_standard_32x32.counter,
.iSocial_minimal.counter,
.iSocial_circle.counter,
.iSocial_buttons.counter {
  position: relative;
  float: left;
  text-align: center;
  border-bottom: 0px solid #fff;
  color: #000;
  cursor: default;
}

.iSocial_standard_16x16.counter {
  font: 10px 'Founders Grotesk', arial, verdana, sans-serif;
  line-height: 16px;
}

.iSocial_standard_32x32.counter,
.iSocial_minimal.counter,
.iSocial_circle.counter {
  font: 16px 'Founders Grotesk', arial, verdana, sans-serif;
  line-height: 32px;
}

.iSocial_buttons.counter {
  font: 16px 'Founders Grotesk', arial, verdana, sans-serif;
  line-height: 32px;
}

/* ------------------------------------------------------------------------- Media */

@media screen and (max-width: 479px) {
  iframe {
    width: 100%;
  }

  h1,
  td h1,
  #products .head h1,
  #content .head h1 {
    font: 700 40px/40px "Founders Grotesk", arial, verdana, sans-serif;
  }

  #site {
    margin-top: 0px;
    min-width: 320px;
  }

  #site .centerbar {
    width: 300px;
  }

  #site .headerbar {
    width: 300px;
  }

  #navbar ul {
    position: relative;
    margin: 0px auto;
    width: 300px;
  }

  #content .column, .subitem .column, .goodheader .column {
    width: 280px;
  }

  #productsoverview #content .column {
    width: 220px;
  }

  #content .video, #content .video a img {
    width: 300px !important;
  }

  #site .video_large, #site .video_large a img {
    width: 300px !important;
  }

  #site .subitemcontent .intro img {
    width: 100%;
  }

  /*#site .fixednav { position: relative; }*/
  #site .subitem, #content .column, .subitem .column, .goodheader .column {
    padding: 10px 0px;
  }

  #content .head {
    padding: 20px 0px 10px 0px;
  }

  #site .head .breadcrumb {
    left: 0px;
  }

  .subitem.marginpx {
    margin: 0px;
  }

  #materials .subitem .catmaterials .materials {
    margin: 10px -10px;
  }

  #mobilenav {
    display: block;
  }

  #topbar, #navigation, #header .social, #header .search {
    display: none;
  }

  #form_container, #form_container .frm_TextBlock, #form_container .frm_Field {
    width: 230px;
  }

  #form_container .frm_TextBox .frm_Field input, #form_container .frm_Numeric .frm_Field input, #form_container .frm_PhoneNumber .frm_Field input, #form_container .frm_Email .frm_Field input, #form_container .frm_Calendar .frm_Field input, #form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput, #form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput {
    width: 220px;
  }

  #form_container .frm_Calendar .frm_Field input {
    width: 220px;
  }

  #form_container .frm_MultipleChoice .frm_Field select, .map_form select {
    width: 227px;
  }

  #form_container .frm_TextArea .frm_Field textarea {
    width: 220px;
  }

  #form_container .frm_FormTail, #form_container .frm_PageBreak, #form_container .frm_BtnContainer {
    width: 230px;
  }

  #site .slideshow .image {
    height: auto;
  }

  #site .slideshow .overlaytxt .slogan {
    font-size: 18px;
  }

  #site .slideshow .overlayimg {
    bottom: 90px;
    width: 320px;
    margin-left: -160px;
  }

  #site .slideshow .overlaytxt {
    height: 90px;
    width: 290px;
  }

  #site .slideshow .overlaytxt .profile {
    display: none;
  }

  #site .slideshow .mobilespacer {
    height: 90px;
    display: block;
  }

  #site .slideshow .searchfield .fields {
    display: none;
  }

  #site .slideshow .searchfield .fieldinfo {
    display: none;
  }

  #library {
    width: 300px !important;
  }

  #library .librarybuttons {
    width: 300px;
  }

  #library .librarybuttons .button {
    float: left;
  }

  #library .librarybuttons .button a:link, #library .librarybuttons .button a:visited, #library .librarybuttons .button .image {
    width: 278px;
  }

  #library .libraryimages {
    display: none;
  }

  #library .catoverview {
    margin: 0px 10px;
  }

  #library .catoverview .name {
    margin-bottom: 10px;
    width: 100%;
    padding-right: 0px;
  }

  #library .catoverview .stripe {
    display: none;
  }

  #library .catoverview .colums li {
    margin-left: 0px;
    width: 146px;
  }

  #library .head {
    width: 300px;
  }

  #library .filterbar {
    display: none;
  }

  #library .product, #library .productdownload {
    width: 280px;
  }

  #library .productdownload a:link, #library .productdownload a:visited {
    width: 278px;
  }

  #library .content, #library .downloads .head, #library .downloads .download {
    width: 280px;
  }

  #library .downloads .download .file {
    display: none;
  }

  #library .downloads .download .name {
    width: 255px;
  }

  #library .downloads .download .lang, #library .downloads .download .size {
    width: 134px;
  }

  #site .imageslider .slideprev {
    margin-left: -150px;
  }

  #site .imageslider .slidenext {
    margin-right: -150px;
  }

  #site .imageslider .slider .slide .effect-hover-btn a:link, #site .imageslider .slider .slide .effect-hover-btn a:visited {
    margin-right: 50px;
  }

  #catslider #catprev {
    margin-right: 10px;
  }

  #catslider #catnext {
    margin-left: 10px;
  }

  #catslider .slider {
    width: 240px;
    height: auto;
    background: none;
  }

  #catslider .slider .slide {
    width: 240px;
    height: auto;
    float: left;
    border-bottom: 1px solid #7f7f7f;
  }

  #catslider .slider .category {
    width: 118px;
  }

  #catslider .slider .category a:link, #catslider .slider .category a:visited, #catslider .slider .category .image {
    margin: 5px;
    width: 108px;
  }

  #catslider .slider .category .image img {
    width: 100%;
  }

  #catslider .slider .category .title {
    font-size: 13px;
  }

  .singleproductslider .slider, .singleproductslider .slider .product, .singleproductslider .slider .product .image {
    width: 240px;
  }

  .singleproductslider .options {
    width: 320px;
  }

  .singleproductslider .options .watch, .singleproductslider .options .watch a:link, .singleproductslider .options .watch a:visited {
    width: 160px;
  }

  .singleproductslider .options .watch a span {
    width: 100px;
  }

  .multiproductslider .slider, .multiproductslider .slider .slide {
    width: 240px;
    overflow: hidden;
  }

  .multiproductslider .slider .product {
    margin: 0px;
    width: 118px;
  }

  .multiproductslider .slider .product a:link, .multiproductslider .slider .product a:visited {
    margin: 10px 5px;
    font-size: 11px;
    width: 108px;
  }

  .multiproductslider .slider .product .title {
    font-size: 11px;
    width: 108px;
  }

  .singleproductslider .slider .product .image img {
    width: 100%;
  }

  .multiproductslider .slider .product .image img {
    max-width: 100%;
  }

  .singleproductslider.extrainfo .slider {
    height: 715px;
  }

  .singleproductslider .prodprev {
    margin: 151px 10px 47px 0px;
    width: 20px;
    height: 38px;
    float: left;
    background: url(pics/sprite_v2.png) -89px -253px;
    cursor: pointer;
  }

  .singleproductslider .prodnext {
    margin: 151px 0px 47px 10px;
    width: 20px;
    height: 38px;
    float: right;
    background: url(pics/sprite_v2.png) -110px -253px;
    cursor: pointer;
  }

  .multiproductslider .multiprodprev {
    margin: 151px 10px 47px 0px;
    width: 20px;
    height: 38px;
    float: left;
    background: url(pics/sprite_v2.png) -89px -253px;
    cursor: pointer;
  }

  .multiproductslider .multiprodnext {
    margin: 151px 0px 47px 10px;
    width: 20px;
    height: 38px;
    float: right;
    background: url(pics/sprite_v2.png) -110px -253px;
    cursor: pointer;
  }

  #bannerbar #bannerprev {
    margin-top: 170px;
    margin-right: 10px;
  }

  #bannerbar #bannernext {
    margin-top: 170px;
    margin-left: 10px;
  }

  #bannerbar .slider {
    width: 240px;
    overflow: hidden;
    float: left;
  }

  #bannerbar .banner {
    position: relative;
    width: 220px;
    margin: 30px 0px;
    padding: 0px 10px;
    height: 420px;
  }

  #bannerbar .banner .image {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -70px;
  }

  #bannerbar .banner .info {
    position: absolute;
    bottom: 0px;
    width: 220px;
  }

  #bannerbar .banner .info .title {
    width: 220px;
  }

  #bannerbar .banner .info .subtitle {
    width: 220px;
  }

  #bannerbar .banner.largebanner {
    width: 300px;
  }

  #bannerbar .banner.largebanner .info {
    width: 300px !important;
  }

  #bannerbar .banner.largebanner .info .title {
    width: 300px !important;
  }

  #cases .case, #cases .view {
    width: 50%;
  }

  #cases .view-second h2 {
    margin-top: 10px;
  }

  #content .centerspace, .subitem .centerspace, #producttabs.centerspace, .goodheader .centerspace, #site .centerspace {
    width: 300px;
  }

  #producttabs .tab {
    margin: 0px;
    width: 100%;
    height: auto;
    border-top: 1px solid #7F7F7F;
  }

  #producttabs .tab a:link span, #producttabs .tab a:visited span {
    width: 270px;
    height: auto;
    text-align: left;
  }

  #producttabs .tabcontent .product {
    width: 149px;
  }

  #products #catslider .slider .category .title {
    line-height: 1em;
    height: 50px;
  }

  #products .head {
    padding: 30px 0 0 0;
  }

  #news .slider .share {
    float: left;
  }

  #news .slider .info .title {
    width: 100%;
  }

  #news .slider .info .effect-hover-btn {
    width: 100%;
  }

  #news .slider .image {
    height: auto;
  }

  #news #newsprev {
    margin: -85px 0px 0px -150px;
  }

  #news #newsnext {
    margin: -85px -150px 0px 0px;
  }

  #news #pager {
    top: 15px;
    margin: 0px 0px 0px -150px;
  }

  #site .designers .designer {
    width: 149px;
    height: 123px;
  }

  #site .designers .designer a .title {
    font-size: 11px;
  }

  #site .designers .designer a .image {
    width: 129px;
  }

  #mapcontent .head {
    margin-left: -150px;
  }

  #mapcontent .mapblock, #mapcontent .formblock {
    margin-left: -150px;
    width: 250px;
  }

  #mapcontent .block, #mapcontent .formblock {
    width: 250px;
  }

  #mapcontent .block input#address {
    font-size: 18px;
    width: 228px;
  }

  #loc-list .list-details {
    float: left;
    width: 190px;
  }

  #site .images {
    padding-bottom: 225px;
  }

  #site .goodheader .goodblock {
    width: 300px;
    margin-left: -177px;
  }

  #site .goodheader .goodblock .block {
    width: 300px;
  }

  #site .goodheader .goodblock .more {
    margin-left: 105px;
  }

  #footer .content {
    width: 300px;
    margin: 20px 0px 10px 0px;
  }

  #footer .content .column {
    width: 300px;
  }

  #footer .social {
    margin-top: 0px;
    float: left;
    margin-bottom: 37px;
  }

  #bookform {
    width: 300px;
  }

  #bookform .products {
    margin: 0px 15px;
  }

  #bookform .product {
    margin: 15px 15px;
    width: 105px;
  }

  #bookform #form_container {
    width: 250px;
  }

  #bookform #form_container .frm_TextBlock,
  #bookform #form_container .frm_Field,
  #bookform #form_container .frm_MultipleChoice .frm_Field,
  #bookform #form_container .frm_MultipleChoice .frm_Field select, .map_form select,
  #bookform #form_container .frm_Field .frm_CheckContainer,
  #bookform #form_container .frm_FormTail, #bookform #form_container .frm_PageBreak,
  #bookform #form_container .frm_BtnContainer {
    width: 250px;
  }

  #bookform #form_container .frm_TextBox .frm_Field input, #bookform #form_container .frm_Numeric .frm_Field input,
  #bookform #form_container .frm_PhoneNumber .frm_Field input, #bookform #form_container .frm_Email .frm_Field input,
  #bookform #form_container .frm_Calendar .frm_Field input, #bookform #form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,
  #bookform #form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput {
    width: 250px;
  }

  #bookform #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel {
    width: 230px;
  }

  #faq-searchform {
    width: 100%;
  }

  #faq-searchform .description {
    display: block;
    width: 100%;
    margin: 0px 0px 5px 0px;
  }

  #faq-searchform input.text {
    margin: 0px 0px 10px 0px;
    width: 100%;
  }

  #faq-searchform select {
    margin: 0px 0px 10px 0px;
    width: 100%;
  }

  #faq-searchform input.submit {
    margin: 20px 0px 40px 0px;
    float: left;
  }

  .blogBig .intro {
    width: 100% !important;
    margin-top: 0px !important;
  }

  .blogPage .blogBig .effect-hover-btn {
    margin-top: 0;
    float: left;
  }

  .blogPage .blogBig .head {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 25px 0 0 0 !important;
  }

  .blogPage #content .blogBig .head h2 {
    color: #000;
    font: 700 36px/36px "Founders Grotesk", arial, verdana, sans-serif;
  }

  .blogPage #form-blog textarea {
    margin-bottom: 2%;
  }

  .blogPage #form-blog #_Email, .blogPage #form-blog #_Name {
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 2%;
  }

  .blogPage #form-blog #_Email {
    margin-right: 0;
  }

  .blogPage #form-blog #_Submit {
    float: left;
    margin-top: 1%;
    width: 100%;
  }

  .blogPage #form-blog .g-recaptcha {
    margin: 2% 0 0;
    float: left;
  }

}

@media screen and (min-width: 480px) and (max-width: 639px) {
  #site {
    margin-top: 0px;
    min-width: 480px;
  }

  #site .centerbar {
    width: 460px;
  }

  #site .headerbar {
    width: 460px;
  }

  #navbar ul {
    position: relative;
    margin: 0px auto;
    width: 460px;
  }

  #content .column, .subitem .column, .goodheader .column {
    width: 460px;
  }

  #productsoverview #content .column {
    width: 390px;
  }

  #content .video, #content .video a img {
    width: 460px !important;
  }

  #site .video_large, #site .video_large a img {
    width: 460px !important;
  }

  #site .subitemcontent .intro img {
    width: 100%;
  }

  /*#site .fixednav { position: relative; }*/
  #site .subitem, #content .column, .subitem .column, .goodheader .column {
    padding: 10px 0px;
  }

  #content .head {
    padding: 30px 0px 0px 0px;
  }

  #site .head .breadcrumb {
    left: 0px;
  }

  .subitem.marginpx {
    margin: 0px;
  }

  #materials .subitem .catmaterials .materials {
    margin: 10px -10px;
  }

  #mobilenav {
    display: block;
  }

  #topbar, #navigation, #header .social, #header .search {
    display: none;
  }

  #site .slideshow .overlayimg {
    bottom: 90px;
    margin-left: -230px;
  }

  #site .slideshow .overlaytxt {
    width: 450px;
  }

  #site .slideshow .mobilespacer {
    height: 40px;
    display: block;
  }

  #site .slideshow .overlaytxt .slogan {
    font-size: 22px;
  }

  #site .slideshow .searchfield {
    margin-top: 20px;
  }

  #site .slideshow .searchfield .fieldinfo {
    display: none;
  }

  #site .slideshow .searchfield .fields {
    width: 200px;
    margin: 0px 10px;
  }

  #site .slideshow .searchfield .fields .pulldown {
    width: 145px;
  }

  #library {
    width: 460px !important;
  }

  #library .librarybuttons {
    width: 460px;
  }

  #library .libraryimages {
    margin-left: 10px;
  }

  #library .libraryimages .large, #library .libraryimages .large .image {
    width: 440px;
  }

  #library .libraryimages .large.right {
    margin-left: 0px;
  }

  #library .librarybuttons .button {
    float: left;
  }

  #library .librarybuttons .button a:link, #library .librarybuttons .button a:visited, #library .librarybuttons .button .image {
    width: 208px;
  }

  #library .libraryimages .col {
    width: 460px;
  }

  #library .libraryimages .small {
    margin-right: 20px;
    width: 208px;
  }

  #library .libraryimages {
    display: none;
  }

  #library .catoverview {
    margin: 0px 10px;
  }

  #library .catoverview .name {
    margin-bottom: 10px;
    width: 100%;
    padding-right: 0px;
  }

  #library .catoverview .stripe {
    display: none;
  }

  #library .catoverview .colums li {
    margin-left: 0px;
    width: 146px;
  }

  #library .head {
    width: 460px;
  }

  #library .filterbar {
    display: none;
  }

  #library .product {
    width: 208px;
  }

  #library .productdownload {
    width: 210px;
  }

  #library .productdownload a:link, #library .productdownload a:visited {
    width: 208px;
  }

  #library .content, #library .downloads .head, #library .downloads .download {
    width: 440px;
  }

  #library .downloads .download .file {
    display: none;
  }

  #library .downloads .download .name, #library .downloads .download .lang, #library .downloads .download .size {
    width: 134px;
  }

  #site .imageslider .slideprev {
    margin-left: -230px;
  }

  #site .imageslider .slidenext {
    margin-right: -230px;
  }

  #site .imageslider .slider .slide .effect-hover-btn {
    bottom: 10px;
  }

  #catslider #catprev {
    margin-right: 10px;
  }

  #catslider #catnext {
    margin-left: 10px;
  }

  #catslider .slider {
    width: 400px;
    height: auto;
    background: none;
  }

  #catslider .slider .slide {
    width: 400px;
    height: auto;
    float: left;
    border-bottom: 1px solid #7f7f7f;
  }

  #catslider .slider .category {
    width: 198px;
  }

  #catslider .slider .category a:link, #catslider .slider .category a:visited, #catslider .slider .category .image {
    width: 180px;
  }

  .singleproductslider .slider, .singleproductslider .slider .product, .singleproductslider .slider .product .image {
    width: 400px;
  }

  .multiproductslider .slider, .multiproductslider .slider .slide {
    width: 400px;
    overflow: hidden;
  }

  .multiproductslider .slider .product {
    margin: 0px;
    width: 198px;
  }

  .multiproductslider .slider .product a:link, .multiproductslider .slider .product a:visited,
  .multiproductslider .slider .product .title {
    width: 180px;
  }

  .singleproductslider .slider .product .image img {
    width: 100%;
  }

  .singleproductslider.extrainfo .slider {
    height: 590px;
  }

  .singleproductslider .prodprev {
    margin: 151px 10px 47px 0px;
    width: 20px;
    height: 38px;
    float: left;
    background: url(pics/sprite_v2.png) -89px -253px;
    cursor: pointer;
  }

  .singleproductslider .prodnext {
    margin: 151px 0px 47px 10px;
    width: 20px;
    height: 38px;
    float: right;
    background: url(pics/sprite_v2.png) -110px -253px;
    cursor: pointer;
  }

  .multiproductslider .multiprodprev {
    margin: 151px 10px 47px 0px;
    width: 20px;
    height: 38px;
    float: left;
    background: url(pics/sprite_v2.png) -89px -253px;
    cursor: pointer;
  }

  .multiproductslider .multiprodnext {
    margin: 151px 0px 47px 10px;
    width: 20px;
    height: 38px;
    float: right;
    background: url(pics/sprite_v2.png) -110px -253px;
    cursor: pointer;
  }

  #bannerbar #bannerprev {
    margin-right: 10px;
  }

  #bannerbar #bannernext {
    margin-left: 10px;
  }

  #bannerbar .slider {
    width: 400px;
    overflow: hidden;
    float: left;
  }

  #bannerbar .banner {
    width: 400px;
    margin: 0px;
  }

  #bannerbar .banner .info {
    width: 240px;
  }

  #bannerbar .banner .info .title {
    width: 240px;
  }

  #bannerbar .banner .info .subtitle {
    width: 240px;
  }

  #bannerbar .banner .image {
    width: 120px;
    padding-right: 40px;
  }

  #bannerbar .banner.largebanner {
    width: 460px;
  }

  #bannerbar .banner.largebanner .info {
    width: 260px;
  }

  #bannerbar .banner.largebanner .info .title {
    width: 260px;
  }

  #bannerbar .banner.largebanner .info .subtitle {
    width: 260px;
  }

  #cases .view {
    width: 33.333%;
  }

  #cases .view-second h2 {
    margin-top: 10px;
  }

  #content .centerspace, .subitem .centerspace, #producttabs.centerspace, .goodheader .centerspace, #site .centerspace {
    width: 460px;
  }

  #producttabs .tab {
    margin: 0px;
    width: 100%;
    height: auto;
    border-top: 1px solid #7F7F7F;
  }

  #producttabs .tab a:link span, #producttabs .tab a:visited span {
    width: 430px;
    height: auto;
    text-align: left;
  }

  #producttabs .tabcontent .product {
    width: 152px;
  }

  #products .head {
    padding: 30px 0 0 0;
  }

  #news .slider .info .title {
    width: 75%;
  }

  #news .slider .info .effect-hover-btn {
    width: 25%;
  }

  #news .slider .share {
    float: left;
  }

  #news .slider .image {
    height: auto;
  }

  #news #newsprev {
    margin: -37px 0px 0px -230px;
  }

  #news #newsnext {
    margin: -37px -230px 0px 0px;
  }

  #news #pager {
    top: 15px;
    margin: 0px 0px 0px -230px;
  }

  #site .designers .designer {
    width: 229px;
    height: 185px;
  }

  #site .designers .designer a .image {
    width: 209px;
  }

  #mapcontent .head {
    margin-left: -230px;
  }

  #mapcontent .mapblock, #mapcontent .formblock {
    margin-left: -230px;
  }

  #site .images {
    padding-bottom: 225px;
  }

  #footer .logo {
    margin-bottom: 40px;
  }

  #footer .content {
    width: 460px;
    margin: 20px 0px 10px 0px;
  }

  #footer .content .column {
    width: 200px;
  }

  #footer .social {
    float: left;
    margin: 0 0 37px 230px;
  }

  #bookform {
    width: 460px;
  }

  #bookform .products {
    margin: 0px 0px;
  }

  #bookform .product {
    margin: 15px 24px;
    width: 105px;
  }

  #bookform #form_container {
    width: 410px;
  }

  #bookform #form_container .frm_TextBlock,
  #bookform #form_container .frm_Field,
  #bookform #form_container .frm_MultipleChoice .frm_Field,
  #bookform #form_container .frm_MultipleChoice .frm_Field select, #bookform .map_form select,
  #bookform #form_container .frm_Field .frm_CheckContainer,
  #bookform #form_container .frm_FormTail, #bookform #form_container .frm_PageBreak,
  #bookform #form_container .frm_BtnContainer {
    width: 410px;
  }

  #bookform #form_container .frm_TextBox .frm_Field input, #bookform #form_container .frm_Numeric .frm_Field input,
  #bookform #form_container .frm_PhoneNumber .frm_Field input, #bookform #form_container .frm_Email .frm_Field input,
  #bookform #form_container .frm_Calendar .frm_Field input, #bookform #form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,
  #bookform #form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput {
    width: 303px;
  }

  #bookform #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel {
    width: 380px;
  }

  .blogBig .intro {
    width: 100% !important;
    margin-top: 0px !important;
  }

  .blogPage .blogBig .effect-hover-btn {
    margin-top: 0;
    float: left;
  }

  .blogPage .blogBig .head {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 25px 0 0 0 !important;
  }

  .blogPage #content .blogBig .head h2 {
    color: #000;
    font: 700 36px/36px "Founders Grotesk", arial, verdana, sans-serif;
  }

  .blogPage #form-blog textarea {
    margin-bottom: 2%;
  }

  .blogPage #form-blog #_Email, .blogPage #form-blog #_Name {
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 2%;
  }

  .blogPage #form-blog #_Email {
    margin-right: 0;
  }

  .blogPage #form-blog #_Submit {
    float: left;
    margin-top: 1%;
    width: 100%;
  }

  .blogPage #form-blog .g-recaptcha {
    margin: 2% 0 0;
    float: left;
  }

}

@media screen and (min-width: 640px) and (max-width: 786px) {
  #site {
    margin-top: 0px;
    min-width: 640px;
  }

  #site .centerbar {
    width: 620px;
  }

  #site .headerbar {
    width: 620px;
  }

  #navbar ul {
    position: relative;
    margin: 0px auto;
    width: 620px;
  }

  /*#content .column, .subitem .column, .goodheader .column { width: 290px; } */
  /* oude was 600px, op aanvraag harold aangepast. */
  #productsoverview #content .column {
    width: 530px;
  }

  #content .video, #content .video a img {
    width: 600px !important;
  }

  #site .video_large, #site .video_large a img {
    width: 600px !important;
  }

  #site .subitemcontent .intro img {
    width: 100%;
  }

  /*#site .fixednav { position: relative; }*/
  /*	#content .subitem .head, .subitem .head {
		padding: 0px 10px 10px 10px;
	}*/
  #materials .subitem .catmaterials .materials {
    margin: 10px -10px;
  }

  #materials .subitem {
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
  }

  .subitem .head {
    padding: 0px 0px 10px 10px;
  }

  .subitem .subitemcontent .centerspace,
  .subitem .subitemcontent .title {
    padding: 0px 10px;
  }

  #content .column {
    width: 100%;
    padding: 10px;
  }

  #site .column .subitem {
    padding: 10px 0px;
  }

  /*#site .subitem, #content .column, .subitem .column, .goodheader .column { padding: 10px 0px; }*/
  #mobilenav {
    display: block;
  }

  #topbar, #navigation, #header .social, #header .search {
    display: none;
  }

  #site .slideshow .overlayimg {
    width: 640px;
    bottom: 75px;
    margin-left: -310px;
  }

  #site .slideshow .mobilespacer {
    height: 75px;
    display: block;
  }

  #site .slideshow .searchfield .fields {
    width: 280px;
    margin: 0px 10px;
  }

  #site .slideshow .searchfield .fields .pulldown {
    width: 225px;
  }

  #site .slideshow .searchfield .fieldinfo {
    display: none;
  }

  #library {
    width: 620px !important;
  }

  #library .librarybuttons {
    width: 620px;
  }

  #library .libraryimages {
    margin-left: 10px;
  }

  #library .libraryimages .large {
    width: 380px;
  }

  #library .librarybuttons .button {
    float: left;
  }

  #library .librarybuttons .button a:link, #library .librarybuttons .button a:visited {
    width: 184px;
  }

  #library .libraryimages .col {
    width: 184px;
  }

  #library .libraryimages .small {
    width: 184px;
  }

  #library .catoverview {
    margin: 0px 10px;
  }

  #library .filterbar .name {
    display: none;
  }

  #library .filterbar .filter, #library .filterbar .filter select {
    width: 186px;
  }

  #library .product {
    width: 184px;
  }

  #library .productdownload {
    width: 186px;
  }

  #library .productdownload a:link, #library .productdownload a:visited {
    width: 184px;
  }

  #library .content, #library .downloads .head, #library .downloads .download {
    width: 600px;
  }

  #site .imageslider .slideprev {
    margin-left: -310px;
  }

  #site .imageslider .slidenext {
    margin-right: -310px;
  }

  #catslider .slider {
    background: none;
  }

  #catslider .slider, #catslider .slider .slide {
    width: 460px;
    overflow: hidden;
  }

  #catslider .slider .category {
    margin: 0px 15px;
  }

  .singleproductslider .slider, .singleproductslider .slider .product, .singleproductslider .slider .product .image {
    width: 460px;
  }

  .multiproductslider .slider, .multiproductslider .slider .slide {
    width: 460px;
    overflow: hidden;
  }

  .multiproductslider .slider .product {
    margin: 0px 15px;
  }

  .singleproductslider .slider .product .image img {
    width: 100%;
  }

  .singleproductslider.extrainfo .slider {
    height: 560px;
  }

  #bannerbar .slider {
    width: 460px;
    overflow: hidden;
    float: left;
  }

  #bannerbar .banner {
    width: 380px;
    margin: 0px 40px;
  }

  #bannerbar .banner .info, #bannerbar .banner .image {
    float: right;
  }

  #bannerbar .banner .info {
    width: 220px;
  }

  #bannerbar .banner .image {
    width: 120px;
    padding-right: 40px;
  }

  #bannerbar #bannerprev {
    margin: 75px 50px 0px 10px;
  }

  #bannerbar #bannernext {
    margin: 75px 10px 0px 50px;
  }

  #cases .view {
    width: 33.333%;
  }

  #content .centerspace, .subitem .centerspace, #producttabs.centerspace, .goodheader .centerspace, #site .centerspace {
    width: 620px;
  }

  #producttabs .tab {
    margin: 0px;
    width: 100%;
    height: auto;
    border-top: 1px solid #7F7F7F;
  }

  #producttabs .tab a:link span, #producttabs .tab a:visited span {
    width: 590px;
    height: auto;
    text-align: left;
  }

  #producttabs .tabcontent .product {
    width: 205px;
  }

  #producttabs .tabcontent .product a .image {
    width: 185px;
  }

  #news .slider .info .title {
    width: 80%;
  }

  #news .slider .info .effect-hover-btn {
    width: 20%;
  }

  #news .slider .image {
    height: auto;
  }

  #news #newsprev {
    margin: -37px 0px 0px -310px;
  }

  #news #newsnext {
    margin: -37px -310px 0px 0px;
  }

  #news #pager {
    margin: 0px 0px 0px -310px;
  }

  #site .designers .designer {
    width: 309px;
    height: 247px;
  }

  #site .designers .designer a .image {
    width: 289px;
  }

  #mapcontent .head {
    margin-left: -310px;
  }

  #mapcontent .mapblock, #mapcontent .formblock {
    margin-left: -310px;
  }

  #site .images {
    padding-bottom: 215px;
  }

  #footer .logo {
    margin-bottom: 40px;
  }

  #footer .content {
    margin-bottom: 10px;
    margin-top: 20px;
    width: 620px;
  }

  #footer .content .column {
    width: 280px;
  }

  #footer .social {
    float: left;
    margin-top: 0px;
    margin-bottom: 37px;
    margin-left: 310px;
  }

  #bookform {
    width: 600px;
  }

  #bookform .products {
    margin: 0px 37px;
  }

  #bookform .product {
    width: 105px;
  }

  #bookform #form_container {
    width: 550px;
  }

  #bookform #form_container .frm_TextBlock,
  #bookform #form_container .frm_Field,
  #bookform #form_container .frm_MultipleChoice .frm_Field,
  #bookform #form_container .frm_MultipleChoice .frm_Field select, #bookform .map_form select,
  #bookform #form_container .frm_Field .frm_CheckContainer,
  #bookform #form_container .frm_FormTail, #bookform #form_container .frm_PageBreak,
  #bookform #form_container .frm_BtnContainer {
    width: 550px;
  }

  #bookform #form_container .frm_TextBox .frm_Field input, #bookform #form_container .frm_Numeric .frm_Field input,
  #bookform #form_container .frm_PhoneNumber .frm_Field input, #bookform #form_container .frm_Email .frm_Field input,
  #bookform #form_container .frm_Calendar .frm_Field input, #bookform #form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,
  #bookform #form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput {
    width: 542px;
  }

  #bookform #form_container .frm_Field .frm_CheckContainer .frm_CheckLabel {
    width: 530px;
  }

  .blogPage .blogBig {
    padding: 0 10px;
  }
}

@media screen and (max-width: 786px) {

  /* Mobile sticky header on body */
  #site {
    margin-top: 50px;
    -webkit-transition: margin 300ms ease-in-out;
    -moz-transition: margin 300ms ease-in-out;
    -o-transition: margin 300ms ease-in-out;
    transition: margin 300ms ease-in-out;
  }

  #site .fixednav {
    -webkit-transition: left 200ms;
    -moz-transition: left 200ms;
    -o-transition: left 200ms;
    transition: left 200ms;
  }

  .sidr-open #site .fixednav {
    left: -260px;
  }

  #site .fixednav #mobilenav {
    top: 10px;
    -webkit-transition: top 300ms ease-in-out;
    -moz-transition: top 300ms ease-in-out;
    -o-transition: top 300ms ease-in-out;
    transition: top 300ms ease-in-out;
  }

  #site .fixednav #mobilenav a:link,
  #site .fixednav #mobilenav a:visited {
    height: 18px;
  }

  #site .fixednav #mobilenav a:link .name,
  #site .fixednav #mobilenav a:visited .name {
    display: none;
  }

  #site .fixednav #header {
    height: 50px;
    -webkit-transition: height 300ms ease-in-out;
    -moz-transition: height 300ms ease-in-out;
    -o-transition: height 300ms ease-in-out;
    transition: height 300ms ease-in-out;
  }

  #site .fixednav #header .logo a:link,
  #site .fixednav #header .logo a:visited {
    height: 32px;
    margin: 9px 0px;
    background: url(pics/sprite_v2.png) -452px 0px;
  }

  /* Mobile sticky header on top */
  #site.site-top {
    margin-top: 100px;
  }

  #site .fixednav.fixednav-top #mobilenav {
    top: 25px;
  }

  #site .fixednav.fixednav-top #mobilenav a:link,
  #site .fixednav.fixednav-top #mobilenav a:visited {
    height: 50px;
  }

  #site .fixednav.fixednav-top #mobilenav a:link .name,
  #site .fixednav.fixednav-top #mobilenav a:visited .name {
    display: inline;
  }

  #site .fixednav.fixednav-top #header {
    height: 100px;
  }

  #site .fixednav.fixednav-top #header .logo a:link,
  #site .fixednav.fixednav-top #header .logo a:visited {
    margin: 18px 0px;
    height: 64px;
    background: url(pics/sprite_v2.png) -33px 0px;
  }

  #site .subitemcontent .subitemcontent-image-wrapper,
  #site .subitemcontent .subitemcontent-text-wrapper {
    width: 100%;
    float: left;
  }

  #site .subitemcontent .subitemcontent-image-wrapper,
  #site .subitemcontent .subitemcontent-text-wrapper {
    padding: 0px 0px 20px 0px;
  }

  #site .map-content-include .col-6,
  #site .map-content-include .head br {
    display: none;
  }

  .blogPage .content-block-slider-pager {
    /*display: none;*/
  }
}

/* NEW QUERY */
@media screen and (min-width: 787px) {

  #content .centerspace,
  .subitem .centerspace,
  #producttabs.centerspace,
  .goodheader .centerspace,
  #site .centerspace {
    margin: 0px -10px;
  }

  #site .subitem .subitemcontent .centerspace {
    margin: 0px;
  }

  #site .subitem .centerspace .head {
    padding: 0px 10px 10px 10px;
  }

  #content .centerspace .head {
    padding: 30px 10px 0px 10px;
  }

  #content .centerspace .subitem .head {
    /*padding: 30px 0px 0px 0px;*/
    padding: 0px;
  }

  #materials .centerspace .intro {
    padding: 0px 10px;
    box-sizing: border-box;
  }

  #products .head,
  #content .head {
    padding: 30px 0px 0px 0px;
  }

  #site .head .breadcrumb {
    left: 0px;
  }

  #site .designers .designer {
    width: 187px;
    height: auto;
  }

  #site .designers .designer a .image {
    width: 100%;
  }
}

@media screen and (min-width: 787px) and (max-width: 1169px) {
  #bannerbar #bannerprev {
    margin: 75px 30px 0 0;
  }

  #bannerbar #bannernext {
    margin: 75px 0 0 30px;
  }

  #bannerbar .banner {
    width: 400px;
  }
}

@media screen and (min-width: 1170px) {
  #site {
    min-width: 1170px;
  }

  #site .centerbar {
    width: 1150px;
  }

  #site .headerbar {
    width: 1150px;
  }

  #navbar ul {
    position: relative;
    margin: 0px auto;
    width: 1150px;
  }

  #navigation {
    width: 1020px;
  }

  #site .slideshow .image {
    width: 100%;
    /*height: 440px;*/
    overflow: hidden;
  }

  #site .slideshow .overlayimg {
    margin-left: -575px;
  }

  #site .slideshow .overlaytxt {
    width: 520px;
  }

  #site .slideshow .searchfield .fieldinfo {
    margin-left: 105px;
  }

  #library {
    padding: 60px 95px;
  }

  #catslider #catprev {
    margin: 47px 60px 47px 0px;
  }

  #catslider #catnext {
    margin: 47px 0px 47px 60px;
  }

  #catslider .slider {
    margin: 0px 95px;
  }

  .singleproductslider .slider {
    margin: 0px 95px;
  }

  .multiproductslider .slider {
    margin: 0px 95px;
  }

  .multiproductslider .multiprodprev {
    margin: 139px 41px 139px 0px;
  }

  .multiproductslider .multiprodnext {
    margin: 139px 0px 139px 41px;
  }

  .singleproductslider .prodprev {
    margin: 139px 41px 139px 0px;
  }

  .singleproductslider .prodnext {
    margin: 139px 0px 139px 41px;
  }

  #map {
    height: 500px;
  }

  #bannerbar .slider {
    margin: 0px 94px;
    width: 800px;
    float: left;
  }

  #bannerbar #bannerprev {
    margin: 75px 61px 0px 0px;
  }

  #bannerbar #bannernext {
    margin: 75px 0px 0px 61px;
  }

  #site .imageslider .slideprev {
    margin-top: -37px;
    margin-left: -575px;
  }

  #site .imageslider .slidenext {
    margin-top: -37px;
    margin-right: -575px;
  }

  #site .designers .designer {
    width: 229px;
  }

  #news .slider .image img {
    margin-top: -7%;
  }

  #news #newsprev {
    margin: -37px 0px 0px -575px;
  }

  #news #newsnext {
    margin: -37px -575px 0px 0px;
  }

  #news #pager {
    margin: 0px 0px 0px -575px;
  }

  #mapcontent .head {
    margin-left: -575px;
  }

  #mapcontent .mapblock {
    margin-left: -575px;
  }

  #footer .content {
    width: 700px;
  }

  #footer .content .column {
    width: 320px;
  }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 15px/20px "Founders Grotesk", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/fancybox/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: 500 13px/20px "Founders Grotesk", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}

.sidr {
  background: none repeat scroll 0 0 #000;
  box-shadow: 0 0 5px 5px #222222 inset;
  color: #FFFFFF;
  display: none;
  font-family: "Founders Grotesk", tahoma, verdana, arial, sans-serif;
  font-size: 15px;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 260px;
  z-index: 999999;
}

.sidr .sidr-inner {
  padding: 0 0 15px;
}

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr.right {
  left: auto;
  right: -260px;
}

.sidr.left {
  left: -260px;
  right: auto;
}

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
  background-image: linear-gradient(#4D4D4D, #1A1A1A);
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  line-height: 24px;
  margin: 0 0 5px;
  padding: 0 15px;
}

.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}

.sidr p a {
  color: rgba(255, 255, 255, 0.9);
}

.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr ul {
  border-bottom: 1px solid #4D4D4D;
  display: block;
  margin: 0 0 15px;
  padding: 0;
}

.sidr ul li {
  border-bottom: 1px solid #717171;
  display: block;
  line-height: 48px;
  margin: 0;
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: medium none;
  line-height: 48px;
}

.sidr ul li a, .sidr ul li span {
  color: #FFFFFF;
  display: block;
  padding: 0 15px;
  text-decoration: none;
}

.sidr ul li ul {
  border-bottom: medium none;
  margin: 0;
}

.sidr ul li ul li {
  font-size: 13px;
  line-height: 40px;
}

.sidr ul li ul li:last-child {
  border-bottom: medium none;
}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: medium none;
  line-height: 41px;
}

.sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #222222 inset;
}

.sidr ul li ul li a, .sidr ul li ul li span {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 30px;
}

.sidr form {
  margin: 0 15px;
}

.sidr label {
  font-size: 13px;
}

.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
  border: medium none;
  border-radius: 2px;
  clear: both;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-size: 13px;
  margin: 0 0 10px;
  padding: 5px;
  width: 100%;
}

.sidr input[type="checkbox"] {
  clear: none;
  display: inline;
  width: auto;
}

.sidr input[type="button"], .sidr input[type="submit"] {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #333333;
}

.sidr input[type="button"]:hover, .sidr input[type="submit"]:hover {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

/*! jQuery UI - v1.10.3 - 2014-01-10
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2.2em
}

button.ui-button-icon-only {
  width: 2.4em
}

.ui-button-icons-only {
  width: 3.4em
}

button.ui-button-icons-only {
  width: 3.7em
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em
}

input.ui-button {
  padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em
}

.ui-buttonset {
  margin-right: 7px
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5
}

.ui-menu .ui-state-disabled a {
  cursor: default
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222
}

.ui-widget-content a {
  color: #222
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222;
  font-weight: bold
}

.ui-widget-header a {
  color: #222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555;
  text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-carat-1-n {
  background-position: 0 0
}

.ui-icon-carat-1-ne {
  background-position: -16px 0
}

.ui-icon-carat-1-e {
  background-position: -32px 0
}

.ui-icon-carat-1-se {
  background-position: -48px 0
}

.ui-icon-carat-1-s {
  background-position: -64px 0
}

.ui-icon-carat-1-sw {
  background-position: -80px 0
}

.ui-icon-carat-1-w {
  background-position: -96px 0
}

.ui-icon-carat-1-nw {
  background-position: -112px 0
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px
}

.ui-widget-overlay {
  background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px
}