@import "fonts/FuturaStd/FuturaStd-Medium/futurastd-medium.css";
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/*
Theme Name: Mia Cullin
Author: Barracoda
Version: 1.0
*/
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
 /* min-width: 960px;*/
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12 {
  position: relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px;
}
.container_12 .grid_2 {
  width: 140px;
}
.container_12 .grid_3 {
  width: 220px;
}
.container_12 .grid_4 {
  width: 300px;
}
.container_12 .grid_5 {
  width: 380px;
}
.container_12 .grid_6 {
  width: 460px;
}
.container_12 .grid_7 {
  width: 540px;
}
.container_12 .grid_8 {
  width: 620px;
}
.container_12 .grid_9 {
  width: 700px;
}
.container_12 .grid_10 {
  width: 780px;
}
.container_12 .grid_11 {
  width: 860px;
}
.container_12 .grid_12 {
  width: 940px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px;
}
.container_12 .prefix_2 {
  padding-left: 160px;
}
.container_12 .prefix_3 {
  padding-left: 240px;
}
.container_12 .prefix_4 {
  padding-left: 320px;
}
.container_12 .prefix_5 {
  padding-left: 400px;
}
.container_12 .prefix_6 {
  padding-left: 480px;
}
.container_12 .prefix_7 {
  padding-left: 560px;
}
.container_12 .prefix_8 {
  padding-left: 640px;
}
.container_12 .prefix_9 {
  padding-left: 720px;
}
.container_12 .prefix_10 {
  padding-left: 800px;
}
.container_12 .prefix_11 {
  padding-left: 880px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px;
}
.container_12 .suffix_2 {
  padding-right: 160px;
}
.container_12 .suffix_3 {
  padding-right: 240px;
}
.container_12 .suffix_4 {
  padding-right: 320px;
}
.container_12 .suffix_5 {
  padding-right: 400px;
}
.container_12 .suffix_6 {
  padding-right: 480px;
}
.container_12 .suffix_7 {
  padding-right: 560px;
}
.container_12 .suffix_8 {
  padding-right: 640px;
}
.container_12 .suffix_9 {
  padding-right: 720px;
}
.container_12 .suffix_10 {
  padding-right: 800px;
}
.container_12 .suffix_11 {
  padding-right: 880px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px;
}
.container_12 .push_2 {
  left: 160px;
}
.container_12 .push_3 {
  left: 240px;
}
.container_12 .push_4 {
  left: 320px;
}
.container_12 .push_5 {
  left: 400px;
}
.container_12 .push_6 {
  left: 480px;
}
.container_12 .push_7 {
  left: 560px;
}
.container_12 .push_8 {
  left: 640px;
}
.container_12 .push_9 {
  left: 720px;
}
.container_12 .push_10 {
  left: 800px;
}
.container_12 .push_11 {
  left: 880px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px;
}
.container_12 .pull_2 {
  left: -160px;
}
.container_12 .pull_3 {
  left: -240px;
}
.container_12 .pull_4 {
  left: -320px;
}
.container_12 .pull_5 {
  left: -400px;
}
.container_12 .pull_6 {
  left: -480px;
}
.container_12 .pull_7 {
  left: -560px;
}
.container_12 .pull_8 {
  left: -640px;
}
.container_12 .pull_9 {
  left: -720px;
}
.container_12 .pull_10 {
  left: -800px;
}
.container_12 .pull_11 {
  left: -880px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}
* {
  margin: 0;
  padding: 0;
  border: none;
}

.sidebar{display:none;}
.woocommerce-ordering{display:none;}
.woocommerce-result-count{display:none;}
.related{display:none;}
header nav ul.nav-right {text-transform: uppercase !important;}
.woocommerce-shipping-fields #ship-to-different-address{width:300px;}
.woocommerce-shipping-fields #ship-to-different-address .checkbox{float: right; width:90%; text-align:left;}
.woocommerce-shipping-fields #ship-to-different-address .input-checkbox{float: right; width:10%; text-align:left;}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	color: #555;  /* This is what you MAY want to change color */
}
.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
    color: #555; /* Change this */

}
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#669966 !important;

