html, body{
  height: 100%;
}
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;
  vertical-align: baseline;
}
.align-center {text-align:center;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display: block;
}
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;
}

/*-----------------------------------------------------------------#Basic Styles------------------------------------------------------------------- */

body{
  background: #111;
  font: 14px/1.5 'Open Sans', sans-serif;
  font-weight: 400;
  color: #0b0b0b;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

#langswitch {
  position:fixed;
  z-index:1000;
  color:#fff;
  font-size:16px;
}
#langswitch ul {
  height:60px;
  float:left;
  color:#C50C1F;
}
#langswitch li {
  display:inline-block;
  padding: 3px 0 3px 10px;
}

/*-----------------------------------------------------------------#Typography------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{color: #0b0b0b;font-family: 'Oswald', sans-serif;font-weight: 400;line-height: 1.5;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight: inherit;}
h1{font-size: 30px;margin-bottom: 14px;}
h2{font-size: 24px;margin-bottom: 10px;}
h3{font-size: 20px;margin-bottom: 8px;}
h4{font-size: 16px;margin-bottom: 4px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
.subheader{color: #777;}
p{margin: 0 0 20px 0;}
p img{margin: 0;}
p.lead{font-size: 21px;line-height: 27px;color: #777;}
em{font-style: italic;}
strong{font-weight: bold;}
small{font-size: 80%;}

/* Blockquotes */

blockquote, blockquote p{font-size: 17px;line-height: 24px;color: #777;font-style: italic;}
blockquote{margin: 0 0 20px;padding: 9px 20px 0 19px;border-left: 1px solid #ddd;}
blockquote cite{display: block;font-size: 12px;color: #555;}
blockquote cite:before{content: "\2014 \0020";}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited{color: #555;}
hr{
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}
::-moz-selection{
  color: #fff;
}
::selection{
  color: #fff;
}

/*-----------------------------------------------------------------#Links------------------------------------------------------------------- */

a, a:visited{color: #fff;text-decoration: none;outline: 0;}
a:hover, a:focus{color: #fff;}
p a, p a:visited{line-height: inherit;}

/*-----------------------------------------------------------------#Images------------------------------------------------------------------- */

img.scale-with-grid{max-width: 100%;height: auto;}

/*----------------------------------------------------------------- #Buttons------------------------------------------------------------------- */

.button,button,input[type="submit"],
input[type="reset"],
input[type="button"]{
  display: inline-block;
  color: #222;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 20px;
  line-height: 1.2;
  padding: 10px 12px;
}
.button:hover,button:hover,input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
  color: #111;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner{
  border: 0;
  padding: 0;
}
a:visited.button{
  color: #000;
}

/*-----------------------------------------------------------------#Forms------------------------------------------------------------------- */
form{
  margin-bottom: 20px;
}
fieldset{
  margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #333;
  padding: 6px 4px;
  margin-bottom: 20px;
  outline: none;
  font-size: 16px;
  color: #CCC;
  width: 100%;
  max-width: 100%;
  display: block;
  background: #111;
  overflow: hidden;
}
select{
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{
  color: #FFF;
  background: #333;
}
textarea{
  min-height: 60px;
}
select{
  width: 220px;
}
input[type="checkbox"]{
  display: inline;
}
label span,legend span{
  font-weight: normal;
  font-size: 13px;
  color: #444;
}

/*-----------------------------------------------------------------#Misc------------------------------------------------------------------- */

.remove-bottom{
  margin-bottom: 0 !important;
}
.half-bottom{
  margin-bottom: 10px !important;
}
.add-bottom{
  margin-bottom: 20px !important;
}

/*-----------------------------------------------------------------#Common------------------------------------------------------------------- */

.pattern{
  /*background: url(../img/pattern1-50.png);*/
  width:100%;
  height:100%;
}
.title {
  font-weight: 400;
  font-size: 42px;
  text-align:center;
  border-bottom: 1px solid;
}
#portfolio h2{
  font-weight: 400;
  font-size: 42px;
  text-align:center;
  border-bottom: 1px solid;
  color:#fff;
}
.info{
  font-family: 'Oswald', sans-serif;
  color: #222;
  font-size: 44px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 30px;
}

#ad{
  width: 100%;
  background: #111;
  color: #fff;
  padding: 40px 0 20px;
}
#ad .button{
  float: right;
}
.button-wrap{
  padding: 30px 0;
}
.white{
  color: #FFF;
}
.color-strong{
  font-weight: bold;
}

/*-----------------------------------------------------------------#Header------------------------------------------------------------------- */

header#top{
  background-color: #000;
  filter: alpha(opacity=80);
  background-color: rgba(0,0,0,0.9);
  width: 100%;height: 60px;
  position: fixed;
  top: 0;
  z-index:10;
}

#logo{
  float: left;
  padding-left: 10px;
}
nav{
  float: right;
  padding-right: 10px;
}
nav ul{
  height: 60px;
  margin: 0;
  padding: 0;
  float: right;
}
nav ul li{
  display: inline-block;
  padding: 3px 0;
}
nav ul li a,
#langswitch ul li a{
  font-size: 16px;
  padding: 0 10px;
  display:inline-block;
  line-height: 54px;
}
nav ul li.active a{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
nav ul li a:hover{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*-----------------------------------------------------------------#Navigation------------------------------------------------------------------- */

.selectnav{
  display: none;
  margin-top: 20px;
  width: 110px;
}

@media screen and (max-width: 767px){
#nav{
  display: none;
}
.selectnav{
  display: block;
}
}

/*-----------------------------------------------------------------#Home------------------------------------------------------------------- */

#home{
  height: 100%;
  position: relative;
  background-color:#000;
}
.home{height:100%;}




