@font-face
{
font-family: 'dessau-heavy';
src: url('../fonts/dessau.ttf');
}

@font-face
{
font-family: 'dessau-medium';
src: url('../fonts/dessau_medium.ttf');
}

html {
overflow-x:hidden !important;
}

body {
background-image:url("../img/texture.png");
background-position:0 0;
background-repeat:repeat;
background-size:300px auto;
background-color:#3f4874;
margin:0;
padding:0;
color:#333;
font-size:13px;
text-align:center;
font-family: sans-serif;
overflow-x:hidden !important;
overflow-y:auto;
}

.clear {
clear:both;
}

img {
border:0;
}

a {
text-decoration:none;
color:#181995;
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

a:hover {
color:#c71a2d;
}

div#header {
position:relative;
z-index:1;
margin:0;
padding:0;
width:100%;
height:13em;
}


div#header-container {
position:absolute;
top:0;
left:0;
z-index:0;
margin:0;
padding:0;
width:100%;
height:13em;
}

div#header-inner-container {
position:relative;
margin:0;
padding:0;
width:100%;
height:13em;
}

div#header-title-layer {
position:absolute;
top:3em;
left:-14em;
z-index:5;
height:6.5em;
width:100%;
/*background-color:#dbe1e6;*/
background-color:#a33535;
background-image:url("../img/pattern2.png");
background-position: 0 0;
background-repeat: repeat-x;
box-shadow: 0 5px 20px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.6); 
-moz-box-shadow: 0 5px 20px rgba(0,0,0,.6); 
}

div#header-nav-layer {
position:absolute;
top:9em;
left:0;
width:100%;
z-index:2;
height:4em;
/*background-color:#354684;*/
/*
background-color:#a33535;
background-image:url("../img/pattern5.png");
background-position: 0 0;
background-repeat: repeat-x;
*/
}

.nav-fixed {
top:0px !important;
position:fixed !important;
/*background-color:#3f4874;*/
background-color:rgba(63, 72, 116, 0.9);
background-image:url("../img/texture.png");
background-position: 0 0;
background-repeat: repeat-x;
box-shadow: 0 1px 8px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.6); 
-moz-box-shadow: 0 1px 8px rgba(0,0,0,.6); 
}

div#nav-container {
position:relative;
text-align:center;
height:inherit;
}

div#nav-inner-container {
position:relative;
display:inline-block;
margin:0 auto;
height:inherit;
}

div.nav-item {
float:left;
position:relative;
font-size:0.95em;
height:3em;
line-height:3em;
border-left:1px solid rgba(238,238,238,1);
margin:0.5em 0;
padding:0 0.5em;
text-transform:uppercase;
font-family:'dessau-medium',sans-serif;
color:#fff;
font-style:none;
cursor:pointer;
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

div.nav-item:last-child {
border-right:1px solid rgba(238,238,238,1);
}

div.nav-item:hover {
background-color:rgba(163, 53, 53, 0.9);
}

div.nav-item:active {
background-color:rgba(163, 53, 53, 1);
}

.nav-active {
background-color:rgba(163, 53, 53, 1) !important;
}


div#header-picto-layer {
display:none;
position:absolute;
top: -16em;
right: -8em;
width: 46em;
z-index: 10;
height: 24em;
transform:rotate(20deg);
background-color:#c2c7cb;
background-image:url("../img/pattern3.png");
background-position: 100% 100%;
background-repeat: repeat-x;
box-shadow: 0 1px 15px rgba(0,0,0,.8); 
-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.8); 
-moz-box-shadow: 0 1px 15px rgba(0,0,0,.8); 
}

.picto-layer-fixed {
position:fixed !important;
top:-23em !important;
}

div#header-picto-container {
position:relative;
width:inherit;
height:inherit;
}

div#header-picto {
position:absolute;
top:6em;
right:6em;
width:12em;
z-index:12;
height:24em;
opacity:1;
transform:rotate(-20deg);
background-image: url("../img/picto1.png");
background-color: none;
background-position: center center;
background-repeat: no-repeat;
background-size: 12em auto;
}

div#header-picto-fuw {
position:absolute;
top:0.3em;
left:4.5em;
width:3.5em;
height:3.5em;
z-index:11;
opacity:0;
background-image: url("../img/logo_small_shadow.png");
background-color: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 3.5em auto;
cursor:pointer;
}

div#header-picto-fuw2 {
position:absolute;
top:0.3em;
right:4.5em;
width:3.5em;
height:3.5em;
z-index:11;
opacity:0;
background-image: url("../img/logo_small_shadow.png");
background-color: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 3.5em auto;
cursor:pointer;
}

