body {
position : relative;
background-color : #000;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 16px;
color : #ddd;
}
h2, h3, h4, h5, h6 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
color : #666;
}
h1 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 500;
font-size : 60px;
margin-bottom : 25px;
}
h2 {
font-weight : 400;
letter-spacing : 1px;
margin-bottom : 15px;
}
h3 {
margin-bottom : 1px;
}
h5 {
text-align : center;
}
p {
margin-bottom : 20px;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 16px;
line-height : 22px;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : none;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
margin-left : 12px;
font-size : 15px;
font-style : italic;
color : #000;
line-height : 5px;
letter-spacing : 0;
}
.navbar {
box-shadow : 3px 3px 4px rgb(0, 0, 0, 0.1);
margin-bottom : 0;
}
.navbar-inverse .navbar-inner {
background-color : #353535;
background-repeat : repeat-x;
border-color : transparent;
background-image : none;
}
.main-navigation .nav > li > a {
color : #929292;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 500;
text-shadow : none;
text-transform : uppercase;
border-right : 1px solid rgb(0, 0, 0, 0.2);
}
.main-navigation .nav > li:last-child > a {
border-right : none;
}
.navbar-inverse .logo:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .logo:focus, .navbar-inverse .nav > li > a:focus {
color : #ffffff;
}
.navbar-inverse .logo {
color : #FFFFFF;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height : 42px;
padding : 20px;
}
.navbar-inverse .navbar-text {
color : #999999;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
color : #C8C8C8;
background-color : transparent;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
color : #fff;
background-color : transparent;
}
.navbar-inverse .navbar-link {
color : #999999;
}
.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus {
color : #ffffff;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
box-shadow : none;
}
.navbar .nav {
display : inline-table;
float : none;
}
.nav-collapse.collapse {
text-align : center;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color : #424242;
text-decoration : none;
background-color : transparent;
box-shadow : none;
}
hr {
margin : 20px 0;
border : 0;
border-top : 1px dashed #eeeeee;
border-bottom : 1px dashed #bfbfbf;
}
#sticky {
z-index : 9999;
}
hgroup h1 {
border-top : 1px solid rgb(255, 255, 255, 0.6);
border-bottom : 1px solid rgb(255, 255, 255, 0.6);
margin : auto 23%;
padding : 30px 0 30px 0;
}
hgroup h1 span {
font-size : 96px;
}
#headerwrap .container {
text-align : center;
}
#headerwrap {
width: 100%;
background: url(../img/viezfest-header.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: cover;;
min-height: 700px;
margin-top: -60px;
padding-top:80px;
text-align:center;
}
#headerwrap h1 {
color : #FFFFFF;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 110px;
font-weight : 600;
line-height : 100px;
margin-bottom : 25px;
text-shadow : 1px 1px #000;
}
#headerwrap h2 {
color : #ffffff;
letter-spacing : 1px;
text-shadow : 2px 2px #000000, 2px 2px rgb(255, 255, 255, 0.1);
}
#welcomewrap {
width : 100%;
padding-bottom : 40px;
padding-top : 40px;
background : #fff;
color : #424242;
text-align : center;
}
#welcomewrap .container {
padding : 0;
}
#welcomewrap h2 {
font-size : 42px;
line-height : 56px;
}
#welcomewrap h4 {
margin-top : 20px;
color : #8bb31d;
}
#welcomewrap .btn-info {
margin-top : 30px;
}
#servicewrap {
border-top : 1px solid #D4D4D4;
display : block;
padding-top : 30px;
}
#servicewrap h2 {
text-align : left;
margin-left : 5px;
border-left : 10px solid #ec602f;
padding-left : 3px;
}
#servicewrap p {
font-size : 16px;
letter-spacing : 0.2px;
line-height : 24px;
margin-bottom : 20px;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#example {
width : 100%;
background : #fff;
display : block;
text-align : center;
margin-bottom : 0;
border-top : 1px solid gray;
}
#example h2 {
font-size : 38px;
text-transform : uppercase;
}
#example p {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform : uppercase;
}
#aboutwrap {
display : block;
text-align : center;
}
#aboutwrap h2 {
margin-left : 5px;
padding-left : 3px;
text-align : center;
}
#aboutwrap h3 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 400;
font-size : 30px;
color : #8bb31d;
letter-spacing : 0.5px;
}
#aboutwrap h4 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 400;
font-size : 26px;
line-height : 30px;
color : #8a8a8a;
}
#aboutwrap h5 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 400;
font-size : 20px;
line-height : 26px;
color : #8a8a8a;
text-align : left;
}
#aboutwrap p {
text-align : center;
}
.mybio {
text-align : left !important ;
}
.model-intro {
border-bottom : 1px solid #BBBBBB;
border-top : 1px solid #BBBBBB;
padding : 10px !important ;
}

.portfolio .thumbnail {
 padding: 0;
 margin-bottom: 20px;
 text-align: center;
 border: solid 0px #8B8B8B;
 position: relative;
 overflow: hidden;
 cursor: default;
}
.portfolio .thumbnail .mask,
.portfolio .thumbnail .mask-1,
.portfolio .thumbnail .mask-2,
.portfolio .thumbnail .content,
.portfolio .thumbnail .caption {
 padding: 0;
 width: 100%;
 height: 100%;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
}
.portfolio .thumbnail h2 {
 text-transform: uppercase;
 text-align: center;
 position: relative;
 font-size: 14px;
 margin: 20px 0 0 0;
}
.portfolio .thumbnail p {
 font-size: 11.9px;
 line-height: 1;
 position: relative;
 padding: 10px 20px 20px;
 text-align: center;
}
.portfolio .thumbnail a.info {
 display: inline-block;
}


