@charset "utf-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}

audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

a:focus,
a:hover,
a:active {
outline: 0;
}

sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
margin: 0;
vertical-align: middle;
}

button,
input {
*overflow: visible;
line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

textarea {
overflow: auto;
vertical-align: top;
}

p {
margin: 0;
}

strong {
font-weight: 700;
}

cite {
font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
text-rendering: optimizelegibility;
font-size: 14px;
font-weight: 400;
}

dl,
ul,
ol,
dd,
li {
padding: 0;
margin: 0;
}

li,
dt,
dd {
list-style: none;
}

dt {
font-weight: bold;
}

address {
display: block;
font-style: normal;
}

form {
margin: 0;
}

fieldset {
padding: 0;
margin: 0;
border: 0;
}

legend {
display: block;
width: 100%;
padding: 0;
border: 0;
}

table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}

body {
margin: 0;
background: #fff;
font-size: 16px;
line-height: 1.5;
font-family: Roboto, "Helvetica Neue", sans-serif;
color: #5d5d5d;
}
a{
color: #7e7e7e;
text-decoration: none;
}
a:hover{
color: #1a1a1a;
}
h1{
font-size: 34px;
}
h2{
font-size: 28px;
}
h3{
font-size: 24px;
}
input[type="text"],
input[type="password"],
select,
textarea{
background-color: #fff;
border: 1px solid #e0e0e0;
color: #5d5d5d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 15px;
font-family: Roboto, "Helvetica Neue", sans-serif;
}
input[type="text"]:hover,
input[type="password"]:hover,
select:hover,
textarea:hover{
border-color: #ddd;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{
border-color: #ccc;
}

input[type="text"],
input[type="password"]{
height: 18px;
line-height: 18px;
padding: 9px;
}

select{}
textarea{
width: 350px;
height: 54px;
padding: 9px;
line-height: 18px;
}

