body {
    margin:0px;
    padding:0px;
    font-family: 'roboto';
    font-size:0.9em;
    color:#58585a;
}
a {
    color:#58585a;
}

form .btn input {
    text-decoration:underline;
    background-color:#f2f2f2;
    border:none;
    font-size:1em;
    line-height:1.6em;
    cursor:pointer;
    padding:2px 8px 2px 8px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
form .error {
    padding:10px 0px 10px 0px;
}
form .txt {
    padding:0px 0px 20px 0px;
}
form .txt input  {
    font-family: 'roboto';
    font-size:1em;
    outline:none;
    border:1px solid #d4d4d4;
    padding:10px;
    color:#58585a;
    width:820px;
}
textarea {
    font-family: 'roboto';
    font-size:1em;
    outline:none;
    resize:none;
    border:1px solid #d4d4d4;
    padding:10px;
    color:#58585a;
    width:820px;
}

.data {
    display:none;
}

.background {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:175px;
    background-color:#e1e1e1;
}
.background .lnv {
    position:absolute;
    background-image:url('/site/templates/images/header/LNV.png');
    width:204px;
    height:63px;
    bottom:0px;
    right:0px;
    z-index:10;
    display:none;
}

.mobilemenu {
    position:absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    z-index:10;
    display:none;
    
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.25);
}
.mobilemenu .item {
    display:block;
    position:relative;
    float:left;
    width:calc(100% - 40px);
    padding:20px 20px 20px 20px;
    display:block;
    
    text-transform:uppercase;
    text-align:center;
    border-top:1px solid #e1e1e1;
}
.mobilemenu .mobilemenu-mooi {
    width:100%;
    height:200px;
    background-image:url('/site/templates/images/header/MOOI.png');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    margin:20px 0px 20px 0px;
}
.mobilemenu-openicon,
.mobilemenu .mobilemenu-closicon {
    position:absolute;
    right:20px;
    top:20px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:2em;
    background-color:#c4c4c4;
    color:#fff;
    cursor:pointer;
}
.mobilemenu-openicon {
    z-index:5;
    display:none;
}
.mobilemenu .mobilemenu-closicon {
    z-index:11;
}

.topbar {
    margin:0 auto;
    max-width:1448px;
    height:212px;
}
.topbar .images {
    position:relative;
    width:100%;
    height:100%;
}
.topbar .images .mooi {
    position:absolute;
    background-image:url('/site/templates/images/header/MOOI.png');
    width:183px;
    height:212px;
    margin-left:205px;
}
.topbar .images .mainmenu {
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:20px;
    left:560px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:1.2em;
}
.topbar .mainmenu .items {
    width:680px;
    display:flex;
    justify-content:space-between;
}
.topbar .mainmenu .items .item {
    cursor:pointer;
    z-index:2;
}
.topbar .mainmenu .items .item a {
    text-decoration:none;
}
.topbar .mainmenu .border-bottom {
    position:absolute;
    width:100%;
    top:23px;
    border-bottom:1px solid #000; 
}
.topbar .mainmenu .submenu {
    position:absolute;
    display:none;
}
.submenu-item {
    position:relative;
    float:left;
    clear:both;
    text-indent:20px;
}

