@charset "UTF-8";

/** Neat + Configuration ***************************************/

/** Reset ******************************************************/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain) */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

.cf {
  clear: both;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

a {
  text-decoration: none;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/** Custom mixins **********************************************/

/*** SCSS Rules ***********************************************************************************************************************************************/

/** Domain globals *********************************************/

/**************************************************************************************************************************************************************/

html {
  font-family: "cooper_hewittbook", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-line-height: 1.5;
}

body {
  margin: 0 auto 50px auto;
}

img {
  border: 0;
}

.dialog {
  padding: 15px 1.69491525%;
  margin: 30px 0;
  /* @include span-columns(12); @include omega(); @include clearfix; */
}

.dialog.error {
  background: #e24b3e;
  color: #fff;
}

.dialog.notice {
  background: #eee;
  color: black;
}

.dialog p.title {
  font-family: "cooper_hewittbold";
}

/*** Forms ****/

/*** Login box ****/

div.loginbox {
  margin: auto;
  width: 28em;
  height: 12em;
  background: #eee;
  border: 1px solid #666;
  padding: 10px;
  text-align: center;
  overflow: visible;
}

#loginWindow {
  background-color: #ccc;
  width: 450px;
  margin: 20% auto 60% auto;
  padding: 25px 0 20px 0;
  border: 1px solid #CCC;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 4px #111;
          box-shadow: 1px 1px 4px #111;
}

#loginWindow img#logo {
  display: block;
  margin: 0 auto 4px auto;
  background: #fff;
  padding: 10px 15px 10px 15px;
  -webkit-box-shadow: inset 1px 1px 2px #666;
          box-shadow: inset 1px 1px 2px #666;
  border: 1px solid #CCC;
}

#loginWindow .reset {
  margin: 7px 0 15px 135px;
  font-size: 10px;
}

/***	Forms **********************************************************************/

form {
  margin: 0;
}

form.unsaved input[type=submit] {
  -webkit-animation: pulsate 1s ease-in-out;
  -webkit-animation-iteration-count: infinite;
}

label {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  text-align: right;
  margin: 4px 5px 0 0;
  white-space: nowrap;
  font-size: 13px;
  height: 1.25em;
  line-height: 1.25em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

select.small,
input.small {
  font-family: Helvetica, Arial;
  font-size: 10px;
  height: 18px;
}

.wrong {
  background: #CC0000;
  color: white;
}

span.form_comment {
  font-size: 0.9em;
  margin-right: 0.3em;
  margin-top: 3px;
  margin-bottom: -0.2em;
  white-space: nowrap;
  height: 1em;
  color: #333;
}

.editor_box {
  margin: -15px 0 0 137px;
  width: 800px;
}

.mceEditor img {
  max-width: none;
}

ol.sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 30px;
  border-left: 1px solid #666;
}

ol.sortable .handle {
  position: absolute;
  margin: 8px 0 0 -20px;
}

ol.sortable > li {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #F9F9F9;
}

ol.sortable + div.sortfoot {
  border: 1px dashed #ccc;
  border-left: 1px dashed #666;
  border-top: 0;
  background-color: #F9F9F9;
  margin-left: 30px;
  padding: 5px;
}

.sortable .handle {
  cursor: move;
}

.accordion > div {
  margin-left: 20px;
}

.accordion h3 a {
  text-decoration: none;
}

.accordion .handle {
  float: left;
  display: block;
  margin: 1px 0 -1px 0;
  width: 16px;
  height: 16px;
}

input.search {
  border: 1px solid #999;
  width: 120px;
  height: 15px;
  padding-left: 5px;
  border-radius: 15px;
  outline: none;
}

input.search:focus {
  -webkit-box-shadow: 0px 0px 2px 2px #BCD4E6;
          box-shadow: 0px 0px 2px 2px #BCD4E6;
}

/*
.nestedaccordion {
	>div { margin-left:20px; }
	form:hover { background:#f1f4f7; }
	h3 {
		float:left; margin:0; padding:0; width:30px; clear:both;
		a { text-decoration:none; }
	}
	.handle { float:left; display:block; margin:1px 0 -1px 0; width:16px; height:16px; }
}
*/

table.data {
  font-size: 11px;
  width: 100%;
  border: 1px solid #ccc;
}

table.data td {
  padding: 0 3px;
}

table.data tr {
  border-top: 1px solid #f7f9fc;
  border-bottom: 1px solid #e8eaed;
  padding: 1px 3px;
}

table.data.static tr:nth-child(even) > td {
  background: #f1f4f7;
  border-top: 1px solid #f7f9fc;
  border-bottom: 1px solid #e8eaed;
}

table.data.edit tr.row.editing {
  display: none;
  padding: 0;
}

table.data.edit tr.form {
  display: none;
}

table.data.edit tr.form.editing {
  display: table-row;
  table-padding: 10px;
}

table.data.edit tr.form .close {
  cursor: pointer;
  padding: 2px;
  margin-top: 1px;
}

