@font-face
{
font-family: 'hn-light';
src: url('../fonts/hn_light.ttf');
}

@font-face
{
font-family: 'hn-normal';
src: url('../fonts/hn_normal.ttf');
}

@font-face
{
font-family: 'hn-bold';
src: url('../fonts/hn_bold.ttf');
}

@font-face
{
font-family: 'ltzapf-one';
 src: url('../fonts/ltzapf_one-webfont.woff2') format('woff2'),
      url('../fonts/ltzapf_one-webfont.woff') format('woff');
}

@font-face
{
font-family: 'champignon';
src: url('../fonts/champignon.otf');
}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic-webfont.eot');
    src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;
}



body {
background:url("../img/bg2.png") 0 0 repeat;
background-color:#ffff;
margin:0;
padding:0;
color:#6d4f4d;
font-family: 'Roboto',hn-normal,'Helvetica Neue',Helvetica,sans-serif;

}

input {
  width:490px;
  height:20px;
  margin:0;
  padding:5px 10px;
  border:0;
  background:rgba(255, 255, 255, 0.9);
  font-size:15px;
  color:#444;
  line-height:20px;
  font-family: 'Roboto',hn-normal,'Helvetica Neue',Helvetica,sans-serif;
  font-weight:400;
  
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

textarea {
  width:490px;
  height:150px;
  margin:0;
  padding:10px 10px;
  border:0;
  background:rgba(255, 255, 255, 0.9);
  font-size:16px;
  font-family: 'Roboto',hn-normal,'Helvetica Neue',Helvetica,sans-serif;
  font-weight:400;
  color:#444;
  line-height:20px;
  
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     line-height: 0;
     content: " ";
     clear: both;
     height: 0;
     width: 0;
     }
.clearfix { 
display: inline-block; 
}

* html .clearfix {
height: 1%; 
}

.clearfix { 
display: block; 
}

p {
margin:0;
padding:0;
}

table {
border-spacing:0 !important;
border-collapse:collapse;
}

table.table-preisliste {
width:80%;
margin:0 0 80px 10%;
}

table.table-preisliste tr {
border-bottom:1px solid rgba(109,79,77,0.1);
}

table.table-preisliste td {
height:22px;
font-size:18px;
line-height:22px;
margin:0;
padding:18px 0;
}

table.table-preisliste tr:last-child {
border-bottom:none !important;
}

table.table-preisliste td:first-child {
font-weight:500;
width:80%;
}

table.table-preisliste td:last-child {
text-align:right;
}

h1 {
font-size: 50px;
margin: 40px 0 30px 0;
padding: 30px 0 30px 0;
font-weight: normal;
letter-spacing: 1px;
text-align:center;
width:100%;
line-height: 30px;
border-top:1px solid rgba(109,79,77,0.2);
border-bottom:1px solid rgba(109,79,77,0.2);
color:#8f231a;
font-family:'ltzapf-one','champignon';
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
}

h2 {
font-size: 18px;
margin: 30px 0 20px 0;
padding: 15px 0 15px 0;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
line-height: 26px;
border-top:1px solid rgba(109,79,77,0.2);
border-bottom:1px solid rgba(109,79,77,0.2);
}

h3 {
font-size: 18px;
margin: 0;
padding: 15px 0 15px 0;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
line-height: 25px;
}

p.default {
clear:both;
font-weight:400;
line-height:25px;
font-size:16px;
margin:0;
padding:0;
}

p.default-bold {
clear:both;
font-weight:500;
line-height:26px;
font-size:18px;
margin:0;
padding:0;
}

ul.default-list {
list-style-type:disc;
margin:10px 0 50px 30px;
padding:0;
}

ul.default-list li {
margin:0 0 15px 0;
padding:0;
line-height:26px;
font-size:18px;
font-family: 'Roboto',sans-serif;
font-weight:500;
}

ol.default-list {
margin:10px 0 50px 30px;
padding:0;
}

ol.default-list li {
margin:0 0 15px 0;
padding:0;
line-height:15px;
font-size:18px;
font-family: 'Roboto',sans-serif;
font-weight:500;
}

img.default-img {
position:relative;
float:right;
border:0;
width:300px;
height:auto;
margin:0;
padding:0;
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease;
}

img.default-img-portrait {
position:relative;
float:right;
border:0;
width:200px;
height:auto;
margin:0;
padding:0;
box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease;
}

img.default-img:hover, img.default-img-portrait:hover {
box-shadow: 0 1px 20px rgba(0,0,0,.5); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.5); 
}