.show-picto-fuw {
  transition: all 1s ease;
  -webkit-transition: all 1s ease; 
  -moz-transition: all 1s ease;
opacity:1 !important;
}

div#header-title-container {
position:relative;
margin:0 0 0 14em;
padding:0;
height:inherit;
cursor:pointer;
}

div#header-title-logo {
position:absolute;
top: -1em;
    right: -12em;
    z-index: 6;
    width: 9em;
    height: 9em;
    background-image: url("../img/logo_large_shadow.png");
    background-color: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 9em 9em;
cursor:pointer;
}


div#header-title-image {
position:absolute;
top:-4em;
left:1em;
z-index:6;
width:15em;
height:16em;
background-image: url("../img/werkzeug0.png");
background-color: none;
background-position: center center;
background-repeat: no-repeat;
background-size: 15em auto;
}


div#header-title-image2 {
position:absolute;
top:-3em;
left:4em;
z-index:7;
width:14em;
height:20em;
background-image: url("../img/form2.png");
background-color: none;
background-position: center center;
background-repeat: no-repeat;
background-size: 14em auto;
}

div#header-title-text {
position:absolute;
font-size:2.9em;
top:0em;
left:5.8em;
width:calc(100% - 6.8em);
z-index:6;
height:1.2em;
letter-spacing:0.02em;
line-height:1.2em;
/*color:#444;*/
color:#f6f6f6;
text-align:center;
font-style:normal;
font-weight:normal;
font-family:'dessau-heavy',sans-serif;
text-overflow:ellipsis;
white-space:nowrap;ap;
overflow: hidden;
text-shadow: 0 0.05em 0.1em rgba(0,0,0,0.4);
}

div#header-title-text2 {
position:absolute;
font-size:2.7em;
top:1.1em;
left:5.8em;
width:calc(100% - 6.8em);
z-index:6;
height:1.2em;
letter-spacing:0.02em;
line-height:1.2em;
/*color:#444;*/
color:#f6f6f6;
text-align:center;
font-style:normal;
font-weight:normal;
font-family:'dessau-heavy',sans-serif;
text-overflow:ellipsis;
white-space:nowrap;ap;
overflow: hidden;
text-shadow: 0 0.05em 0.1em rgba(0,0,0,0.4);
}

div#header-title-subtext {
position:absolute;
font-size:1em;
top:1em;
left:0;
width:100%;
z-index:6;
height:1.3em;
letter-spacing:0.02em;
line-height:1.3em;
/*color:#444;*/
color:rgba(255,255,255,0.7);
text-align:center;
font-style:normal;
font-weight:normal;
font-family:'dessau-medium',sans-serif;
text-overflow:ellipsis;
white-space:nowrap;ap;
overflow: hidden;
cursor:pointer;
/*text-shadow: 0 1px 5px rgba(255,255,255,0.8);*/
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

div#header-title-subtext:hover {
color:rgba(255,255,255,1);
}


div#header-title-text-image {
position:absolute;
font-size:2em;
top:0.15em;
left:3.5em;
    z-index: 6;
    width: 100%;
    height: 2em;
    background-image: url("../img/fws_schrift_white.png");
    background-color: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 2em;
}

div#content {
position:relative;
z-index:0;
width:96%;
display:inline-block;
margin:8em auto 6em auto;
padding:0 2%;
max-width:1000px;
font-weight:normal;
min-height:40em;
text-align:left;
opacity:0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease;
}

.content-page {
position:relative;
margin:0 0 5em 0;
padding:1em 3% 5em 3%;
width:94%;
border-radius:5px;
font-weight:normal;
text-align:left;
background-image: url("../img/fuw_logo_sw2.png");
background-color: rgba(255,255,255,0.85);
background-position: center center;
background-repeat: no-repeat;
background-size: 700px auto;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
}

.content-page-half {
float:left;
position:relative;
margin:0 1% 5em 1%;
padding:1em 3% 5em 3%;
width:42%;
border-radius:5px;
font-weight:normal;
text-align:center;
background-image: url("../img/fuw_logo_sw2.png");
background-color: rgba(255,255,255,0.85);
background-position: center center;
background-repeat: no-repeat;
background-size: 700px auto;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
}

.content-page-half2 {
float:left;
position:relative;
margin:0 1% 5em 0%;
padding:1em 3% 5em 3%;
width:60%;
border-radius:5px;
font-weight:normal;
text-align:center;
background-image: url("../img/fuw_logo_sw2.png");
background-color: rgba(255,255,255,0.85);
background-position: center center;
background-repeat: no-repeat;
background-size: 700px auto;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
}