table.data.edit tr.form .close:hover {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

table.data.edit tr.form > td {
  border-left: 7px solid #ddd;
  border-bottom: 7px solid #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  padding: 0;
}

table.data.edit tr.form header {
  clear: both;
  text-align: right;
  background-color: #ddd;
  padding: 2px;
}

table.data.edit tr.form header h2 {
  float: left;
  color: #fff;
  text-shadow: 1px 1px 0 #999;
  margin: 1px;
  padding: 0;
}

table.data.edit tr.form header h2 img {
  margin: 2px 7px -2px -5px;
  opacity: 0.4;
  filter: Alpha(opacity=40);
}

table.data.edit tr:nth-child(4n+1) > td {
  background: #f1f4f7;
  border-top: 1px solid #f7f9fc;
  border-bottom: 1px solid #e8eaed;
}

table.data.collapsable .details {
  margin: 12px;
  display: none;
}

table.data.collapsable > tr:nth-child(4n+1) > td,
table.data.collapsable > tbody > tr:nth-child(4n+1) > td {
  background: #f1f4f7;
  border-top: 1px solid #f7f9fc;
}

table.data.collapsable > tr:nth-child(4n+2) > td,
table.data.collapsable > tbody > tr:nth-child(4n+2) > td {
  background: #f1f4f7;
  border-bottom: 1px solid #e8eaed;
}

.listCheck {
  margin-left: 185px;
  width: 390px;
  height: 200px;
  padding: 4px;
  overflow: auto;
  border: 1px solid #999;
  -webkit-box-shadow: inset 1px 1px 2px #ccc;
          box-shadow: inset 1px 1px 2px #ccc;
}

.listCheck label {
  position: absolute;
  margin-left: -190px;
}

.listCheck > div {
  display: block;
}

.filterform {
  display: block;
  padding: 3px;
  text-align: right;
  background-color: #f0f0f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e2e2e2));
  background-image: linear-gradient(#f0f0f0, #e2e2e2);
}

.filterform img {
  cursor: pointer;
}

.filterform input {
  width: 120px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 20px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-right-color: #c2c2c2;
  margin-right: 20px;
  padding: 2px 5px;
  outline: none;
  position: relative;
}

.filterform input:focus {
  width: 150px;
  -webkit-box-shadow: 0 0 3px #51cbee;
          box-shadow: 0 0 3px #51cbee;
}

.filterform input:after {
  content: "\1F50D";
  position: absolute;
  right: 5px;
  top: 3px;
  line-height: 10px;
  font-size: 10px;
  color: #999;
}

.checkaccordion {
  width: 500px;
  float: left;
  overflow-y: auto;
  height: 100%;
  border-right: 1px solid #ccc;
}

.checkaccordion h3 {
  font-weight: bold;
}

.checkaccordion ul {
  margin-left: 25px;
}

.checkaccordion li {
  cursor: pointer;
}

.checkaccordion li.unavailable {
  color: #aaa;
}

.checkaccordion li h3,
.checkaccordion li h4 {
  padding: 3px 0;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checkaccordion li h3:hover,
.checkaccordion li h4:hover {
  background: #ccc;
}

.sortableunits,
.sortabletags {
  width: 285px;
  float: right;
  height: 100%;
  overflow: auto;
}

.sortableunits li h3,
.sortableunits li h4,
.sortabletags li h3,
.sortabletags li h4 {
  padding: 3px 0;
  width: 240px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sortableunits li img,
.sortabletags li img {
  margin: 0 3px;
  cursor: pointer;
}

.sortableunits li input[type="checkbox"],
.sortabletags li input[type="checkbox"] {
  display: none;
}

.sortableunits li input[type="text"],
.sortabletags li input[type="text"] {
  display: none;
}

.sortableunits li.unavailable,
.sortabletags li.unavailable {
  color: #aaa;
}

p.oneliner {
  font-size: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

p.oneliner:hover {
  white-space: normal;
  text-overflow: visible;
}

.infoBubble {
  position: absolute;
  display: none;
  background: #f9f9f9;
  padding: 6px 8px;
  font-size: 11px;
  border-radius: 5px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 300px;
}

.infoBubble a {
  color: #666;
}

div.action_board {
  text-align: center;
  border: 1px solid #ccc;
  background-color: #ffc;
  margin: 5px;
  padding: 2px;
  clear: both;
}

td.number {
  text-align: right;
}

.fileInput div.file {
  width: 350px;
  height: 23px;
  overflow: hidden;
  background: #ccc;
  border: 2px solid #fff;
}

.fileInput p {
  width: 260px;
  height: 17px;
  overflow: hidden;
  float: left;
  background: #fff;
  margin: 2px;
  padding-left: 3px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

.fileInput div.new {
  float: left;
  width: 350px;
  margin: 1px;
  border: 1px dashed #999;
}

.hidden {
  display: none;
}

.inputColumn {
  display: inline-block;
}

.inputColumn:after {
  content: "";
  clear: both;
}

.inputColumn > p {
  display: inline;
}

.inputColumn > p:after {
  content: "";
  display: block;
  width: 0;
}

.inputRow {
  display: inline;
  white-space: nowrap;
  line-height: 22px;
  font-size: 11px;
}

.inputRow p {
  display: inline;
  margin: 2px 30px 0 5px;
}

div.fu {
  display: inline-block;
  width: 440px;
  height: 25px;
  border: 1px solid #ccc;
  background: #F6F6F6;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

div.fu .field {
  width: 300px;
  height: 17px;
  overflow: hidden;
  float: left;
  background: #fff;
  margin: 2px;
  padding-left: 3px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

div.fu .fu_fileInfo {
  width: 200px;
  text-overflow: hidden;
  float: left;
  margin: 6px;
}

div.fu .fu_progress {
  float: left;
  width: 220px;
  display: none;
}

div.fu .fu_progress img {
  border: 0;
  float: left;
  margin: 2px;
}

div.fu .progressValue {
  width: 100%;
  text-align: center;
  color: #666;
  margin-left: 20px;
}

div.fu .progressBar {
  width: 200px;
  background: #ccc;
  height: 10px;
  margin-left: 20px;
}

div.fu .progressLevel {
  background: red;
  height: 100%;
}

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
  margin-top: -1px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}

.autocomplete-suggestions .autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-suggestions .autocomplete-selected {
  background: #F0F0F0;
}

fieldset {
  border: 1px solid #999;
  background: #F9F9F9;
  border-radius: 5px;
  margin: 8px;
  padding: 5px 10px;
}

fieldset legend {
  color: #444;
  font-size: 10px;
  border: 1px solid #999;
  border-radius: 3px;
  background: #F6F6F6;
  padding: 1px 7px 2px 7px;
}

fieldset img {
  vertical-align: top;
}

li fieldset {
  float: left;
  width: 90px;
}

img.btn {
  margin-right: 5px;
}

.progress-bar-indication {
  background-color: #f2f2f2;
  border-radius: 3px;
  border: 1px solid gainsboro;
  -webkit-box-shadow: inset 0 0 3px 0 rgba(115, 115, 115, 0.15);
          box-shadow: inset 0 0 3px 0 rgba(115, 115, 115, 0.15);
  margin: 0 auto;
  width: 100%;
}

.progress-bar-indication > span.meter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #477DCA repeat-x 40px 40px;
  border-bottom-right-radius: 0;
  border-radius: 2px;
  border-top-right-radius: 0;
  border: 1px solid #2c5999;
  display: block;
  height: 100%;
}

.progress-bar-indication p {
  color: white;
  font-weight: 800;
  line-height: 1.5em;
  margin: 0;
  padding: .1em .5em;
  text-shadow: 0 0 1px black;
}

#ajaxSaveStatus {
  position: fixed;
  border: 2px solid #ccc;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  width: 500px;
  min-height: 100px;
  left: 50%;
  top: 30%;
  margin-left: -250px;
  z-index: 100;
  background: #f6f6f6;
}

#ajaxSaveStatus > p {
  text-align: center;
  width: 100%;
  font-size: 16px;
  margin-top: 20px;
}

#ajaxSaveStatus.ok {
  border-color: #090;
}

#ajaxSaveStatus.err {
  border-color: #c00;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-box-shadow: 0 0 0px orange;
            box-shadow: 0 0 0px orange;
  }

  50% {
    -webkit-box-shadow: 0 0 5px orange;
            box-shadow: 0 0 5px orange;
  }

  100% {
    -webkit-box-shadow: 0 0 0px orange;
            box-shadow: 0 0 0px orange;
  }
}

/*** Specific pages styles ****/

@font-face {
  font-family: 'cooper_hewittlight';
  src: url("/s/fonts/cooperhewitt-light-webfont.eot");
  src: url("/s/fonts/cooperhewitt-light-webfont.eot?#iefix") format("embedded-opentype"), url("/s/fonts/cooperhewitt-light-webfont.woff2") format("woff2"), url("/s/fonts/cooperhewitt-light-webfont.woff") format("woff"), url("/s/fonts/cooperhewitt-light-webfont.ttf") format("truetype"), url("/s/fonts/cooperhewitt-light-webfont.svg#cooper_hewittlight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cooper_hewittbook';
  src: url("/s/fonts/cooperhewitt-book-webfont.eot");
  src: url("/s/fonts/cooperhewitt-book-webfont.eot?#iefix") format("embedded-opentype"), url("/s/fonts/cooperhewitt-book-webfont.woff2") format("woff2"), url("/s/fonts/cooperhewitt-book-webfont.woff") format("woff"), url("/s/fonts/cooperhewitt-book-webfont.ttf") format("truetype"), url("/s/fonts/cooperhewitt-book-webfont.svg#cooper_hewittbook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cooper_hewittbold';
  src: url("/s/fonts/cooperhewitt-bold-webfont.eot");
  src: url("/s/fonts/cooperhewitt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/s/fonts/cooperhewitt-bold-webfont.woff2") format("woff2"), url("/s/fonts/cooperhewitt-bold-webfont.woff") format("woff"), url("/s/fonts/cooperhewitt-bold-webfont.ttf") format("truetype"), url("/s/fonts/cooperhewitt-bold-webfont.svg#cooper_hewittbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cooper_hewittthin';
  src: url("/s/fonts/cooperhewitt-thin-webfont.eot");
  src: url("/s/fonts/cooperhewitt-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/s/fonts/cooperhewitt-thin-webfont.woff2") format("woff2"), url("/s/fonts/cooperhewitt-thin-webfont.woff") format("woff"), url("/s/fonts/cooperhewitt-thin-webfont.ttf") format("truetype"), url("/s/fonts/cooperhewitt-thin-webfont.svg#cooper_hewittthin") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cooper_hewittsemibold';
  src: url("/s/fonts/cooperhewitt-semibold-webfont.eot");
  src: url("/s/fonts/cooperhewitt-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/s/fonts/cooperhewitt-semibold-webfont.woff2") format("woff2"), url("/s/fonts/cooperhewitt-semibold-webfont.woff") format("woff"), url("/s/fonts/cooperhewitt-semibold-webfont.ttf") format("truetype"), url("/s/fonts/cooperhewitt-semibold-webfont.svg#cooper_hewittsemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Top page showcase *********************************************************/

.showcase {
  margin: 10px 0;
  text-align: center;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.showcase a {
  width: 15%;
  color: #666;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

.showcase a.pname {
  line-height: 1.5em;
}

.showcase a.active div p,
.showcase a:hover div p {
  font-family: "cooper_hewittsemibold";
}

.showcase a > * {
  -webkit-animation: fadeIn 1.5s ease-out;
  animation: fadeIn 1.5s ease-out;
}

.showcase a img {
  width: 100%;
  max-width: 128px;
}

.showcase a p {
  font-family: "cooper_hewittlight";
  font-size: 16px;
  font-weight: 500;
}

.showcase > div {
  width: 100%;
  background: #fff;
}

.showcase > div > div {
  width: 100%;
  max-width: 1180px;
  margin: auto;
}

@media screen and (min-width: 1024px) {
  .showcase.nb7 a,
  .showcase.nb8 a {
    width: 12%;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  .showcase.nb7 a,
  .showcase.nb8 a {
    width: 0;
    height: 0;
  }

  .showcase.nb7 a.active,
  .showcase.nb8 a.active {
    width: 50%;
    height: auto;
  }

  .showcase.nb7 a.active p,
  .showcase.nb7 a.active img,
  .showcase.nb8 a.active p,
  .showcase.nb8 a.active img {
    display: inline;
  }

  .showcase.nb7 a.active img,
  .showcase.nb8 a.active img {
    vertical-align: middle;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  .showcase.nb1 a,
  .showcase.nb2 a,
  .showcase.nb3 a,
  .showcase.nb4 a {
    width: 20%;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  .showcase.nb4 a,
  .showcase.nb5 a,
  .showcase.nb6 a,
  .showcase.nb7 a,
  .showcase.nb8 a {
    width: 0;
    height: 0;
  }

  .showcase.nb4 a.active,
  .showcase.nb5 a.active,
  .showcase.nb6 a.active,
  .showcase.nb7 a.active,
  .showcase.nb8 a.active {
    width: 50%;
    height: auto;
  }

  .showcase.nb4 a.active p,
  .showcase.nb4 a.active img,
  .showcase.nb5 a.active p,
  .showcase.nb5 a.active img,
  .showcase.nb6 a.active p,
  .showcase.nb6 a.active img,
  .showcase.nb7 a.active p,
  .showcase.nb7 a.active img,
  .showcase.nb8 a.active p,
  .showcase.nb8 a.active img {
    display: inline;
  }

  .showcase.nb4 a.active img,
  .showcase.nb5 a.active img,
  .showcase.nb6 a.active img,
  .showcase.nb7 a.active img,
  .showcase.nb8 a.active img {
    vertical-align: middle;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  .showcase.nb1 a,
  .showcase.nb2 a,
  .showcase.nb3 a {
    width: 25%;
  }
}

@media screen and (max-width: 479px) {
  .showcase.nb1 a,
  .showcase.nb2 a,
  .showcase.nb3 a,
  .showcase.nb4 a,
  .showcase.nb5 a,
  .showcase.nb6 a,
  .showcase.nb7 a,
  .showcase.nb8 a {
    width: 0;
    height: 0;
  }

  .showcase.nb1 a.active,
  .showcase.nb2 a.active,
  .showcase.nb3 a.active,
  .showcase.nb4 a.active,
  .showcase.nb5 a.active,
  .showcase.nb6 a.active,
  .showcase.nb7 a.active,
  .showcase.nb8 a.active {
    width: 90%;
    height: auto;
  }

  .showcase.nb1 a.active p,
  .showcase.nb1 a.active img,
  .showcase.nb2 a.active p,
  .showcase.nb2 a.active img,
  .showcase.nb3 a.active p,
  .showcase.nb3 a.active img,
  .showcase.nb4 a.active p,
  .showcase.nb4 a.active img,
  .showcase.nb5 a.active p,
  .showcase.nb5 a.active img,
  .showcase.nb6 a.active p,
  .showcase.nb6 a.active img,
  .showcase.nb7 a.active p,
  .showcase.nb7 a.active img,
  .showcase.nb8 a.active p,
  .showcase.nb8 a.active img {
    display: inline;
  }

  .showcase.nb1 a.active img,
  .showcase.nb2 a.active img,
  .showcase.nb3 a.active img,
  .showcase.nb4 a.active img,
  .showcase.nb5 a.active img,
  .showcase.nb6 a.active img,
  .showcase.nb7 a.active img,
  .showcase.nb8 a.active img {
    vertical-align: middle;
  }
}

.showcase .stuck {
  border-bottom: 1px solid #f5f5f5;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

section.support > article {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 74.57627119%;
}

section.support > article:last-child {
  margin-right: 0;
}

section.support > aside {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 23.72881356%;
}

section.support > aside:last-child {
  margin-right: 0;
}

section.support #snlookup {
  cursor: pointer;
}

aside.supportbox {
  background: #E1EDE5;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

aside.supportbox a {
  color: #758A7B;
}

aside.supportbox a:hover {
  color: black;
}

aside.supportbox label {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 3px;
  width: 75px;
}

aside.supportbox input[type="text"],
aside.supportbox input[type="password"] {
  border: 1px solid #888;
  margin-top: 17px;
}

aside.supportbox input {
  padding: 4px;
}

aside.supportbox input[type="submit"] {
  margin-top: 20px;
}

aside.supportbox .reset {
  margin: 7px 0 15px 80px;
  font-size: 10px;
}

/* Top page showcase *********************************************************/

#searchProgress {
  width: 32px;
  height: 32px;
  margin-right: 4px;
  float: right;
  display: none;
}

/* Downloads Page *********************************************************************************************************/

/*
@mixin VERTICAL {
	display:block;
	width:1em;
	height:20px;
	margin:0;
	padding:0;
	white-space:nowrap;
	writing-mode:tb-rl;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	// 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively
}
table#downloads { width:100%; }
table#downloads td { }
table#downloads td.cat { width:20px; background:#222; color:#fff; border-radius:4px; overflow:hidden; vertical-align:bottom; height:250px; }
table#downloads td.cat p { @include VERTICAL; color:#fff; text-shadow:1px 1px 0 #333; letter-spacing:1px; padding:12px 0 0 0; font-size:12px; }
*/

img#searchProgress {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  float: right;
  display: none;
}

#support_downloads div.btn {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 white;
          box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
  background-image: linear-gradient(#fff, #e3e3e3);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  background-clip: padding-box;
  border: 1px solid #dfd8d8;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e0e0));
  background-image: linear-gradient(#fff, #e5e0e0);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  background-clip: padding-box;
  display: inline-block;
  color: #000;
  font-size: 19px;
  font-weight: normal;
  position: relative;
  padding-right: 35px;
}

#support_downloads div.btn:hover:not(:disabled) {
  -webkit-box-shadow: inset 0 1px 0 0 white;
          box-shadow: inset 0 1px 0 0 white;
  cursor: pointer;
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dbdbdb));
  background-image: linear-gradient(#f2f2f2, #dbdbdb);
}

#support_downloads div.btn:active:not(:disabled),
#support_downloads div.btn:focus:not(:disabled) {
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4;
          box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4;
}

#support_downloads div.btn:hover:not(:disabled) {
  -webkit-box-shadow: inset 0 1px 0 0 white;
          box-shadow: inset 0 1px 0 0 white;
  cursor: pointer;
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ded8d8));
  background-image: linear-gradient(#f2f2f2, #ded8d8);
}

#support_downloads div.btn:active:not(:disabled),
#support_downloads div.btn:focus:not(:disabled) {
  border: 1px solid #dfd8d8;
  -webkit-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1;
          box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1;
}

#support_downloads div.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#support_downloads div.btn img.popdown {
  position: absolute;
  top: 10px;
  right: 10px;
}

#support_downloads ul.popup {
  position: absolute;
  z-index: 1;
  width: 115px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #666666;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  display: none;
}

#support_downloads ul.popup li {
  border: 1px solid #666666;
  border-top: 0;
  height: 16px;
  padding: 3px;
  font-size: 10px;
}

#care_partners > .address {
  background: #eee;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#care_further figure {
  height: 128px;
}

ul.gridsupport {
  margin: 0;
}

ul.gridsupport > li {
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  ul.gridsupport > li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  ul.gridsupport > li:last-child {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(3n) {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  ul.gridsupport > li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  ul.gridsupport > li:last-child {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(3n) {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  ul.gridsupport > li {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 48.27586207%;
  }

  ul.gridsupport > li:last-child {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(2n) {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 479px) {
  ul.gridsupport > li {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  ul.gridsupport > li:last-child {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(1n) {
    margin-right: 0;
  }

  ul.gridsupport > li:nth-child(1n+1) {
    clear: left;
  }
}

ul.gridsupport > li > a {
  text-decoration: none;
  color: black;
}

ul.gridsupport > li > a > figure {
  height: 180px;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 7.14285714%;
  width: 100%;
}

ul.gridsupport > li > a > figure:last-child {
  margin-right: 0;
}

ul.gridsupport > li > a > figure > img {
  width: 100%;
  height: auto;
  display: block;
}

ul.gridsupport > li > a > div {
  float: left;
  display: block;
  margin-right: 7.14285714%;
  width: 100%;
  padding: 10px 10px 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.8em;
  overflow: hidden;
  max-height: 260px;
}

ul.gridsupport > li > a > div:last-child {
  margin-right: 0;
}

ul.gridsupport > li > a p {
  text-align: justify;
}

ul.gridsupport > li > a p.title {
  font-family: "cooper_hewittbold";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 10px 0;
}

ul.gridsupport > li > a p.desc {
  height: 140px;
  margin-bottom: 20px;
}

ul.gridsupport p {
  text-transform: uppercase;
}

ul.gridsupport figure {
  height: 128px;
}

#fSearchNewDL,
.fSearchNewDL,
#fSearchFaq,
.fSearchFaq,
#care {
  text-align: center;
  padding-top: 30px;
}

#fSearchNewDL input[type=text],
.fSearchNewDL input[type=text],
#fSearchFaq input[type=text],
.fSearchFaq input[type=text],
#care input[type=text] {
  height: 56px;
  padding: 0 16px;
  vertical-align: top;
  font-family: "cooper_hewittlight";
  font-size: 1.25em;
  border: 1px solid #888;
  outline: none;
}

#fSearchNewDL img,
.fSearchNewDL img,
#fSearchFaq img,
.fSearchFaq img,
#care img {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  height: 58px;
  width: auto;
}

#care {
  text-align: left;
}

#results {
  padding-top: 30px;
}

.dl,
.fq {
  cursor: pointer;
  margin-bottom: 4px;
  display: block;
}

.dl:after,
.fq:after {
  content: "";
  display: table;
  clear: both;
}

.dl .ftype,
.fq .ftype {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 6.77966102%;
}

.dl .ftype:last-child,
.fq .ftype:last-child {
  margin-right: 0;
}

.dl .fname,
.fq .fname {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 57.62711864%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dl .fname:last-child,
.fq .fname:last-child {
  margin-right: 0;
}

.dl .fsize,
.fq .fsize {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 15.25423729%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dl .fsize:last-child,
.fq .fsize:last-child {
  margin-right: 0;
}

.dl .abstract,
.fq .abstract {
  font-style: italic;
  margin-bottom: 30px;
}

.dl .content,
.fq .content {
  background: #fdfdfd;
  padding: 10px;
  line-height: 1.4em;
}

.dl .fdownload,
.fq .fdownload {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 15.25423729%;
  overflow: hidden;
  margin-right: 0;
}

.dl .fdownload:last-child,
.fq .fdownload:last-child {
  margin-right: 0;
}

.dl .fdownload a,
.fq .fdownload a {
  color: black;
}

.dl .fdetails,
.fq .fdetails {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 100%;
  margin-right: 0;
}

.dl .fdetails:last-child,
.fq .fdetails:last-child {
  margin-right: 0;
}

.dl .ftype,
.dl .fsize,
.dl .fdownload,
.fq .ftype,
.fq .fsize,
.fq .fdownload {
  text-align: center;
}

.dl .fname,
.dl .fsize,
.dl .fdownload,
.dl .ftitle,
.fq .fname,
.fq .fsize,
.fq .fdownload,
.fq .ftitle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #eee;
  line-height: 32px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dl .ftitle,
.fq .ftitle {
  float: left;
  display: block;
  margin-right: 2.27272727%;
  width: 100%;
  padding: 5px 10px;
}

.dl .ftitle:last-child,
.fq .ftitle:last-child {
  margin-right: 0;
}

.dl .fdetails,
.fq .fdetails {
  background: #eee;
  margin: 15px 0;
  position: relative;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}

.dl .fdetails:after,
.fq .fdetails:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  top: -12px;
  left: 90px;
}

.dl .fdetails .preview,
.fq .fdetails .preview {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 23.72881356%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  min-height: 100px;
}

.dl .fdetails .preview:last-child,
.fq .fdetails .preview:last-child {
  margin-right: 0;
}

.dl .fdetails .preview img,
.fq .fdetails .preview img {
  max-height: 250px;
  max-width: 100%;
  height: auto;
  width: auto;
}

.dl .fdetails .data,
.fq .fdetails .data {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 57.62711864%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dl .fdetails .data:last-child,
.fq .fdetails .data:last-child {
  margin-right: 0;
}

.dl .fdetails .data p,
.fq .fdetails .data p {
  margin-bottom: 20px;
}

.dl .fdetails .data .name,
.fq .fdetails .data .name {
  font-weight: bold;
}

.dl .fdetails .links,
.fq .fdetails .links {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 15.25423729%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 1.5em;
}

.dl .fdetails .links:last-child,
.fq .fdetails .links:last-child {
  margin-right: 0;
}

.dl .fdetails .links a,
.fq .fdetails .links a {
  padding: 0 10px;
  color: black;
}

.dl .fdetails .links a:hover,
.fq .fdetails .links a:hover {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.dl.fq .fdetails,
.fq.fq .fdetails {
  padding: 10px;
}

.dl ol,
.dl ul,
.fq ol,
.fq ul {
  list-style-position: inside;
}

/*
 table.downloads{
  border-spacing:10px;
  border-collapse:separate;
  white-space: nowrap;
  tr {
    &.dl {}
    &.dld {display:none;}
  }

  td { background: #eee; padding: 3px 10px; overflow:hidden; text-overflow:ellipsis; cursor: pointer;
    &.ftype { background: none; }
    &.fname { font-weight: bold; width: 100%; }
    &.fdownload {
      text-align: center;
      ul { display: none; background: red; position:absolute; }
      &:hover {
        ul { display: block; }
      }
    }
    &.fdetails {
      padding:0;

      background: #fff;
      >div {  background: #eee; margin: 10px 0 10px 0; padding: 20px; position: relative;}
      >div:after {
      content: "";
         width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 12px 12px;
        border-color: transparent transparent #eee transparent;
         position: absolute; top: -12px; left:75px;


        }

    }

}

}
*/

/* Communities Page *******************************************************************************************************************************************/

table.communities {
  margin-left: -5px;
  text-align: center;
}

table.communities td {
  background: #333;
  border: 5px solid #fff;
  width: 156px;
  height: 156px;
}

table.communities img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 20px 0 20px 48px;
}

table.communities p {
  display: none;
}

.shoutbox {
  margin: auto;
  width: 210px;
  height: 210px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 1px 1px 5px #ccc;
          box-shadow: inset 1px 1px 5px #ccc;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 11px;
}

#flickr_group h3 {
  font-size: 9px;
  font-weight: bold;
  margin: 10px 2px 5px 2px;
  text-align: right;
  padding: 0;
}

#flickr_group p {
  font-size: 11px;
  text-align: justify;
  margin: 2px 5px;
}

#flickr {
  overflow-y: hidden;
}

#flickr a {
  display: block;
  margin: 1px;
  float: left;
  padding: 0;
  line-height: 0;
  width: 68px;
  height: 68px;
  overflow: hidden;
}

#flickr a img {
  display: block;
  margin: auto;
}

.supportnewsletter {
  text-align: center;
}

.supportnewsletter input,
.supportnewsletter select {
  padding: 5px;
}

.supportnewsletter input {
  width: 200px;
}

.supportnewsletter select {
  width: 215px;
}

.supportnewsletter input[type="submit"] {
  width: 215px;
}

.supportnewsletter label {
  font-weight: bold;
}

.map_frame {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.map_frame:after {
  content: "";
  display: table;
  clear: both;
}

.map_frame .map {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 100%;
  height: 600px;
}

.map_frame .map:last-child {
  margin-right: 0;
}

.map_frame .legend {
  position: absolute;
  height: 450px;
  padding: 5px;
  top: 8px;
  right: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background: #fff;
  font-size: 12px;
  margin: 0;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.map_frame .legend li {
  list-style-type: none;
  text-align: center;
  margin: 5px 0;
}

.map_frame .legend li.service {
  opacity: 0.2;
  cursor: pointer;
}

.map_frame .legend li.service:hover {
  opacity: 1;
}

.map_frame .legend li.service.active {
  opacity: 1;
}

.map_frame .legend li img {
  margin: 5px;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .map_frame .legend {
    display: none;
  }
}

.map_placeholder {
  display: block;
  margin: auto;
}

#distrib_map {
  margin-bottom: 30px;
}

#distrib .block.text .text {
  /*@include span-columns(6);*/
}

#distrib .block.text > table {
  /*@include span-columns(6);*/
}

.mapInfo {
  padding: 10px;
  min-width: 300px;
}

.mapInfo h2 {
  font-size: 1.5em;
  margin-bottom: 20px;
}

.dealer,
.agent {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 0.9em;
}

.dealer:after,
.agent:after {
  content: "";
  display: table;
  clear: both;
}

.dealer.agent div,
.agent.agent div {
  background: #ddd;
}

.dealer div,
.agent div {
  background: #eee;
  line-height: 40px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 40px;
}

.dealer div.name,
.agent div.name {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 23.72881356%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dealer div.name:last-child,
.agent div.name:last-child {
  margin-right: 0;
}

.dealer div.country,
.agent div.country {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 6.77966102%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.dealer div.country:last-child,
.agent div.country:last-child {
  margin-right: 0;
}

.dealer div.city,
.agent div.city {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 23.72881356%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dealer div.city:last-child,
.agent div.city:last-child {
  margin-right: 0;
}

.dealer div.quicklinks,
.agent div.quicklinks {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 15.25423729%;
}

.dealer div.quicklinks:last-child,
.agent div.quicklinks:last-child {
  margin-right: 0;
}

.dealer div.quicklinks a img,
.agent div.quicklinks a img {
  vertical-align: middle;
}

.dealer div.webshops,
.agent div.webshops {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 40.6779661%;
}

.dealer div.webshops:last-child,
.agent div.webshops:last-child {
  margin-right: 0;
}

.dealer div.webshops a img,
.agent div.webshops a img {
  vertical-align: middle;
}

.dealer div.services,
.agent div.services {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 23.72881356%;
  margin-right: 0;
  text-align: left;
}

.dealer div.services:last-child,
.agent div.services:last-child {
  margin-right: 0;
}

.dealer div.services img,
.agent div.services img {
  vertical-align: middle;
}

.dealer .ddetails,
.dealer .adetails,
.agent .ddetails,
.agent .adetails {
  background: #eee;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 20px 0;
  position: relative;
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 100%;
  margin-right: 0;
  display: none;
}

.dealer .ddetails:last-child,
.dealer .adetails:last-child,
.agent .ddetails:last-child,
.agent .adetails:last-child {
  margin-right: 0;
}

.dealer .ddetails.adetails,
.dealer .adetails.adetails,
.agent .ddetails.adetails,
.agent .adetails.adetails {
  background: #ddd;
}

.dealer .ddetails.adetails:after,
.dealer .adetails.adetails:after,
.agent .ddetails.adetails:after,
.agent .adetails.adetails:after {
  border-color: transparent transparent #ddd transparent;
}

.dealer .ddetails:after,
.dealer .adetails:after,
.agent .ddetails:after,
.agent .adetails:after {
  content: "";
  width: 0;
  height: 0;
  top: -12px;
  left: 90px;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #eee transparent;
  position: absolute;
}

.filters,
.filters_webshops {
  margin-bottom: 30px;
}

.filters input,
.filters select,
.filters_webshops input,
.filters_webshops select {
  padding: 10px;
}

.filters .filter_icon,
.filters_webshops .filter_icon {
  vertical-align: middle;
  opacity: 0.2;
  cursor: pointer;
}

.filters .filter_icon.active,
.filters_webshops .filter_icon.active {
  opacity: 1;
}

#featured_webshops li {
  display: none;
  list-style: none;
  padding: 20px;
}

#featured_webshops li h3 {
  margin-bottom: 30px;
  margin-top: 30px;
}

#featured_webshops li .distrib_icon {
  width: 28px;
  display: inline;
  margin: 0;
  vertical-align: middle;
  margin-right: 10px;
}

#webshops_table .agent,
#webshops_table .dealer {
  display: none;
}

