/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


.hidden { display: none; }

body {
  font-family:  Raleway, Arial, san-serif;
  font-weight: 300;
  font-size: .95em;
  
  background: url(../images/layout/metallwerker-body-bg.jpg) 0 0 repeat-x #050505;
  background-attachment: fixed;
  
  -webkit-text-size-adjust: 100%
}

h1, h2, h3 {
  margin-top: 0;
  font-weight: 300;
}
h3, b {
  font-weight: 500;
  margin-bottom: 0;
}
h3 {
  margin-top: 1em;
}
p {
  margin-top: .45em;;
}

a { font-weight: 500; color: #df8300; }

h1#logo {
  margin: 24px auto 0 auto;
  width: 720px;
}

h1#logo a {
  display: block;
  width: 412px;
  height: 106px;
  margin: 0 auto;
  background: url(../images/layout/metallwerker-logo-white.png) 0 0 no-repeat;
}
.ls-nav ul li a { opacity: .90; }
.ls-nav ul li.current a { font-weight: 500; color: #df8300; opacity: 1; }

#c1 .title { display: none; }

#slider-id-wrapper {
  margin: 24px auto 36px auto;
  max-width: 800px !important;
}

.panel-wrapper {
  min-height: 360px;
  padding: 40px 40px 72px 40px;
  position: relative;
  line-height: 1.4em;
  background: url(../images/layout/panel-bg.png) right bottom no-repeat;  
}

#c1 .panel-wrapper {
  padding: 40px 40px 24px 40px;
}
.csc-textpic-imagecolumn {
  width: 100% !important;
}
.csc-textpic-imagecolumn > ul {
  float: left;
  width: 100%;
}
.csc-textpic-imagecolumn > ul > li {
  float: left;
  width: auto !important;
  margin-bottom: 0 !important;
}


div.panel-wrapper div.csc-textpic-imagewrap div.csc-textpic-imagerow { width: 800px !important; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image a {
  display: block;
  margin: 0 0 4px 0 !important;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  opacity: .92;
  float: left !important;
  border-bottom: 0 !important;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image:hover {
  opacity: 1;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  display: block;
  background: #fff;
  border: 4px solid #fff;
  box-shadow: 0 0 3px #808080;
  opacity: .92;
  margin-right: 4px;
}

#slider-id-nav-ul li a span { display: none; } 

#filter {
  margin-bottom: 12px;
}

#filter .filter {
  float: left;
  background: #ccc;
  color: #333333;
  font-size: 16px !important;
  padding: 6px 9px;
  margin: 0 6px 6px 0;
  text-decoration: none;
}
#filter .filter:hover,
#filter .filter.active {
  color: #fff;
  background: #000;
}


/* eupopup */
.eupopup-container {
  font-family: sans-serif;
  background-color: rgba(25, 25, 25, 0.9);
  color: #808080;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
  position: absolute;
  top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
  position: fixed;
}

.eupopup-container-bottom {
  position: fixed;
  bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 300px;
}

.eupopup-container-bottomright {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 300px;
}

.eupopup-closebutton {
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
  color: #a2a2a2;
  filter: alpha(opacity=20);
  position: absolute;
  font-family: helvetica, arial, verdana, sans-serif;
  top: 0; right: 0;
  padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
  color: #fff;
  text-decoration: none;
}

.eupopup-head {
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px;
  color: #fff;
}

.eupopup-body {
  color: #808080;
}

.eupopup-buttons {
  padding: 7px 0 5px 0;
}

.eupopup-button_1 {
  color: #df8300;
  font-weight: bold;
  font-size: 14px;
}

.eupopup-button_2 {
  color: #df8300;
  font-weight: normal;
  font-size: 12px;
}

.eupopup-button {
  margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
  text-decoration: underline;
  color: #b36900;
}

body .eupopup-color-inverse {
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
  color: #000;
}

body .eupopup-style-compact {
  text-align: left;
  padding: 8px 30px 7px 20px;
  line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
  display: inline;
  padding: 0;
  margin: 0;
}

body .eupopup-style-compact .eupopup-button {
  margin: 0 5px;
}