img.logo {
border:0;
margin:0 0 40px 90px;
padding:0;
width:300px;
height:auto;
}

a.link-img {
margin:0;
padding:0;
}

a.mail-link{
margin:0;
padding:0;
cursor:pointer;
color:#ffff;
text-decoration:none;
}

a.link-content {
margin:0;
padding:0;
cursor:pointer;
color:#6d4f4d;
text-decoration:none;
}

a.mail-link:hover, a.mail-link:active, a.mail-link:focus {
color:#ffff;
text-decoration:underline;
}

a.link-content:hover, a.link-content:active, a.link-content:focus {
color:#6d4f4d;
text-decoration:underline;
}

div.person-container{
position:relative;
float:right;
margin:0 0 20px 0;
padding:0;
width:300px;
height:auto;
}

div.image-container{
position:relative;
float:right;
margin:0 0 80px 0;
padding:0;
width:300px;
height:auto;
}

div.img-nameband {
background:rgba(54,4,4,0.6);
position:absolute;
bottom:15px;
left:0;
width:300px;
height:50px;
margin:0;
padding:0;
}

div.img-nameband2 {
background:rgba(54,4,4,0.6);
position:absolute;
bottom:0px;
left:0;
width:300px;
height:75px;
margin:0;
padding:0;
}

div.nameband-title {
    color: #ffff;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
}

div.nameband-subtitle {
    color: #ffff;
    text-align: left;
    font-size: 16px;
    font-weight: 200;
    line-height: 16px;
    height: 25px;
    font-style: italic;
    margin: 5px 0 0 10px;
    padding: 0;
}

div.nameband-subtitle2 {
    color: #ffff;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    height: 25px;
    font-style: italic;
    margin: 0px 5px 0 10px;
    padding: 0;
}

div.page-button {
letter-spacing:0 !important;
position:absolute;
float:left;
top:320px;
margin:0;
padding:25px 58px;
width:234px;
height:50px;
text-transform:uppercase;
background-color:#885752;
background-image:url("../img/bg.png");
background-position:0 0;
background-repeat:no-repeat;
cursor:pointer;

border-radius: 0px;

box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease;
}

div.page-button:hover {
background-color:#8f231a;
}

a.p-button-text {
line-height:48px;
text-align:center;
font-size:24px;
border-top:1px solid rgba(255,255,255,0.3);
border-bottom:1px solid rgba(255,255,255,0.3);
color:#ffff;
font-family:'Roboto',sans-serif;
font-weight:300;
margin:0;
height:48px;
display:inline-block;
text-decoration:none;
}

a.p-button-text:hover {
text-decoration:none;
}

div#button-md {
left:75px;
}

div#button-wob {
left:575px;
}

div#logo-bg-container {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url("../img/logo_bg.png");
background-position:center 20px;
background-color:unset;
background-repeat:no-repeat;
}

div#main-outer-container {
position:absolute;
top:0;
left:50%;
width:1px;
}

div#main-container {
position:relative;
width:1000px;
margin:0 0 0 -500px;
padding:0;
}

div#header {
position:relative;
background-image:url("../img/eyes_head.png");
background-position:center 0;
background-color:unset;
background-repeat:no-repeat;
width:1000px;
height:220px;
margin:0;
padding:0;
border-bottom:2px solid rgba(109,79,77,0.4);
}

div#navi {
z-index:-1000;
position:absolute;
top:-200px;
right:400px;
}

div#navi a {
font-size:5px;
}

div#navigation {
position:relative;
width:1000px;
min-height:101px;
margin:0;
padding:0;
}

div#navigation-items {
position:relative;
width:1000px;
min-height:100px;
margin:0;
padding:0;
border-bottom:1px solid rgba(109,79,77,0.4);
}

div#subnavigation {
position:relative;
height:70px;
margin:0;
padding:0;
display:none;
border-bottom:1px solid rgba(109,79,77,0.4);

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
}

div#content {
position:relative;
width:1000px;
min-height:400px;
margin:0;
padding:0;

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
}