ul.gridnews {
  margin: 0;
}

ul.gridnews > li {
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  ul.gridnews > li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 23.72881356%;
  }

  ul.gridnews > li:last-child {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(4n) {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  ul.gridnews > li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  ul.gridnews > li:last-child {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(3n) {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  ul.gridnews > li {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 48.27586207%;
  }

  ul.gridnews > li:last-child {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(2n) {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 479px) {
  ul.gridnews > li {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  ul.gridnews > li:last-child {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(1n) {
    margin-right: 0;
  }

  ul.gridnews > li:nth-child(1n+1) {
    clear: left;
  }
}

ul.gridnews > li > a {
  text-decoration: none;
  color: black;
}

ul.gridnews > li > a > figure {
  height: 192px;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 7.14285714%;
  width: 100%;
}

ul.gridnews > li > a > figure:last-child {
  margin-right: 0;
}

ul.gridnews > li > a > figure > img {
  width: 100%;
  height: auto;
  min-height: 180px;
  display: block;
}

ul.gridnews > li > a > div {
  float: left;
  display: block;
  margin-right: 7.14285714%;
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  max-height: 168px;
  margin-bottom: 24px;
}

ul.gridnews > li > a > div:last-child {
  margin-right: 0;
}

ul.gridnews > li > a p {
  text-align: justify;
}

ul.gridnews > li > a p.title {
  font-family: "cooper_hewittbold";
  line-height: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

ul.gridnews > li > a p.desc {
  height: 120px;
  margin-bottom: 24px;
}

h3 {
  margin-top: 50px;
}

#search .block > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#search .block > ul > li {
  margin-top: 30px;
}

#search .block > ul > li:after {
  content: "";
  display: table;
  clear: both;
}

#search .block > ul > li > figure {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 15.25423729%;
  min-height: 100px;
}

#search .block > ul > li > figure:last-child {
  margin-right: 0;
}

#search .block > ul > li > .text {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 83.05084746%;
  margin-right: 0;
}

#search .block > ul > li > .text:last-child {
  margin-right: 0;
}

#search mark {
  background-color: #FFFFAA;
  padding: 1px;
  font-weight: bold;
}

#headerSearch {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#fSearchGlobal input,
.fSearchGlobal input {
  border-radius: 16px;
  outline: 0;
  padding: 4px 8px;
  margin: 36px 12px;
  border: 1px solid #999;
  font-size: 14px;
}

#fSearchGlobal input:focus,
.fSearchGlobal input:focus {
  border-color: #ccc;
}

#globalResults > li {
  text-align: left;
  margin-bottom: 4px;
}

#globalResults > li a {
  padding: 0;
  width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#globalResults > li > p {
  padding: 8px;
  background: #444;
  cursor: pointer;
}

#globalResults > li > p span {
  display: inline-block;
  width: 70px;
  padding: 5px;
  margin-right: 12px;
  border-radius: 4px;
  background: #eee;
  color: #444;
  text-align: center;
  font-size: 0.6em;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
}

#globalResults > li > div {
  display: none;
  position: relative;
  min-height: 150px;
  padding: 12px;
  margin-top: 30px;
  margin-bottom: 20px;
  background: #444;
}

#globalResults > li > div:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  left: 90px;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #444 transparent;
}

#globalResults > li > div img {
  float: left;
  margin-right: 12px;
  height: 128px;
}

body .pubdate {
  margin: 15px 0;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .pubdate {
    text-align: center;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .pubdate {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  body .pubdate {
    text-align: center;
  }
}

body .pubdate span {
  background: #252525;
  color: white;
  padding: 6px 12px;
}

body header {
  position: relative;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body header > nav#topLinks {
  text-align: center;
  font-family: "cooper_hewittsemibold";
  font-size: 18px;
}

body header > nav#topLinks > ul {
  display: none;
  padding: 8px 0;
  background: #343434;
}

body header > nav#topLinks > ul > li {
  display: inline-block;
}

body header > nav#topLinks > ul > li > span > a {
  display: inline-block;
  color: #c7c7c7;
  padding: 0 10px;
}

body header > nav#topLinks > ul > li > span > a.active {
  color: #fcfcfc;
}

body header > nav#topLinks > ul > li.sep {
  text-align: center;
  width: 100px;
}

@media screen and (min-width: 1024px) {
  body header > nav#topLinks > ul {
    display: block;
  }
}

body header > nav#topLinks input {
  padding: 4px 8px;
  border-radius: 12px;
  outline: 0;
  color: #333;
  border: 1px solid #ddd;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

body header nav#menu {
  text-align: center;
  padding: 10px 0;
  z-index: 100;
  background: #e6e6e6;
  font-family: "cooper_hewittsemibold";
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body header nav#menu ul {
  display: none;
}

body header nav#menu div#mobile {
  display: block;
}

@media screen and (min-width: 1024px) {
  body header nav#menu div#mobile {
    display: none;
  }
}

body header nav#menu div#classic {
  display: none;
}

@media screen and (min-width: 1024px) {
  body header nav#menu div#classic {
    display: block;
  }
}

body header nav#menu div h6 {
  display: inline-block;
}

body header nav#menu div a {
  position: relative;
  padding: 0 25px;
  white-space: nowrap;
  color: #9e9e9e;
}

body header nav#menu div a:hover,
body header nav#menu div a.sel {
  color: #5e5e5e;
}

body header .side {
  position: fixed;
  top: 0;
  left: -100%;
  bottom: 0;
  width: 100%;
  opacity: 0.9;
  overflow: auto;
  text-align: center;
  background: black;
  color: white;
  z-index: 999999;
  font-family: 'cooper_hewittsemibold';
}

body header .side li {
  list-style-type: none;
  max-width: 800px;
  margin: auto;
}

body header .side li.main span {
  display: inline-block;
  margin: 15px 0;
  border: 1px solid white;
  opacity: 1;
}

body header .side li.main span a {
  line-height: 1.5em;
  opacity: 1;
}

body header .side li.main span a.active {
  background: white;
  color: black;
}

body header .side li.social span {
  display: inline-block;
  margin: 15px 0;
}

body header .side h6 {
  position: relative;
}

body header .side h6 > a {
  background-color: black;
  position: relative;
  z-index: 100;
  font-family: 'cooper_hewittbold';
}

body header .side h6 > a.sel {
  background: white;
  color: black;
  border-right: 5px solid black;
  border-left: 5px solid black;
}

body header .side h6:before {
  content: "";
  height: 1px;
  background: white;
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

body header .side a {
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  opacity: 1;
}

body header .side a.active {
  background: white;
  color: black;
}

body header .side a.pname {
  padding: 5px 15px;
}

body header .side img.closeMenu {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

body nav#shortlinks,
body nav#filters,
body nav#gallery-filters,
body nav#distrib {
  text-align: center;
  background: #333;
  display: block;
  z-index: 100;
  font-size: 16px;
  line-height: 28px;
}

body nav#shortlinks a,
body nav#filters a,
body nav#gallery-filters a,
body nav#distrib a {
  cursor: pointer;
  display: inline-block;
  margin: 2px 10px;
  color: #ccc;
}

body nav#shortlinks a:visited,
body nav#filters a:visited,
body nav#gallery-filters a:visited,
body nav#distrib a:visited {
  color: #ccc;
}

