@charset "utf-8";*{box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;}
body{margin:0;font-family:'Open Sans', sans-serif;font-size:19px;font-weight:300;float:left;width:100%;height:100%;color:#333;}
strong{font-weight:700;}
header, section, footer{float:left;width:100%;}
ul{margin:0;padding:0;list-style-type:square;}
.container{max-width:995px;margin:0 auto;}
.container-intro{max-width:900px;margin:0 auto;font-size:18px;font-weight:lighter;}
header{padding-top:35px;}
.logo {
    background: rgba(0, 0, 0, 0) url(images/lifeinteractive-logo.jpg) no-repeat scroll 0 0/100% auto;
    width: 115px;
    height: 32px;
    margin: 0 auto;
    display: block;
}
nav{float:right;position:relative;}
nav .hamburger{height:24px;width:30px;display:block;cursor:pointer;top:6px;}
nav .hamburger span{box-shadow:0 4px 0 0 #999, 0 7px 0 0 #fff, 0 11px 0 0 #999, 0 14px 0 0 #fff, 0 18px 0 0 #999;-webkit-box-shadow:0 4px 0 0 #999, 0 7px 0 0 #fff, 0 11px 0 0 #999, 0 14px 0 0 #fff, 0 18px 0 0 #999;float:right;height:24px;width:25px;cursor:pointer;top:-23px;z-index:1;}
nav > ul{float:right;margin-top:10px;position:absolute;right:calc(100% - 30px);text-align:right;width:195px;display:none;z-index:1;}
nav > ul > li{color:#333;cursor:pointer;font-size:16px;list-style:outside none none;padding:0;}
.banner h1{float:left;font-size:46px;font-weight:300;margin-bottom:-1px;width:100%;}
header div.details{float:left;width:100%;font-size:19px;}
.portfolio ul.items > li {
    list-style: none;
    float: left;
    width: 33.33%;
    padding: 5px 50px;
    line-height: 1;
    text-align: center;
    perspective: 900px;
}
h3 {
    font-weight: 800;
    font-size: 29px;
    text-align: center;
}
.info p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
.info p span {
    margin: -1px 0 -20px;
    display: block;
}
section.contact {
    background: #f8f7f7;
    padding: 43px 15px;
    text-align: center;
    margin-top: 59px;
}
section.contact .container {
    max-width: 740px;
    font-weight: 400;
}
section.contact .container a{
    color:#f9ae4d;
    font-weight: 900;
    text-decoration: none;
}
.works-holer {
    float: left;
    width: 100%;
}
.works {
    padding-top: 30px;
}
.works-holer .work-item {
    width: 31.33%;
    float: left;
    margin: 0 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.work-item a {
    color: #333;
    text-decoration: none;
}
.works h5 {
    margin-top: 76px;
    text-align: center;
    font-weight: 400;
}

@media(max-width:767px){
    body{
        float:left;
        width: 100%;
        padding: 0 15px;
    }
    .works {
    padding-top: 0px;
}
    .works-holer .work-item {
        width: 100%;
        margin: 0;
        margin-bottom:15px;
    }
    .logo{
        margin: 30px auto 0;
    }
}

.portfolio ul.items > li > img{width:auto;}
.portfolio ul.items > li div.details{background:rgba(128, 206, 22, 0.9) none repeat scroll 0 0;visibility:hidden;cursor:pointer;opacity:0;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;height:100%;position:absolute;width:100%;z-index:1;}
.portfolio ul.items > li:hover div.details{visibility:visible;opacity:1;}
.portfolio ul.items > li div.details div{color:#fff;font-size:16px;font-weight:bold;margin:73px auto 0;text-align:center;width:80%;}
.techlist{color:#555555;font-size:12px;}
.banner{margin:25px auto 40px;text-align:center;}
section.about{background:#f2f2f2 none repeat scroll 0 0;margin-top:100px;padding:90px 0;text-align:center;font-size:18px;line-height:30px;}
.about h2{font-size:45px;font-weight:300;line-height:1;margin:0;}
.about p{margin-bottom:0;}
section.about-what{background:#ffffff none repeat scroll 0 0;margin-top:50px;padding:0px 0;text-align:center;font-size:20px;line-height:30px;}
.about-what h2{font-size:45px;font-weight:300;line-height:1;margin:0;}
.button-2{padding:7px 15px;display:block;border:1px solid #fff;font-size:15px;text-decoration:none;color:#fff;}
.portfolio ul.items > li .button-2{display:inline-block;}
.portfolio ul.items > li .button-2{display:inline-block;margin-top:16px;}
ul.item-details > li .close-btn{background:#fff url("images/close-btn.png") repeat scroll 0 0;height:30px;position:absolute;right:10px;top:-5px;width:31px;cursor:pointer;}
.portfolio .container{display:table;max-width:904px;}
ul.item-details{background:#fff none repeat scroll 0 0;border:1px solid #bbb;margin:60px auto 0;min-height:400px;width:900px;z-index:1;}
ul.item-details > li{list-style:inside;list-style-type:square !important;padding:15px;}
ul.item-details > li figure{float:left;margin:0;width:31%;padding-left:2%;}
ul.item-details > li .cta-holder > a{color:#333;font-size:15px;text-decoration:none;}
ul.item-details > li .cta-holder{float:left;padding:11px 0;width:100%;}
ul.item-details > li figure img{max-width:100%;padding-top:7px;}
ul.item-details > li div.details{float:left;width:69%;}
ul.item-details > li div.details{float:left;padding:0 3%;width:65%;}
ul.item-details > li div.details div.info{color:#333333;font-size:14px;line-height:22px;}
ul.item-details > li div.details h2{color:#333;font-size:23px;font-weight:lighter;margin:0 0 10px;}
footer{font-size:16px;margin-bottom:60px;margin-top:100px;text-align:center;line-height:28px;}
footer h2{font-size:45px;font-weight:lighter;}
.popup-container{background:rgba(255, 255, 255, 0.92) none repeat scroll 0 0;height:100%;position:absolute;width:100%;z-index:100;}
span.life-projects-name{display:block;}
span.life-projects-style{display:block;margin-top:7px;}
.details span.techlist{margin-top:17px;display:block;}
p.we-do-ptojects-in img{width:100px;height:auto;}
img{width:100%;}
.portfolio ul.items > li a{display:block;width:100%;height:100%;}
a.impressum{text-decoration:none;color:#333;margin-left:-4px;}
p.we-do-ptojects-in.hd-disktop{display:none;}
body.impressum .container-intro{max-width:995px;}
body.impressum section.banner .details{text-align:left;font-size:13px;}
body.impressum section.banner h1{text-align:left;margin-bottom:50px;}
body.impressum section.banner{padding:0 15px;}
a.language{text-decoration:none;color:#333;}
p.hd-mob{width:90%;margin:0 auto;}
@media (min-width:768px){ul.item-details .display-table{display:table;width:100%;padding-top:10px;}
ul.item-details .vertical-center{display:table-cell;}
}
@media (max-width:1024px){.portfolio ul.items > li{width:50%;}
.container{padding:0 15px;}
body{font-size:17px;}
.banner h1{font-size:48px;}
.portfolio ul.items > li div.details div{margin:27% auto 0;}
ul.item-details > li div.details{padding:0 0 0 20px;width:59%;}
ul.item-details > li figure{padding-left:0;width:41%;}
section.about{padding:70px 0;}
header{padding-top:25px;}
footer{margin-top:25px;}
}
@media (max-width:767px){.portfolio ul.items > li{width:100%;}
body{font-size:14px;}
section.about{padding:30px 0;}
.about h2{font-size:35px;}
.banner h1{font-size:30px;line-height:1;margin-bottom:11px;}
.banner h1 strong{float:left;width:100%;text-align:center;}
ul.item-details{height:calc(100% - 13px);position:fixed;}
nav > ul > li{font-size:16px;line-height:1.3;}
.banner{margin:24px auto 50px;text-align:center;}
.portfolio ul.items > li div.details div{margin:26% auto 0;}
header{padding-top:19px;}
ul.item-details > li div.details{padding:0;width:100%;}
ul.item-details > li figure{padding-left:0;width:100%;}
ul.item-details > li figure img{max-width:none;width:100%;}
ul.item-details > li .close-btn{background:#fff url("images/close-btn.png") no-repeat scroll center center;height:50px;right:-15px;top:-15px;width:51px;}footer{font-size:15px;}
p.we-do-ptojects-in.hd-disktop{display:block;margin-top:35px;}
p.hd-mob{display:none;}
p.we-do-ptojects-in img{margin-bottom:20px;}
section.about{margin-top:0;}
}