html{
    background: url(../images/bg_img6.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
    background-position: right 0px;
}
body{
    margin:0; 
    width:100%; 
    font-family:'Open Sans light', 'Open sans', arial; 
    font-size:16px; 
    box-sizing:border-box;
    height:100%;
}

h1, h2, h3{margin:0;}

.page-wrapper{min-height:100%; position:relative;}

header{color:#fff;z-index:99; position:relative;}
header .wrapper{width:100%; height:140px; padding:0 1%;box-sizing:border-box; margin:-3px auto; opacity:1;background:#fff;}
header .header-content{text-align:center;color:#5F5E5D;width:880px; margin:0 auto;}
header .header-content h1{margin-top:-180px; margin-left:24%; color:#6d2c2c; font-family: 'Jockey One', sans-serif; font-size:48px;border:none;}
header .header-content .mobile-header{display:none;}
header .header-content .ball{margin:0 auto;}
header .header-content .social{float:right;margin-top:-115px;}
header .header-content .social a{margin-right:5px;}
header .header-content .social a:last-child{margin-right:0px;}
header .header-content .language{float: right;margin-top: -160px;margin-right:8px;}
header .header-content .language a{color:#000;}
header .header-content .header-ball{width:81%;}
header .header-content .header-ball a{text-decoration:none;}
header .header-content .contact-wrapper{float:left; width:20%; height:100px;}
header .header-content .contact-button{
    float:left;
    color:#5F5E5D;
    width:150px;
    height:40px;
    margin:50px 1%;
    background-color:#F2EEEA;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-bottom:3px solid #5F5E5D;
    cursor:pointer;
}
header .header-content .contact-button p{
    margin:9px auto 0 -15px;
    color:#000;
    width: 100%;
    text-align: center;    
}
header .header-content .contact-button .fa-envelope{float:left; margin-top:12px; margin-left: 12px;}
header .header-content .contact-button:hover{background-color:#edeae8}

.main-content{width:100%;}

.main-content .intro-wrapper{
width: 100%;
min-height:320px;
margin: 0px auto;
padding: 120px 0 1px 0;
line-height: 32px;
font-size: 18px;
background:rgba(0, 0, 0, .2);
color: white;
z-index: 5;
}
.main-content .intro{width:880px; margin:0 auto 80px;}

.main-content .line{height:0px; width:100%;}

.main-content .work-info{width:100%;margin:0px auto;; padding:0px 0 0 0; line-height:32px; font-size:18px;}
.main-content .work-info h2{text-align:center; margin-bottom:10px;}
.main-content .work-info .line{height:50px; width:100%;background:none;}
.main-content .work-info .competence{width:100%;background:#F2EEEA; padding:45px 0 100px 0;}
.main-content .work-info .description{padding:0px 5%; margin:0 auto 40px; width:880px;}
.main-content .work-info .description .experience{font-style:italic;}

.footer{
    height:55px;
    background:#1c1c1c;
    position:fixed;
    bottom:0px;
    width:100%;
    text-align:center;
}
.footer .main{
    margin: 0 auto;
    width: 50%;
    overflow: auto;
    text-align: center;
}
.footer .extra{

}
.footer .extra a{
    color:#D95C5C;
    text-decoration:none;
}
.footer .extra a:hover{
    color:#c64343;
}
.footer p{
    float: left;
color: #fff;
margin: 0 auto;
text-align: center;
margin-top: 20px;
width: 100%;
}

.popup-overlay{height:100%; width:100%; background:#191919; opacity:0.9;position:fixed; z-index:200; display:none;}

.form-wrapper{opacity:1; z-index:2000;position:absolute; width:100%; margin:20px auto;display:none;}

.contactForm{
width:40%;
margin:0 auto;
text-align:center;
background:#2a2a2a;
padding:2%;
-webkit-box-shadow: 0 1px 20px 1px #2a2a2a;
box-shadow: 0 0px 10px 0px #151515;
}
.contactForm .fa-times-circle-o{float:right; font-size:38px; color:#d0d0d0;margin-bottom:-18px;margin-right:-15px; z-index:1000;position:relative;cursor:pointer;}
.contactForm p{
color:#fff;
width:100%;
margin:20px auto;
}

.contactForm input{
background-color:#D95C5C;
border:none;
padding:3%;
margin-top:0px;
margin-bottom:5px;
color:white;
font-family:'Open sans';
}
.contactForm input:hover, .contactForm input:focus,.contactForm #formMessage:hover,.contactForm #formMessage:focus {
background-color:#b14a4a;
outline:none;
}
.contactForm input[type="text"]{
width:94%;
}
.contactForm input[type="submit"]{
width:100%;
cursor:pointer;
}
.contactForm input[type="submit"]:hover{
background-color:#b14a4a;
}
.contactForm #formMessage{ 
height:250px;
background-color:#D95C5C;
color:#fff;
border:none;
padding:3%;
width:94%;
resize:none;
font-family:'Open sans';
font-size:13px;	
margin-top:0px;
margin-bottom:0px;
}

#message-form-sv .error{color:white;}
#message-form-en .error{color:white;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff;
opacity:1;
}
			
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
color: #fff;  
opacity:1;
}
			
input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
color: #fff;
opacity:1;  
}
			
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
color: #fff;
opacity:1;  
}
@media all and (max-width:950px){
header .header-content{width:92%;}

.main-content .intro{width:90%;}
.main-content .work-info{width:100%;}
.main-content .work-info p{margin:0px;}
.main-content .work-info .description{width:90%;margin-bottom:20px}
.main-content .work-info .description .experience{font-style:italic;}

.contactForm{width:80%;}

.footer{
    height:160px;
    background:#1c1c1c;
    position:relative;
    bottom:0px;
    width:100%;
    text-align:center;
}

}
@media all and (max-width:650px){
header .wrapper{height:160px;}
header .header-content .header-ball{display:none;}
header .header-content .language{margin-top:-40px;}
header .header-content .social{margin-top:50px;}
header .header-content .mobile-header{font-family: "jockey one"; font-size:48px; color:#6d2c2c; display:block;}
header .header-content .contact-button{margin:20px 1%;}
.main-content .work-info h2{text-align:left;margin-left:5%;}
header .header-content .social{margin-top:20px;}

.main-content .intro-wrapper{padding:20px 0 1px 0;}
.main-content .intro{margin:0 auto 40px;}

.main-content .work-info p{font-size:16px;}

.main-content .work-info h2{font-size:24px;}

.main-content .work-info .first{margin-bottom:20px;}
}
@media all and (max-width:520px){
.form-wrapper{margin:0 auto;}
.contactForm{width:96%;}

header .header-content .mobile-header{text-align:left;}
header .header-content .language{margin-right:0px;}


}