/*-----------------------------------------------------------------#Slider------------------------------------------------------------------- */

#sequence > .sequence-canvas{
  height: 100%;
  width: 100%;
}
#sequence > .sequence-canvas > li{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#sequence > .sequence-canvas li > *{
  position: absolute;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
#sequence .slide1{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  z-index: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  background-attachment: fixed;
  background-image: url(../img/title.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
#sequence .slide2{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  z-index: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  background-attachment: fixed;
  background-image: url(../img/screen_03.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
#sequence .slide3{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  z-index: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  background-attachment: fixed;
  background-image: url(../img/screen_08.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
#sequence .animate-in .slide1,
#sequence .animate-in .slide2,
#sequence .animate-in .slide3{
  opacity: 1;
  }
#sequence .animate-out .slide1,
#sequence .animate-out .slide2,
#sequence .animate-out .slide3{
  opacity: 0;
  }
.caption-one{
  position: absolute;
  bottom: 5%;
  right: 0;
  text-align: right;
}
.caption-one h1{
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  line-height: 1.2;
  padding: 0 10px;
  text-transform: uppercase;
  /*background-color: #000;
  filter: alpha(opacity=75);
  background-color: rgba(0,0,0,0.65);
  text-shadow: 1px 1px #000;*/
}
.caption-one p{
  display: inline-block;
  font-size: 26px;
  padding: 4px 10px;
  /*background-color: #000;
  filter: alpha(opacity=75);
  background-color: rgba(0,0,0,0.65);
  text-shadow: 1px 1px #000;*/
}
.caption-two{
  position: absolute;
  bottom: 10%;
  left: 0;
  text-align: left;
}
.caption-two p{
  text-transform: uppercase;
  display: inline-block;
  font-size: 26px;
  font-weight: 600;
  padding: 4px 10px;
  /*background-color: #000;
  filter: alpha(opacity=75);
  background-color: rgba(0,0,0,0.65);
  text-shadow: 1px 1px #000;*/
}
.caption-three{
  position: absolute;
  bottom: 10%;
  text-align: left;
}
.caption-three h2{
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 54px;
  line-height: 1.2;
  padding: 10px;
  text-transform: uppercase;
  /*background-color: #000;
  filter: alpha(opacity=75);
  background-color: rgba(0,0,0,0.65);
  text-shadow: 1px 1px #000;*/
}
.caption-three p{
  display: inline-block;
  font-size: 26px;
  line-height: 26px;
  padding: 10px;
  /*background-color: #000;
  filter: alpha(opacity=75);
  background-color: rgba(0,0,0,0.65);
  text-shadow: 1px 1px #000;*/
}
.sequence-pagination{
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -40px;
  padding: 4px 4px 0;
  border-radius: 20px;
  background-color: #000;
  background-color: rgba(0,0,0,0.65);
  z-index: 9;
}
.sequence-pagination li{
  cursor: pointer;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  border: 2px solid;
  background: #111;
  border-radius: 20px;
  display: inline-block;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/*-----------------------------------------------------------------#About------------------------------------------------------------------- */

#about{
  padding: 80px 0; 
  /*background-image: linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -o-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);*/
  background-color:#666;
  /*color:#fff;*/
  
  font-family: 'Oswald',sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
}
.about{
  padding: 20px 0;
  color: #222;
  text-align: center;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.about:hover{
  cursor: default;
}
.about p{
  padding: 0 10px;
}
.about i{
  display: block;
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------#Clients------------------------------------------------------------------- */

#clients{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(../img/screen_07.jpg);
  background-repeat: no-repeat;
}
#clients h3{
  font-family: 'Lobster', cursive;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5;
  text-shadow: 2px 2px #000000;
  color: #FFF;
  text-align: center;
}
.clients-wrap{
  padding: 70px 0;
}
.clients{
  text-align: center;
  padding-top: 30px;
}
.clients a img:hover{
  margin-top: -5px;
  padding-bottom: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*-----------------------------------------------------------------#Darsteller------------------------------------------------------------------- */

#darsteller{
  /*background-image: linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -o-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);*/
  background-color:#666;
  /*color:#fff;*/
  padding: 80px 0 120px;
}

.cast{
  color: #FFF;
  background: #111;
  padding-bottom: 15px;
}
.folioimg{
  position: relative;
  height: 146px;
  width: 220px;
  margin: 0 auto;
}
.folioimg img{
  position: absolute;
  left: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.folioimg img.top:hover{
  opacity: 0;
  filter: alpha(opacity=0);
}
.team-info{
  padding: 0 20px;
  min-height: 120px;
}
#team .team-info{
  padding: 0 20px;
  min-height: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.folioimg{
  height: 157px;
  width: 236px;
}
.folioimg img{
  height: 100%;
  width: 220px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.cast {
  /*margin: 0 60px;*/
  margin: 0 auto;
}
}

.cast h3{
  /*font-family: 'Lobster', cursive;font-weight: 400;*/
  font-size: 22px;
  border-bottom: 1px solid;
  text-align: center;
  display: block;
  margin: 10px 0 20px;
}
.cast h4{
  color: #FFF;
}
.cast p{
  color: #FFF;
  text-align: left;
}
#team .cast {
    background: none repeat scroll 0 0 rgba(17, 17, 17, 0.53);
    border: 1px solid #5B5B5B;
    color: #FFFFFF;
    margin: 0 0 20px;
    padding-bottom: 15px;
}
.social ul li{
  display:inline-block;
  padding: 2px;
}
.social ul li a{
  display:inline-block;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social ul li a.facebook{
  background-color: #FFF;
  background-image: url(../img/social24.png);
  background-position: 0 0;
}
.social ul li a.twitter{
  background-color: #FFF;
  background-image: url(../img/social24.png);
  background-position: -24px 0;
}
.social ul li a.linkedin{
  background-color: #FFF;
  background-image: url(../img/social24.png);
  background-position: -48px 0;
}
.social ul li a.vimeo{
  background-color: #FFF;
  background-image: url(../img/social24.png);
  background-position: -72px 0;
}
.social ul li a.behance{
  background-color: #FFF;
  background-image: url(../img/social24.png);
  background-position: -288px 0;
}
.social ul li a.dribble{
  background-color: #FFF;
  background-image: url(../img/social24.png);
  background-position: -384px 0;
}

/*-----------------------------------------------------------------#Video------------------------------------------------------------------- */

#video{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(../img/screen_04.jpg);
  background-repeat: no-repeat;
}
#images{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(../img/bg-wald.jpg);
  background-repeat: no-repeat;

}
#images h2.title {
  color:#fff;
}
#test2,
#test3,
#test4{
  /* background: #666;
  background-image: linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -o-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%); */
  background-color:#666;
  /*color:#fff;*/
  padding: 80px 0 120px;
}
.cast{
  color: #FFF;
  background: #111;
  padding-bottom: 15px;
}
.folioimg{
  position: relative;
  height: 146px;
  width: 220px;
  margin: 0 auto;
}
.video-wrap{
  padding: 70px 0;
}
.video-title{
  color: #FFF;
  font-family: 'Lobster', cursive;
  font-weight: 400;
  font-size: 42px;
  text-align:center;
  text-shadow: 2px 2px #000000;
}