#foliowrap {
width : 100%;
background : url(../img/apfelbaum.jpg) center center no-repeat fixed;
background-size : cover;
min-height : 400px;
text-align : center;
}
#foliowrap .boxcolor {
margin-top : 150px;
clear : both;
opacity : 1;
background : #353535;
}
#foliowrap h1 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 500;
font-size : 60px;
color : #fff;
padding : 20px;
}
#foliowrap_2 h2 {
margin-left : 5px;
padding-left : 3px;
text-align : center;
}
#foliowrap_2 h3 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 30px;
font-weight : 400;
text-align : center;
text-transform : uppercase;
}
#pricewrap {
text-align : center;
display : block;
}
#pricewrap h2 {
padding : 20px;
}
#footerwrap {
width : 100%;
background : #232121;
padding-bottom : 45px;
text-align : center;
}
#footerwrap h2 {
color : #FFFFFF;
margin-bottom : 40px;
margin-left : 5px;
padding-left : 3px;
text-align : center;
}
#footerwrap h3 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 400;
font-size : 30px;
color : #fff;
text-align : left;
margin : 5px;
}
#footerwrap h4 {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 400;
font-size : 22px;
line-height : 28px;
color : #fff;
margin : 5px;
}
#footerwrap p {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 400;
font-size : 16px;
line-height : 28px;
color : #8a8888;
padding-top : 20px;
margin-bottom : 10px;
margin : 5px;
text-align : left;
}
#footerwrap p i {
color : #fff;
padding-right : 10px;
}
#map {
display : block;
width : 100%;
margin : 0;
}
.mask {
display : block;
padding : 10px;
line-height : 20px;
}
.mask2 img {
margin : 0 auto;
max-width : 100%;
display : block;
opacity : 0.8;
box-shadow : 1px 1px 10px rgb(0, 0, 0, 0.2);
transition : all 0.3s ease-in-out;
}
.mask2 img:hover {
opacity : 1;
}
.mask i {
padding : 10px;
text-shadow : 1px 1px #FFFFFF, 2px 2px #BBBBBB;
}
.progress .bar-skills {
float : left;
width : 0;
height : 100%;
font-size : 12px;
color : #ffffff;
text-align : center;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
background-color : #bbb;
background-repeat : repeat-x;
box-shadow : 0 -1px 0 rgb(0, 0, 0, 0.15) inset;
box-sizing : border-box;
transition : width 0.6s ease;
background-image : linear-gradient(to bottom, #D2D2D2, #9b9b9b);
}
.about_item {
margin : 0 9px 19px 8.33px;
min-height : 100px;
}
.about_item_center {
width : 100%;
position : relative;
z-index : 1;
}
.about_item_center img {
box-shadow : 2px 2px 2px rgb(0, 0, 0, 0.3);
height : auto;
width : 100%;
}
.about_item_center p {
color : #6d6d6d;
font-size : 16px;
text-align : left;
margin : 5px;
padding : 0 0 20px 0;
}
.folio_item {
margin : 0 9px 19px 8.33px;
background-color : #fff;
min-height : 100px;
}
.folio_item_center {
width : 100%;
position : relative;
z-index : 1;
}
.folio_item_center img {
border : 0;
width : 100%;
height : auto;
}
.folio_item h3 {
padding : 10px;
}
details > div {
padding : 0;
}
details {
border : solid thin;
border-color: grey;
}
summary {
position : relative;
line-height : 300%;
padding-left : 1em;
font-weight : bold;
}
#tablist {
list-style : none;
margin : 0;
padding : 0;
line-height : 54px;
}
#tablist li {
background-color : grey;
border : black solid 1px;
border-bottom : none;
border-radius : 0.5em 0.5em 0 0;
display : inline;
font-weight : bold;
height : 15px;
padding : 15px 12px;
letter-spacing : 1px;
}
#tablist li:focus, #tablist li:hover {
background-color : #617b19;
}
#tablist li[aria-selected="true"] {
background-color : #8bb31d;
padding : 15px 12px;
color : black;
}
#tabcontent {
background-color : black;
border : white solid 0;
margin-top : 25px;
padding : 0;
}
[aria-hidden="true"] {
display : none;
}
[aria-hidden="false"] {
display : block;
}
.clients {
text-align : center;
padding : 20px;
}
.clients img {
padding-bottom : 20px;
}
input.span12, textarea.span12, .uneditable-input.span12 {
width : 100% !important ;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color : #2B2929;
border : #1A1818 solid 1px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
transition : border 0.2s 0s linear, box-shadow 0.2s 0s linear;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
color : #959595;
}
@media (max-width: 480px) {
#headerwrap {
padding-top : 10px !important ;
}
#headerwrap h1, #headerwrap h1 span {
font-size : 40px;
line-height : 60px;
}
.main-navigation .nav > li > a {
border-right : none;
}
}
@media (max-width: 640px) {
#headerwrap {
padding-top : 10px !important ;
}
#headerwrap h1, #headerwrap h1 span {
font-size : 40px;
line-height : 60px;
}
.main-navigation .nav > li > a {
border-right : none;
}
}
@media (max-width: 979px) {
.main-navigation .nav > li > a {
border-right : none;
}
#headerwrap {
margin-top : -20px;
padding-top : 160px;
}
}