@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');



/* LAYOUT */
header {display:block}
.logo {padding:10px 0 0 0; max-width:300px}
.layout-border {border:1px solid #e8e8e8}

.row-pad-1 {padding-top:20px}
.row-pad-2 {padding-top:50px}
.row-pad-3 {padding-top:40px}
.row-pad-4 {padding-top:80px}
.row-pad-bottom-1 {padding-bottom:60px}
.row-pad-bottom-2 {padding-bottom:20px}

.col-pad-1 {padding-left:30px; padding-right:30px}


.gallery-pad {padding-top:40px}

@media only screen and (max-width: 800px) {
.gallery-pad {padding-top:60px}
}



/* TOPMENU */
.topmenu-mobile {display:none}
.topmenu {margin:36px 0 0 0; background:#e55137; border-radius:20px}

ul#Navigation {margin:0 0 0 0; padding: 10px 0}
ul#Navigation li {list-style: none; display: inline; padding: 0 20px 0 20px}
ul#Navigation a, ul#Navigation span {font-family: 'Open Sans', sans-serif; letter-spacing:-1px; text-transform:none; color:#fff; font-size:18px; text-decoration:none;}
ul#Navigation a:hover, ul#Navigation span {text-decoration:none; color:#ffd8c0}


@media only screen and (max-width: 1100px) {
    .topmenu {padding:30px 0 0 0} 
    ul#Navigation li {padding: 0 18px 0 18px}
    ul#Navigation a, ul#Navigation span {line-height:35px; font-size:16px}
}


@media only screen and (max-width: 800px) {
    ul#Navigation li {list-style: none; display: block; border-bottom:1px solid #e2e2e2; padding:4px 0}
    .topmenu {padding:0 0 0 0} 
    ul#Navigation a, ul#Navigation span {font-size:18px}
}



/* DETAILS */
.headline {font-family: 'Open Sans', sans-serif;  font-size:30px; font-weight:600; letter-spacing:-1px; line-height:50px; padding:20px 0 0 0; min-height:100px; color:#333333}
.descripton-short {font-family: 'Open Sans', sans-serif;  font-size:16px; font-weight:400; line-height:24px; padding:20px 0 0 0; min-height:158px; color:#787878}

@media only screen and (max-width: 800px) {
.descripton-short {min-height:100px; padding-bottom:60px}
}

.box-details {background:#1c1c1c; border-radius:20px; padding:20px 30px; font-family: 'Open Sans', sans-serif;}
.box-details-price-box {font-size:50px; color:#fff; font-weight:bold; background:#e55137; border-radius:20px; padding:10px 20px; text-align:center}
.box-details-price {font-size:50px; color:#fff; font-weight:bold}
.box-details-price-vat {font-size:12px; color:#ff995c}
.box-details-ftn {color:#9d9d9d; font-size:14px}
.box-details-icon {color:#6f6f6f}

ul#facts {margin:10px 0 0 0;}
ul#facts li {list-style: none; display: block; border-bottom:1px solid #2b2b2b; color:#6f6f6f; line-height:30px; font-size:13px}
ul#facts a, ul#facts span {text-decoration:none; color:#6f6f6f;}
ul#facts a:hover, ul#Navigation span {text-decoration:none; color:#e55137}



/* ICONS */
.icon-pad {float:left; padding:20px 20px 0 0}
.icon-img {border-radius:10px; width:140px}



/* SERVICEBOX */
.servicebox {background:#0000ff; border-radius:20px;padding:20px}
.servicebox-block-1 {font-family: 'Open Sans', sans-serif;  font-size:18px; color:#fff; letter-spacing:-1px; font-weight:400; padding:20px 0; line-height:34px}
.servicebox-block-2 {font-family: 'Open Sans', sans-serif;  font-size:22px; color:#fff; letter-spacing:-1px; font-weight:600; padding:20px 00; line-height:38px}
.servicebox-headline {font-family: 'Open Sans', sans-serif;  font-size:38px; font-weight:bold; letter-spacing:-1px; color:#fff}
.servicebox-btn {font-family: 'Open Sans', sans-serif; display:inline-block; padding-left:10px}
.servicebox-btn a {font-size:20px; background:#e55137; color:#fff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:20px}
.servicebox-btn a:hover {background:#090909; color:#fff}
.servicebox-icon {color:#090909; font-size:20px}


.headline-ftn {font-size:40px; font-weight:600; letter-spacing:-1px; text-align:center; padding:20px}
.servicebox-2-btn {font-family: 'Open Sans', sans-serif; margin:20px 0}
.servicebox-2-btn a {font-size:20px; background:#e55137; color:#fff; text-decoration:none; padding:10px 20px 10px 20px; border-radius:20px}
.servicebox-2-btn a:hover {background:#090909; color:#fff}


/* LITTLE HELPER */
.lefter {float:left}
.righter {float:right}
.centerer {text-align:center}
.clearfix {clear:both}

.img-responsive {max-width: 100%; height: auto}
.img-border {border-radius:20px}
.img {max-width: 100%}

.line-style {background: #e8e8e8; border:0; height:1px}




/* CROSS SELLING */
.cs-article-headline {font-family: 'Open Sans', sans-serif; color:#333; font-size:28px; text-align:center}
.cs-article-img {max-height:280px}
.cs-article-name {font-family: 'Open Sans', sans-serif; color:#333; font-size:16px; font-weight:600;}
.cs-article-price {font-family: 'Open Sans', sans-serif; color:#333; font-size:24px; font-weight:400;}



/* FOOTER */
.footer-head {font-family: 'Open Sans', sans-serif; color:#333; font-size:18px; text-transform:uppercase; font-weight:700; padding:0 0 20px 0}
.footer-text {font-family: 'Open Sans', sans-serif; font-size:14px; color:#333; font-weight:400;padding:10px 0 0 0; line-height:28px}
.footer-copy {font-family: 'Open Sans', sans-serif; font-size:14px; color:#333; font-weight:400; text-align:center; padding:10px 0 0 0; line-height:28px}
.footer-copy a {color:#b3b3b3; text-decoration:none}
.footer-copy a:hover {color:#333; text-decoration:none}

a.footlink:link {font-family: 'Open Sans', sans-serif; color:#333; font-size:14px; font-weight:400; text-decoration: none; line-height:28px}
a.footlink:visited {color:#333; text-decoration: none;}
a.footlink:hover {color:#0000ff; text-decoration: none;}
a.footlink:active {color:#333; text-decoration: none;}

.footer-icon-pad {float:left; padding:0 10px 0 0}
.footer-icon-img {border-radius:10px; width:80px}

.sub-logo {padding:10px 0; max-width:400px}


@media only screen and (max-width: 500px) {
.sub-logo {padding:10px 0; max-width:280px} 
}