/*-----------------------------------------------------------------#Team------------------------------------------------------------------- */

#team{
  padding: 80px 0; 
  /* background-image: linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -o-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(17,17,17) 0%, rgb(81,5,13) 50%, rgb(17,17,17) 100%);
  background-color:#666;*/
  background-image: url(/fileadmin/exitus/img/Eberhard-Weissbarth--mit-Kameramann-sw.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  /*color:#fff;*/
}
#team h2.title,
#team h2,
#team h3{
  color:#fff;
}
.box{
  cursor: default;
  margin-bottom: 30px;
  box-shadow: 0 1px 2px #000;
  text-align: center;
  padding: 10px 0;
  min-height: 320px;
  background: linear-gradient(#eee, #eee 50%, #111 50%, #111);
  background: -webkit-linear-gradient(#eee, #eee 50%, #111 50%, #111);
  background-size: 100% 202%;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.box{
  margin: 0 60px 30px;
}
}

.box i{
  display: block;
  font-size: 80px;
  line-height: 120px;
}
.box h4{
  font: 22px/1.5 'Oswald', sans-serif;
  font-weight: 400;
}
.box p{
  padding: 10px 20px;
  text-align: center;
}
.box:hover{
  color: #fff;
  background: #333\0/;
  background-position: 100% 100%;
  animation: up-bump 0.4s ease;
  -webkit-animation: up-bump 0.4s ease;
}

@keyframes up-bump{0%{padding-top: 10px}50%{padding-top: 4px;}100%{padding-top: 10px;}}
@-webkit-keyframes up-bump{0%{padding-top: 10px}50%{padding-top: 4px;}100%{padding-top: 10px;}}

/*-----------------------------------------------------------------#Quote------------------------------------------------------------------- */

#quote{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(../img/screen_05.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#quotes li{
  font-size: 18px;
  text-shadow: 1px 1px #000000;
  text-align: center;
  padding: 20px 0;color: #FFF;
}
#quotes li h3{
  font-family: 'Lobster', cursive;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.5;
  text-shadow: 2px 2px #000000;
  color: #FFF;
}
.quote-wrap{
  padding: 80px 0 30px;
  min-height: 180px;
}
@media only screen and (max-width: 959px){
.quote-wrap{
  min-height: 280px;
}
}