/***********************
* public
***********************/
/**
* layout
**/
.footer,
.getdemo,
.main,
.struktur,
.bygglet,
.banner,
.header{
min-width: 980px;
}
.main{
padding: 50px 0 50px;
background-color: #f5f5f5;
}
.sidebar,
.content{
background: #fff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=120,strength=3);
-moz-box-shadow: 1px 1px 3px #ccc;
-webkit-box-shadow: 1px 1px 3px #ccc;
box-shadow: 1px 1px 3px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.sidebar{
float: left;
padding: 20px;
width: 270px;
}
.content{
float: right;
padding: 30px;
width: 580px;
}
.single-main .content{
padding: 30px 50px;
float: none;
width: auto;
}

.footer{
padding: 40px 0 60px;
background-color: #e5e5e5;
}

.inner{
margin: 0 auto;
width: 980px;
*zoom: 1;
}
.inner:before,
.inner:after {
display: table;
line-height: 0;
content: "";
}
.inner:after {
clear: both;
}

/* header */
.header{
padding: 25px 0;
height: 50px;
}
.logo{
float: left;
padding: 1px 0;
}
.nav{
float: right;
}
.nav li{
float: left;
padding-left: 25px;
line-height: 50px;
}
.nav li a{
font-size: 18px;
color: #5d5d5d;
}
.nav .current a,
.nav li a:hover{
color: #575756;
}

/* footer */
.footer .inner{
position: relative;
}
.footer-contact,
.footer-links{
float: left;
}
.footer-title{
margin-bottom: 20px;
}
.footer-item{
float: left;
padding-right: 50px;
font-size: 12px;
line-height: 18px;
}
.footer-item dt{
font-weight: 400;
}
.footer-contact{
width: 240px;
font-size: 12px;
line-height: 18px;
}
.footer-contact-list{
padding: 0 0 15px;
}
.footer-form h4{
font-size: 12px;
font-weight: 400;
margin-bottom: 15px;
}
.footer-form .input{
width: 220px;
}

.footer-logo{
position: absolute;
right: 0;
top: 5px;
}

/**
* icon
**/
.icon{
display: inline-block;
width: 34px;
height: 34px;
background-image: url(/images/icon-packs.png);
background-repeat: no-repeat;
overflow: hidden;
}
.icon-true{}
/**
* button
* default color 1
* default size 1
**/
.btn{
display: inline-block;
padding: 0 20px;
height: 36px;
background-color: #0f83b1;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 36px;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn:hover{
background-color: #0d6c92;
color: #fff;
text-decoration: none;
}
/* buttons size */
.btn-s1{}
.btn-s2{
padding: 14px 35px;
font-size: 18px;
}
.btn-s3{
padding: 14px 25px;
font-size: 14px;
}

/* buttons size */
.btn-c1{}
.btn-c2{
background-color: rgba(42, 183, 89, 1);
}
.btn-c2:hover{
background-color: rgba(42, 183, 89, 0.9);
}
.btn-c3:hover{
background-color: #333;
}
.btn-c4{
color: #3e97ba;
background-color: #c8e1eb;
}
.btn-c4:hover{
color: #fff;
background-color: #575756;
}
.btn-c5{
background-color: #6cb3cf;
}
.btn-c5:hover{
background-color: #575756;
}
.btn-c6{
background-color: #91cbe2;
}
.btn-c6:hover{
background-color: #575756;
}


/**
* form
**/
.required{
color: #f00;
}
span.form-tips{
margin-left: 10px;
color: #aaa;
}
div.form-tips{
padding-top: 20px;
}
div.form-tips h3{
color: #575756;
margin-bottom: 6px;
}

.controls,
.form-inline,
.group-control{
*zoom: 1;
}
.controls:after,
.controls:before,
.form-inline:after,
.form-inline:before,
.group-control:before,
.group-control:after{
display: table;
line-height: 0;
content: "";
}
.controls:after,
.form-inline:after,
.group-control:after{
clear: both;
}
.control-label .required{
margin-left: 3px;
}
/* check item */
.check{
display: inline-block;
padding: 9px 20px;
height: 20px;
line-height: 20px;
white-space: nowrap;
}
.check input{
float: left;
margin-left: -20px;
margin-left: -22px\0;
*margin-left: -22px;
margin-top: 4px;
*margin-top: 0;
margin-top: 0\0;
}

/* form inline */
.form-inline .group-button,
.form-inline .group-control{
float: left;
margin-right: 10px;
}
/* form notitle */
.form-notitle .group-control{
margin-bottom: 6px;
}
.form-notitle .group-button{
padding-top: 12px;
}

/* form default */
.form-default{}
.form-default .group-control{}
.form-default .control-label{
display: block;
padding: 8px 0;
}

/* form small */
.form-small{}
.form-small input[type="text"],
.form-small input[type="password"]{
padding: 6px 9px;
font-size: 13px;
}
.form-small select{
font-size: 13px;
}
.form-small textarea{
font-size: 13px;
}

/* form large */
.form-large{}
.form-large .control-label{
font-size: 22px;
padding: 11px 0;
}
.form-large input[type="text"],
.form-large input[type="password"],
.form-large select,
.form-large textarea{
background-color: #f9f9f9;
font-size: 18px;
}
.form-large input[type="text"]:hover,
.form-large input[type="password"]:hover,
.form-large select:hover,
.form-large textarea:hover{
background-color: #fbfbfb;
}
.form-large input[type="text"]:focus,
.form-large input[type="password"]:focus,
.form-large select:focus,
.form-large textarea:focus{
background-color: #fff;
}

.form-large input[type="text"],
.form-large input[type="password"]{
padding: 17px 9px;
height: 22px;
line-height: 22px;
}
.form-large textarea{
padding: 9px;
line-height: 25px;
}






iframe {
border: none;
}

/***********************
* public
***********************/
.login-top{
padding: 30px 0 13px 180px;
border-bottom: 1px solid #e3e3e3;
}
.login-top .forget-pw{
font-size: 12px;
line-height: 24px;
}
.forget-pw.left-text{
text-align: left !important;
}

.forget-pw.right-text{
text-align: right !important;
}
.login-top .group-button{
margin-right: 20px;
}
.login-top .btn-s1{
padding-top: 1px;
padding-bottom: 1px;
}
.login-top .check{
font-size: 12px;
}

/**
* menu
**/
.menu{}
.menu .menu-title{
padding-bottom: 10px;
height: 54px;
line-height: 54px;
color: #575756;
font-weight: 700;
}
.menu .item{
padding: 8px 9px;
border-top: 1px solid #eaeaea;
font-size: 18px;
line-height: 24px;
}
.menu .item a:hover,
.menu .current a{
color: #575756;
}
/***********************
* blocks
***********************/
/**
* banner
**/
.banner{
height: 588px;
background: #333 url(/common/pics/banner.jpg) no-repeat center 0;
color: #fff;
text-align: center;
}
.banner .inner{
padding: 90px 0;
}
.banner-text h2{
margin-bottom: 20px;
font-size: 45px;
font-family: Roboto, "Helvetica Neue", sans-serif;
text-shadow: 0px 1px 4px #999;
font-weight: 700;
line-height: 50px;
}
.banner-text p{
font-size: 24px;
line-height: 38px;
}

.banner-button{
margin: 60px auto 0;
width: 568px;
}
.banner-button .item{
width: 270px !important;
float: left;
padding: 0 7px;
}
.banner-button p{
font-size: 14px;
}
.banner-button .btn{
display: block;
margin-top: 14px;
}
/**
* why bygglet
**/
.bygglet{
padding: 70px 0 45px;
background-color: #6cb3cf;
}
.bygglet-info{
/*padding-right: 640px;*/
min-height: 329px;
/*background: url(/images/bygglet-image.png) no-repeat right 0;*/
color: #fff;
}
.bygglet-info-title{
font-size: 34px;
font-weight: 400;
}
.bygglet-info-text{
padding: 10px 0 20px;
}
/**
* struktur
**/
.struktur{
padding: 50px 0 50px;
}
.struktur-info{
padding-left: 520px;
text-align: right;
background: url(/common/pics/struktur-image.png) no-repeat 0 37px;
}
.struktur-info-title{
font-size: 34px;
font-weight: 400;
color: #575756;
}
.struktur-info-text{
padding: 10px 0 20px 60px;
}
/**
* evaluate
**/
.evaluate{
}
.evaluate-title{
font-size: 34px;
font-weight: 400;
color: #575756;
}

/**
* get demo
**/
.getdemo{
padding: 50px 0;
background-color: #333;
font-size: 26px;
color: #fff;
text-align: center;
}
.getdemo .btn{
margin-left: 30px;
}

/**
* text banner
**/
.text-banner{
padding: 30px 0;
background-color: #6cb3cf;
color: #fff;
line-height: 44px;
font-size: 34px;
}
.banner-map-bg{
/*padding: 55px 0;*/
background: #6cb3cf url(/images/banner-map-bg.jpg) no-repeat center 0;
}

/*********************************
* pages
*********************************/
/**
* public
**/
.image-wrap{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
}
.entry-text{}
.entry-text h1,
.entry-text h2,
.entry-text h3{
color: #575756;
padding: 10px 0;
}
.entry-text a,
.entry-text span{
color: #6cb3cf;
}
.entry-text a:hover{
color: #575756;
}
.entry-text p{
text-align: justify;
}
.entry-img{
float: right;
margin-left: 35px;
}

.entry-dl{
padding: 20px 0;
}
.entry-dl dt{
padding-bottom: 10px;
font-size: 24px;
color: #575756;
font-weight: 400;
}
.entry-dl dd{
padding: 2px 0 2px 18px;
background: url(/images/list-icon-1.png) no-repeat 0 11px;
}
/* graphic list */
.graphic-list .list-item{
padding: 35px 0 35px 200px;
min-height: 140px;
border-bottom: 1px solid #eaeaea;
}
.graphic-list .list-item:last-child{
border: none;
}
.graphic-list .list-img{
float: left;
margin: 10px 0 0 -200px;
width: 160px;
}
.graphic-list .list-img a{
display: block;
position: relative;
width: 140px;
height: 140px;
overflow: hidden;
}
.graphic-list .round{
display: block;
position: absolute;
left: 0;
top: 0;
width: 140px;
height: 140px;
background: url(/common/pics/graphic-round.png) no-repeat;
overflow: hidden;
}
.graphic-list .list-title{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
line-height: 34px;
color: #575756;
}

.graphic-list .list-customer {
margin-top: 40px;
font-size: 12px;
font-weight: normal !important;
display: none;
}
.graphic-list .list-text {
margin-bottom: 15px;
font-size: 14px;
font-weight: bold;
font-style: italic;
}

.graphic-list .list-text .list-more-text{
margin-bottom: 15px;
font-size: 14px;
font-weight: normal;
font-style: normal;
}

.graphic-list .list-text .list-more-text p{
margin-bottom: 15px;
}

.graphic-list .list-text .list-more-text-question {
margin-top: 20px;
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
font-style: normal;
}

blockquote {
font-family: Roboto, "Helvetica Neue", sans-serif;

font-size: 16px;
font-style: italic;
margin: 35px 0;
padding: 0.25em 0 0.25em 30px;
line-height: 1.45;
position: relative;
color: #f8952d;
}
blockquote:before {
font-family: Georgia, serif;
display: block;
content: "\201C";
font-size: 70px;
position: absolute;
left: -5px;
top: -35px;
color: #f8952d;
}

.read-more-button{
width: 100px;
font-size: 14px;
font-weight: bold;
border: 1px solid rgba(0,0,0,0.2);
text-align: center;
border-radius: 3px;
margin-top: 20px;
font-style: normal;
padding: 5px 0;
cursor: pointer;
}

.graphic-list .list-author{
color: #575756;
}

/**
* work
**/
.main-work .entry-text{
padding: 35px 0 20px;
}
/**
* price
**/
.main-price .content{
padding-bottom: 60px;
}

.price-list{
padding: 25px 0 20px;
margin: 0 -50px;
}

.price-version{
margin: 0 50px;
color: #fff;
text-align: center;
}
.price-version p{
font-size: 26px;
line-height: 60px;
}
.ver-mini{
float: left;
width: 240px;
background: #2AB759;
padding: 20px;
margin: 40px auto 0 auto;
}
.ver-bas{
float: left;
width: 240px;
background: #FF7816;
margin: 0 20px;
padding: 30px 20px 30px 20px;
margin-top: 20px;
}
.ver-total{
float: left;
width: 240px;
background: #002C48;
padding: 40px 20px 40px 20px;
}

.bygglet-partner {
background: #E5F1F9;
display: flex;
color: #002C48;
padding: 30px;
display: flex;
align-items: center;
}
.bygglet-partner-label {
white-space: nowrap;
padding-right: 40px;
}
.bygglet-partner-info {
padding-left: 20px;
/*border-left: 1px solid rgba(0, 0, 0, 0.2);*/
border-left: 1px solid #b7cddc;
}


.price-star{
margin: 10px 0 30px 0;
font-size: 14px;
font-style: italic;
}

.price-notice{
margin-top: 25px;
padding-right: 180px;
font-size: 13px;
line-height: 21px;
}
.price-notice .notice-author{
float: right;
margin-right: -180px;
}

.price-options{
padding-top: 20px;
}
.price-options table {
width: 60%;
}
.price-options h3{
color: #575756;
line-height: 54px;
}

.explanation ul{
margin-right: -35px;
}
.explanation li{
float: left;
padding: 20px 32px 32px 0;
width: 420px;
height: 100px;
overflow: hidden;
}
.explanation li h3{
color: #575756;
line-height: 54px;
}

/**
* demo(form)
**/
.demo-form{
padding: 40px 0;
margin-right: -50px;
}
.demo-form .demo-block{
float: left;
margin-right: 40px;
width: 420px;
}
.demo-form .input{
width: 400px;
}
.demo-form textarea{
width: 400px;
height: 125px;
}

/**
* om oss
**/
.main-om-oss .entry-img{
width: 336px;
height: 396px;
}
.main-om-oss .entry-text p{
margin-bottom: 24px;
}

/**
* kontakt
**/
.kontakt-list{
margin-right: -50px;
padding: 40px 0 60px;
}
.kontakt-list dl{
float: left;
margin-right: 50px;
}
.kontakt-list dt{
padding-bottom: 20px;
font-size: 24px;
color: #575756;
white-space: nowrap;
}
.kontakt-list dd span{
color: #575756;
}



#lc_chat_layout #lc_chat_header {
color: #FFFFFF;
background-color: rgba(42, 183, 89, 1) !important;
}