.content-page-half3 {
float:left;
position:relative;
margin:0 0% 2em 1%;
padding:1em 3% 2.4em 3%;
width:25%;
border-radius:5px;
font-weight:normal;
text-align:center;
background-image: url("../img/fuw_logo_sw2.png");
background-color: rgba(255,255,255,0.85);
background-position: center center;
background-repeat: no-repeat;
background-size: 700px auto;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
cursor:pointer;
}

#ad1 {
background-color: rgba(163,53,53,0.85);
}

#ad1-text-color {
color:#fff;
}

.content-page-half3-2 {
float:left;
position:relative;
margin:0 0% 5em 1%;
padding:1em 3% 3em 3%;
width:25%;
border-radius:5px;
font-weight:normal;
text-align:center;
background-image: url("../img/fuw_logo_sw2.png");
background-color: rgba(255,255,255,0.85);
background-position: center center;
background-repeat: no-repeat;
background-size: 700px auto;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
cursor:pointer;
}

h1.headline-text {
text-align:center;
font-size:2.1em;
font-style:normal;
line-height:2em;
font-weight:normal;
letter-spacing:0.05em;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:1px solid rgba(0,0,0,0.1);
margin:0 0 1.5em 0;
padding:0;
}


h1.headline-text2 {
text-align:center;
font-size:1.8em;
font-style:normal;
line-height:1.5em;
font-weight:normal;
letter-spacing:0.05em;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:1px solid rgba(0,0,0,0.1);
margin:0 0 1.5em 0;
padding:0.4em 10%;
}

h2.subheadline-text {
text-align:center;
font-size:1.5em;
font-style:normal;
line-height:2em;
font-weight:normal;
letter-spacing:0.05em;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:0px solid rgba(0,0,0,0.1);
margin:2em 0 0em 0;
padding:0;
}


h2.subheadline-text2 {
text-align:center;
font-size:1.5em;
font-style:normal;
line-height:1.3em;
font-weight:normal;
letter-spacing:0.05em;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:1px solid rgba(0,0,0,0.1);
margin:2.5em 0 1.5em 0;
padding:0.5em 10%;
}

h3.subheadline-text3 {
text-align:left;
font-size:1.2em;
font-weight:bold;
line-height:1.3em;
color:#444;
margin:0.5em 5% 1em 5%;
padding:0;
}

.half-headline {
font-size:1.4em !important;
}

ul.content-list4 {
margin:1em 5% 2em 5%;
padding:0 0 0 2em;
}

ul.content-list4 li {
font-size:1.10em;
line-height:1.5em;
margin:0;
padding:0;
}

ul.content-list3 {
margin:1em 5% 2em 5%;
padding:0 0 0 2em;
}

ul.content-list3 li {
font-size:1.2em;
line-height:2em;
font-weight:normal;
margin:0;
padding:0;
}

ul.content-list2 {
margin:1em 15% 2em 15%;
padding:0 0 0 2em;
}

ul.content-list2 li {
font-size:1.10em;
line-height:1.3em;
margin:0;
padding:0;
}

ul.content-list {
margin:1em 5% 2em 5%;
padding:0 0 0 2em;
}

ul.content-list li {
font-size:1.10em;
line-height:1.3em;
margin:0;
padding:0;
}

p.content-text {
font-size:1.10em;
line-height:1.3em;
margin:0 5% 0 5%;
padding:0;
text-align:left;
}

p.content-text2 {
font-size:1.10em;
line-height:1.3em;
margin:0 5% 0 5%;
padding:0;
text-align:left;
}

.text-center {
text-align:center !important;
}

div#footer {
position:fixed;
bottom:0;
width:100%;
height:4em;
/*background-color:#dbe1e6;*/
background-color:rgba(219, 225, 230, 0.9);
background-image:url("../img/pattern4.png");
background-position: 0 0;
background-repeat: repeat-x;
box-shadow: 0 -1px 8px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.6); 
-moz-box-shadow: 0 1px 8px rgba(0,0,0,.6); 
}

div#footer-inner-container {
position:relative;
margin:0;
padding:0;
width:100%;
height:4em;
}

div#footer-text {
color:#555;
height:4em;
line-height:4em;
text-align:center;
font-size:1em;
font-family:'dessau-medium',sans-serif;
}