/*-----------------------------------------------------------------#Portfolio------------------------------------------------------------------- */

#portfolio{
  padding: 80px 0; 
  /*background-image: linear-gradient(bottom, #000 0%, #666 50%, #000 100%);
  background-image: -o-linear-gradient(bottom, #000 0%, #666 50%, #000 100%);
  background-image: -moz-linear-gradient(bottom, #000 0%, #666 50%, #000 100%);
  background-image: -webkit-linear-gradient(bottom, #000 0%, #666 50%, #000 100%);
  background-image: -ms-linear-gradient(bottom, #000 0%, #666 50%, #000 100%);
  background-color:#000;
  background-image: linear-gradient(bottom, #222 0%, #666 100%);
  background-image: -o-linear-gradient(bottom, #222 0%, #666 100%);
  background-image: -moz-linear-gradient(bottom, #222 0%, #666 100%);
  background-image: -webkit-linear-gradient(bottom, #222 0%, #666 100%);
  background-image: -ms-linear-gradient(bottom, #222 0%, #666 100%);
  background-color:#666;*/
  color:#fff;
  
  background-color:#000;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(../img/screen_10.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;*/
  
  
  
}

.tx-veguestbook-pi1 .tx-guestbook-latest p, 
.tx-veguestbook-pi1 .tx-guestbook-right p {
    color: #fff;
}
.tx-veguestbook-pi1 .tx-guestbook-field label,
.contactform label{
    clear: both;
    display: block;
    /*float: left;
    width: 10em;*/
  float:none;
  width:auto;
  font-size:16px;
  text-transform:uppercase;
  color: #C50C1F;
}
.tx-srfreecap-pi2-cant-read {
    color: #C50C1F;
    font-size: 16px;
}
#filter{
  height: 30px;
  text-align: center;
  margin: 20px 0 30px;
}
#filter li{
  display: inline-block;
}
#filter li a{
  text-transform: uppercase;
  background: #080808;
  height: 50px;
  padding: 6px 10px;
  margin: 0 2px;
}
#filter li a:hover{
  color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#filter li.active a{
  color: #000;
}
.port{
  padding-bottom: 6px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 1px 2px #080808;
}
.port:hover{
  box-shadow: 0 6px 8px #080808;
}
.port p{
  margin-bottom: 0px;
  font-size: 13px;
  padding-left: 6px;
}
.port h5{
  text-transform: uppercase;
  margin-top: 5px;
  padding-left: 6px;
}
.overlay{
  margin: 0;
  max-width: 300px;
  height: auto;
  overflow: hidden;
  position: relative;
}
.overlay .caption{
  padding-bottom: 5px;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
}
.overlay .caption i{
  filter: alpha(opacity=0);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -30px;
  font-size: 50px;
}
.overlay:hover .caption{
  opacity:1;
  filter: alpha(opacity=40);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.overlay:hover .caption i{
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.port{
  margin: 0 60px 30px;
}
}

.overlay img{
  vertical-align: bottom;
}


.tx-veguestbook-pi1 .tx-guestbook-result {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
}

.tx-veguestbook-pi1 h2.tx-guestbook-header {
    width: auto;
}
.tx-veguestbook-pi1 .tx-guestbook-right {
  background: none repeat scroll 0 0 #111;
  float: left;
  padding: 1em;
  width: 100%;
  border:1px solid #333;
}
.tx-guestbook-header {
  color:#fff;
}
.tx-veguestbook-pi1 .tx-guestbook-field {
    clear: both;
    display: block;
    padding: 1em 10px;
    width: 100%;
}
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
    float: left;
    width: 10em;
}
.tx-veguestbook-pi1 .tx-guestbook-field input#freecap {
    float: none;
    width: 10em;
}
/*img.tx-srfreecap-pi2-image {
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}*/
img.tx-srfreecap-pi2-image {
  /*background-image: url(../img/cap.png);*/
  margin: 10px 0;
  padding: 8px 7px 0;
  vertical-align: middle;
}