.header {
    margin:0 auto;
    width:1448px;
    height:660px;
}
.header .images {
    position:relative;
    width:100%;
    height:100%;
}
.header .images .image {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    opacity:1;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.header .images .lnv {
    position:absolute;
    background-image:url('/site/templates/images/header/LNV.png');
    width:204px;
    height:63px;
    bottom:0px;
    right:0px;
    z-index:10;
}

.body {
    position:relative;
    float:left;
    width:100%;
}
.body .pagetitle {
    background-color:#000;
    color:#fff;
    min-height:175px;
}
.body .pagetitle .titles {
    padding:0px 20px 0px 20px;
    text-align:center;
    font-weight:bold;
}
.body .pagetitle .titles .title-large {
    display:block;
    font-size:1.6em;
    text-decoration:underline;
    text-transform:uppercase;
    letter-spacing:12px;
}
.body .pagetitle .titles .title-small {
    display:block;
    font-size:1.2em;
    text-decoration:underline;
    text-transform:lowercase;
    letter-spacing:10px;
}
.body .inner {
    margin:0px auto;
    max-width:1000px;
    padding:80px 20px 0px 20px;
}
.body .inner .price {
    position:relative;
    float:right;
    font-weight:bold;
}
.body .inner .left {
    position:relative;
    float:left;
    width:calc(50% - 15px);
    margin:0px 0px 80px 0px;
}
.body .inner .right {
    position:relative;
    float:right;
    width:calc(50% - 15px);
    margin:0px 0px 80px 0px;
}
.body .inner .right .image {
    width:100%;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    padding-bottom:20px;
}
.body .inner .left-contact {
    position:relative;
    float:left;
    width:840px;
    margin:0px 0px 80px 0px;
}
.body .inner .right-contact {
    position:relative;
    float:right;
    width:calc(100% - 860px);
    margin:0px 0px 80px 0px;
}

.children {
    position:relative;
    float:left;
    background-color:#f2f2f2;
    width:100%;
    padding:80px 0px 80px 0px;
}
.children .inner {
    max-width:1000px;
    margin:0 auto;
    overflow:auto;
    display:flex;
    flex-flow:row wrap;
}
.children .child {
    position:relative;
    float:left;
    flex-grow:2;
    width:calc(50% - 40px);
    padding:0px 20px 0px 20px;
    text-align:justify;
}
.children .child .title {
    text-transform:uppercase;
    text-decoration:underline;
    letter-spacing:2px;
    font-size:1.4em;
}
.children .child .price {
    position:relative;
    float:right;
    font-weight:bold;
}
.children .inner .txt_price_info {
    margin:20px 20px 0px 20px;
}

.portfolio {
    position:relative;
    float:left;
    width:calc(100% - 40px);
    padding:80px 20px 80px 20px;
}
.portfolio .inner {
    max-width:1040px;
    margin:0 auto;
    overflow:auto;
}
.portfolio .inner .item {
    background-color:red;
    position:relative;
    width:100%;
    clear:both;
    padding:0px 0px 0px 0px;
}
.portfolio .inner .item .column-left {
    position:relative;
    float:left;
    width:695px;
    height:400px;
}
.portfolio .inner .item .column-left .image-large {
    position:absolute;
    width:100%;
    height:100%;
    
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.portfolio .inner .item .column-right .title {
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:1.2em;
    margin:0px 0px 20px 0px;
}
.portfolio .inner .item .column-right {
    position:relative;
    float:right;
    width:345px;
}
.portfolio .inner .item .column-right .inner {
    position:relative;
    float:right;
    width:310px;
}
.portfolio .inner .item .column-right .inner .images {
    position:relative;
    float:left;
    width:100%;
    min-height:100px;
    
    display:flex;
    justify-content:space-between;
    flex-flow:row wrap;
}
.portfolio .inner .item .column-right .images .image {
    position:relative;
    width:135px;
    height:100px;
    margin:0px 0px 18px 0px;
    background-color:#f2f2f2;
    
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    
    cursor:pointer;
}
.portfolio .inner .divider {
    position:relative;
    float:left;
    width:100%;
    margin:40px 0px 40px 0px;
    height:1px;
    background-color:#f2f2f2;
}

.footer {
    position:relative;
    float:left;
    width:100%;
}
.footer .inner {
    margin:0 auto;
    max-width:1000px;
    padding:0px 0px 0px 0px;
}
.footer .inner .column {
    position:relative;
    float:left;
    width:calc(33% - 40px);
    margin:0px 20px 0px 20px;
}
.footer .inner .column .social_icon {
    position:relative;
    float:left;
    display:block;
    background-color:#cccccc;
    width:50px;
    height:50px;
    margin:0px 25px 25px 0px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}
.footer .inner .column .social_linkedin {
    background-image:url('/site/templates/images/social/icon-linkedin.png');
}
.footer .inner .column .social_facebook {
    background-image:url('/site/templates/images/social/icon-facebook.png');
}
.footer .inner .column .title {
    text-decoration:underline;
    text-transform:uppercase;
    font-size:1.2em;
}
.footer .inner .column .summary {
    line-height:30px;
    text-transform:uppercase;    
    margin:0px;
    padding:0px;
}
.footer .inner .column .summary ul {
    margin:0px 0px 0px 20px;
    padding:0px;
}
.footer .inner .column .summary a {
    font-weight:bold;
}
.footer .inner .column ul {
    list-style-type:none;
}
.footer .inner .column ul li {
    margin:0px;
    padding:0px;
}
.footer-light {
    background-color:#c4c4c4;
}
.footer-light .inner .column {
    padding:80px 0px 80px 0px;
}
.footer-dark {
    background-color:#000000;
    color:#ffffff;
}
.footer-dark a {
    color:#ffffff;
}

.hidden {
    display:none;
}

@media (max-width:1260px) {
    .topbar .images .mainmenu {
        display:none;
    }
    .mobilemenu-openicon {
        display:block;
    }
    .topbar .images .mooi {
        margin-left:20px;
    }
}
@media (max-width:1100px) {
    .portfolio .inner .item .column-left {
        position:relative;
        float:left;
        width:100%;
    }
    .portfolio .inner .item .column-right {
        position:relative;
        float:left;
        width:100%;
    }
    .portfolio .inner .item .column-right .inner {
        position:relative;
        float:left;
        width:100%;
    }
    .portfolio .inner .item .column-right .inner .title {
        margin:10px 0px 5px 0px;
        text-align:center;
    }
    .portfolio .inner .item .column-right .inner .images {
        justify-content:center;
    }
    .portfolio .inner .item .column-right .inner .images .image {
        margin:5px;
        flex-grow:2;
        max-width:50%;
    }
    .body .inner .left-contact {
        position:relative;
        float:left;
        width:calc(100% - 20px);
    }
    .body .inner .right-contact {
        display:none;
    }
    textarea,
    form .txt input {
        width:100%;
    }
}
@media (max-width:910px) {
    .header .images .lnv {
        display:none;
    }
    .background .lnv {
        display:block;
    }
}
@media (max-width:750px) {
    .children .child {
        width:calc(100% - 40px);
        padding-bottom:40px;
    }
}
@media (max-width:550px) {
    .body .inner .left {
        width:100%;
        margin:0px 0px 40px 0px;
        padding:0px 0px 0px 0px;
    }
    .body .inner .right {
        width:100%;
        margin:0px 0px 80px 0px;
        padding:0px 0px 0px 0px;
    }
    .footer .inner .column {
        width:calc(100% - 40px);
        margin:0px 20px 0px 20px;
    }
    .footer-light .inner .column {
        padding:20px 0px 20px 0px;
    }
}