.footer-button {
position:absolute;
right:0;
top:0;
z-index:0;
text-align:right;
color:#555;
text-transform:uppercase;
font-size:1.2em;
line-height:3.4em;
padding:0 2.5em;
cursor:pointer;
font-family:'dessau-medium',sans-serif;
border-left:1px solid rgba(0,0,0,0.1);
/*text-shadow: 0 1px 15px rgba(255,255,255,0.5);*/
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

.footer-button:hover {
color:#fff;
background-color:rgba(163, 53, 53, 0.9);
}

.footer-active {
color:#fff;
background-color:rgba(163, 53, 53, 1) !important;
}

div#footer-picto-layer {
display:block;
position:absolute;
top: 0em;
left: 0em;
width: 50%;
z-index: 10;
height: 4em;
}

div#footer-picto-container {
position:relative;
width:inherit;
height:inherit;
text-align:left;
}

a.footer-picto-link {
cursor:pointer;
}

.footer-picto {
height: 2em;
width: auto;
margin: 1em 0 0 2em;
padding: 0;
cursor: pointer;
}


#panorama {
width: 50em;
height: 30em;
margin:3em auto;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6);
}

img.page-image {
opacity:0.9;
width:300px;
height:auto;
cursor:pointer;
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

img.page-image:hover {
opacity:1;
}

.left {
float:left;
margin:0 2em 1.5em 0;
}

.left2 {
float:left;
margin:0 2em 1.5em 0;
width:250px !important;
height:auto;
}

.right {
float:right;
margin:0 0 1.5em 2em;
}

.right2 {
opacity:1 !important;
float:right;
margin:0 0 15px 30px;
width:150px !important;
height:auto;
}

.center {
margin:15px auto 15px auto;
width:90% !important;
max-width:600px;
height:auto;
}

.center2 {
margin:0px auto 15px auto;
width:200px !important;
height:auto;
}

.center3 {
margin:0px auto 30px auto;
width:90% !important;
max-width:300px;
height:auto;
}

.center4 {
margin:0px auto 15px auto;
width:80% !important;
padding:0 0 0 10%;
max-width:600px;
height:auto;
}

.centerBox {
position:relative;
text-align:center;
width:100%;
}

.img-border {
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6);
}

div.baguetteBox {
float:left;
}

.baguetteGallery {
padding:0 5%;
}

.baguetteDiv {
position:relative;
float:left;
width:29%;
margin:2%;
padding:0;
opacity:0.9;
cursor:pointer;
box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.4);
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

.baguetteDiv:hover {
opacity:1;
box-shadow: 0 2px 15px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 15px rgba(0,0,0,.6);
}

.baguetteDivLabel {
position:absolute;
bottom:50%;
left:0;
width:100%;
font-size:1.4em;
height:6em;
line-height:6em;
text-align:center;
background:rgba(0,0,0,0.6);
color:#fff;
text-transform:uppercase;
letter-spacing:0.1em;
font-family:'dessau-medium',sans-serif;
margin:0 0 -3em 0;
padding:0;
box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.4);
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

.gallery-hidden-image {
display:none !important;
}

.gallery-image {
float:left;
width:23%;
margin:1%;
height:auto;
max-height:21.2em;
cursor:pointer;
opacity:0.9;

background-color: none;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;

box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.4);
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

.gallery-image:hover {
opacity:1;
box-shadow: 0 2px 15px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 15px rgba(0,0,0,.6);
}

.gallery-image2 {
width:100%;
height:auto;
}


h2.contact-subheadline {

font-size:1.4em;
line-height:1.4em;
margin:2em 20% 1em 20%;
padding:0 0 0.5em 0;
text-align:left;
letter-spacing:0.05em;
font-weight:bold;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:1px solid rgba(0,0,0,0.1);
}

div.contact-line {
width:60%;
padding:0 20%;
margin:0;
}

img.portrait-image {
float:left;
width:10em;
height:auto;
margin:1em 0 2em 2em;
padding:0;
opacity:0.9;
cursor:pointer;
box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.4); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.4);
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

img.portrait-image:hover {
opacity:1;
box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.6);
}

div.contact-line-data {
float:left;
margin:1em 0 2em 2em;
padding:0;
width:inherit;
}

p.contact-name {
font-size:1.3em;
line-height:2em;
margin:0 5% 0 5%;
padding:0;
font-weight:bold;
text-align:left;
}

p.contact-phone {
font-size:1.2em;
line-height:1.5em;
margin:0 5% 0 5%;
padding:0;
text-align:left;
}

p.contact-mail {
font-size:1.2em;
line-height:2em;
margin:0.5em 5% 0 5%;
padding:0;
text-align:left;
}

p.contact-mail a {
color:rgba(63, 72, 116, 1);
text-decoration:none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
}

p.contact-mail a:hover {
color:rgba(63, 72, 116, 0.8);
}