/*-----------------------------------------------------------------#Contact------------------------------------------------------------------- */

#contact{
  background: url(../img/screen_09.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contact-wrap{
  padding: 70px 0;
}
.contact-bg{
  /*background-color: #080808;*/
  filter: alpha(opacity=80);
  padding-top: 10px;
}
#map{
  width:100%;
  height:350px;
}
.contactform{
  padding: 0 10px;
  margin-top: 30px;
}
.contactform label{
  font-size: 16px;
}
.contact-details{
  padding: 30px 10px 0;
}

@media only screen and (max-width: 767px){
.contact-details{
  padding-top: 0;
}
}

.contact-details h4{
  font: 24px 'Open Sans', sans-serif;
  color: #FFF;
  font-weight: 400;
  margin-bottom: 20px;
}

.contact-details span{
  font-weight: bold;
}
.contact-details i{
  display: inline-block;
  text-align: center;
  margin:3px 5px 0 0;
  width: 16px;
  float:left;
}
.contact-details p{
  color: #FFF;
}
.errorMessage,
.successMessage{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.errorMessage{
  color: #fff;
  background-color: #ce0c0c;
  margin-bottom: 20px;
  padding: 8px 10px;
  width: 100%;
}
.successMessage{
  color: #fff;
  background-color: #6C0;
  margin-bottom: 20px;
  padding: 8px 10px;
  width: 100%;
}

.tx-powermail h3 {
  color:#fff;
}

/*-----------------------------------------------------------------#Footer------------------------------------------------------------------- */

footer{
  color: #FFF;
  width: 100%;
  background: #080808;
  padding-top: 20px;
  text-align: center;
}

.sixteen.columns.copyright > img {
    float: left;
    margin-right: 20px;
}
.container .sixteen.columns.copyright {
    text-align: left;
    width: 350px;
}
footer .container {
    margin: 0 auto;
    width: 350px;
}

/*-----------------------------------------------------------------#Switcher------------------------------------------------------------------- */

#panel{
  z-index: 11;
  position: fixed;
  left: -80px;
  top: 30%;
  width: 140px;
  height: 370px;
}
#slide{
  border-radius: 0 8px 8px 0;
  position: absolute;
  top: 0;left: 0;
  background: #111;
  width: 80px;
  height: 370px;
}
#slide ul li{
  color: #FFF;
  width: 60px;
  padding: 0;
  display: block;
  margin: 10px 0 0 8px;
}
#slide ul li a{
  display: block;
  width: 60px;
  height: 20px;
}
#slide ul li a.yellow{
  background: #FC0;
}
#slide ul li a.green{
  background: #6C0;
}
#slide ul li a.blue{
  background: #39F;
}
#slide ul li a.red{
  background: #FF2B2B;
}
#slide ul li a.orange{
  background: #F90;
}
#slide ul li a.pat1{
  background-color: #fff;
  background-image: url(../img/pattern3-50.png);
}
#slide ul li a.pat2{
  background-color: #fff;
  background-image: url(../img/pattern4-50.png);
}
#slide ul li a.pat3{
  background-color: #fff;
  background-image: url(../img/pattern5-50.png);
}
#slide ul li a.pat4{
  background-color: #fff;
  background-image: url(../img/pattern6-50.png);
}
#slide ul li a.pat5{
  background: #fff;
}
#clickme{
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 0;
  width: 60px;
  height: 60px;
  background: #111;
}
#clickme i{
  color: white;
  line-height: 60px;
}