background-color:669966 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#fff !important;

background-color:#333 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#333 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #555 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#555 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background: #333 !important;
box-shadow: none;
text-shadow: transparent !important;
color:white !important;
border-color:#333 !important;
}

.woocommerce table.cart td.actions .coupon input[type="text"] {
width:150px;
height:29px;
margin-right:10px;
}

div[itemprop="offers"]{
   margin:0.67em 0;
}
div[itemprop="description"]{
   margin:1.67em 0;
}
.order-number, .order-date, .order-status, .order-total, .order-actions
{background:#c3c0b1; font-weight:bold; color:#000;}
.post-edit-link{display:none;}

.woocommerce .product.has-default-attributes.has-children> .images {
opacity: 1;
}

.woocommerce div.product form.cart .variations select {
max-width:150px;
min-width:50px;
}
.woocommerce div.product form.cart .variations td.label {
    padding-right: 2px;
    width: 80px;
}
.woocommerce table.shop_attributes th {
    padding: 8px 0px 8px 0px;
    text-align: left;
}
/*-------------------------------------------------------------------------------------------*/
/*- FORMS ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.gform_fields{margin: 0; padding: 0;}
ul.gform_fields .gfield{overflow: hidden; margin-bottom: 25px;}
.gform_fields label{color: #454545;}
 
.woocommerce select {position: relative; display: inline-block; font-family: 'FuturaStdMedium', sans-serif; font-size: 14px; display: inline-block; margin: 0; padding: 10px; line-height: 1.5;color: #000; background-color: #fff; width: 100%; outline: 0;}
.woocommerce select option{color: #7e7e7e; font-size: 12px; padding: 3px; border: 0px;}
 
 .woocommerce input[type=text] {position: relative; display: inline-block; font-family: 'FuturaStdMedium', sans-serif; font-size: 14px; display: inline-block; margin: 0; padding: 2px; line-height: 1.5;color: #000; background-color: #fff; width: 100%; outline: 0;}

 .woocommerce input[type=tel] {position: relative; display: inline-block; font-family: 'FuturaStdMedium', sans-serif; font-size: 14px; display: inline-block; margin: 0; padding: 2px; line-height: 1.5;color: #000; background-color: #fff; width: 100%; outline: 0;}
 
  .woocommerce input[type=email] {position: relative; display: inline-block; font-family: 'FuturaStdMedium', sans-serif; font-size: 14px; display: inline-block; margin: 0; padding: 2px; line-height: 1.5;color: #000; background-color: #fff; width: 100%; outline: 0;}

  .woocommerce input[type=number] {position: relative; display: inline-block; font-family: 'FuturaStdMedium', sans-serif; font-size: 14px; display: inline-block; margin-top: 1px; padding: 2px; line-height: 1.5;color: #000; background-color: #fff; width: 100%; outline: 0;}

  .woocommerce input[type=coupon_code] {position: relative; display: inline-block; font-family: 'FuturaStdMedium', sans-serif; font-size: 14px; display: inline-block; margin-top: 1px; padding: 2px; line-height: 1.5;color: #000; background-color: #fff; width: 100%; outline: 0;}
    
/* Undo the Firefox inner focus ring */
.woocommerce select:focus:-moz-focusring {color: transparent; text-shadow: 0 0 0 #454545;}
 
/* Dropdown arrow */
.woocommerce select:after {position: absolute; top: 50%; right: 1.25rem; display: inline-block; content: "v"; width: 0; height: 0; margin-top: -.15rem; pointer-events: none; border-top: .35rem solid; border-right: .35rem solid transparent; border-bottom: .35rem solid transparent; border-left: .35rem solid transparent;}
 
/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/
 
/* Focus */
.woocommerce select select:focus {box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;}
 
/* Active/open */
.woocommerce select select:active {color: #fff; background-color: #0074d9;}
 
/* Hide the arrow in IE10 and up */
.woocommerce select select::-ms-expand {display: none;}
 
/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .woocommerce select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }
 
  /* elements inherit styles from, so reset them. */
  .woocommerce select option {
    background-color: white;
  }
}
 
/* IE9 hack to hide the arrow */
@media screen and (min-width:0\0) {
  .woocommerce select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem;
  }
  .woocommerce select:after {
    z-index: 5;
  }
  .woocommerce select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee;
  }
  .woocommerce select select:hover,
  .woocommerce select select:focus,
  .woocommerce select select:active {
    color: #555;
    background-color: #eee;
  }
}



  
html,
body {
  height: 100%;
}
body {
  background: #e0e0e0;
  font-family: 'FuturaStdMedium', sans-serif;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.5px;
  color: #555;
}
a {
  text-decoration: none;
  color: #8F8F8F;
  font-size: 12px;
  outline: none;
}
a:hover {
  color: #c3c0b1;
  outline: none;
}
a:focus {
  outline: none;
}
a:active {
  outline: none;
}
h1 {
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 3.4px;
}
h2 {
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 3.4px;
}
h2 + p {
  margin-top: 30px;
}
h3 {
  font-family: 'FuturaStdMedium', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 6px;
}
h4 {
  font-family: 'FuturaStdMedium', sans-serif;
  /*font-style: italic;*/

  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 6px;
}
.wrapper {
  padding-bottom: 60px;
 /* min-width: 1000px;*/
}
.container {
  zoom: 1;
  width: 940px;
  padding: 0 0px;
  margin: 0 auto;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container:before {
  content: " ";
  display: table;
}
.container:after {
  content: " ";
  display: table;
  clear: both;
}
.container + .container {
  margin-top: 60px;
}
.container + .container_12 {
  margin-top: 60px;
}

@media only screen and (min-width: 400px) {
  .container {
    width: 380px;
  }
  .container2 {
    width: 100px;
  }
  main[role=main] {
  width: 380px;
  margin:auto;
}
  #main {
  width: 380px;
  margin:auto;
    margin-top: 58px;
}
header nav ul li {
  float: left;
  padding: 0 8px;
}
}

