/* CREATED BY TRYGG MEDIA */
.borderbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*.placeholder (@pl: color:black){
	::-webkit-input-placeholder: @pl; 
	:-moz-placeholder: @pl;
	::-moz-placeholder: @pl;
	:-ms-input-placeholder: @pl;
}*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* Colors */
proxy {
  color: #9f9f9f;
}
/* Typography */
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a,
p,
a {
  margin-top: 0;
  color: #242424;
}
h1,
h1 a {
  font-size: 45px;
  line-height: 50px;
  font-weight: 800;
}
h2,
h2 a {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
}
h3,
h3 a {
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
}
a {
  color: #0088cc;
}
strong {
  font-weight: 600;
}
.alert strong {
  font-weight: bold;
}
/* nav-sub & nav-last*/
.nav-sub,
.nav-last {
  margin: 0 0 0 -6px;
  padding: 0;
  position: relative;
  float: none;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.nav-sub ul,
.nav-last ul {
  list-style: none;
  margin: 0;
}
.nav-sub li,
.nav-last li {
  float: left;
  padding-left: 6px;
  padding-bottom: 4px;
  text-align: center;
}
.nav-sub a,
.nav-last a {
  position: relative;
  top: 0;
  padding: 6px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 0 #d6d6d6;
  -webkit-box-shadow: 0 2px 0 #d6d6d6;
  box-shadow: 0 2px 0 #d6d6d6;
  text-shadow: none;
  border: none;
  background: #f5f5f5;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin-bottom: 10px;
  margin: 0 auto 3px;
  padding: 7px;
  display: block;
  font-size: 16px;
  text-align: center;
}
.nav-sub a:hover,
.nav-last a:hover {
  background: #d6d6d6;
  top: 2px;
  -moz-box-shadow: 0 0 0 #d6d6d6;
  -webkit-box-shadow: 0 0 0 #d6d6d6;
  box-shadow: 0 0 0 #d6d6d6;
}
.nav-sub a:hover,
.nav-last a:hover {
  text-decoration: none;
}
.nav-sub .current a,
.nav-last .current a {
  text-decoration: none;
}
.stretch ul {
  display: table;
  width: 100%;
}
.stretch li {
  display: table-cell;
  float: none;
}
/*spanz*/
/* Buttons */
.btn {
  position: relative;
  top: 0;
  padding: 6px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 0 #d6d6d6;
  -webkit-box-shadow: 0 2px 0 #d6d6d6;
  box-shadow: 0 2px 0 #d6d6d6;
  text-shadow: none;
  border: none;
  background: #f5f5f5;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn:hover {
  background: #d6d6d6;
  top: 2px;
  -moz-box-shadow: 0 0 0 #d6d6d6;
  -webkit-box-shadow: 0 0 0 #d6d6d6;
  box-shadow: 0 0 0 #d6d6d6;
}
[class*="btn-"] {
  color: white;
}
.btn-primary {
  background: #0088cc;
  -moz-box-shadow: 0 2px 0 #006ea5;
  -webkit-box-shadow: 0 2px 0 #006ea5;
  box-shadow: 0 2px 0 #006ea5;
}
.btn-primary:hover {
  background: #006ea5;
}
.btn-danger {
  background: #d40000;
  -moz-box-shadow: 0 2px 0 #a80000;
  -webkit-box-shadow: 0 2px 0 #a80000;
  box-shadow: 0 2px 0 #a80000;
}
.btn-danger:hover {
  background: #a80000;
}
.btn-warning {
  background: #f09000;
  -moz-box-shadow: 0 2px 0 #d88000;
  -webkit-box-shadow: 0 2px 0 #d88000;
  box-shadow: 0 2px 0 #d88000;
}
.btn-warning:hover {
  background: #d88000;
}
.btn-success {
  background: #66c000;
  -moz-box-shadow: 0 2px 0 #498b00;
  -webkit-box-shadow: 0 2px 0 #498b00;
  box-shadow: 0 2px 0 #498b00;
}
.btn-success:hover {
  background: #498b00;
}
.btn-info {
  background: #00c5b8;
  -moz-box-shadow: 0 2px 0 #00ada2;
  -webkit-box-shadow: 0 2px 0 #00ada2;
  box-shadow: 0 2px 0 #00ada2;
}
.btn-info:hover {
  background: #00ada2;
}
.btn-inverse {
  background: #646464;
  -moz-box-shadow: 0 2px 0 #000000;
  -webkit-box-shadow: 0 2px 0 #000000;
  box-shadow: 0 2px 0 #000000;
}
.btn-inverse:hover {
  background: #000000;
}
.btn-toolbar {
  margin-top: 0;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn {
  margin-left: 5px;
}
/* Dropdown-menu */
#header .menu-clickdown {
  /* whole dropdown */

  position: relative;
  margin: 0;
  right: 0;
  margin-top: 22px;
  float: right;
  display: none;
}
#header .menu-clickdown .dropdown-toggle {
  /* the button */

  display: block;
  padding: 0!important;
  margin-bottom: 0;
  float: right;
  width: 55px;
  height: 45px;
  top: 0;
  right: 0;
  background: none;
  background-color: #0088cc;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header .menu-clickdown .dropdown-toggle .icon-bar {
  /* the menu lines */

  display: block;
  width: 75%;
  height: 5px;
  margin: 7px;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#header .menu-clickdown .dropdown-menu {
  /* the dropdown ul */

  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #0088cc;
  border: none;
  margin-left: 5px;
  left: auto;
  right: 0;
  padding: 10px 0;
  margin-top: 0;
}
#header .menu-clickdown .dropdown-menu a {
  color: white;
  font-size: 19px;
  text-align: right;
  line-height: normal;
  padding: 3px 12px;
}
#header .menu-clickdown .dropdown-menu a:hover {
  background-color: #006ea5;
}
#header .menu-clickdown.open .dropdown-toggle {
  /* the button */

  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#header .menu-clickdown.open .dropdown-menu {
  /* the dropdown ul */

  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  -ms-border-radius: 3px 0 3px 3px;
  -o-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  background-image: none;
  background-color: #d6d6d6;
  color: #242424;
}
/* Navigation */
#header {
  background-color: #E0E0E0;
  min-height: 100px;
}
#header .container {
  position: relative;
}
#header .dropdown-menu {
  left: auto;
  right: 5px;
  margin-left: 5px;
}
#header .dropdown-menu .dropdown-menu {
  left: -160px;
  right: 100%;
  width: 160px;
}
#header .dropdown-menu li > a {
  padding: 3px 12px;
}
.logo {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
.logo > a {
  float: left;
}
#nav {
  margin: 25px 0 0 0;
  float: right;
}
#nav > li {
  float: left;
  list-style: none;
}
#nav > li > a {
  margin-right: 5px;
  padding: 10px 9px;
  font-size: 17px;
  line-height: normal;
}
#nav > li > a:hover {
  text-decoration: none;
}
#nav.buttons > li > a {
  position: relative;
  top: 0;
  padding: 6px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 0 #d6d6d6;
  -webkit-box-shadow: 0 2px 0 #d6d6d6;
  box-shadow: 0 2px 0 #d6d6d6;
  text-shadow: none;
  border: none;
  background: #f5f5f5;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin-bottom: 10px;
}
#nav.buttons > li > a:hover {
  background: #d6d6d6;
  top: 2px;
  -moz-box-shadow: 0 0 0 #d6d6d6;
  -webkit-box-shadow: 0 0 0 #d6d6d6;
  box-shadow: 0 0 0 #d6d6d6;
}
#select-menu {
  clear: left;
  display: none;
}
/* Module Article */
.module-article {
  position: relative;
}
.module-article a {
  color: #006ea5;
}
.module-article a.btn {
  color: white;
}
.module-article a.btn:hover {
  color: white;
}
.module-article a:hover {
  text-decoration: none;
  color: #0088cc;
}
/* Productlist and employeelist */
.module-productlist,
.module-employeelist {
  list-style: none;
  margin: 0;
  margin-left: -10px;
  margin-bottom: 30px;
}
.module-productlist h1,
.module-employeelist h1,
.module-productlist h1 a,
.module-employeelist h1 a {
  font-size: 17px;
  line-height: 21px;
  margin-top: 0;
}
.module-productlist h1:hover,
.module-employeelist h1:hover,
.module-productlist h1 a:hover,
.module-employeelist h1 a:hover {
  text-decoration: none;
  color: red;
}
.module-productlist li,
.module-employeelist li {
  position: relative;
  border-bottom: 1px solid #efefef;
}
.module-productlist li:hover,
.module-employeelist li:hover {
  background-color: #f9f9f9;
}
.module-productlist .price,
.module-employeelist .price {
  font-size: 23px;
  line-height: 28px;
}
/* Employee list */
.module-employeelist {
  margin: 0 0 20px -10px;
}
.module-employeelist li {
  list-style: none;
  width: 274px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  border: 1px solid #E9E9E9;
  background-color: white;
  -moz-box-shadow: 0 1px 0 #e2e2e2;
  -webkit-box-shadow: 0 1px 0 #e2e2e2;
  box-shadow: 0 1px 0 #e2e2e2;
}
.module-employeelist .facehugger {
  margin: 10px;
}
.module-employeelist a:hover {
  text-decoration: none;
}
.module-employeelist img {
  max-height: 196px;
  display: block;
  margin: 0 auto 10px;
  border: 0;
}
.employee-details {
  margin: 5px 15px 0;
}
.employee-details h1,
.employee-details h1 a {
  font-size: 21px;
  line-height: 23px;
  text-shadow: 1px 1px 0 #ffffff;
  font-weight: normal;
  color: #323232;
  margin-top: 0;
}
.employee-details h1 span,
.employee-details h1 a span {
  color: #585858;
}
.employee-details h2 {
  color: #323232;
  font-size: 17px;
  font-weight: normal;
  line-height: 19px;
  margin-top: 0;
}
.employee-details h3 {
  font-size: 15px;
  line-height: 19px;
  font-weight: normal;
  color: #5b5b5b;
  margin-top: 0;
}
/* Vertical productlist */
.vertical {
  margin-left: 0;
}
.vertical img {
  max-height: 150px;
  margin-right: 15px;
  float: none;
}
.vertical li {
  padding: 1%;
  margin-bottom: 10px;
}
.vertical li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.vertical li .product-img {
  float: left;
  max-width: 20%;
}
/* Cards productlist */
.cards {
  margin-left: -10px;
}
.cards li {
  float: left;
  width: 22.6%;
  margin-left: 10px;
  margin-bottom: 13px;
  padding: 5px;
  border: 1px solid #e9e9e9;
  -moz-box-shadow: 0 2px 1px #dcdcdc;
  -webkit-box-shadow: 0 2px 1px #dcdcdc;
  box-shadow: 0 2px 1px #dcdcdc;
  background-color: white;
}
.cards li:nth-of-type(4n+1) {
  clear: left;
}
.cards .product-img {
  margin-bottom: 10px;
  display: inline-block;
}
.cards .product-img img {
  max-height: 170px;
}
.span10 .cards li {
  width: 351px;
  padding: 15px;
}
.span10 .cards li:nth-of-type(odd) {
  clear: left;
}
.span8 .cards li {
  width: 270px;
  padding: 15px;
}
.span8 .cards li:nth-of-type(odd) {
  clear: left;
}
.sidepanel-holder ~ div .span8 .cards li {
  width: 426px;
}
.span6 .cards li {
  width: 191px;
  padding: 15px;
}
.span6 .cards li:nth-of-type(odd) {
  clear: left;
}
.buy,
.info {
  position: relative;
  top: 0;
  padding: 6px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 0 #d6d6d6;
  -webkit-box-shadow: 0 2px 0 #d6d6d6;
  box-shadow: 0 2px 0 #d6d6d6;
  text-shadow: none;
  border: none;
  background: #f5f5f5;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin-bottom: 10px;
  display: inline-block;
  color: white;
}
.buy:hover,
.info:hover {
  background: #d6d6d6;
  top: 2px;
  -moz-box-shadow: 0 0 0 #d6d6d6;
  -webkit-box-shadow: 0 0 0 #d6d6d6;
  box-shadow: 0 0 0 #d6d6d6;
}
.buy:hover,
.info:hover {
  text-decoration: none;
  color: #bcbcbc;
}
.buy {
  background: #0088cc;
  -moz-box-shadow: 0 2px 0 #006ea5;
  -webkit-box-shadow: 0 2px 0 #006ea5;
  box-shadow: 0 2px 0 #006ea5;
}
.buy:hover {
  background: #006ea5;
}
.info {
  background: #00c5b8;
  -moz-box-shadow: 0 2px 0 #00ada2;
  -webkit-box-shadow: 0 2px 0 #00ada2;
  box-shadow: 0 2px 0 #00ada2;
}
.info:hover {
  background: #00ada2;
}
.sticker {
  background-color: #F0F0F0;
  float: right;
  color: #3D8F9E;
  text-align: center;
  font-weight: bold;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  padding: 4px 9px 3px 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* Productpage */
.productpage .buy {
  margin-bottom: 30px;
}
.productpage .price {
  margin-bottom: 20px;
}
.productpage .image-area {
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
}
.product-info {
  padding: 25px;
  margin-bottom: 0;
  margin-top: 20px;
  background-color: #ffffff;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.product-info .head {
  background-color: #F5F5F5;
  margin: -25px;
  margin-bottom: 20px;
  padding: 25px;
  display: block;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.product-info h1 {
  font-size: 37px;
  line-height: 42px;
  margin-top: 0;
  text-align: center;
}
.product-info h2 {
  font-size: 27px;
  line-height: 37px;
  font-weight: 200;
  color: #969696;
  text-align: center;
}
.product-info .side {
  float: right;
  display: block;
  width: 100%;
  background-color: #F5F5F5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.productarticle {
  padding: 0 30px 30px 30px;
  margin-bottom: 30px;
  background-color: #ffffff;
}
.price {
  font-size: 25px;
  font-style: italic;
  color: #262626;
}
.in-stock {
  background-color: green;
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-right: 5px;
}
/* Employee page */
.employeepage .businesscard .cardholder {
  background-color: #E9E9E9;
  margin-bottom: 10px;
  padding: 20px 20px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-bottom: 2px #D6D6D6 solid;
}
.employeepage .facehugger {
  float: left;
  max-width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.employeepage .technical-info {
  float: left;
  margin-bottom: 20px;
  width: 560px;
}
.employeepage .technical-info h1 {
  margin-top: 0;
}
.employeepage .technical-info h2 {
  margin-top: 0;
  font-weight: normal;
}
.employeepage .technical-info h3 {
  margin-top: 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  color: #4e4e4e;
  font-style: normal;
}
.employeepage .employee-article .container {
  clear: both;
  margin-bottom: 20px;
}
.employeepage .email span,
.employeepage .phone span,
.employeepage .phone2 span,
.employeepage .phone3 span {
  width: 13px;
  height: 13px;
  background-color: #5c5c5c;
  position: relative;
  top: 2px;
  margin-right: 5px;
  display: none;
}
/* Sidepanel employeepage */
.sidepanel-holder ~ div .superman {
  width: 700px;
  position: relative;
}
/* Arguments */
[class*="section"] {
  position: relative;
  overflow: hidden;
}
[class*="section"] {
  padding-top: 20px;
}
[class*="section"] > img {
  position: absolute;
  z-index: 50;
  top: -10px;
  right: -5000%;
  left: -5000%;
  display: block;
  margin: 0 auto;
  max-width: none;
}
[class*="section"] > .superman {
  position: relative;
  z-index: 100;
}
.dark {
  background-color: #424242;
}
.hero-unit {
  background: none;
  border: 1px solid #b2b2b2;
  text-align: center;
  padding: 20px 60px;
}
.hero-unit img {
  margin-bottom: 15px;
}
.hero-unit h1 {
  margin-top: 0;
  margin-bottom: 15px;
}
.hero-unit h2 {
  font-weight: 200;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 15px;
}
.dark .hero-unit {
  color: white;
}
.dark .module-arguments > li,
.dark .module-arguments > div > li {
  background: none;
  color: #ffffff;
  -moz-box-shadow: inset 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 1px #ffffff;
  box-shadow: inset 0 0 1px #ffffff;
}
.btn {
  margin-bottom: 10px;
}
/* Sidepanel */
.sidepanel-holder {
  padding: 0;
}
.sidepanel-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.sidepanel-container {
  width: 940px;
  margin: 0 auto;
  position: relative;
}
.sidepanel {
  width: 22.5%;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 150;
  padding: 8px 0;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
  border-bottom: 2px #D6D6D6 solid;
}
.sidepanel h1 {
  font-size: 17px;
  line-height: 20px;
  margin-top: 0;
}
.sidepanel h2 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
  margin-top: 3px;
  line-height: 20px;
}
.sidepanel ul {
  margin: 0;
}
.sidepanel ul li {
  list-style: none;
}
.sidepanel > ul ul li {
  margin-left: 10px;
}
.sidepanel a {
  display: block;
  padding: 5px 10px;
  color: #000000;
}
.sidepanel a:hover {
  text-decoration: none;
  background-color: #e3e3e3;
}
.sidepanel .current > a {
  background-color: #e3e3e3;
}
.sidepanel hr {
  margin: 5px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid white;
}
.sidepanel-holder ~ div > .superman {
  position: relative;
  z-index: 100;
  padding-left: 233px;
  width: 700px;
}
/* Arguments */
.module-arguments {
  text-align: center;
  margin: 0 0 0 -10px;
}
.module-arguments ul {
  margin: 0 0 15px;
}
.module-arguments li {
  list-style: none;
}
.module-arguments img {
  max-height: 100px;
  display: block;
  margin: 0 auto 10px;
}
.module-arguments h1 {
  font-size: 26px;
  line-height: 30px;
  margin-top: 0;
}
.module-arguments h2 {
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 0;
}
.module-arguments > div > li,
.module-arguments > li {
  margin-left: 10px;
  padding: 5px;
  background-color: #f5f5f5;
  margin-bottom: 10px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.module-arguments.one > li {
  display: block;
  width: auto;
  padding: 20px;
  float: none;
}
.module-arguments.two > div > li {
  width: 47%;
}
.module-arguments.three > li,
.module-arguments.three > div > li {
  width: 30.333333%;
}
.module-arguments.four > div > li {
  width: 22%;
}
.module-arguments.five > li,
.module-arguments.five > div > li {
  width: 17%;
}
.module-arguments.six > li,
.module-arguments.six > div > li {
  width: 13.66%;
}
/* Carousel */
.carousel-control {
  opacity: 1;
  background: none;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  border-style: none;
  top: 10%;
}
.carousel .carousel-control.left {
  left: 30px;
  background-image: url('/public/images/carousel-arrow-left.png');
}
.carousel .carousel-control.right {
  right: 30px;
  background-image: url('/public/images/carousel-arrow-right.png');
}
.carousel:hover .carousel-control {
  opacity: 1;
}
.carousel:hover .carousel-control.left {
  left: 15px;
}
.carousel:hover .carousel-control.right {
  right: 15px;
}
.carousel .carousel-control.left:hover {
  left: 5px;
}
.carousel .carousel-control.right:hover {
  right: 5px;
}
/* Carousel caption */
.carousel-caption {
  background: none;
}
.carousel-caption a {
  display: inline-block;
}
.carousel-caption a:hover {
  text-decoration: none;
}
.carousel-caption h1 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  -moz-box-shadow: 0 2px 0 #9f9f9f;
  -webkit-box-shadow: 0 2px 0 #9f9f9f;
  box-shadow: 0 2px 0 #9f9f9f;
  padding: 3px 10px;
  background-color: #f5f5f5;
}
.carousel-caption h1,
.carousel-caption h1 a {
  color: #242424;
  font-size: 14px;
  line-height: 20px;
}
.carousel-caption h2,
.carousel-caption h2 a,
.carousel-caption h3,
.carousel-caption h3 a {
  font-size: 30px;
  line-height: 36px;
  margin-top: 0;
  background: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: 600;
  color: #1e1e1e;
}
.carousel-caption h3,
.carousel-caption h3 a {
  color: #ededed;
  text-shadow: 0 2px 0 #000000;
}
/* Large desktop */
@media (min-width: 1200px) {
  .sidepanel-holder ~ div > .superman {
    padding-left: 230px;
    width: 930px;
  }
  .sidepanel-container {
    width: 1170px;
  }
  .sidepanel {
    width: 17.7%;
  }
  .module-arguments.six > li {
    width: 13.668215%;
  }
  /* Employee and sidepanel implications */
  .sidepanel-holder ~ div .superman {
    width: 930px;
  }
  .sidepanel-holder ~ div .superman .technical-info {
    width: 560px;
  }
  .cards li {
    width: 252px;
    margin-left: 10px;
    padding: 15px;
  }
  .sidepanel-holder ~ div .span12 .cards li {
    width: 270px;
    padding: 15px;
  }
  .sidepanel-holder ~ div .span12 .cards li:nth-of-type(odd) {
    clear: none;
  }
  .sidepanel-holder ~ div .span12 .cards li:nth-of-type(3n+1) {
    clear: left;
  }
  .span10 .cards li {
    width: 283px;
    padding: 15px;
  }
  .span10 .cards li:nth-of-type(odd) {
    clear: none;
  }
  .span10 .cards li:nth-of-type(3n+1) {
    clear: left;
  }
  .span9 .cards li {
    width: 250px;
  }
  .sidepanel-holder ~ div .span9 .cards li {
    width: 306px;
  }
  .span8 .cards li {
    width: 345px;
  }
  .sidepanel-holder ~ div .span8 .cards li {
    width: 266px;
  }
  .span6 .cards li {
    width: 245px;
  }
  .sidepanel-holder ~ div .span6 .cards li {
    width: 188px;
  }
}
/* Desktop only */
@media (min-width: 980px) and (max-width: 1199px) {
  .sidepanel-holder ~ div .employeepage .superman .facehugger {
    width: 200px;
  }
  .sidepanel-holder ~ div .employeepage .superman .technical-info {
    width: 380px;
  }
  .sidepanel-holder ~ div .span8 .cards li {
    width: 266px;
  }
  .sidepanel-holder ~ div .span12 .cards li {
    width: 330px;
  }
  .sidepanel-holder ~ div .span12 .cards li {
    width: 310px;
    padding: 15px;
  }
  .sidepanel-holder ~ div .span12 .cards li:nth-of-type(5n) {
    clear: none;
  }
  .sidepanel-holder ~ div .span12 .cards li:nth-of-type(odd) {
    clear: left;
  }
  .sidepanel-holder ~ div .span10 .cards li {
    width: 250px;
    padding: 15px;
  }
  .sidepanel-holder ~ div .span10 .cards li:nth-of-type(5n) {
    clear: none;
  }
  .sidepanel-holder ~ div .span10 .cards li:nth-of-type(odd) {
    clear: left;
  }
  .sidepanel-holder ~ div .span8 .cards li {
    width: 190px;
  }
  .sidepanel-holder ~ div .span6 .cards {
    padding: 0;
    margin-left: 0;
  }
  .sidepanel-holder ~ div .span6 .cards li {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
  }
}
/* Tablet and up */
@media (min-width: 768px) {
  .span3 .cards,
  .span4 .cards {
    margin: 0;
    margin-bottom: 20px;
  }
  .span3 .cards li,
  .span4 .cards li {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px;
    -moz-box-shadow: 0 1px #dadada;
    -webkit-box-shadow: 0 1px #dadada;
    box-shadow: 0 1px #dadada;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span3 .cards li:nth-of-type(odd),
  .span4 .cards li:nth-of-type(odd) {
    clear: none;
  }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .span6 .cards {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
  }
  .span6 .cards li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .span6 .cards li:last-of-type {
    margin-bottom: 0;
  }
}
/* Tablet and down */
@media (max-width: 979px) {
  .sidepanel-holder {
    padding-top: 20px;
  }
  .sidepanel-container {
    width: 724px;
  }
  .sidepanel {
    width: auto;
    position: static;
    margin-bottom: 0;
  }
  .sidepanel-holder ~ div .superman {
    padding-left: 10px;
    padding-right: 10px;
    width: 724px;
  }
  .cards li {
    width: 44.1%;
    padding: 2%;
    margin-left: 8px;
  }
  .cards li:nth-of-type(4n+1) {
    clear: none;
  }
  .cards li:nth-of-type(odd) {
    clear: left;
  }
  .span10 .cards li {
    width: 273px;
    padding: 10px;
  }
  .span10 .cards li:nth-of-type(odd) {
    clear: left;
  }
  .span10 .cards li:nth-of-type(3n+1) {
    clear: none;
  }
  .span8 .cards li {
    width: 200px;
  }
  .suspended-clear:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
  }
  .module-arguments > li {
    width: auto!important;
    float: none;
    display: block;
  }
  .module-arguments > div > li {
    width: 47%!important;
  }
  .module-arguments.five > li,
  .module-arguments.five > div > li {
    width: 47%;
  }
  .module-arguments.five .one {
    width: auto;
    display: block;
    float: none;
  }
  .module-arguments.six > li,
  .module-arguments.six > div > li {
    width: 47%;
  }
  /* Employee page */
  .employeepage .facehugger {
    width: 200px;
  }
  .employeepage .technical-info {
    width: 380px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body {
    padding: 0;
  }
  #header .menu-clickdown {
    display: block;
  }
  .container,
  .sidepanel-holder ~ div .superman {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
  .sidepanel-container {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .sidepanel-holder ~ div .employeepage .superman {
    left: 0;
    width: auto;
  }
  .employeepage .facehugger {
    float: none;
    max-width: none;
    margin-right: 0;
  }
  .employeepage .technical-info {
    float: none;
    width: auto;
  }
  .cards li {
    width: 43.5%;
  }
  .span10 .cards li,
  .span8 .cards li,
  .span6 .cards li,
  .span4 .cards li,
  .span3 .cards li,
  .span2 .cards li {
    width: 43.5%;
    padding: 2%;
  }
  .span10 .cards li:nth-of-type(odd),
  .span8 .cards li:nth-of-type(odd),
  .span6 .cards li:nth-of-type(odd),
  .span4 .cards li:nth-of-type(odd),
  .span3 .cards li:nth-of-type(odd),
  .span2 .cards li:nth-of-type(odd) {
    clear: left;
  }
  .product-info .image-area {
    float: none;
    width: auto;
    max-width: none;
  }
  .product-info .side {
    float: none;
    width: auto;
    max-width: none;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .logo {
    float: none;
  }
  .logo > a {
    float: none;
  }
  #header .menu-clickdown {
    margin: 0;
    float: none;
  }
  #header .menu-clickdown .dropdown-toggle {
    top: 22px;
  }
  #header .menu-clickdown .dropdown-menu {
    position: relative;
    clear: both;
    margin: 0;
    margin-top: 0;
    width: 100%;
    right: 0;
  }
  #header .menu-clickdown .dropdown-menu a {
    padding: 3px 20px;
  }
  .module-arguments > li,
  .module-arguments > div > li {
    width: auto!important;
    float: none;
  }
  .carousel-caption {
    padding: 0;
    margin-top: 10px;
  }
  .carousel-caption h2,
  .carousel-caption h2a,
  .carousel-caption h3,
  .carousel-caption h3 a {
    color: #1e1e1e;
    text-shadow: none;
    font-size: 20px;
    line-height: 26px;
  }
  .vertical li .product-img {
    max-width: none;
    float: none;
  }
  .span12 .cards,
  .span10 .cards,
  .span8 .cards,
  .span6 .cards,
  .span4 .cards,
  .span3 .cards,
  .span2 .cards {
    margin: 0;
  }
  .span12 .cards li,
  .span10 .cards li,
  .span8 .cards li,
  .span6 .cards li,
  .span4 .cards li,
  .span3 .cards li,
  .span2 .cards li {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px;
    -moz-box-shadow: 0 1px #dadada;
    -webkit-box-shadow: 0 1px #dadada;
    box-shadow: 0 1px #dadada;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12 .cards li:nth-of-type(odd),
  .span10 .cards li:nth-of-type(odd),
  .span8 .cards li:nth-of-type(odd),
  .span6 .cards li:nth-of-type(odd),
  .span4 .cards li:nth-of-type(odd),
  .span3 .cards li:nth-of-type(odd),
  .span2 .cards li:nth-of-type(odd) {
    clear: none;
  }
  .productpage .product-info {
    padding: 10px;
  }
  .productpage .product-info .head {
    margin: -10px;
    margin-bottom: 10px;
  }
  .productpage .product-info .head h1 {
    font-size: 28px;
    line-height: 35px;
  }
  .productpage .product-info .head h2 {
    font-size: 25px;
    line-height: 33px;
  }
  .productpage .product-info .side {
    padding: 10px;
  }
}
@media print {
  #header,
  .nav-sub,
  .nav-last,
  #footer {
    display: none;
  }
}