div#footer {
position:relative;
width:1000px;
height:60px;
margin:0 0 30px 0;
padding:0;
border-top:2px solid rgba(109,79,77,0.4);
}

div#header-logo {
position:absolute;
z-index:10;
top:20px;
left:0;
background-image:url("../img/logo_head.png");
background-position:0 0;
background-color:unset;
background-repeat:no-repeat;
width:295px;
height:155px;
margin:0;
padding:0;
cursor:pointer;
}

div#header-logo-subtext {
position:absolute;
z-index:11;
top:165px;
left:50px;
background:#885752;
width:200px;
height:30px;
line-height:30px;
margin:0;
padding:0;
color:#ffff;
letter-spacing:2px;
font-family:'Roboto',sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:300;
text-align:center;

box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

div#header-text {
position:absolute;
right:30px;
top:130px;
font-size:50px;
font-family:'ltzapf-one','champignon';
text-align:right;
height:80px;
line-height:80px;
color:#6d4f4d;
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
}

div.nav-item {
width:250px;
float:left;
height:100px;
line-height:100px;
border:0;
margin:0;
padding:0;
font-size:50px;
font-family:'ltzapf-one','champignon';
text-align:center;
color:#6d4f4d;

transition: all .5s ease;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
}

div.nav-item:hover {
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
cursor:pointer;
}

.nav-active {
color:#8f231a !important;
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
}

div.subnav-item {
float:left;
height:70px;
line-height:70px;
border:0;
margin:0;
min-width:140px;
padding:0;
font-size:40px;
font-family:'ltzapf-one','champignon';
text-align:center;
color:#6d4f4d;

transition: all .5s ease;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
}

div#subnav-item1 {
width:200px !important;
}

div.subnav-item:hover {
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
cursor:pointer;
}

div#content-headline {
position:relative;
width:930px;
height:160px;
line-height:180px;
border:0;
margin:0 0 0 20px;
padding:0 0 0 30px;
border-bottom:1px solid rgba(109,79,77,0.2);

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
}

div#headline-text {
position:absolute;
height:160px;
line-height:180px;
border:0;
left:30px;
top:0;
margin:0;
padding:0;
font-size:70px;
letter-spacing:1px;
font-family:'ltzapf-one','champignon';
text-align:left;
color:#8f231a;
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
}

div#headline-text-kosmetik {
    position: absolute;
    left: 185px;
    top: 55px;
    margin: 0;
    padding: 0px;
    font-size: 53px;
    letter-spacing: 1px;
    font-family: 'ltzapf-one', 'champignon';
    text-align: left;
    color: #8f231a;
    text-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
}

div#headline-text-start {
position:relative;
height:160px;
line-height:180px;
border:0;
left:30px;
top:0;
margin:0 60px 0 0;
padding:0;
font-size:70px;
letter-spacing:1px;
font-family:'ltzapf-one','champignon';
text-align:center;
color:#8f231a;
border-bottom:1px solid rgba(109,79,77,0.2);
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
}

div#address-bar {
    letter-spacing: 0 !important;
    position: absolute;
    top: 25px;
    right: 0;
    margin: 0;
    padding: 0 9px 10px 10px;
    width: 400px;
    height: 100px;
    background-color: #885752;
    background-image: url("../img/bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
 
    border-radius: 0px;
 
    box-shadow: 0 1px 20px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3);
}

div#address-title {
position:relative;
height:40px;
line-height:40px !important;
width:100%;
font-family:'Roboto',sans-serif;
font-weight:300;
text-transform:uppercase;
font-size:20px;
text-align:center;
letter-spacing:2px;
color:#ffff;
border-bottom:1px solid rgba(255,255,255,0.3);
margin:0 0 10px 0;
padding:0;
text-shadow:none;
}

div#address-bar-left {
    float: left;
    position: relative;
    height: 50px;
    line-height: 25px !important;
    width: 150px;
    border-right: 1px solid rgba(255,255,255,0.3);
    margin: 0 5px 0 0;
    padding: 0;
    color: #ffff;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-shadow: none;
}

div#address-bar-right {
    float: left;
    position: relative;
    height: 50px;
    width: 240px;
    margin: 0;
    color: #ffff;
    padding: 0;
    font-family: 'Roboto',sans-serif;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-shadow: none;
}

