/* ### GENERAL ########################################### */
@font-face {
  font-family: "Dosis";
  src: url("../fonts/Dosis-Light.eot?#iefix") format("embedded-opentype"),  url("../fonts/Dosis-Light.woff") format("woff"), url("../fonts/Dosis-Light.ttf")  format("truetype"), url("../fonts/Dosis-Light.svg#Dosis-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Dosis";
  src: url("../fonts/Dosis-Regular.eot?#iefix") format("embedded-opentype"),  url("../fonts/Dosis-Regular.woff") format("woff"), url("../fonts/Dosis-Regular.ttf")  format("truetype"), url("../fonts/Dosis-Regular.svg#Dosis-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Dosis";
  src: url("../fonts/Dosis-SemiBold.eot?#iefix") format("embedded-opentype"),  url("../fonts/Dosis-SemiBold.woff") format("woff"), url("../fonts/Dosis-SemiBold.ttf")  format("truetype"), url("../fonts/Dosis-SemiBold.svg#Dosis-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
html {
    font-family: 'Dosis', Arial, Verdana, sans-serif;
}
body {
    padding-top: 0;
    font-family: 'Dosis', Arial, Verdana, sans-serif;
    color: #fff;
    background: #000;
}
input {
    outline: 0;
}
.row {
    padding-left: 10px;
}
a {
    color: #cfbc9f;
    transition: color 0.5s linear;
    outline: 0;
}
a:hover, a:focus {
    color: #fff;
}
a:focus {
    border: none;
}
p {
    line-height: 1.1rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Dosis', Arial, Verdana, sans-serif;
    color: #cfbc9f;
}
h1 {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;}

h2 {
  font-size: 1.3rem; }

h3 {
  font-size: 1.3rem;
  color: #3c3c3c;}

h4 {
  font-size: 1.1rem;
  color: #3c3c3c;}

h5 {
  font-size: .7rem; }

h6 {
  font-size: .7rem; }



/* ### TYPOGRAPHY & STYLING STUFF ######################## */
h2 {
    font-weight: 600;
    line-height: 35px;
}
p {
    font-size: .96rem;
}
h1 {
    font-size: 3.25rem;
    line-height: 3.75rem;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    color: #cfbc9f;
}
h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}
p {
    font-size: 1.188rem;
    line-height: 1.75rem;
    color: #878787;
    font-weight: 400;
    margin-bottom: 30px;
}
ul, ol, dl {
    font-family: inherit;
    font-size: .9rem;
    line-height: 1.5;
    list-style-position: outside;
    font-size: 1.188rem;
    line-height: 1.75rem;
    color: #878787;
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 20px;
    padding-top: 18px;
}
ul li {
    list-style: disc;
	list-style-position: outside;
}
.button {
    background: none;
    border: 2px solid #CFBC9F;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.75rem;
    padding: 10px 30px;
}
a.button:hover, a.button:focus {
    background-color: #CFBC9F;
    color: #000;
    text-decoration: none;
    border: 2px solid #CFBC9F;
}
table {
    margin-bottom: 2rem;
}
table.downloads {
    margin-bottom: 0;
}
table thead,
table tfoot {
    background: none;
    font-size: 1.75rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
}
table tbody tr {
    border-bottom: 2px solid #878787;
    line-height: 1.2rem;
}
table tbody tr:first-child {
    border-top: 2px solid #878787;
    line-height: 1.2rem;
}
table tbody tr:hover,
table tbody tr:nth-child(2n):hover {
    background: #111111;
    transition: background-color 0.5s linear;
    color: #CFBC9F;
}
table tbody tr:hover td,
table tbody tr:nth-child(2n):hover td,
table tbody tr:hover td a,
table tbody tr:nth-child(2n):hover td a {
    color: #CFBC9F;
}
.table-no-hover table tbody tr:hover,
.table-no-hover table tbody tr:nth-child(2n):hover {
    background: none;
    color: #878787;
}
.table-no-hover table tbody tr:hover td,
.table-no-hover table tbody tr:nth-child(2n):hover td {
    color: #878787;
}
.table-no-hover table tbody tr:hover td a,
.table-no-hover table tbody tr:nth-child(2n):hover td a  {
    color: #CFBC9F;
}
.table-no-hover table tbody tr td a:hover,
.table-no-hover table tbody tr:nth-child(2n) td a:hover {
    color: #CFBC9F;
}
table thead th,
table thead td,
table tfoot th,
table tfoot td,
table tbody td {
    font-size: 1.188rem;
    color: #fff;
    font-weight: 400;
    padding: 1rem 0 1rem 0.5rem;
    line-height: 1.2rem;
}
table tbody td i.fa {
    padding: 1rem 0 1rem 0.5rem;
    line-height: 1.2rem;
}
table thead th,
table tfoot th {
    padding: 1rem 0 1rem 0;
    line-height: 1.2rem;
}
table thead td,
table tfoot td,
table tbody td {
    color: #878787;
}
table.downloads thead td:nth-child(3n),
table.downloads tfoot td:nth-child(3n),
table.downloads tbody td:nth-child(3n) {
    text-align: right;
}
table.downloads thead td a,
table.downloads tfoot td a,
table.downloads tbody td a {
    color: #fff;
    padding: 1rem 0 1rem 0.5rem;
    line-height: 1.2rem;
}
table.downloads thead td a:hover,
table.downloads tfoot td a:hover,
table.downloads tbody td a:hover {
    color: #cfbc9f;
}
table thead,
table tbody,
table tfoot {
    background-color: transparent;
    border: none;
}
table tbody tr:nth-child(2n) {
    background-color: transparent;
}
table.stack thead {
    display: table-header-group;
}
table thead td i,
table tfoot td i,
table tbody td i {
    margin-right: 20px;
}

@media screen and (max-width: 39.9375em) {
.button {
    font-size: 1.25rem;
    padding: 6px 30px;
}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.button {
    font-size: 1.25rem;
    padding: 6px 30px;
}
}

@media screen and (max-width: 63.9375em) {
table.stack .hide-stack {
    display: none !important;
}
}


/* ### LOGO ############################################## */
.top-bar a.logo {
    padding: 6px 0 0 12px;
    display: inline-block;
    height: 40px;
}
.top-bar a.logo img {
    height: 30px;
}

@media screen and (min-width: 64em) {
.top-bar a.logo {
    padding: 12px 0 0 12px;
    display: inline-block;
    height: 90px;
}
.top-bar a.logo img {
    height: 56px;
}
}


/* ### MENU_HORIZONTAL ################################### */
.menu_horizontal_wrapper-outer {
    background: #111111;;
}
.menu_horizontal_wrapper {
    position: relative;
    background: #111111;;
    padding: 0;
    z-index: 10000;
}
.menu_horizontal_wrapper .row {
    padding-left: 10px;
}
.menu_horizontal {
    padding: 0;
    text-align: left;
}
.menu_horizontal li:not(.has-form) a:not(.button) {
    color: #fff;
    font-weight: 600;
    padding: 0 12px;
}
.top-bar {
    background: #111111;
    padding-top: 0;
    padding-bottom: 0;

}
.top-bar ul {
    background: #111111;;
    float: right;
}
.menu_horizontal .is-dropdown-submenu-parent {
    position: relative;
}
.menu_horizontal .dropdown .is-dropdown-submenu {
    border: none;
}
.menu_horizontal .is-dropdown-submenu-parent.is-down-arrow > a::after {
    content: none;
}
.menu_horizontal ul {
    padding-top: 0;
}
.menu_horizontal ul li {
    list-style: none;
    list-style-position: inside;
}
.menu_horizontal ul li:not(.has-form) a:not(.button) {
    height: 90px;
    line-height: 90px;
    text-transform: uppercase;
    font-size: 1rem;
}
.menu_horizontal ul li:not(.has-form) ul li:not(.has-form) a:not(.button) {
    background: #111111;;
    color: #fff;
    font-size: 1rem;
}
.menu_horizontal ul li:not(.has-form) ul li:not(.has-form) a:not(.button):hover {
    color: #cfbc9f;
    transition: color 0.5s linear;
}
.menu_horizontal ul li.active:hover {
    border-bottom: none;
}
.menu_horizontal ul li.active a:not(.button),
.menu_horizontal ul li:not(.has-form) a:not(.button):hover {
    text-decoration: none;
    color: #cfbc9f;
    transition: color 0.5s linear;
}
.menu_horizontal ul li:not(.has-form) ul li a:not(.button) {
    background: #fff;
    color: #000;
    height: auto;
    line-height: 32px;
}
.menu_horizontal .top-bar .toggle-topbar.menu-icon a  {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 1.3rem;
}
.menu_horizontal .top-bar .toggle-topbar.menu-icon a:after {
   box-shadow:  0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black
}
.menu_horizontal .top-bar ul.submenu {
    width: 100%;
    max-height: 400px;
    padding: 0;
    position: absolute;
    width: 260px;
}
.dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub {
    left: -10px;
}
.menu_horizontal .top-bar ul.submenu li {
    padding: 10px;
    border-top: 1px solid #000;
    float: left;
}
.menu_horizontal .mobile-menu {
    float: right;
    margin: 6px 20px 0 20px;
}
.menu_horizontal  .menu-icon.dark::after {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}

@media screen and (max-width: 63.9375em) {
.menu_horizontal ul li:not(.has-form) a:not(.button) {
    height: 44px;
    line-height: 44px;
}
}

@media screen and (max-width: 39.9375em) {
.menu_horizontal .menu {
    text-align: center;
}
.menu_horizontal  .menu > li {
    display: block;
    width: 100%;
}
.menu_horizontal  .menu > li a,
.menu_horizontal ul li:not(.has-form) a:not(.button) {
    height: 50px;
    line-height: 50px;
}
.top-bar ul {
    float: none;
}
}



/* ### ANKER LINKS BEI FIXED NAVIGATION ################## */
:target:before {
content:"";
display:block;
height:100px;
margin:-100px 0 0;
}



/* ### BACKGROUND SLIDER & HEADER IMAGE ################## */
.background-slider {
    background: url(../img/00_home/home_slider-background.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.background-slider.about {
    background: none;
    margin-bottom: 140px;
    margin-top: 40px;
}
.owl-slider .owl-wrapper-outer .item div h1 {
    color: #CFBC9F;
    font-size: 3.75rem;
    font-weight: 600;
    padding: 10px 0 0 0;
    line-height: 4.313rem;
    text-align: left;
    text-transform: uppercase;
}
.owl-slider .owl-wrapper-outer .item div h2 {
    color: #CFBC9F;
    padding: 0 0 10px 0;
    font-size: 3.25rem;
    font-weight: 300;
    line-height: 3.875rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
}
.owl-slider .owl-wrapper-outer .item div .button {
    float: left;
}
.owl-slider.row {
    max-width: 100%;
    position: relative;
}
.owl-slider.center.row {
    max-width: 75rem;
}
.owl-slider .item {
    width: auto;
    text-align: center;
}
.owl-slider .item-inner {
    padding-top: 70px;
    padding-bottom: 50px;
    margin: auto;
}
.owl-slider .item img {
    display: inline-block;
}
.owl-slider .textoverlay {
    max-width: 510px;
    display: inline-block;
}
.owl-slider .slider-img {
    display: inline-block;
}
.owl-theme .owl-controls {
    position: absolute;
    width: 100%;
    bottom: 5%;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    width: 40px;
    height: 40px;
    padding: 5px 8px;
    color: #fff;
    background: url("../img/04_misc/arrows_svg/arrow_white_left.svg") no-repeat scroll center 50% rgba(255, 255, 255, 0);
    border-radius: 30px;
    position: absolute;
    left: 1%;
    bottom: 580%;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    width: 40px;
    height: 40px;
    padding: 5px 8px;
    color: #fff;
    background: url("../img/04_misc/arrows_svg/arrow_white_right.svg") no-repeat scroll center 50% rgba(255, 255, 255, 0);
    border-radius: 30px;
    position: absolute;
    right: 1%;
    bottom: 580%;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 0.8;
    color: #fff;
}
.owl-theme .owl-controls .owl-page span {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 20px;
    margin: 5px 7px;
    opacity: 0.3;
    width: 20px;
}
#owl-about img {
    height: 270px;
}
#owl-about .item {
    margin: 4px;
}
#owl-about .owl-controls {
    bottom: -25%;
}
.product {
    border-bottom: 4px solid #CFBA9F;
    padding: 106px 0;
}
.product .row {
    padding-left: 10px;
    padding-right: 10px;
}
.product .row h1 {
    color: #CFBC9F;
    font-size: 3.75rem;
    font-weight: 600;
    padding: 10px 0 0 0;
    line-height: 4.313rem;
    text-align: left;
    text-transform: uppercase;
}
.product .row h2 {
    color: #cfbc9f;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.5rem;
    text-transform: none;
}


@media screen and (max-width: 39.9375em) {
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
    display: none;
}
.owl-slider .owl-wrapper-outer .item div h1 {
    font-size: 1.75rem;
    line-height: 2.2rem;
}
.owl-slider .owl-wrapper-outer .item div h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.owl-slider .item img {
    max-height: 180px;
}
.owl-slider .slider-img {
    text-align: center;
}
.owl-slider .textoverlay {
    max-width: 350px;
}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.owl-slider .item img {
    max-height: 200px;
}
}

@media screen and (max-width: 63.9375em) {
.product {
    padding: 56px 0;
}
.product .row h1 {
    font-size: 3rem;
    line-height: 3.7rem;
}
.product .row h2 {
    font-size: 1.5rem;
    line-height: 2.5rem;
}
}


/* ### RESPONSIVE BOXES ################################## */
.responsive-boxes.full.row,
.responsive-boxes.full.invert.row {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.responsive-boxes.full.row .columns,
.responsive-boxes.full.invert.row .columns {
    padding: 0;
}
.responsive-boxes.invert.row {
    background: #dddddd;
}
.responsive-boxes.row {
    max-width: 75rem;
    padding: 80px 10px 80px 10px;
}
.default.row {
    max-width: 75rem;
    padding: 80px 10px 80px 10px;
}
.responsive-boxes.row.closer,
.default.row.closer {
    padding: 0 10px 80px 10px;
}
.responsive-boxes.row img {
    width: 100%;
}
.responsive-boxes .background {
    height: 1000px;
    background-position: center;
}
.hundred {
    margin-top: -5%;
    padding: 0 0 100px 0;
}
.hundred {
    text-align: left;
    padding-top: 0;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom: 50px;
}
.padded {
    padding: 60px 15%;
}
.responsive-boxes.section-image .padded,
.responsive-boxes.distribution .padded {
    padding: 0 15%;
}
.responsive-boxes h1 {
    font-size: 3.25rem;
    line-height: 3.75rem;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    color: #cfbc9f;
}
.responsive-boxes h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 60px;
    color: #fff;
}
.responsive-boxes p {
    font-size: 1.188rem;
    line-height: 1.75rem;
    color: #878787;
    font-weight: 400;
    margin-bottom: 30px;
}
.fifty.invert h1 {
    color: #000;
}
.fifty.invert p {
    color: #5e5e5e;
}
.fifty.invert .button {
    color: #000;
}
.fifty .button {
    margin-bottom: 30px;
}
.responsive-boxes.section-image {
    border-bottom: 4px solid #CFBA9F;
}
.responsive-boxes.section-image img {
    width: auto;
    float: right;
}
.responsive-boxes.section-image .fifty.padded {
    text-align: left;
}
.responsive-boxes .circle {
    width: auto;
    height: auto;
    margin: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    border: 10px solid #111111;
}
.leather {
    background: url(../img/01_textures/dark_leather.png);
}
.leather {
    padding: 0 10px;
}
.left {
    text-align: left;
}
.left p {
    text-align: left;
}
.center {
    text-align: center;
}
.center p {
    text-align: center;
}
.accordion-header {
    background: #cfbc9f;
}
.accordion-header .responsive-boxes {
    padding: 20px 10px 0 10px;
}
.accordion-header .responsive-boxes h1 {
    color: #000;
}
.responsive-boxes.products .columns {
    padding-bottom: 60px;
}
.responsive-boxes.products h2,
.responsive-boxes.products p {
    padding-left: 20px;
    padding-right: 20px;
}
.responsive-boxes.products h2 {
    padding-top: 30px;
    margin-bottom: 16px;
    color: #cfbc9f;
    text-transform: none;
}
.responsive-boxes.products p {
    padding-bottom: 20px;
    border-bottom: 2px solid #878787;
}
.responsive-boxes.products a {
    color: #fff;
}
.responsive-boxes.products a:hover {
    color: #cfbc9f;
}
.responsive-boxes .video {
    padding-bottom: 40px;
}
.responsive-boxes .video h2 {
    margin-bottom: 50px;
}
.embed-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.embed-container iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
		background-size: cover;
		background-position: center;
}
.embed-container .consent-info.consent-reminder-hidden {
	display: none;
}
.embed-container .consent-info {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.embed-container .consent-info .consent-text {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	width: 100%;
	line-height: 1em;
	text-align: center;
	font-size: 1.75rem;
	font-size: 1.188rem;
}
.embed-container.ratio4x3 {
      padding-bottom: 75%;
}
.responsive-boxes h2.downloads,
.responsive-boxes p.downloads {
    margin-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
.hundred {
    margin-top: -5%;
}
.responsive-boxes h2 {
    font-size: 1.4rem;
    line-height: 2rem;
}
.responsive-boxes.section-image h1 {
    text-align: center;
}
.padded {
    padding: 60px 2%;
}
.responsive-boxes.section-image .padded {
    padding: 40px 2%;
}
.responsive-boxes h1 {
    font-size: 2.4rem;
    line-height: 3rem;
}
.responsive-boxes.products .columns {
    max-width: 100%;
}
}

@media screen and (max-width: 63.9375em) {
.responsive-boxes.section-image h1 {
    font-size: 2.4rem;
}
}
@media screen and (min-width: 150em) {
.padded {
    padding: 60px 30%;
}
}

/* ### Responsive Boxes Quotes ##################################### */
.responsive-boxes.quote h2 {
  margin-bottom: 30px;
}
.responsive-boxes.quote .longquote {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #fff;
}
.responsive-boxes.quote .name {
  margin-bottom: 15px;
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: uppercase;
  color: #cfbc9f;
}
.responsive-boxes.quote .credit {
}


/* ### IMAGE-OVERLAY ##################################### */
.image-wrapper {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 4px;
}
.image-overlay-content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.responsive-boxes.products .overlay-fade-in p {
    letter-spacing: 0.15em;
    color: #fff;
    font-size: 5rem;
    opacity: 0;
    transition: all 0.2s linear;
    text-align: center;
    font-weight: 300;
    padding: 0;
}
.overlay-fade-in img {
    transition: all 0.2s linear;
}
.overlay-fade-in .image-overlay-content {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.responsive-boxes.products .overlay-fade-in h2 {
    color: #f2f2f2;
    font-size: 1.8rem;
    margin-top: 40%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
}
.responsive-boxes.products .overlay-fade-in .overlay-button {
    display: inline-block;
    text-decoration: none;
    padding: 20px;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    position: relative;
    border: 4px solid #cfbc9f;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: url(../img/04_misc/plus_svg/plus.svg) center center no-repeat;
    background-size: 100%;
    height:27%;
    width: 15%;
}

.responsive-boxes.products .overlay-fade-in .overlay-full-width {
    height:16%;
    width: 4%;
}
.responsive-boxes.products .overlay-fade-in .overlay-button:hover {
    box-shadow: 0 0 35px #222;
    background-color: rgba(255, 255, 255, 0.05);
}
.overlay-fade-in:hover img {
    transform: scale(1.02);
}
.overlay-fade-in:hover .image-overlay-content {
    opacity: 1;
}
.overlay-fade-in:hover h2,
.overlay-fade-in p {
    opacity: 1;
}
.overlay-fade-in:hover p {
    transition-delay: 0.1s;
}
.overlay-fade-in:hover .overlay-button {
    transition-delay: 0.2s;
}

@media screen and (max-width: 39.9375em) {
.responsive-boxes.products .overlay-fade-in .overlay-button {
    padding: 20px 35px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    background: url(../img/04_misc/plus_svg/plus.svg) center center no-repeat;
    background-size: 60px;
    height: 80px;
    width: 40px;
}
}


/* ### ACCORDION ######################################### */
.accordion {
	background-image: url(../img/04_misc/accordion/outlets.png);
    border: none;
    border-bottom: 3px solid #202020;
}
.accordion .row {
    padding: 0 20px 0 10px;
}
.accordion p {
	padding-top: 18px;
	padding-bottom: 0px;
	margin: 0 !important;
	line-height: 1;
}
.accordion ul {
    font-size: 1.188rem;
    line-height: 1.75rem;
    color: #878787;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 18px;
}
.accordion p span {
	font-weight: 600;
}
.accordion ul li {
    list-style: disc;
	list-style-position: outside;
}
#details a, #developement a {
	display: block;
	width: 100%;
	font-family: 'Dosis';
	font-weight: Normal;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 1;
}
a.list1 {
	background-color: #202020;
	display: block;
}
a.list2 {
	background-color: #000;
	display: block;
}
a.list3 {
	background-color: #d9d9d9;
	display: block;
}
a.list4 {
	background-color: #b0aeae;
	display: block;
}

.listactive {
	background-color: #9b8e79 !important;
}
.list3.listactive, .list4.listactive {
	background-color: #fff !important;
	color: #fff !important;
}
.accordion p {
    color: #878787;
    font-size: 1.188rem;
    font-weight: 400;
    line-height: 1.2;
}
.listactive p {
	color: #000;
}
.list1 p, .list2 p {
	color: #cfbc9f;
	text-transform: uppercase;
    padding-left: 4px;
}
.list3 p, .list4 p {
	padding-left: 16px;
	color:#000;
	text-transform: uppercase;
}
.list3 ul, .list4 ul {
	padding-left: 15px;
}
.list1.listactive p, .list2.listactive p {
	color: #000;
}
.list3.listactive p, .list4.listactive p {
	color: #000;
}
.accordion .button {
	margin: 0;
	padding: 0;
	line-height: 0;
	float: right;
    border: none;
	background-color: #cfbc9f;
}
.icon-down-open-big,
.icon-up-open-big {
	font-size: 1.5em;
	padding: 30px 30px;
	margin: 0px !important;
    display: block;
    background: url(../img/04_misc/arrows_svg/arrow_black_down.svg) no-repeat center center;
    background-size: 30px;
}
.accordion .button:nth-child(2n) {
    background-color: #9B8F79;
}
.icon-up-open-big {
    background: url(../img/04_misc/arrows_svg/arrow_white_up.svg) no-repeat center center #d9d9d9;
    background-size: 30px;
}
.list1 .icon-down-open-big {
	background-color: #CFBC9E;
}
.list3 .icon-down-open-big, .list4 .icon-down-open-big {
	color: #fff;
}
.list3 .icon-down-open-big {
    background: url(../img/04_misc/arrows_svg/arrow_white_down.svg) no-repeat center center #0d0d0d;
    background-size: 30px;
}
.list4 .icon-down-open-big {
    background: url(../img/04_misc/arrows_svg/arrow_white_down.svg) no-repeat center center #000;
    background-size: 30px;
}
a.list1:hover, a.list2:hover {
	background-color: #cfbc9f;
	color: #000 !important;
	-webkit-transition: background 500ms linear;
		-moz-transition: background 500ms linear;
			-ms-transition: background 500ms linear;
				-o-transition: background 500ms linear;
					transition: background 500ms linear;
}
a.list1:hover p, a.list2:hover p {
    color: #000;
}
/*.accordion a.list1:hover .button,*/
/*.accordion a.list2:hover .button,*/
/*.accordion a.list1:hover .icon-down-open-big,*/
/*.accordion a.list2:hover .icon-down-open-big {*/
/*    background-color: #9B8F79;*/
/*}*/
a.list3:hover, a.list4:hover {
	background-color: #fff;
	color: #347799 !important;
	-webkit-transition: background 500ms linear;
		-moz-transition: background 500ms linear;
			-ms-transition: background 500ms linear;
				-o-transition: background 500ms linear;
					transition: background 500ms linear;
}
.sub .row .columns {
    padding-bottom: 20px;
    padding-left: 20px;
}
.sub img {
	margin-top: 15px;
	margin-right: 30px;
}
.inactive {
	display: none;
}
.inactive.thestory_content .columns {
    padding-bottom: 60px;
}
.nomobile {
	display:block;
}


@media screen and (max-width: 39.9375em) {
.accordion p {
    font-size: 1rem;
}
}


.accordion.faq {
  background: none;
  border: none;
}
.accordion.faq li {
  border-top: 2px solid #878787;
  line-height: 1.2rem;
  list-style: none;
}
.accordion.faq li:last-child {
  border-bottom: 2px solid #878787;
}
.accordion.faq li a {
  border: none;
  color: #878787;
  font-size: 1.188rem;
  font-weight: 400;
  line-height: 1.2rem;
  padding: 2rem 1rem 2rem 0.5rem;
  min-height: 120px;
}
.accordion.faq li a:hover,
.accordion.faq li.is-active a {
  background: #111111 none repeat scroll 0 0;
  color: #cfbc9f;
  transition: background-color 0.5s linear 0s;
}
.accordion.faq li a p {
  color: #fff;
  font-size: 1.188rem;
  font-weight: 400;
  line-height: 1.75rem;
  padding-left: 6%;
  /*padding-top: 0;*/
  padding-top: 7px;
  padding-bottom: 7px;
}
.accordion.faq li a p:hover,
.accordion.faq li.is-active a p {
  background: #111111 none repeat scroll 0 0;
  color: #cfbc9f;
  transition: background-color 0.5s linear 0s;
}
.accordion.faq li a i.fa-question-circle {
  display: block;
  float: left;
  width: 5%;
  height: auto;
  padding: 0.25rem 1rem 1rem 0.5rem;
}
.accordion.faq li a i.fa-chevron-down,
.accordion.faq li a i.fa-chevron-up {
  display: block;
  float: right;
  width: 5%;
  height: auto;
  padding: 0rem 1rem 1rem 0.5rem;
  margin-left: 10%;
}
.accordion.faq li.is-active a i.fa-chevron-down {
  display: none;
}
.accordion.faq li a i.fa-chevron-up {
  display: none;
}
.accordion.faq li.is-active a i.fa-chevron-up {
  display: block;
}
.accordion.faq .accordion-content {
  padding-left: 6%;
  padding-bottom: 30px;
  background: none;
}
.accordion.faq .accordion-content p {
  padding-left: 0.5rem;
  /*padding-top: 0;*/
  padding-right: 10%;
  line-height: 1.75rem;
}
.accordion.faq .accordion-content p:last-child {
  padding-bottom: 18px;
}
.accordion.faq .accordion-title::before {
    content: none;
}
.accordion.faq .accordion-title:hover,
.accordion.faq .accordion-title:focus {
  background: #111111 none repeat scroll 0 0;
  color: #cfbc9f;
  transition: background-color 0.5s linear 0s;
}

@media screen and (max-width: 39.9375em) {
.accordion.faq li a i.fa-chevron-down,
.accordion.faq li a i.fa-chevron-up {
  float: none;
  padding: 0rem 1rem 1rem 1rem;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.accordion.faq li a p {
  padding-left: 10%;
}
}


/* ### PARALLAX ########################################## */
.parallax {
    background-attachment: fixed;
    background-color: black;
    background-position: center center;
    background-size: cover;
    height: 400px;
}
.parallax.parallax-about {
    background-image: url("../img/06_about/about_parallax.jpg");
}
.parallax.parallax-am1 {
    background-image: url("../img/03_products/AM1/parallax/am1_parallax.jpg");
}
.parallax.parallax-eq1 {
    background-image: url("../img/03_products/EQ1/parallax/eq1_parallax.jpg");
}
.parallax.parallax-im1 {
    background-image: url("../img/03_products/IM1/parallax/im1_parallax.jpg");
}
.parallax.parallax-rack500 {
    background-image: url("../img/03_products/Rack500/parallax/rack500_parallax.jpg");
}
.parallax.parallax-test {
    background-image: url("../img/06_about/about_parallax.jpg");
}


/* ### ROOTLINE ########################################## */
.rootline {
    /*margin-bottom: 80px;*/
    background: #111111;
}
.rootline .row {
    padding-left: 10px;
    padding-right: 10px;

    height: 45px;
    line-height: 45px;

}
.rootline a {
    color: #878787;
    font-size: 1.125rem;
    font-weight: 400;
}
.rootline a:hover {
    transition: color 0.5s linear;
    color: #cfbc9f;
}
.rootline i {
    padding: 1px 4px;
    color: #878787;
}


/* ### CONTACT FORM ###################################### */
#contact_form .row {
    padding-left: 0;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    -moz-appearance: none;
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
    box-sizing: border-box;
    color: #0a0a0a;
    display: block;
    font-family: inherit;
    font-size: 1.188rem;
    height: 3.4rem;
    margin: 0 0 2rem;
    padding: 0.5rem 0.8rem;
    transition: box-shadow 0.5s linear 0s, border-color 0.25s linear 0s;
    width: 100%;
}


/* ### CONTENT ########################################### */
.content-wrapper {
    position: relative;
}
.page-header {
    min-height: 30px;
}
.content {
    padding-bottom: 14px;
    padding-top: 34px;
}
.content p img {
    float: right;
    padding: 4px;
    border: 1px solid #c1c1c1;
    margin: 6px;
}
.contactBox hr {
    margin-top: 0;
    border-color: #9BB7D7;
    border-width: 1px;
}
.contentBox {
    padding-bottom: 24px;
}
.contentBox table {
    width: 100%;
}
.contentBox h2,
.contentBox p {
    margin: 8px 20px 0 20px;
}


/* ### SOCIAL MEDIA ICONS ################################ */
.social-media-icon {
    display: block;
    height: 90px;
    float: right;
    padding: 32px 8px 0 10px;
}

@media screen and (max-width: 63.9375em) {
.social-media-icon {
    height: 40px;
    padding: 8px 8px 0 10px;
}
}

.social-media-icon:last-child {
    margin-right: 0px;
}
.social-media-icon i {
    margin: 0 5px;
}
.social-media-icon a {
    color: #fff;
}
.social-media-icon a:hover {
    color: #cfbc9f;
}


/* ### FOOTER ############################################ */
.footer {
    padding: 80px 0;
    background: #111111;;
}
.footer .row {
    padding-left: 10px;
    padding-right: 10px;
}
.footer h2 {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: 400;
}
.footer ul li {
    font-size: 1.188rem;
    font-weight: 400;
    color: #878787;
    line-height: 1.75rem;
    float: left;
    width: 100%;
    font-style: normal;
}
.footer ul li a {
    color: #878787;
    padding: 0;
    font-weight: 400;
    line-height: 1.75rem;
}
.footer ul li a:hover {
    color: #cfbc9f;
    text-decoration: none;
    font-weight: 600;
}
.footer hr {
    margin: 10px 70% 10px 0;
    border-bottom: 3px solid #fff;
}
.footer-claim {
    background: url(../img/05_header-footer/footer_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 550px;
    text-align: center;
    padding-top: 40px;
}
.footer h2 {
    color: #cfbc9f;
}
.footer-claim h2 {
    text-transform: uppercase;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 400;
    padding: 5% 5% 1% 5%;
    color: #cfbc9f;
}
.footer-claim .social-media-icon {
    float: none;
}
.footer-claim .social-media-icon i {
    margin: 0 18px;
}
.footer-claim p {
    margin-top: 40px;
    font-size: 1.188rem;
    line-height: 1.75rem;
    color: #878787;
}

@media screen and (max-width: 39.9375em) {
.footer {
    text-align: center;
}
.footer ul.menu {
    padding-bottom: 30px;
    height: 100%;
    display: inline-block;
}
.footer hr {
    margin: 0 40%;
    margin-bottom: 14px;
}
.footer-claim {
    padding-top: 20px;
    height: 290px;
    background: url(../img/05_header-footer/footer_img.jpg) no-repeat;
    background-size: auto 250px;
    background-position: top;
}
.footer-claim .social-media-icon i {
    margin: 40px 18px 0 18px;
}
.footer-claim p {
    margin-top: 80px;
}
}



/* ### FONTAWESOME ####################################### */
i.fa-map-marker  {
    font-size: 1.4em;
    position: relative;
}

.topheader-contact i.fa-map-marker  {
    margin-top: -2px;
}
.footer-inner i.fa-map-marker {
    font-size: 2.2em;
}

.footer-inner a.maps-marker {
    left: 208px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 20px;
}

@media only screen and (max-width: 64em) {
.footer-inner a.maps-marker {
    left: 198px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 20px;
}
}

@media only screen and (max-width: 40em) {
.footer-inner a.maps-marker {
    left: 198px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 20px;
}
}



/* MM */
.responsive-boxes.products .columns:not(.large-6) .overlay-fade-in .overlay-button {
	width: 7.2%;
}
.broadcast-intercom.responsive-boxes.products p {
	border-bottom: 0;
	padding-bottom: 0;
}
@media screen and (max-width: 63.9375em) {
	.responsive-boxes.references table.stack tr {
		display: table-row;
	}
	.responsive-boxes.references table.stack th, .responsive-boxes.references table.stack td {
		display: table-cell;
	}
}
.broadcast-intercom.responsive-boxes.row {
	padding-top: 0;
}
.responsive-boxes.references.row {
	padding-top: 0;
}
.broadcast-intercom.responsive-boxes.products .columns:first-child {
	padding-bottom: 20px;
}
.broadcast-intercom.responsive-boxes.products .columns {
	padding-bottom: 80px;
}
@media screen and (max-width: 39.9375em) {
	.references tr td:nth-child(2) {
		width: 1px;
		padding-right: 0.5rem;
	}
	.references .columns:nth-child(2) table {
		margin-bottom: 0;
	}
	.references .columns:last-child table tbody tr:first-child {
		border-top: 0;
	}
}
/* nav */
@media screen and (max-width: 63.9375em) {
	.top-bar-title {
		width: 100%;
	}
	.social-media-icon {
		display: none !important;
	}
	.top-bar-right {
		width: 100%;
	}
	.menu_horizontal .menu {
		text-align: center;
	}
	.menu_horizontal  .menu > li {
		display: block;
		width: 100%;
	}
	.menu_horizontal  .menu > li a,
	.menu_horizontal ul li:not(.has-form) a:not(.button) {
		height: 50px;
		line-height: 50px;
	}
	.top-bar ul {
		float: none;
	}
}


/* #### COOKIE SCRIPT #### */
body #cookiescript_badge {
	bottom: 40px;
	left: 40px;
}
body #cookiescript_badge img {
	width: 40px;
}
@media screen and (max-width: 39.9375em) {
	body #cookiescript_badge {
		bottom: 20px;
		left: 20px;
	}
	body #cookiescript_badge img {
		width: 40px;
		max-width: 40px;
		max-height: 40px;
	}
}



/* ### BACK-TO-TOP ####################################### */
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    transition: opacity 0.3s linear 0s, visibility 0s linear 0s;
}
.cd-top {
    background: url("../img/04_misc/arrows_svg/arrow_white_up.svg") no-repeat scroll center 50% rgba(255, 255, 255, 0);
    background-size: 24px 24px;
    bottom: 40px;
    display: inline-block;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 40px;
    text-indent: 100%;
    transition: opacity 0.3s linear 0s, visibility 0s linear 0.3s;
    visibility: hidden;
    white-space: nowrap;
    width: 40px;
    z-index: 1050;
    border-radius: 0;
    border: 2px solid #CFBC9F;
}
.cd-top:hover {
    opacity: 1;
    transition: opacity 0.3s linear 0s, visibility 0s linear 0.3s;
}


/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}