body nav#shortlinks a.active,
body nav#shortlinks a:active,
body nav#shortlinks a:hover,
body nav#filters a.active,
body nav#filters a:active,
body nav#filters a:hover,
body nav#gallery-filters a.active,
body nav#gallery-filters a:active,
body nav#gallery-filters a:hover,
body nav#distrib a.active,
body nav#distrib a:active,
body nav#distrib a:hover {
  color: #eee;
}

body nav#shortlinks a.sel,
body nav#filters a.sel,
body nav#gallery-filters a.sel,
body nav#distrib a.sel {
  color: #fff;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body nav#shortlinks,
  body nav#filters,
  body nav#gallery-filters,
  body nav#distrib {
    background: white;
  }

  body nav#shortlinks a,
  body nav#filters a,
  body nav#gallery-filters a,
  body nav#distrib a {
    display: none;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body nav#shortlinks,
  body nav#filters,
  body nav#gallery-filters,
  body nav#distrib {
    background: white;
  }

  body nav#shortlinks a,
  body nav#filters a,
  body nav#gallery-filters a,
  body nav#distrib a {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  body nav#shortlinks,
  body nav#filters,
  body nav#gallery-filters,
  body nav#distrib {
    background: white;
  }

  body nav#shortlinks a,
  body nav#filters a,
  body nav#gallery-filters a,
  body nav#distrib a {
    display: none;
  }
}

body nav#shortlinks div,
body nav#filters div,
body nav#gallery-filters div,
body nav#distrib div {
  color: #fff;
}

body nav#gallery-filters span {
  position: relative;
  text-align: center;
  display: inline-block;
  line-height: 2em;
  width: 250px;
  color: white;
  cursor: pointer;
}

body nav#gallery-filters span input {
  border: 1px solid white;
  background: transparent;
  color: white;
  padding: 3px;
  width: 80px;
}

body nav#gallery-filters span ul {
  position: absolute;
  background: #333;
  color: white;
  width: 100%;
  z-index: 3000;
  display: none;
}

body nav#gallery-filters span:hover ul {
  display: block;
}

body nav#gallery-filters span.ph ul li {
  display: none;
}