p#address-line-phone {
    clear: both;
    font-family: 'Roboto';
    background: url("../img/picto_phone.png") 7px 5px no-repeat;
    padding: 0 0 0 25px;
    margin: 0;
    height: 25px;
    line-height: 25px;
    color: #ffff;
    font-size: 16px;
    font-weight: 300;
    text-shadow: none;
}

p#address-line-mail {
    clear: both;
    font-family: 'Roboto';
    background: url("../img/picto_mail.png") 5px 5px no-repeat;
    padding: 0 0 0 25px;
    margin: 0;
    height: 25px;
    line-height: 25px;
    color: #ffff;
    font-size: 16px;
    font-weight: 300;
    text-shadow: none;
}

div#content-content{
position:relative;
width:900px;
border:0;
margin:60px 20px 100px 20px;
padding:0 30px;
height:auto;
}

div.content-left {
float:left;
width:480px;
height:100%;
margin:0;
padding:10px 50px 30px 0px;
border-right:1px solid rgba(109,79,77,0.2);
}

div.content-right {
float:left;
width:360px;
height:100%;
margin:0;
padding:10px 0px 30px 0;
}

.content-home-left {
	border:0 !important;
}
.content-home-right {
	border:0 !important;
	border-left:1px solid rgba(109,79,77,0.2) !important;
}

div.content-left-contact {
float:left;
width:580px;
height:100%;
margin:0;
padding:10px 50px 30px 0px;
border-right:1px solid rgba(109,79,77,0.2);
}

div.content-right-contact {
float:left;
width:260px;
height:100%;
margin:0;
padding:10px 0px 30px 0;
}

div.clear {
clear:both;
height:1px;
}

div#button-impressum {
position:absolute;
right:40px;
top:0;
color:#6d4f4d;
font-size:44px;
font-family:'ltzapf-one','champignon';
text-align:right;
height:60px;
line-height:60px;

transition: all .5s ease;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
}

div#button-impressum:hover {
text-shadow: 0 1px 20px rgba(0,0,0,0.5);
cursor:pointer;
}

p#footer-text {
margin:0;
padding:0;
font-size:35px;
font-family:'ltzapf-one','champignon';
text-align:center;
height:60px;
color:#6d4f4d;
line-height:60px;
}

div.banner-container {
border-bottom:1px solid rgba(109,79,77,0.2);
margin:0 0 30px 0;
}

div.aktion-banner {
width:600px;
margin:30px 0 60px 160px;
padding:10px;
background-color:#8f231a;
background-image:url("../img/bg.png");
background-position:0 0;
background-repeat:no-repeat;
color:#ffff;

box-shadow: 0 1px 20px rgba(0,0,0,.5); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.5); 
}

div.banner-title {
font-size:24px;
text-transform:uppercase;
letter-spacing:2px;
font-weight:200;
line-height:50px;
margin:0 10px 20px 10px;
padding:0;
text-align:center;
border-bottom:1px solid rgba(255,255,255,0.2);
}

div.banner-highlight {
font-size:25px;
text-transform:uppercase;
font-weight:400;
line-height:30px;
margin:0 10px;
padding:0;
text-align:center;
}

div.banner-content {
font-size:16px;
font-weight:200;
line-height:25px;
margin:10px 20px;
padding:0;
text-align:center;
}

div.banner-extra {
font-size:12px;
font-weight:200;
line-height:20px;
margin:20px 10px 0 10px;
padding:10px 0 0 0;
text-align:center;
color:rgba(255,255,255,0.8);
border-top:1px solid rgba(255,255,255,0.2);
}

div.partner-container {
width:400px;
margin:0 0 40px 230px;
padding:10px 20px;
cursor:pointer;
background-color: #ffff;
background-image: url("../img/bg.png");
background-position: 0 0;
background-repeat: no-repeat;

box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 

transition: all .3s ease;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
}

div.partner-container:hover {
background:rgba(167, 142, 139, 1);
color:#ffff;
background-color: #885752;
background-image: url("../img/bg.png");
background-position: 0 0;
background-repeat: no-repeat;
}

div.partner-headline {
font-size: 21px;
margin: 0;
padding: 10px 0;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
line-height: 30px;
}

div.partner-subtext {
font-size: 13px;
margin: 0;
padding: 0;
font-weight: 300;
line-height: 30px;
border-top:1px solid rgba(0,0,0,0.1);
}