@media only screen and (min-width: 850px) {
  .container {
    width: 700px;
  }
  .container2 {
    width: 175px;
  }
  main[role=main] {
  width: 700px;
  margin:auto;
}
  #main {
  width: 700px;
  margin:auto;
    margin-top: 58px;
}
header nav ul li {
  float: left;
  padding: 0 8px;
}
}

@media only screen and (min-width: 1255px) {
  .container {
    width: 1175px;
  }
  .container2 {
    width: 175px;
  }
  main[role=main] {
  width: 1175px;
  margin:auto;
}
  #main {
  width: 1175px;
  margin:auto;
    margin-top: 58px;
}
header nav ul li {
  float: left;
  padding: 0 15px;
}

}
@media only screen and (min-width: 1489px) {
  .container {
    width: 1410px;
  }
  main[role=main] {
  width: 1410px;
  margin:auto;
}
  #main {
  width: 1410px;
  margin:auto;
  margin-top: 58px;
}
header nav ul li {
  float: left;
  padding: 0 15px;
}
}
@media only screen and (min-width: 1723px) {
  .container {
    width: 1646px;
  }
  main[role=main] {
  width: 1646px;
  margin:auto;
}
  #main {
  width: 1646px;
  margin:auto;
  margin-top: 58px;
}
header nav ul li {
  float: left;
  padding: 0 15px;
}
}
@media only screen and (min-width: 1957px) {
  .container {
    width: 1883px;
  }
  main[role=main] {
  width: 1883px;
  margin:auto;
}
  #main {
  width: 1883px;
  margin:auto;
  margin-top: 58px;
}
header nav ul li {
  float: left;
  padding: 0 15px;
}
}
p + p {
  margin-top: 20px;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
header {
  zoom: 1;
  margin-top: 55px;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header:before {
  content: " ";
  display: table;
}
header:after {
  content: " ";
  display: table;
  clear: both;
}
header a.logo {
  position: absolute;
}
header nav {
  display: block;
  zoom: 1;
  padding-top: 26px;
  margin-left: 220px;
  position: relative;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  zoom: 1;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
header nav ul:before {
  content: " ";
  display: table;
}
header nav ul:after {
  content: " ";
  display: table;
  clear: both;
}
/*
header nav ul li {
  float: left;
  padding: 0 15px;
}*/
header nav ul li:last-child {
  padding-right: 0;
}
header nav ul li a {
  text-transform: uppercase;
  color: #c3c0b1;
  font-size: 10px;
}
header nav ul li a:hover {
  color: #c3c0b1;
}
header nav ul li.active a {
  color: #fff;
}
header nav ul.nav-right {
  float: right;
}
header nav ul.nav-right li a {
  color: #8F8F8F;
  text-transform: none;
  font-size: 12px;
}
header nav ul.nav-right li.current-menu-item a {
  color: #555;
}
header nav ul.nav-left {
  float: right;
}
header nav ul.nav-left li a {
  color: #8F8F8F;

  font-size: 12px;
}
header nav ul.nav-left li.current-menu-item a {
  color: #555;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
footer {
  margin-bottom: 60px;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
main[role=main] {
  margin-top: 60px;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
body.home .produkt-details {
  display: none;
  position: relative;
  margin: 0 auto;
  /*width: 940px;*/

}
body.home .produkt-details .container_12 {
  width: auto;
}
body.home .produkt-details .close {
  float: right;
}
body.home .produkt-details article {
  min-height: 100%;
  padding-bottom: 60px;
}
body.home .produkt-details article .image {
  float: left;
  width: 620px;
  text-align: left;
  min-height: 300px;
}
body.home .produkt-details article .body {
  margin-left: 640px;
}
body.home .produkt-details article .body hr {
  border: none;
  margin-top: 40px;
}
body.home .produkt-details article .body h2 {
  margin-top: 0;
}
body.home .produkt-details article .body .info h3 {
  margin-top: 20px;
}
body.home .produkt-details article .body .info p {
  margin: 0;
}
body.home .produkt-details article .body ul.produkt-images {
  padding: 0;
  margin-top: 0;
}
body.home .produkt-details article .body ul.produkt-images li {
  display: inline;
}
body.home .produkt-details article .body ul.produkt-images li.active a {
  color: #fff;
}
body.home .produkt-details article .body ul.produkt-images li.active a:hover {
  color: #fff;
}
body.home .produkts-container {
  vertical-align: baseline;
}
body.home .produkts-container .produkt {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 234px;
  margin-right: 1px;
  margin-bottom: 1px;
}
body.home .produkts-container .produkt a {
  display: block;
}
body.home .produkts-container .produkt a img {
  width: 100%;
  height: 100%;
  text-align: center;
}
body.home .produkts-container .isotope-item {
  z-index: 2;
}
body.home .produkts-container .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template h2 {
  font-size: 12px;
  line-height: 16px;
}
body.about_template .about-info > div:first-child {
  margin-left: 0;
}
body.about_template .about-info > div:last-child {
  margin-right: 0;
}
body.page-template-about_template main[role=main] .container-inner {
  background: #fff;
  color: #000;
  background: #ffffff;
  padding: 30px 20px 30px 10px;
}
body.about_template main[role=main] .container-inner .container-text {
  min-height: 355px;
  max-width: 610px;
}
body.about_template .social-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  zoom: 1;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links:before {
  content: " ";
  display: table;
}
body.about_template .social-links:after {
  content: " ";
  display: table;
  clear: both;
}
body.about_template .social-links li {
  display: block;
  float: left;
}
body.about_template .social-links li .social-icon {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
body.about_template .social-links li .social-icon.twitter {
  width: 25px;
  height: 20px;
  background: url(img/icon-twitter.png) no-repeat top left;
}
body.about_template .social-links li .social-icon.instagram {
  width: 20px;
  height: 20px;
  background: url(img/icon-instagram.png) no-repeat top left;
}
body.about_template .social-links li .social-icon.linkedin {
  width: 20px;
  height: 20px;
  background: url(img/icon-linkedin.png) no-repeat top left;
}
body.about_template .social-links li + li {
  margin-left: 18px;
}