body .main_banner {
  font-family: 'cooper_hewittbook';
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

body .main_banner h1,
body .main_banner h2,
body .main_banner h3,
body .main_banner h4 {
  font-family: 'cooper_hewittthin';
  padding: 0;
  margin: 0;
}

body .main_banner strong {
  font-family: 'cooper_hewittbold';
}

body .main_banner p {
  min-height: 24px;
  margin: 0;
}

body .main_banner em {
  font-style: italic;
}

body .main_banner h1.md {
  font-size: 93.312px;
  line-height: 120px;
}

body .main_banner h2.md {
  font-size: 51.84px;
  line-height: 72px;
}

body .main_banner h3.md {
  font-size: 28.8px;
  line-height: 48px;
}

body .main_banner h4.md {
  font-size: 28.8px;
  line-height: 48px;
}

body .main_banner h1.md a,
body .main_banner h2.md a,
body .main_banner h3.md a,
body .main_banner h4.md a {
  text-decoration: none;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body .main_banner h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body .main_banner h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body .main_banner h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body .main_banner h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body .main_banner h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body .main_banner h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body .main_banner h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body .main_banner h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body .main_banner h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

body .main_banner .md_center {
  text-align: center;
}

body .main_banner .md_justify {
  text-align: justify;
}

body .main_banner .md_left {
  text-align: left;
}

body .main_banner .md_right {
  text-align: right;
}

body .main_banner .dummy {
  padding-top: 28.125%;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .dummy {
    padding-top: 56.25%;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .dummy {
    padding-top: 56.25%;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .dummy {
    padding-top: 56.25%;
  }
}

body .main_banner .w {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

body .main_banner .w > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}

body .main_banner .w > div.active {
  display: block;
}

body .main_banner .w > div figure {
  width: 100%;
  height: 100%;
  position: relative;
}

body .main_banner .w > div figure div {
  width: 100%;
  height: 100%;
  position: relative;
}

body .main_banner .w > div figure div img {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

body .main_banner .w > div figure div small.copyright {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  text-shadow: 0 0 5px #000;
}

body .main_banner .w > div .content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

body .main_banner .w > div .content .text {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body .main_banner .w > div .content .text:after {
  content: "";
  display: table;
  clear: both;
}

body .main_banner .w > div .content .text:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .w > div .content .text {
    font-size: 0.9em;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .w > div .content .text {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .w > div .content .text {
    font-size: 0.7em;
  }
}

body .main_banner .w > div.text_c > .content > .text {
  text-align: center;
}

body .main_banner .w > div.text_r > .content > .text {
  text-align: right;
}

body .main_banner .w > div.text_l > .content > .text {
  text-align: left;
}

body .main_banner ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

body .main_banner ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 45px;
}

body .main_banner ol,
body .main_banner ul {
  font-size: 16px;
}

body .main_banner ol li,
body .main_banner ul li {
  line-height: 1.33em;
}

body .main_banner .block {
  font-family: 'cooper_hewittbook';
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 48px;
}

body .main_banner .block .wrapperyt {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #CCC;
}

body .main_banner .block .wrapperyt .h_iframe {
  position: relative;
}

body .main_banner .block .wrapperyt .h_iframe .ratio {
  display: block;
  width: 100%;
  height: auto;
}

body .main_banner .block .wrapperyt .h_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .main_banner .block h1,
body .main_banner .block h2,
body .main_banner .block h3,
body .main_banner .block h4 {
  font-family: 'cooper_hewittthin';
  padding: 0;
  margin: 0;
}

body .main_banner .block strong {
  font-family: 'cooper_hewittbold';
}

body .main_banner .block p {
  min-height: 24px;
  margin: 0;
}

body .main_banner .block em {
  font-style: italic;
}

body .main_banner .block h1.md {
  font-size: 93.312px;
  line-height: 120px;
}

body .main_banner .block h2.md {
  font-size: 51.84px;
  line-height: 72px;
}

body .main_banner .block h3.md {
  font-size: 28.8px;
  line-height: 48px;
}

body .main_banner .block h4.md {
  font-size: 28.8px;
  line-height: 48px;
}

body .main_banner .block h1.md a,
body .main_banner .block h2.md a,
body .main_banner .block h3.md a,
body .main_banner .block h4.md a {
  text-decoration: none;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body .main_banner .block h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body .main_banner .block h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body .main_banner .block h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body .main_banner .block h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body .main_banner .block h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body .main_banner .block h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body .main_banner .block h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body .main_banner .block h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body .main_banner .block h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

body .main_banner .block a {
  color: black;
  text-decoration: underline;
}

body .main_banner .block figure {
  position: relative;
}

body .main_banner .block figure > div {
  position: relative;
}

body .main_banner .block figure > div img {
  display: block;
}

body .main_banner .block figure > div > small.copyright {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  text-shadow: 0 0 5px #000;
}

body .main_banner .block iframe {
  max-width: 100%;
}

body .main_banner .block:after {
  content: "";
  display: table;
  clear: both;
}

body .main_banner .block > h2 {
  background: white;
  position: relative;
  padding: 0 0 0 0;
  margin-bottom: 24px;
}

body .main_banner .block > h2 > span {
  background: #333;
  color: #fff;
  display: inline-block;
  position: relative;
  z-index: 30;
  padding: 0 24px;
  line-height: 72px;
  font-size: 51.84px;
  font-family: 'cooper_hewittthin';
}

body .main_banner .block > h2:before {
  content: "";
  height: 2px;
  background: #333;
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block > h2 > span {
    line-height: 48px;
    font-size: 28.8px;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block > h2 > span {
    line-height: 48px;
    font-size: 28.8px;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block > h2 > span {
    line-height: 48px;
    font-size: 28.8px;
  }
}

body .main_banner .block.banner {
  position: relative;
  margin-right: 0;
}

body .main_banner .block.banner > figure > div > img,
body .main_banner .block.banner > figure > div > a > img {
  width: 100%;
  height: auto;
}

body .main_banner .block.banner > .content > div.text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 1.69491525%;
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.banner > .content > div.text {
    /*font-size:0.9em;*/
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.banner > .content > div.text {
    /*font-size:0.8em; */
  }
}

body .main_banner .block.banner.text_l > .content > div.text {
  left: 0;
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 49.15254237%;
}

body .main_banner .block.banner.text_l > .content > div.text:last-child {
  margin-right: 0;
}

body .main_banner .block.banner.text_c > .content > div.text {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 66.10169492%;
  margin-left: 16.94915254%;
}

body .main_banner .block.banner.text_c > .content > div.text:last-child {
  margin-right: 0;
}

body .main_banner .block.banner.text_r > .content > div.text {
  right: 0;
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 49.15254237%;
}

body .main_banner .block.banner.text_r > .content > div.text:last-child {
  margin-right: 0;
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.only div.text {
    /*font-size:0.9em;*/
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.only div.text {
    /* font-size:0.8em;*/
  }
}

body .main_banner .block.text_3 div.text {
  -webkit-column-gap: 1.69491525%;
  -moz-column-gap: 1.69491525%;
  column-gap: 1.69491525%;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text_3 div.text {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text_3 div.text {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text_3 div.text {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text_3 div.text {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.code {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body .main_banner .block.code:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.code {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body .main_banner .block.code:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.code {
    margin-left: 17.24137931%;
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body .main_banner .block.code:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.code {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.code:last-child {
    margin-right: 0;
  }
}

body .main_banner .block.text div.text,
body .main_banner .block.text_s div.text,
body .main_banner .block.text_2 div.text {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  -webkit-column-gap: 1.69491525%;
  -moz-column-gap: 1.69491525%;
  column-gap: 1.69491525%;
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text_2 div.text,
  body .main_banner .block.text_s.text_2 div.text,
  body .main_banner .block.text_2.text_2 div.text {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text_2 div.text,
  body .main_banner .block.text_s.text_2 div.text,
  body .main_banner .block.text_2.text_2 div.text {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text_s.pict_r div.text,
  body .main_banner .block.text_s.text_s.pict_r div.text,
  body .main_banner .block.text_2.text_s.pict_r div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text_s.pict_r div.text,
  body .main_banner .block.text_s.text_s.pict_r div.text,
  body .main_banner .block.text_2.text_s.pict_r div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text_s.pict_r div.text,
  body .main_banner .block.text_s.text_s.pict_r div.text,
  body .main_banner .block.text_2.text_s.pict_r div.text {
    margin-left: 17.24137931%;
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body .main_banner .block.text.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text_s.pict_r div.text,
  body .main_banner .block.text_s.text_s.pict_r div.text,
  body .main_banner .block.text_2.text_s.pict_r div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text_s.pict_r > figure,
  body .main_banner .block.text_s.text_s.pict_r > figure,
  body .main_banner .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text_s.pict_r > figure,
  body .main_banner .block.text_s.text_s.pict_r > figure,
  body .main_banner .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text_s.pict_r > figure,
  body .main_banner .block.text_s.text_s.pict_r > figure,
  body .main_banner .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body .main_banner .block.text.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text_s.pict_r > figure,
  body .main_banner .block.text_s.text_s.pict_r > figure,
  body .main_banner .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text_s.only div.text,
  body .main_banner .block.text_s.text_s.only div.text,
  body .main_banner .block.text_2.text_s.only div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body .main_banner .block.text.text_s.only div.text:last-child,
  body .main_banner .block.text_s.text_s.only div.text:last-child,
  body .main_banner .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text_s.only div.text,
  body .main_banner .block.text_s.text_s.only div.text,
  body .main_banner .block.text_2.text_s.only div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body .main_banner .block.text.text_s.only div.text:last-child,
  body .main_banner .block.text_s.text_s.only div.text:last-child,
  body .main_banner .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text_s.only div.text,
  body .main_banner .block.text_s.text_s.only div.text,
  body .main_banner .block.text_2.text_s.only div.text {
    margin-left: 17.24137931%;
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body .main_banner .block.text.text_s.only div.text:last-child,
  body .main_banner .block.text_s.text_s.only div.text:last-child,
  body .main_banner .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text_s.only div.text,
  body .main_banner .block.text_s.text_s.only div.text,
  body .main_banner .block.text_2.text_s.only div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text_s.only div.text:last-child,
  body .main_banner .block.text_s.text_s.only div.text:last-child,
  body .main_banner .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text_s.pict_l div.text,
  body .main_banner .block.text_s.text_s.pict_l div.text,
  body .main_banner .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text_s.pict_l div.text,
  body .main_banner .block.text_s.text_s.pict_l div.text,
  body .main_banner .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text_s.pict_l div.text,
  body .main_banner .block.text_s.text_s.pict_l div.text,
  body .main_banner .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body .main_banner .block.text.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text_s.pict_l div.text,
  body .main_banner .block.text_s.text_s.pict_l div.text,
  body .main_banner .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_s.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text_s.pict_l > figure,
  body .main_banner .block.text_s.text_s.pict_l > figure,
  body .main_banner .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
    margin-left: 16.94915254%;
  }

  body .main_banner .block.text.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text_s.pict_l > figure,
  body .main_banner .block.text_s.text_s.pict_l > figure,
  body .main_banner .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
    margin-left: 16.94915254%;
  }

  body .main_banner .block.text.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text_s.pict_l > figure,
  body .main_banner .block.text_s.text_s.pict_l > figure,
  body .main_banner .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
    margin-left: 17.24137931%;
  }

  body .main_banner .block.text.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text_s.pict_l > figure,
  body .main_banner .block.text_s.text_s.pict_l > figure,
  body .main_banner .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_s.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text.pict_r div.text,
  body .main_banner .block.text.text.pict_l div.text,
  body .main_banner .block.text.text_2.pict_r div.text,
  body .main_banner .block.text.text_2.pict_l div.text,
  body .main_banner .block.text_s.text.pict_r div.text,
  body .main_banner .block.text_s.text.pict_l div.text,
  body .main_banner .block.text_s.text_2.pict_r div.text,
  body .main_banner .block.text_s.text_2.pict_l div.text,
  body .main_banner .block.text_2.text.pict_r div.text,
  body .main_banner .block.text_2.text.pict_l div.text,
  body .main_banner .block.text_2.text_2.pict_r div.text,
  body .main_banner .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body .main_banner .block.text.text.pict_r div.text:last-child,
  body .main_banner .block.text.text.pict_l div.text:last-child,
  body .main_banner .block.text.text_2.pict_r div.text:last-child,
  body .main_banner .block.text.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_s.text.pict_r div.text:last-child,
  body .main_banner .block.text_s.text.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_2.text.pict_r div.text:last-child,
  body .main_banner .block.text_2.text.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text.pict_r div.text,
  body .main_banner .block.text.text.pict_l div.text,
  body .main_banner .block.text.text_2.pict_r div.text,
  body .main_banner .block.text.text_2.pict_l div.text,
  body .main_banner .block.text_s.text.pict_r div.text,
  body .main_banner .block.text_s.text.pict_l div.text,
  body .main_banner .block.text_s.text_2.pict_r div.text,
  body .main_banner .block.text_s.text_2.pict_l div.text,
  body .main_banner .block.text_2.text.pict_r div.text,
  body .main_banner .block.text_2.text.pict_l div.text,
  body .main_banner .block.text_2.text_2.pict_r div.text,
  body .main_banner .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body .main_banner .block.text.text.pict_r div.text:last-child,
  body .main_banner .block.text.text.pict_l div.text:last-child,
  body .main_banner .block.text.text_2.pict_r div.text:last-child,
  body .main_banner .block.text.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_s.text.pict_r div.text:last-child,
  body .main_banner .block.text_s.text.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_2.text.pict_r div.text:last-child,
  body .main_banner .block.text_2.text.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text.pict_r div.text,
  body .main_banner .block.text.text.pict_l div.text,
  body .main_banner .block.text.text_2.pict_r div.text,
  body .main_banner .block.text.text_2.pict_l div.text,
  body .main_banner .block.text_s.text.pict_r div.text,
  body .main_banner .block.text_s.text.pict_l div.text,
  body .main_banner .block.text_s.text_2.pict_r div.text,
  body .main_banner .block.text_s.text_2.pict_l div.text,
  body .main_banner .block.text_2.text.pict_r div.text,
  body .main_banner .block.text_2.text.pict_l div.text,
  body .main_banner .block.text_2.text_2.pict_r div.text,
  body .main_banner .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body .main_banner .block.text.text.pict_r div.text:last-child,
  body .main_banner .block.text.text.pict_l div.text:last-child,
  body .main_banner .block.text.text_2.pict_r div.text:last-child,
  body .main_banner .block.text.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_s.text.pict_r div.text:last-child,
  body .main_banner .block.text_s.text.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_2.text.pict_r div.text:last-child,
  body .main_banner .block.text_2.text.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text.pict_r div.text,
  body .main_banner .block.text.text.pict_l div.text,
  body .main_banner .block.text.text_2.pict_r div.text,
  body .main_banner .block.text.text_2.pict_l div.text,
  body .main_banner .block.text_s.text.pict_r div.text,
  body .main_banner .block.text_s.text.pict_l div.text,
  body .main_banner .block.text_s.text_2.pict_r div.text,
  body .main_banner .block.text_s.text_2.pict_l div.text,
  body .main_banner .block.text_2.text.pict_r div.text,
  body .main_banner .block.text_2.text.pict_l div.text,
  body .main_banner .block.text_2.text_2.pict_r div.text,
  body .main_banner .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text.pict_r div.text:last-child,
  body .main_banner .block.text.text.pict_l div.text:last-child,
  body .main_banner .block.text.text_2.pict_r div.text:last-child,
  body .main_banner .block.text.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_s.text.pict_r div.text:last-child,
  body .main_banner .block.text_s.text.pict_l div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_s.text_2.pict_l div.text:last-child,
  body .main_banner .block.text_2.text.pict_r div.text:last-child,
  body .main_banner .block.text_2.text.pict_l div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_r div.text:last-child,
  body .main_banner .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.text.text.pict_r > figure,
  body .main_banner .block.text.text.pict_l > figure,
  body .main_banner .block.text.text_2.pict_r > figure,
  body .main_banner .block.text.text_2.pict_l > figure,
  body .main_banner .block.text_s.text.pict_r > figure,
  body .main_banner .block.text_s.text.pict_l > figure,
  body .main_banner .block.text_s.text_2.pict_r > figure,
  body .main_banner .block.text_s.text_2.pict_l > figure,
  body .main_banner .block.text_2.text.pict_r > figure,
  body .main_banner .block.text_2.text.pict_l > figure,
  body .main_banner .block.text_2.text_2.pict_r > figure,
  body .main_banner .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text.pict_r > figure:last-child,
  body .main_banner .block.text.text.pict_l > figure:last-child,
  body .main_banner .block.text.text_2.pict_r > figure:last-child,
  body .main_banner .block.text.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_s.text.pict_r > figure:last-child,
  body .main_banner .block.text_s.text.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_2.text.pict_r > figure:last-child,
  body .main_banner .block.text_2.text.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.text.text.pict_r > figure,
  body .main_banner .block.text.text.pict_l > figure,
  body .main_banner .block.text.text_2.pict_r > figure,
  body .main_banner .block.text.text_2.pict_l > figure,
  body .main_banner .block.text_s.text.pict_r > figure,
  body .main_banner .block.text_s.text.pict_l > figure,
  body .main_banner .block.text_s.text_2.pict_r > figure,
  body .main_banner .block.text_s.text_2.pict_l > figure,
  body .main_banner .block.text_2.text.pict_r > figure,
  body .main_banner .block.text_2.text.pict_l > figure,
  body .main_banner .block.text_2.text_2.pict_r > figure,
  body .main_banner .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.text.text.pict_r > figure:last-child,
  body .main_banner .block.text.text.pict_l > figure:last-child,
  body .main_banner .block.text.text_2.pict_r > figure:last-child,
  body .main_banner .block.text.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_s.text.pict_r > figure:last-child,
  body .main_banner .block.text_s.text.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_2.text.pict_r > figure:last-child,
  body .main_banner .block.text_2.text.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.text.text.pict_r > figure,
  body .main_banner .block.text.text.pict_l > figure,
  body .main_banner .block.text.text_2.pict_r > figure,
  body .main_banner .block.text.text_2.pict_l > figure,
  body .main_banner .block.text_s.text.pict_r > figure,
  body .main_banner .block.text_s.text.pict_l > figure,
  body .main_banner .block.text_s.text_2.pict_r > figure,
  body .main_banner .block.text_s.text_2.pict_l > figure,
  body .main_banner .block.text_2.text.pict_r > figure,
  body .main_banner .block.text_2.text.pict_l > figure,
  body .main_banner .block.text_2.text_2.pict_r > figure,
  body .main_banner .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 31.03448276%;
  }

  body .main_banner .block.text.text.pict_r > figure:last-child,
  body .main_banner .block.text.text.pict_l > figure:last-child,
  body .main_banner .block.text.text_2.pict_r > figure:last-child,
  body .main_banner .block.text.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_s.text.pict_r > figure:last-child,
  body .main_banner .block.text_s.text.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_2.text.pict_r > figure:last-child,
  body .main_banner .block.text_2.text.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.text.text.pict_r > figure,
  body .main_banner .block.text.text.pict_l > figure,
  body .main_banner .block.text.text_2.pict_r > figure,
  body .main_banner .block.text.text_2.pict_l > figure,
  body .main_banner .block.text_s.text.pict_r > figure,
  body .main_banner .block.text_s.text.pict_l > figure,
  body .main_banner .block.text_s.text_2.pict_r > figure,
  body .main_banner .block.text_s.text_2.pict_l > figure,
  body .main_banner .block.text_2.text.pict_r > figure,
  body .main_banner .block.text_2.text.pict_l > figure,
  body .main_banner .block.text_2.text_2.pict_r > figure,
  body .main_banner .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.text.text.pict_r > figure:last-child,
  body .main_banner .block.text.text.pict_l > figure:last-child,
  body .main_banner .block.text.text_2.pict_r > figure:last-child,
  body .main_banner .block.text.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_s.text.pict_r > figure:last-child,
  body .main_banner .block.text_s.text.pict_l > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_s.text_2.pict_l > figure:last-child,
  body .main_banner .block.text_2.text.pict_r > figure:last-child,
  body .main_banner .block.text_2.text.pict_l > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_r > figure:last-child,
  body .main_banner .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.pict.text_l div.text,
  body .main_banner .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.pict.text_l div.text:last-child,
  body .main_banner .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.pict.text_l div.text,
  body .main_banner .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.pict.text_l div.text:last-child,
  body .main_banner .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.pict.text_l div.text,
  body .main_banner .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 100%;
  }

  body .main_banner .block.pict.text_l div.text:last-child,
  body .main_banner .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.pict.text_l div.text,
  body .main_banner .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.pict.text_l div.text:last-child,
  body .main_banner .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.pict.text_l > figure,
  body .main_banner .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 0%;
  }

  body .main_banner .block.pict.text_l > figure:last-child,
  body .main_banner .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.pict.text_l > figure,
  body .main_banner .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 0%;
  }

  body .main_banner .block.pict.text_l > figure:last-child,
  body .main_banner .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.pict.text_l > figure,
  body .main_banner .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 100%;
    margin-left: 0%;
  }

  body .main_banner .block.pict.text_l > figure:last-child,
  body .main_banner .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.pict.text_l > figure,
  body .main_banner .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
    margin-left: 0%;
  }

  body .main_banner .block.pict.text_l > figure:last-child,
  body .main_banner .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 16.94915254%;
  }

  body .main_banner .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 16.94915254%;
  }

  body .main_banner .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
    margin-left: 17.24137931%;
    margin-right: 0;
  }

  body .main_banner .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
  }

  body .main_banner .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

body .main_banner .block.pict > figure > div img,
body .main_banner .block.text > figure > div img,
body .main_banner .block.text_2 > figure > div img,
body .main_banner .block.text_s > figure > div img {
  width: 100%;
  height: auto;
}

body .main_banner .block.auto.grid > figure > div > img,
body .main_banner .block.auto.grid > figure > div > a > img {
  width: 100%;
  height: auto;
}

body .main_banner .block.auto.grid ul.units,
body .main_banner .block.auto.grid ul.sets {
  margin: 0;
}

body .main_banner .block.auto.grid ul.units > li,
body .main_banner .block.auto.grid ul.sets > li {
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  cursor: pointer;
}

body .main_banner .block.auto.grid ul.units > li .r,
body .main_banner .block.auto.grid ul.sets > li .r {
  position: relative;
}

body .main_banner .block.auto.grid ul.units > li .dummy,
body .main_banner .block.auto.grid ul.sets > li .dummy {
  padding-top: 100%;
}

body .main_banner .block.auto.grid ul.units > li .w,
body .main_banner .block.auto.grid ul.sets > li .w {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body .main_banner .block.auto.grid ul.units > li img,
body .main_banner .block.auto.grid ul.sets > li img {
  display: block;
  width: 80%;
  height: auto;
  margin: auto;
  margin-bottom: 5%;
}

body .main_banner .block.auto.grid ul.units > li header > h3,
body .main_banner .block.auto.grid ul.sets > li header > h3 {
  width: 90%;
  height: 15%;
  text-align: center;
  margin: 0 auto;
  font-family: "cooper_hewittbold";
}

body .main_banner .block.auto.grid ul.units > li article,
body .main_banner .block.auto.grid ul.sets > li article {
  display: none;
}

body .main_banner .block.auto.grid ul.units > li.open .w:before,
body .main_banner .block.auto.grid ul.sets > li.open .w:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ccc;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
}

body .main_banner .block.auto.grid ul.units > li.open .w:after,
body .main_banner .block.auto.grid ul.sets > li.open .w:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 19px solid #fff;
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -19px;
}

body .main_banner .block.auto.grid ul.units > li.open article,
body .main_banner .block.auto.grid ul.sets > li.open article {
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  margin: auto;
  margin-top: 30px;
  max-width: 1180px;
  background: #ececec;
}

body .main_banner .block.auto.grid ul.units > li.open article > div,
body .main_banner .block.auto.grid ul.sets > li.open article > div {
  padding: 20px;
  overflow: auto;
}

body .main_banner .block.auto.grid ul.units > li.open article > div h3,
body .main_banner .block.auto.grid ul.sets > li.open article > div h3 {
  line-height: 48px;
  font-family: "cooper_hewittbold";
}

body .main_banner .block.auto.grid ul.units > li.open article > div h3 span,
body .main_banner .block.auto.grid ul.sets > li.open article > div h3 span {
  font-size: 0.8em;
  padding-left: 15px;
  font-style: italic;
}

body .main_banner .block.auto.grid ul.units > li.open article > div .text,
body .main_banner .block.auto.grid ul.sets > li.open article > div .text {
  font-weight: bold;
}

body .main_banner .block.auto.grid ul.units > li.open article > div small,
body .main_banner .block.auto.grid ul.sets > li.open article > div small {
  font-size: 0.8em;
}

body .main_banner .block.auto.grid ul.units > li.open article > div table,
body .main_banner .block.auto.grid ul.sets > li.open article > div table {
  margin-top: 12px;
  font-size: 0.9em;
}

body .main_banner .block.auto.grid ul.units > li.open article > div table tr,
body .main_banner .block.auto.grid ul.sets > li.open article > div table tr {
  background: #fff;
  border-bottom: 4px solid #ececec;
}

body .main_banner .block.auto.grid ul.units > li.open article > div table tr td,
body .main_banner .block.auto.grid ul.sets > li.open article > div table tr td {
  padding: 2px 12px;
  text-overflow: ellipsis;
}

body .main_banner .block.auto.grid ul.units > li.open article > div table tr td.content,
body .main_banner .block.auto.grid ul.sets > li.open article > div table tr td.content {
  width: 400px;
}

body .main_banner .block.auto.grid ul.units > li.open article > div table tr.head,
body .main_banner .block.auto.grid ul.sets > li.open article > div table tr.head {
  font-weight: bold;
  border-bottom: 12px solid #ececec;
}

@media screen and (min-width: 1240px) {
  body .main_banner .block.auto.grid ul.units > li.open article,
  body .main_banner .block.auto.grid ul.sets > li.open article {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.auto.grid ul.units.sets li,
  body .main_banner .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.auto.grid ul.units.sets li:last-child,
  body .main_banner .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(3n),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(3n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(3n+1),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.auto.grid ul.units.sets li,
  body .main_banner .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 49.15254237%;
  }

  body .main_banner .block.auto.grid ul.units.sets li:last-child,
  body .main_banner .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(2n),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(2n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(2n+1),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.auto.grid ul.units.sets li,
  body .main_banner .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 100%;
  }

  body .main_banner .block.auto.grid ul.units.sets li:last-child,
  body .main_banner .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(1n),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(1n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(1n+1),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(1n+1) {
    clear: left;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.auto.grid ul.units.sets li,
  body .main_banner .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.auto.grid ul.units.sets li:last-child,
  body .main_banner .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(1n),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(1n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.sets li:nth-child(1n+1),
  body .main_banner .block.auto.grid ul.sets.sets li:nth-child(1n+1) {
    clear: left;
  }
}

body .main_banner .block.auto.grid ul.units.sets li.open,
body .main_banner .block.auto.grid ul.sets.sets li.open {
  margin-bottom: 430px;
}

body .main_banner .block.auto.grid ul.units.sets li.open article > div,
body .main_banner .block.auto.grid ul.sets.sets li.open article > div {
  height: 360px;
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.auto.grid ul.units.units li,
  body .main_banner .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 23.72881356%;
  }

  body .main_banner .block.auto.grid ul.units.units li:last-child,
  body .main_banner .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(4n),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(4n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(4n+1),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.auto.grid ul.units.units li,
  body .main_banner .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body .main_banner .block.auto.grid ul.units.units li:last-child,
  body .main_banner .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(3n),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(3n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(3n+1),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.auto.grid ul.units.units li,
  body .main_banner .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 48.27586207%;
  }

  body .main_banner .block.auto.grid ul.units.units li:last-child,
  body .main_banner .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(2n),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(2n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(2n+1),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.auto.grid ul.units.units li,
  body .main_banner .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body .main_banner .block.auto.grid ul.units.units li:last-child,
  body .main_banner .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(1n),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(1n) {
    margin-right: 0;
  }

  body .main_banner .block.auto.grid ul.units.units li:nth-child(1n+1),
  body .main_banner .block.auto.grid ul.sets.units li:nth-child(1n+1) {
    clear: left;
  }
}

body .main_banner .block.auto.grid ul.units.units li.open,
body .main_banner .block.auto.grid ul.sets.units li.open {
  margin-bottom: 330px;
}

body .main_banner .block.auto.grid ul.units.units li.open article > div,
body .main_banner .block.auto.grid ul.sets.units li.open article > div {
  height: 260px;
}

body .main_banner .block.auto.medias.gallery .mediasgrid {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  -webkit-column-gap: 1.69491525%;
  -moz-column-gap: 1.69491525%;
  column-gap: 1.69491525%;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  body .main_banner .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body .main_banner .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body .main_banner .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (max-width: 479px) {
  body .main_banner .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

body .main_banner .block.auto.medias.gallery .mediasgrid figure {
  display: inline-block;
  margin-bottom: 20px;
}

body .main_banner .block.auto.medias.gallery .mediasgrid figure img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}

body .main_banner .block.auto.medias.gallery .mediasgrid figure:hover .overlayinfos {
  display: block;
}

body .main_banner .block.auto.medias.gallery .mediasgrid figure .overlayinfos {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  background: url("/i/1x1red75.png"), repeat;
  background: url("/i/1x1red75.png"), repeat;
  display: none;
}

body .main_banner .block.auto.medias.gallery .mediasgrid figure .overlayinfos > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

body .main_banner .block.auto.medias.gallery .mediasgrid figure .overlayinfos > div > p {
  text-align: center;
  font-size: 1em;
  line-height: 1.3em;
}

body .main_banner .block.auto.features table.features {
  border: none;
  border-spacing: 10px;
  border-collapse: separate;
  font-size: 1em;
}

body .main_banner .block.auto.features table.features th {
  padding: 15px;
  line-height: 1.4em;
  background: #333333;
  color: white;
}

body .main_banner .block.auto.features table.features th strong {
  font-family: 'cooper_hewittbold';
}

body .main_banner .block.auto.features table.features th:first-child {
  background: none;
}

body .main_banner .block.auto.features table.features td {
  padding: 15px 8px;
  background: #e5e5e5;
  cursor: pointer;
}

body .main_banner .block.auto.features table.features tr:hover td {
  background: #f5f5f5;
}

body .main_banner .block.auto.features table.features td.label {
  font-family: 'cooper_hewittbold';
}

body .main_banner .block.auto.features table.features td.value {
  text-align: center;
}

body .main_banner .block figure figcaption {
  text-align: center;
  width: 100%;
  margin-top: 15px;
  font-size: 16px;
}

body .main_banner .block.sitemap ul {
  list-style-type: none;
  margin-left: 40px;
  margin-bottom: 20px;
}

body .main_banner .block.sitemap a {
  color: #999;
}

body .main_banner .block.sitemap a:hover {
  color: black;
}

body .main_banner .block .md_center {
  text-align: center;
}

body .main_banner .block .md_justify {
  text-align: justify;
}

body .main_banner .block .md_left {
  text-align: left;
}

body .main_banner .block .md_right {
  text-align: right;
}

body .main_banner div.timeline > div > img,
body .main_banner div.timeline > div > a > img {
  width: 100%;
  height: auto;
}

body .main_banner div.timeline iframe {
  width: 100%;
  height: 550px;
}

body .main_banner form.ajaxsubmit .errormsg {
  background: #F2DEDE;
  color: #BE5B59;
  border: 1px solid #BE5B59;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}

body .main_banner form.ajaxsubmit .successmsg {
  background: #DFF2BF;
  color: #609627;
  border: 1px solid #609627;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}

body .main_banner form.ajaxsubmit .label {
  font-size: 1.2em;
}

body .main_banner form.ajaxsubmit input,
body .main_banner form.ajaxsubmit select {
  padding: 4px;
  margin-bottom: 10px;
}

body .main_banner form.ajaxsubmit select {
  margin-left: -4px;
  width: 242px;
}

body .main_banner form.ajaxsubmit input[type="text"] {
  width: 240px;
}

body .main_banner object[type='image/svg+xml'] {
  width: 100%;
}

body > section {
  padding-top: 24px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body > section:after {
  content: "";
  display: table;
  clear: both;
}

body > section:after {
  content: "";
  display: table;
  clear: both;
}

body > section.page {
  background: #fff;
}

body > section ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

body > section ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 45px;
}

body > section ol,
body > section ul {
  font-size: 16px;
}

body > section ol li,
body > section ul li {
  line-height: 1.33em;
}

body > section .block {
  font-family: 'cooper_hewittbook';
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 48px;
}

body > section .block .wrapperyt {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #CCC;
}

body > section .block .wrapperyt .h_iframe {
  position: relative;
}

body > section .block .wrapperyt .h_iframe .ratio {
  display: block;
  width: 100%;
  height: auto;
}

body > section .block .wrapperyt .h_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body > section .block h1,
body > section .block h2,
body > section .block h3,
body > section .block h4 {
  font-family: 'cooper_hewittthin';
  padding: 0;
  margin: 0;
}

body > section .block strong {
  font-family: 'cooper_hewittbold';
}

body > section .block p {
  min-height: 24px;
  margin: 0;
}

body > section .block em {
  font-style: italic;
}

body > section .block h1.md {
  font-size: 93.312px;
  line-height: 120px;
}

body > section .block h2.md {
  font-size: 51.84px;
  line-height: 72px;
}

body > section .block h3.md {
  font-size: 28.8px;
  line-height: 48px;
}

body > section .block h4.md {
  font-size: 28.8px;
  line-height: 48px;
}

body > section .block h1.md a,
body > section .block h2.md a,
body > section .block h3.md a,
body > section .block h4.md a {
  text-decoration: none;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body > section .block h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body > section .block h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body > section .block h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body > section .block h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body > section .block h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body > section .block h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  body > section .block h1.md {
    font-size: 51.84px;
    line-height: 96px;
  }

  body > section .block h2.md {
    font-size: 28.8px;
    line-height: 48px;
  }

  body > section .block h3.md {
    font-size: 16px;
    line-height: 24px;
  }

  body > section .block h4.md {
    font-size: 16px;
    line-height: 24px;
  }
}

body > section .block a {
  color: black;
  text-decoration: underline;
}

body > section .block figure {
  position: relative;
}

body > section .block figure > div {
  position: relative;
}

body > section .block figure > div img {
  display: block;
}

body > section .block figure > div > small.copyright {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  text-shadow: 0 0 5px #000;
}

body > section .block iframe {
  max-width: 100%;
}

body > section .block:after {
  content: "";
  display: table;
  clear: both;
}

body > section .block > h2 {
  background: white;
  position: relative;
  padding: 0 0 0 0;
  margin-bottom: 24px;
}

body > section .block > h2 > span {
  background: #333;
  color: #fff;
  display: inline-block;
  position: relative;
  z-index: 30;
  padding: 0 24px;
  line-height: 72px;
  font-size: 51.84px;
  font-family: 'cooper_hewittthin';
}

body > section .block > h2:before {
  content: "";
  height: 2px;
  background: #333;
  display: block;
  z-index: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block > h2 > span {
    line-height: 48px;
    font-size: 28.8px;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block > h2 > span {
    line-height: 48px;
    font-size: 28.8px;
  }
}

@media screen and (max-width: 479px) {
  body > section .block > h2 > span {
    line-height: 48px;
    font-size: 28.8px;
  }
}

body > section .block.banner {
  position: relative;
  margin-right: 0;
}

body > section .block.banner > figure > div > img,
body > section .block.banner > figure > div > a > img {
  width: 100%;
  height: auto;
}

body > section .block.banner > .content > div.text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 1.69491525%;
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.banner > .content > div.text {
    /*font-size:0.9em;*/
  }
}

@media screen and (max-width: 479px) {
  body > section .block.banner > .content > div.text {
    /*font-size:0.8em; */
  }
}

body > section .block.banner.text_l > .content > div.text {
  left: 0;
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 49.15254237%;
}

body > section .block.banner.text_l > .content > div.text:last-child {
  margin-right: 0;
}

body > section .block.banner.text_c > .content > div.text {
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 66.10169492%;
  margin-left: 16.94915254%;
}

body > section .block.banner.text_c > .content > div.text:last-child {
  margin-right: 0;
}

body > section .block.banner.text_r > .content > div.text {
  right: 0;
  float: left;
  display: block;
  margin-right: 1.69491525%;
  width: 49.15254237%;
}

body > section .block.banner.text_r > .content > div.text:last-child {
  margin-right: 0;
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.only div.text {
    /*font-size:0.9em;*/
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.only div.text {
    /* font-size:0.8em;*/
  }
}

body > section .block.text_3 div.text {
  -webkit-column-gap: 1.69491525%;
  -moz-column-gap: 1.69491525%;
  column-gap: 1.69491525%;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  body > section .block.text_3 div.text {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text_3 div.text {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text_3 div.text {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text_3 div.text {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.code {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body > section .block.code:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.code {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body > section .block.code:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.code {
    margin-left: 17.24137931%;
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body > section .block.code:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.code {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.code:last-child {
    margin-right: 0;
  }
}

body > section .block.text div.text,
body > section .block.text_s div.text,
body > section .block.text_2 div.text {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  -webkit-column-gap: 1.69491525%;
  -moz-column-gap: 1.69491525%;
  column-gap: 1.69491525%;
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text_2 div.text,
  body > section .block.text_s.text_2 div.text,
  body > section .block.text_2.text_2 div.text {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text_2 div.text,
  body > section .block.text_s.text_2 div.text,
  body > section .block.text_2.text_2 div.text {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text_s.pict_r div.text,
  body > section .block.text_s.text_s.pict_r div.text,
  body > section .block.text_2.text_s.pict_r div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text_s.pict_r div.text:last-child,
  body > section .block.text_s.text_s.pict_r div.text:last-child,
  body > section .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text_s.pict_r div.text,
  body > section .block.text_s.text_s.pict_r div.text,
  body > section .block.text_2.text_s.pict_r div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text_s.pict_r div.text:last-child,
  body > section .block.text_s.text_s.pict_r div.text:last-child,
  body > section .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text_s.pict_r div.text,
  body > section .block.text_s.text_s.pict_r div.text,
  body > section .block.text_2.text_s.pict_r div.text {
    margin-left: 17.24137931%;
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body > section .block.text.text_s.pict_r div.text:last-child,
  body > section .block.text_s.text_s.pict_r div.text:last-child,
  body > section .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text_s.pict_r div.text,
  body > section .block.text_s.text_s.pict_r div.text,
  body > section .block.text_2.text_s.pict_r div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text_s.pict_r div.text:last-child,
  body > section .block.text_s.text_s.pict_r div.text:last-child,
  body > section .block.text_2.text_s.pict_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text_s.pict_r > figure,
  body > section .block.text_s.text_s.pict_r > figure,
  body > section .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text_s.pict_r > figure:last-child,
  body > section .block.text_s.text_s.pict_r > figure:last-child,
  body > section .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text_s.pict_r > figure,
  body > section .block.text_s.text_s.pict_r > figure,
  body > section .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text_s.pict_r > figure:last-child,
  body > section .block.text_s.text_s.pict_r > figure:last-child,
  body > section .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text_s.pict_r > figure,
  body > section .block.text_s.text_s.pict_r > figure,
  body > section .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body > section .block.text.text_s.pict_r > figure:last-child,
  body > section .block.text_s.text_s.pict_r > figure:last-child,
  body > section .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text_s.pict_r > figure,
  body > section .block.text_s.text_s.pict_r > figure,
  body > section .block.text_2.text_s.pict_r > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text_s.pict_r > figure:last-child,
  body > section .block.text_s.text_s.pict_r > figure:last-child,
  body > section .block.text_2.text_s.pict_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text_s.only div.text,
  body > section .block.text_s.text_s.only div.text,
  body > section .block.text_2.text_s.only div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body > section .block.text.text_s.only div.text:last-child,
  body > section .block.text_s.text_s.only div.text:last-child,
  body > section .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text_s.only div.text,
  body > section .block.text_s.text_s.only div.text,
  body > section .block.text_2.text_s.only div.text {
    margin-left: 16.94915254%;
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body > section .block.text.text_s.only div.text:last-child,
  body > section .block.text_s.text_s.only div.text:last-child,
  body > section .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text_s.only div.text,
  body > section .block.text_s.text_s.only div.text,
  body > section .block.text_2.text_s.only div.text {
    margin-left: 17.24137931%;
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body > section .block.text.text_s.only div.text:last-child,
  body > section .block.text_s.text_s.only div.text:last-child,
  body > section .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text_s.only div.text,
  body > section .block.text_s.text_s.only div.text,
  body > section .block.text_2.text_s.only div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text_s.only div.text:last-child,
  body > section .block.text_s.text_s.only div.text:last-child,
  body > section .block.text_2.text_s.only div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text_s.pict_l div.text,
  body > section .block.text_s.text_s.pict_l div.text,
  body > section .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text_s.pict_l div.text:last-child,
  body > section .block.text_s.text_s.pict_l div.text:last-child,
  body > section .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text_s.pict_l div.text,
  body > section .block.text_s.text_s.pict_l div.text,
  body > section .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text_s.pict_l div.text:last-child,
  body > section .block.text_s.text_s.pict_l div.text:last-child,
  body > section .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text_s.pict_l div.text,
  body > section .block.text_s.text_s.pict_l div.text,
  body > section .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body > section .block.text.text_s.pict_l div.text:last-child,
  body > section .block.text_s.text_s.pict_l div.text:last-child,
  body > section .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text_s.pict_l div.text,
  body > section .block.text_s.text_s.pict_l div.text,
  body > section .block.text_2.text_s.pict_l div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text_s.pict_l div.text:last-child,
  body > section .block.text_s.text_s.pict_l div.text:last-child,
  body > section .block.text_2.text_s.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text_s.pict_l > figure,
  body > section .block.text_s.text_s.pict_l > figure,
  body > section .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
    margin-left: 16.94915254%;
  }

  body > section .block.text.text_s.pict_l > figure:last-child,
  body > section .block.text_s.text_s.pict_l > figure:last-child,
  body > section .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text_s.pict_l > figure,
  body > section .block.text_s.text_s.pict_l > figure,
  body > section .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
    margin-left: 16.94915254%;
  }

  body > section .block.text.text_s.pict_l > figure:last-child,
  body > section .block.text_s.text_s.pict_l > figure:last-child,
  body > section .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text_s.pict_l > figure,
  body > section .block.text_s.text_s.pict_l > figure,
  body > section .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
    margin-left: 17.24137931%;
  }

  body > section .block.text.text_s.pict_l > figure:last-child,
  body > section .block.text_s.text_s.pict_l > figure:last-child,
  body > section .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text_s.pict_l > figure,
  body > section .block.text_s.text_s.pict_l > figure,
  body > section .block.text_2.text_s.pict_l > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text_s.pict_l > figure:last-child,
  body > section .block.text_s.text_s.pict_l > figure:last-child,
  body > section .block.text_2.text_s.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text.pict_r div.text,
  body > section .block.text.text.pict_l div.text,
  body > section .block.text.text_2.pict_r div.text,
  body > section .block.text.text_2.pict_l div.text,
  body > section .block.text_s.text.pict_r div.text,
  body > section .block.text_s.text.pict_l div.text,
  body > section .block.text_s.text_2.pict_r div.text,
  body > section .block.text_s.text_2.pict_l div.text,
  body > section .block.text_2.text.pict_r div.text,
  body > section .block.text_2.text.pict_l div.text,
  body > section .block.text_2.text_2.pict_r div.text,
  body > section .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body > section .block.text.text.pict_r div.text:last-child,
  body > section .block.text.text.pict_l div.text:last-child,
  body > section .block.text.text_2.pict_r div.text:last-child,
  body > section .block.text.text_2.pict_l div.text:last-child,
  body > section .block.text_s.text.pict_r div.text:last-child,
  body > section .block.text_s.text.pict_l div.text:last-child,
  body > section .block.text_s.text_2.pict_r div.text:last-child,
  body > section .block.text_s.text_2.pict_l div.text:last-child,
  body > section .block.text_2.text.pict_r div.text:last-child,
  body > section .block.text_2.text.pict_l div.text:last-child,
  body > section .block.text_2.text_2.pict_r div.text:last-child,
  body > section .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text.pict_r div.text,
  body > section .block.text.text.pict_l div.text,
  body > section .block.text.text_2.pict_r div.text,
  body > section .block.text.text_2.pict_l div.text,
  body > section .block.text_s.text.pict_r div.text,
  body > section .block.text_s.text.pict_l div.text,
  body > section .block.text_s.text_2.pict_r div.text,
  body > section .block.text_s.text_2.pict_l div.text,
  body > section .block.text_2.text.pict_r div.text,
  body > section .block.text_2.text.pict_l div.text,
  body > section .block.text_2.text_2.pict_r div.text,
  body > section .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
  }

  body > section .block.text.text.pict_r div.text:last-child,
  body > section .block.text.text.pict_l div.text:last-child,
  body > section .block.text.text_2.pict_r div.text:last-child,
  body > section .block.text.text_2.pict_l div.text:last-child,
  body > section .block.text_s.text.pict_r div.text:last-child,
  body > section .block.text_s.text.pict_l div.text:last-child,
  body > section .block.text_s.text_2.pict_r div.text:last-child,
  body > section .block.text_s.text_2.pict_l div.text:last-child,
  body > section .block.text_2.text.pict_r div.text:last-child,
  body > section .block.text_2.text.pict_l div.text:last-child,
  body > section .block.text_2.text_2.pict_r div.text:last-child,
  body > section .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text.pict_r div.text,
  body > section .block.text.text.pict_l div.text,
  body > section .block.text.text_2.pict_r div.text,
  body > section .block.text.text_2.pict_l div.text,
  body > section .block.text_s.text.pict_r div.text,
  body > section .block.text_s.text.pict_l div.text,
  body > section .block.text_s.text_2.pict_r div.text,
  body > section .block.text_s.text_2.pict_l div.text,
  body > section .block.text_2.text.pict_r div.text,
  body > section .block.text_2.text.pict_l div.text,
  body > section .block.text_2.text_2.pict_r div.text,
  body > section .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
  }

  body > section .block.text.text.pict_r div.text:last-child,
  body > section .block.text.text.pict_l div.text:last-child,
  body > section .block.text.text_2.pict_r div.text:last-child,
  body > section .block.text.text_2.pict_l div.text:last-child,
  body > section .block.text_s.text.pict_r div.text:last-child,
  body > section .block.text_s.text.pict_l div.text:last-child,
  body > section .block.text_s.text_2.pict_r div.text:last-child,
  body > section .block.text_s.text_2.pict_l div.text:last-child,
  body > section .block.text_2.text.pict_r div.text:last-child,
  body > section .block.text_2.text.pict_l div.text:last-child,
  body > section .block.text_2.text_2.pict_r div.text:last-child,
  body > section .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text.pict_r div.text,
  body > section .block.text.text.pict_l div.text,
  body > section .block.text.text_2.pict_r div.text,
  body > section .block.text.text_2.pict_l div.text,
  body > section .block.text_s.text.pict_r div.text,
  body > section .block.text_s.text.pict_l div.text,
  body > section .block.text_s.text_2.pict_r div.text,
  body > section .block.text_s.text_2.pict_l div.text,
  body > section .block.text_2.text.pict_r div.text,
  body > section .block.text_2.text.pict_l div.text,
  body > section .block.text_2.text_2.pict_r div.text,
  body > section .block.text_2.text_2.pict_l div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text.pict_r div.text:last-child,
  body > section .block.text.text.pict_l div.text:last-child,
  body > section .block.text.text_2.pict_r div.text:last-child,
  body > section .block.text.text_2.pict_l div.text:last-child,
  body > section .block.text_s.text.pict_r div.text:last-child,
  body > section .block.text_s.text.pict_l div.text:last-child,
  body > section .block.text_s.text_2.pict_r div.text:last-child,
  body > section .block.text_s.text_2.pict_l div.text:last-child,
  body > section .block.text_2.text.pict_r div.text:last-child,
  body > section .block.text_2.text.pict_l div.text:last-child,
  body > section .block.text_2.text_2.pict_r div.text:last-child,
  body > section .block.text_2.text_2.pict_l div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.text.text.pict_r > figure,
  body > section .block.text.text.pict_l > figure,
  body > section .block.text.text_2.pict_r > figure,
  body > section .block.text.text_2.pict_l > figure,
  body > section .block.text_s.text.pict_r > figure,
  body > section .block.text_s.text.pict_l > figure,
  body > section .block.text_s.text_2.pict_r > figure,
  body > section .block.text_s.text_2.pict_l > figure,
  body > section .block.text_2.text.pict_r > figure,
  body > section .block.text_2.text.pict_l > figure,
  body > section .block.text_2.text_2.pict_r > figure,
  body > section .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text.pict_r > figure:last-child,
  body > section .block.text.text.pict_l > figure:last-child,
  body > section .block.text.text_2.pict_r > figure:last-child,
  body > section .block.text.text_2.pict_l > figure:last-child,
  body > section .block.text_s.text.pict_r > figure:last-child,
  body > section .block.text_s.text.pict_l > figure:last-child,
  body > section .block.text_s.text_2.pict_r > figure:last-child,
  body > section .block.text_s.text_2.pict_l > figure:last-child,
  body > section .block.text_2.text.pict_r > figure:last-child,
  body > section .block.text_2.text.pict_l > figure:last-child,
  body > section .block.text_2.text_2.pict_r > figure:last-child,
  body > section .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.text.text.pict_r > figure,
  body > section .block.text.text.pict_l > figure,
  body > section .block.text.text_2.pict_r > figure,
  body > section .block.text.text_2.pict_l > figure,
  body > section .block.text_s.text.pict_r > figure,
  body > section .block.text_s.text.pict_l > figure,
  body > section .block.text_s.text_2.pict_r > figure,
  body > section .block.text_s.text_2.pict_l > figure,
  body > section .block.text_2.text.pict_r > figure,
  body > section .block.text_2.text.pict_l > figure,
  body > section .block.text_2.text_2.pict_r > figure,
  body > section .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.text.text.pict_r > figure:last-child,
  body > section .block.text.text.pict_l > figure:last-child,
  body > section .block.text.text_2.pict_r > figure:last-child,
  body > section .block.text.text_2.pict_l > figure:last-child,
  body > section .block.text_s.text.pict_r > figure:last-child,
  body > section .block.text_s.text.pict_l > figure:last-child,
  body > section .block.text_s.text_2.pict_r > figure:last-child,
  body > section .block.text_s.text_2.pict_l > figure:last-child,
  body > section .block.text_2.text.pict_r > figure:last-child,
  body > section .block.text_2.text.pict_l > figure:last-child,
  body > section .block.text_2.text_2.pict_r > figure:last-child,
  body > section .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.text.text.pict_r > figure,
  body > section .block.text.text.pict_l > figure,
  body > section .block.text.text_2.pict_r > figure,
  body > section .block.text.text_2.pict_l > figure,
  body > section .block.text_s.text.pict_r > figure,
  body > section .block.text_s.text.pict_l > figure,
  body > section .block.text_s.text_2.pict_r > figure,
  body > section .block.text_s.text_2.pict_l > figure,
  body > section .block.text_2.text.pict_r > figure,
  body > section .block.text_2.text.pict_l > figure,
  body > section .block.text_2.text_2.pict_r > figure,
  body > section .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 31.03448276%;
  }

  body > section .block.text.text.pict_r > figure:last-child,
  body > section .block.text.text.pict_l > figure:last-child,
  body > section .block.text.text_2.pict_r > figure:last-child,
  body > section .block.text.text_2.pict_l > figure:last-child,
  body > section .block.text_s.text.pict_r > figure:last-child,
  body > section .block.text_s.text.pict_l > figure:last-child,
  body > section .block.text_s.text_2.pict_r > figure:last-child,
  body > section .block.text_s.text_2.pict_l > figure:last-child,
  body > section .block.text_2.text.pict_r > figure:last-child,
  body > section .block.text_2.text.pict_l > figure:last-child,
  body > section .block.text_2.text_2.pict_r > figure:last-child,
  body > section .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.text.text.pict_r > figure,
  body > section .block.text.text.pict_l > figure,
  body > section .block.text.text_2.pict_r > figure,
  body > section .block.text.text_2.pict_l > figure,
  body > section .block.text_s.text.pict_r > figure,
  body > section .block.text_s.text.pict_l > figure,
  body > section .block.text_s.text_2.pict_r > figure,
  body > section .block.text_s.text_2.pict_l > figure,
  body > section .block.text_2.text.pict_r > figure,
  body > section .block.text_2.text.pict_l > figure,
  body > section .block.text_2.text_2.pict_r > figure,
  body > section .block.text_2.text_2.pict_l > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.text.text.pict_r > figure:last-child,
  body > section .block.text.text.pict_l > figure:last-child,
  body > section .block.text.text_2.pict_r > figure:last-child,
  body > section .block.text.text_2.pict_l > figure:last-child,
  body > section .block.text_s.text.pict_r > figure:last-child,
  body > section .block.text_s.text.pict_l > figure:last-child,
  body > section .block.text_s.text_2.pict_r > figure:last-child,
  body > section .block.text_s.text_2.pict_l > figure:last-child,
  body > section .block.text_2.text.pict_r > figure:last-child,
  body > section .block.text_2.text.pict_l > figure:last-child,
  body > section .block.text_2.text_2.pict_r > figure:last-child,
  body > section .block.text_2.text_2.pict_l > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.pict.text_l div.text,
  body > section .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.pict.text_l div.text:last-child,
  body > section .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.pict.text_l div.text,
  body > section .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.pict.text_l div.text:last-child,
  body > section .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.pict.text_l div.text,
  body > section .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 100%;
  }

  body > section .block.pict.text_l div.text:last-child,
  body > section .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.pict.text_l div.text,
  body > section .block.pict.text_r div.text {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.pict.text_l div.text:last-child,
  body > section .block.pict.text_r div.text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.pict.text_l > figure,
  body > section .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 0%;
  }

  body > section .block.pict.text_l > figure:last-child,
  body > section .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.pict.text_l > figure,
  body > section .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 0%;
  }

  body > section .block.pict.text_l > figure:last-child,
  body > section .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.pict.text_l > figure,
  body > section .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 100%;
    margin-left: 0%;
  }

  body > section .block.pict.text_l > figure:last-child,
  body > section .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.pict.text_l > figure,
  body > section .block.pict.text_r > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
    margin-left: 0%;
  }

  body > section .block.pict.text_l > figure:last-child,
  body > section .block.pict.text_r > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 16.94915254%;
  }

  body > section .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 66.10169492%;
    margin-left: 16.94915254%;
  }

  body > section .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 65.51724138%;
    margin-left: 17.24137931%;
    margin-right: 0;
  }

  body > section .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.pict.only > figure {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
  }

  body > section .block.pict.only > figure:last-child {
    margin-right: 0;
  }
}

body > section .block.pict > figure > div img,
body > section .block.text > figure > div img,
body > section .block.text_2 > figure > div img,
body > section .block.text_s > figure > div img {
  width: 100%;
  height: auto;
}

body > section .block.auto.grid > figure > div > img,
body > section .block.auto.grid > figure > div > a > img {
  width: 100%;
  height: auto;
}

body > section .block.auto.grid ul.units,
body > section .block.auto.grid ul.sets {
  margin: 0;
}

body > section .block.auto.grid ul.units > li,
body > section .block.auto.grid ul.sets > li {
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  cursor: pointer;
}

body > section .block.auto.grid ul.units > li .r,
body > section .block.auto.grid ul.sets > li .r {
  position: relative;
}

body > section .block.auto.grid ul.units > li .dummy,
body > section .block.auto.grid ul.sets > li .dummy {
  padding-top: 100%;
}

body > section .block.auto.grid ul.units > li .w,
body > section .block.auto.grid ul.sets > li .w {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body > section .block.auto.grid ul.units > li img,
body > section .block.auto.grid ul.sets > li img {
  display: block;
  width: 80%;
  height: auto;
  margin: auto;
  margin-bottom: 5%;
}

body > section .block.auto.grid ul.units > li header > h3,
body > section .block.auto.grid ul.sets > li header > h3 {
  width: 90%;
  height: 15%;
  text-align: center;
  margin: 0 auto;
  font-family: "cooper_hewittbold";
}

body > section .block.auto.grid ul.units > li article,
body > section .block.auto.grid ul.sets > li article {
  display: none;
}

body > section .block.auto.grid ul.units > li.open .w:before,
body > section .block.auto.grid ul.sets > li.open .w:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ccc;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
}

body > section .block.auto.grid ul.units > li.open .w:after,
body > section .block.auto.grid ul.sets > li.open .w:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 19px solid #fff;
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -19px;
}

body > section .block.auto.grid ul.units > li.open article,
body > section .block.auto.grid ul.sets > li.open article {
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  margin: auto;
  margin-top: 30px;
  max-width: 1180px;
  background: #ececec;
}

body > section .block.auto.grid ul.units > li.open article > div,
body > section .block.auto.grid ul.sets > li.open article > div {
  padding: 20px;
  overflow: auto;
}

body > section .block.auto.grid ul.units > li.open article > div h3,
body > section .block.auto.grid ul.sets > li.open article > div h3 {
  line-height: 48px;
  font-family: "cooper_hewittbold";
}

body > section .block.auto.grid ul.units > li.open article > div h3 span,
body > section .block.auto.grid ul.sets > li.open article > div h3 span {
  font-size: 0.8em;
  padding-left: 15px;
  font-style: italic;
}

body > section .block.auto.grid ul.units > li.open article > div .text,
body > section .block.auto.grid ul.sets > li.open article > div .text {
  font-weight: bold;
}

body > section .block.auto.grid ul.units > li.open article > div small,
body > section .block.auto.grid ul.sets > li.open article > div small {
  font-size: 0.8em;
}

body > section .block.auto.grid ul.units > li.open article > div table,
body > section .block.auto.grid ul.sets > li.open article > div table {
  margin-top: 12px;
  font-size: 0.9em;
}

body > section .block.auto.grid ul.units > li.open article > div table tr,
body > section .block.auto.grid ul.sets > li.open article > div table tr {
  background: #fff;
  border-bottom: 4px solid #ececec;
}

body > section .block.auto.grid ul.units > li.open article > div table tr td,
body > section .block.auto.grid ul.sets > li.open article > div table tr td {
  padding: 2px 12px;
  text-overflow: ellipsis;
}

body > section .block.auto.grid ul.units > li.open article > div table tr td.content,
body > section .block.auto.grid ul.sets > li.open article > div table tr td.content {
  width: 400px;
}

body > section .block.auto.grid ul.units > li.open article > div table tr.head,
body > section .block.auto.grid ul.sets > li.open article > div table tr.head {
  font-weight: bold;
  border-bottom: 12px solid #ececec;
}

@media screen and (min-width: 1240px) {
  body > section .block.auto.grid ul.units > li.open article,
  body > section .block.auto.grid ul.sets > li.open article {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  body > section .block.auto.grid ul.units.sets li,
  body > section .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.auto.grid ul.units.sets li:last-child,
  body > section .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(3n),
  body > section .block.auto.grid ul.sets.sets li:nth-child(3n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(3n+1),
  body > section .block.auto.grid ul.sets.sets li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.auto.grid ul.units.sets li,
  body > section .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 49.15254237%;
  }

  body > section .block.auto.grid ul.units.sets li:last-child,
  body > section .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(2n),
  body > section .block.auto.grid ul.sets.sets li:nth-child(2n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(2n+1),
  body > section .block.auto.grid ul.sets.sets li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.auto.grid ul.units.sets li,
  body > section .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 100%;
  }

  body > section .block.auto.grid ul.units.sets li:last-child,
  body > section .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(1n),
  body > section .block.auto.grid ul.sets.sets li:nth-child(1n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(1n+1),
  body > section .block.auto.grid ul.sets.sets li:nth-child(1n+1) {
    clear: left;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.auto.grid ul.units.sets li,
  body > section .block.auto.grid ul.sets.sets li {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.auto.grid ul.units.sets li:last-child,
  body > section .block.auto.grid ul.sets.sets li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(1n),
  body > section .block.auto.grid ul.sets.sets li:nth-child(1n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.sets li:nth-child(1n+1),
  body > section .block.auto.grid ul.sets.sets li:nth-child(1n+1) {
    clear: left;
  }
}

body > section .block.auto.grid ul.units.sets li.open,
body > section .block.auto.grid ul.sets.sets li.open {
  margin-bottom: 430px;
}

body > section .block.auto.grid ul.units.sets li.open article > div,
body > section .block.auto.grid ul.sets.sets li.open article > div {
  height: 360px;
}

@media screen and (min-width: 1024px) {
  body > section .block.auto.grid ul.units.units li,
  body > section .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 23.72881356%;
  }

  body > section .block.auto.grid ul.units.units li:last-child,
  body > section .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(4n),
  body > section .block.auto.grid ul.sets.units li:nth-child(4n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(4n+1),
  body > section .block.auto.grid ul.sets.units li:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.auto.grid ul.units.units li,
  body > section .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 1.69491525%;
    width: 32.20338983%;
  }

  body > section .block.auto.grid ul.units.units li:last-child,
  body > section .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(3n),
  body > section .block.auto.grid ul.sets.units li:nth-child(3n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(3n+1),
  body > section .block.auto.grid ul.sets.units li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.auto.grid ul.units.units li,
  body > section .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 3.44827586%;
    width: 48.27586207%;
  }

  body > section .block.auto.grid ul.units.units li:last-child,
  body > section .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(2n),
  body > section .block.auto.grid ul.sets.units li:nth-child(2n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(2n+1),
  body > section .block.auto.grid ul.sets.units li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.auto.grid ul.units.units li,
  body > section .block.auto.grid ul.sets.units li {
    float: left;
    display: block;
    margin-right: 5.26315789%;
    width: 100%;
  }

  body > section .block.auto.grid ul.units.units li:last-child,
  body > section .block.auto.grid ul.sets.units li:last-child {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(1n),
  body > section .block.auto.grid ul.sets.units li:nth-child(1n) {
    margin-right: 0;
  }

  body > section .block.auto.grid ul.units.units li:nth-child(1n+1),
  body > section .block.auto.grid ul.sets.units li:nth-child(1n+1) {
    clear: left;
  }
}

body > section .block.auto.grid ul.units.units li.open,
body > section .block.auto.grid ul.sets.units li.open {
  margin-bottom: 330px;
}

body > section .block.auto.grid ul.units.units li.open article > div,
body > section .block.auto.grid ul.sets.units li.open article > div {
  height: 260px;
}

body > section .block.auto.medias.gallery .mediasgrid {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  -webkit-column-gap: 1.69491525%;
  -moz-column-gap: 1.69491525%;
  column-gap: 1.69491525%;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  body > section .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body > section .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body > section .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media screen and (max-width: 479px) {
  body > section .block.auto.medias.gallery .mediasgrid {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

body > section .block.auto.medias.gallery .mediasgrid figure {
  display: inline-block;
  margin-bottom: 20px;
}

body > section .block.auto.medias.gallery .mediasgrid figure img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}

body > section .block.auto.medias.gallery .mediasgrid figure:hover .overlayinfos {
  display: block;
}

body > section .block.auto.medias.gallery .mediasgrid figure .overlayinfos {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  background: url("/i/1x1red75.png"), repeat;
  background: url("/i/1x1red75.png"), repeat;
  display: none;
}

body > section .block.auto.medias.gallery .mediasgrid figure .overlayinfos > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

body > section .block.auto.medias.gallery .mediasgrid figure .overlayinfos > div > p {
  text-align: center;
  font-size: 1em;
  line-height: 1.3em;
}

body > section .block.auto.features table.features {
  border: none;
  border-spacing: 10px;
  border-collapse: separate;
  font-size: 1em;
}

body > section .block.auto.features table.features th {
  padding: 15px;
  line-height: 1.4em;
  background: #333333;
  color: white;
}

body > section .block.auto.features table.features th strong {
  font-family: 'cooper_hewittbold';
}

body > section .block.auto.features table.features th:first-child {
  background: none;
}

body > section .block.auto.features table.features td {
  padding: 15px 8px;
  background: #e5e5e5;
  cursor: pointer;
}

body > section .block.auto.features table.features tr:hover td {
  background: #f5f5f5;
}

body > section .block.auto.features table.features td.label {
  font-family: 'cooper_hewittbold';
}

body > section .block.auto.features table.features td.value {
  text-align: center;
}

body > section .block figure figcaption {
  text-align: center;
  width: 100%;
  margin-top: 15px;
  font-size: 16px;
}

body > section .block.sitemap ul {
  list-style-type: none;
  margin-left: 40px;
  margin-bottom: 20px;
}

body > section .block.sitemap a {
  color: #999;
}

body > section .block.sitemap a:hover {
  color: black;
}

body > section .block .md_center {
  text-align: center;
}

body > section .block .md_justify {
  text-align: justify;
}

body > section .block .md_left {
  text-align: left;
}

body > section .block .md_right {
  text-align: right;
}

body > section div.timeline > div > img,
body > section div.timeline > div > a > img {
  width: 100%;
  height: auto;
}

body > section div.timeline iframe {
  width: 100%;
  height: 550px;
}

body > section form.ajaxsubmit .errormsg {
  background: #F2DEDE;
  color: #BE5B59;
  border: 1px solid #BE5B59;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}

body > section form.ajaxsubmit .successmsg {
  background: #DFF2BF;
  color: #609627;
  border: 1px solid #609627;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}

body > section form.ajaxsubmit .label {
  font-size: 1.2em;
}

body > section form.ajaxsubmit input,
body > section form.ajaxsubmit select {
  padding: 4px;
  margin-bottom: 10px;
}

body > section form.ajaxsubmit select {
  margin-left: -4px;
  width: 242px;
}

body > section form.ajaxsubmit input[type="text"] {
  width: 240px;
}

body > section object[type='image/svg+xml'] {
  width: 100%;
}

body #goTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  body #goTop {
    margin: 0;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  body #goTop {
    margin: 0;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
  }
}

@media screen and (max-width: 479px) {
  body #goTop {
    margin: 0;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
  }
}

footer {
  clear: both;
  line-height: 24px;
  font-size: 16px;
  color: #999;
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 15px;
}

footer input[type="text"] {
  float: left;
  display: block;
  margin-right: 11.11111111%;
  width: 100%;
}

footer input[type="text"]:last-child {
  margin-right: 0;
}

footer select {
  float: left;
  display: block;
  margin-right: 11.11111111%;
  width: 100%;
}

footer select:last-child {
  margin-right: 0;
}

footer input[type="submit"] {
  margin-top: 8px;
}

footer label {
  text-align: left;
  margin-bottom: 2px;
  margin-top: 10px;
}

footer div.multicol > div {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  margin-bottom: 10px;
  min-height: 220px;
  padding: 10px;
  overflow: hidden;
  float: left;
}

footer div.multicol > div:before {
  content: "";
  display: block;
  height: 185px;
  width: 1px;
  position: absolute;
  left: 0;
  background: #999;
}

footer div.multicol > div:first-child {
  padding-left: 0;
}

footer div.multicol > div:first-child:before {
  display: none;
}

footer div.multicol > div:last-child {
  padding-right: 0;
}

footer div.multicol > div:last-child:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 1024px) {
  footer div.multicol > div {
    width: 16.6666666%;
  }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  footer div.multicol > div {
    width: 16.6666666%;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  footer div.multicol > div {
    width: 33.3333333%;
  }
}

@media screen and (max-width: 479px) {
  footer div.multicol > div {
    width: 90%;
    min-height: 0;
    border-top: 1px solid #999;
    margin-left: 5%;
  }

  footer div.multicol > div:before {
    display: none;
  }

  footer div.multicol > div:first-child {
    padding-left: 10px;
  }

  footer div.multicol > div:first-child:before {
    display: none;
  }

  footer div.multicol > div:last-child {
    padding-right: 10px;
  }

  footer div.multicol > div:last-child:after {
    content: "";
    display: table;
    clear: both;
  }
}

footer div.multicol > div > * {
  text-align: left;
}

footer div.multicol > div > a {
  display: block;
  margin-bottom: 3px;
}

footer div.multicol > div form {
  text-align: left;
}

footer div.multicol > div form input,
footer div.multicol > div form select {
  margin: 4px 0 12px 0;
}

footer div.copyright {
  text-align: center;
  clear: both;
  padding-top: 10px;
  font-size: 12px;
}

footer div.copyright > img {
  display: block;
  margin: 20px auto 20px auto;
}

footer div.copyright > p {
  text-align: center;
}

footer div.copyright > p a {
  display: inline-block;
  margin-left: 15px;
}

footer a {
  color: #888;
}

footer > div.multicol > div > h2 {
  font-size: 1em;
  font-family: "cooper_hewittsemibold";
  font-weight: normal;
}

.tabs {
  width: 100%;
  background: #ccc;
}

.tabs li {
  float: left;
  margin: 3px 10px;
}

.accfaq h4 {
  padding: 8px;
  font-family: "cooper_hewittsemibold";
  cursor: pointer;
}

.accfaq h4 span {
  display: none;
}

.accfaq > div {
  padding: 8px;
}

.accfaq > div p {
  margin-bottom: 4px;
}

.accfaq > div > div {
  padding-top: 60px;
  border: 2px solid #e1cede;
  cursor: pointer;
  height: 70px;
  background: #e1efef;
  width: 140px;
  margin-right: 10px;
  text-align: center;
  font-size: 0.8em;
  float: left;
}

.uschoice {
  font-family: 'cooper_hewittlight';
  background: white;
  margin: auto;
  top: 10%;
  left: 50%;
  width: 40%;
  margin-left: -20%;
  border: 4px solid #333536;
  position: absolute;
  overflow: hidden;
  z-index: 3000;
}

.uschoice .top {
  position: relative;
}

.uschoice .top img {
  width: 100%;
}

.uschoice .top p,
.uschoice .top a {
  position: absolute;
}

.uschoice .top p {
  font-size: 2.5em;
  text-align: center;
  color: white;
  top: 35%;
  left: 0;
  padding: 0 30px;
  right: 0;
}

.uschoice .top a {
  top: 20px;
  right: 20px;
  color: white;
  font-size: 1em;
}

.uschoice .down {
  position: relative;
  padding: 30px;
  text-align: center;
}

.uschoice .down .button {
  display: inline-block;
  color: #1F1F1F;
  border: 2px solid #1F1F1F;
  padding: 5px;
  margin: 5px;
  font-size: 1.3em;
  width: 150px;
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
  .uschoice {
    width: 60%;
    margin-left: -30%;
  }
}

@media screen and (min-width: 480px) and (max-width: 849px) {
  .uschoice {
    width: 70%;
    margin-left: -35%;
  }
}

@media screen and (max-width: 479px) {
  .uschoice {
    width: 90%;
    margin-left: -45%;
  }

  .uschoice .top p {
    font-size: 2em;
  }
}

.fancybox-title.fancybox-title-outside-wrap {
  color: #555;
  text-align: right;
}