div.iframe-container {
margin:40px 0 0 0;
width:100%;
border-top:1px solid rgba(109,79,77,0.2);
}

iframe#iframe-map {
margin:40px 0 0 150px;

box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

iframe#iframe-video {
margin:40px 0 0 0px;

box-shadow: 0 1px 20px rgba(0,0,0,.3); 
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.3); 
}

div.thin-line {
height:1px;
width:100%;
margin:40px 0 40px 0;
padding:0;
border-top:1px solid rgba(109,79,77,0.2);
}

div#contact-form-container {
  position:relative;
  width:500px;
  margin:0 0 0 0;
  padding:80px 0 80px 30px;
  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 50px 0;
}

div#default-input-textarea {
  margin-bottom:30px;
}

div.default-label-container {
  position:absolute;
  top:-30px;
  right:0px;
  z-index:10;
}

div.default-label {
  position:relative;
  background:rgba(109,79,77,1);
  color:#ffff;
  height:35px;
  font-weight:300;
  font-size:15px;
  text-transform:uppercase;
  line-height:35px;
  margin:0;
  padding:0 20px;
  
  box-shadow: 0 1px 10px rgba(0,0,0,.5); 
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5); 
  -o-box-shadow: 0 1px 10px rgba(0,0,0,.5);
}

#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:#ffff;
  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:#ffff;
  height:40px;
  line-height:40px;
  font-size:15px;
  font-weight:400;
  width:150px;
  border:0px solid #ffff;
  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); 
}

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); 
  -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:-10px;
  background:#885752;
}

div#button-send:hover {
  background:#8f231a;
}
div#load-bg {
  position:fixed;
  top:0;
  left:0;
  background:rgba(0, 0, 0, 0.6);
  opacity:0;
  display:none;
  z-index:1000;
  width:100%;
  height:100%;
  
  transition: all .5s ease;
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease; 
}

div#sent-text-container {
  position:relative;
  height:100%;
}

div#sent-text-inner-container {
  position:fixed;
  width:460px;
  height:200px;
  left:50%;
  top:50%;
  margin:-100px 0 0 -230px;
  padding:0;  
  
  box-shadow: 0 2px 60px rgba(0,0,0,1); 
  -webkit-box-shadow: 0 2px 60px rgba(0,0,0,1); 
  -o-box-shadow: 0 2px 60px rgba(0,0,0,1);
}

div#sent-text {
  position:relative;
  font-size:17px;
  color:#444;
  text-align:center;
  background:rgba(255, 255, 255, 0.9);
  padding:30px;
  width:400px;
  height:140px;
  line-height:20px;
  font-weight:300;
  
  transition: all .5s ease;
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease; 
}

div#ok-button {
  margin:40px 0 0 125px;
  padding:0;
  text-align:center;
  text-transform:uppercase;
  color:#ffff;
  height:40px;
  line-height:40px;
  font-size:15px;
  font-weight:400;
  width:150px;
  border:0px solid #ffff;
  cursor:pointer;  
  background:#885752;
  
  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); 
}


div#ok-button:hover {
  background:#8f231a;
  
  box-shadow: 0 2px 30px rgba(0,0,0,.6); 
  -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.6); 
  -o-box-shadow: 0 2px 30px rgba(0,0,0,.6);
}

div#index-text {
position:absolute;
visibility:hidden !important;
top:0;
left:0;
}

div.social-button {
position:absolute;
top:-20px;
width:40px;
height:60px;
background-position:center 25px;
background-repeat:no-repeat;
cursor:pointer;
z-index:10;
border-radius:5px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease;
  box-shadow: 0 1px 8px rgba(0,0,0,.4); 
  -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.4); 
  -o-box-shadow: 0 1px 8px rgba(0,0,0,.4);
}

div.social-button:hover {
top:-10px !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.6); 
  -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.6); 
  -o-box-shadow: 0 2px 20px rgba(0,0,0,.6);
}

#facebook-button {
background-image:url("../img/social-facebook.jpg");
background-color:#3c5a9a;
right:80px;
}

#googleplus-button {
background-image:url("../img/social-googleplus.jpg");
background-color:#dd4c39;
right:30px;
}

a.social-link {
}