h2.page-subheadline3 {
font-size:1.2em;
line-height:1.4em;
margin:2em 5% 1em 5%;
padding:0 0 0.5em 0;
text-align:left;
letter-spacing:0.05em;
font-weight:bold;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:1px solid rgba(0,0,0,0.1);
}

h2.page-subheadline4 {
font-size:1.2em;
line-height:1.4em;
margin:2em 5% 1em 5%;
padding:0 0 0.5em 0;
text-align:left;
letter-spacing:0.05em;
font-weight:bold;
text-transform:uppercase;
color:#444;
font-family:'dessau-medium',sans-serif;
border-bottom:1px solid rgba(0,0,0,0.1);
}

#map-frame {
padding: 0;
margin:1em 0 1em 15%;
width:70%;
height:30em;
box-shadow: 0 2px 15px rgba(0,0,0,.6); 
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.6); 
-moz-box-shadow: 0 2px 15px rgba(0,0,0,.6);
}


div#contact-form-container {
  position:relative;
  width:60%;
  margin:4em 0 0 0;
  padding:2em 0 2em 20%;
  border:0;  
  
  transition: all .5s ease;
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease;
}

div.default-input {
  position:relative;
  width:100%;
  margin:0 0 3em 0;
}

div#default-input-textarea {
  margin-bottom:2em;
}

input {
  width:100%;
  height:2em;
  margin:0 0 1em 0;
  padding:0.5em 1em;
  border:0;
  background:rgba(255, 255, 255, 0.9);
  font-size:1em;
  color:#444;
  line-height:2em;
  
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-moz-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

textarea {
  width:100%;
  height:15em;
  margin:0;
  padding:1em 1em;
  border:0;
  background:rgba(255, 255, 255, 0.9);
  font-size:1em;
  color:#444;
  line-height:2em;
  
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-moz-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

div.default-label-container {
  position:absolute;
  top:-3em;
  left:0;
  z-index:10;
}

div.default-label {
  position:relative;
  color:#444;
  height:2em;
  font-family:'dessau-medium',sans-serif;
  font-weight:300;
  font-size:1.3em;
  font-weight:bold;
  text-transform:uppercase;
  line-height:2em;
  margin:0;
  padding:0 1em;
}

#label-company {
  text-transform:none !important;
}

div.default-error {
  position:absolute;
  left:-3000px;
  width:250px;
  height:30px;
  padding:0;
  top:-40px;
  
  transition: all .5s ease;
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease;
}

div.error-inner {
  float:left;
  position:relative;
  height:30px;
  line-height:30px;
  font-size:14px;
  font-weight:normal;
  background:rgba(212,0,0,0.7);
  color:#fff;
  text-align:right;
  padding:0 10px;
}

#error-name {
  display:block;
}

#error-phone {
  display:block;
}

#error-mail {
  display:block;
}

#error-text {
  display:block;
}

div#mail-copy {
  position:relative;
  width:100%;
  padding:0 0 0 10px;
  margin:0 0 50px 0;
  background:rgba(255, 255, 255, 0.2);
  height:30px;
}

input#copy-checker {
  float:left;
  width:16px;
  height:16px;
  margin:7px 0;
  padding:0;
  line-height:30px;
}

p#copy-text {
  float:left;
  font-size:14px;
  margin:0 0 0 12px;
  padding:0;
  line-height:30px;
}

div.default-button {
  position:absolute;
  top:0;
  margin:0;
  padding:0;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  height:40px;
  line-height:40px;
  font-size:15px;
  font-weight:400;
  width:150px;
  border:0px solid #fff;
  cursor:pointer;  
  
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
  
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-moz-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

div.default-button:hover {  
  box-shadow: 0 2px 30px rgba(0,0,0,.6); 
  -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.6); 
  -moz-box-shadow: 0 2px 30px rgba(0,0,0,.6); 
  -o-box-shadow: 0 2px 30px rgba(0,0,0,.6);  
}

div#button-clear {
  left:0;
  background:#666;
}

div#button-clear:hover {
  background:#555;
}

div#button-send {
  right:-1em;
  background:rgba(63, 72, 116, 0.7);
}

div#button-send:hover {
  background:rgba(63, 72, 116, 0.9);
}

div.c-inner {
    display: flex;
    margin:3em 0 0 0;
}

div.c-left {
margin:1em 2em 0 2em;
}

div.c-right {
margin:0 2em 0 0 ;

font-size:1.10em;
line-height:1.3em;
padding:0;
text-align:left;
}

p.image-subtext {
margin:0.1em 2em 0 1em ;

font-size:0.9em;
line-height:1.1em;
font-weight:normal;
opacity:0.8;
padding:0;
text-align:left;
}