@media only screen and (max-width: 767px){
#panel{
  display: none;
}
}




#title-font {
  /*left: 50%;
  margin-left: -381px;*/
  position: absolute;
  bottom: 5%;
  z-index: 9;
  width:100%;
}
#title-font p {
  /* position:relative;
  color:#c50c1f;*/
  color:#fff;
  /*left:180px;*/
  text-align:center;
  font-size:26px;
}
#titleOverlay {
    margin: 0 auto;
    width: 42%;
}
#titleOverlay img {
    margin: 0 auto;
    width: 100%;
}

.tx-powermail-pi1_thx {
  color:#fff;
}
.tx-powermail-pi1 legend {
  display:none;
}
.tx-powermail-pi1_mandatory,
.tx-guestbook-form-error,
.tx-guestbook-form-error + ul{
  color:#fff;
}
.contactform h2,
.contact-details h2{
  color:#fff;
}

.tx-veguestbook-pi1 p.tx-guestbook-form-error,
.powermail_mandatory_list {
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-indent:20px;
}
/*.tx-veguestbook-pi1 p.tx-guestbook-form-error:before {
  content: " ";
  height:20px;
}*/
.tx-powermail-pi1_mandatory, .tx-guestbook-form-error, .tx-guestbook-form-error + ul {
  color: #fff;
  background:#C50C1F;
  margin: 0;
  padding: 0 20px 20px 20px;
}
.tx-powermail-pi1_mandatory {
  padding: 20px;
}
.powermail_mandatory_list {
  color: #fff !important;
}

div.csc-textpic-imagecolumn, 
td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-left: 10px;
    margin-right: 10px;
}
div.csc-textpic-imagecolumn.csc-textpic-lastcol, 
td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-left: 10px;
    margin-right: 10px;
}
span.tx-srfreecap-pi2-cant-read {
    display: block;
    margin: 0 0 30px;
}