html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

body {
    line-height: 1;
}

p, span, em, cite {
    letter-spacing: 0.03em;
}

.home .contacts .locations article span {
    letter-spacing: normal;
}
 .header .news{
    display: none;
}


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

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*Font*/
@font-face {
    font-family: 'caslon';
    src: url("font/ACaslonPro-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptblissboldbold';
    src: url("font/ptblbb__-webfont.eot");
    src: url("font/ptblbb__-webfont.eot?#iefix") format("embedded-opentype"), url("font/ptblbb__-webfont.woff2") format("woff2"), url("font/ptblbb__-webfont.woff") format("woff"), url("font/ptblbb__-webfont.ttf") format("truetype"), url("font/ptblbb__-webfont.svg#ptblissboldbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptblissextraboldbold';
    src: url("font/ptblebb_-webfont.eot");
    src: url("font/ptblebb_-webfont.eot?#iefix") format("embedded-opentype"), url("font/ptblebb_-webfont.woff2") format("woff2"), url("font/ptblebb_-webfont.woff") format("woff"), url("font/ptblebb_-webfont.ttf") format("truetype"), url("font/ptblebb_-webfont.svg#ptblissextraboldbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptblissheavybold';
    src: url("font/ptblhb__-webfont.eot");
    src: url("font/ptblhb__-webfont.eot?#iefix") format("embedded-opentype"), url("font/ptblhb__-webfont.woff2") format("woff2"), url("font/ptblhb__-webfont.woff") format("woff"), url("font/ptblhb__-webfont.ttf") format("truetype"), url("font/ptblhb__-webfont.svg#ptblissheavybold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptblisslightregular';
    src: url("font/ptbllrg_-webfont.eot");
    src: url("font/ptbllrg_-webfont.eot?#iefix") format("embedded-opentype"), url("font/ptbllrg_-webfont.woff2") format("woff2"), url("font/ptbllrg_-webfont.woff") format("woff"), url("font/ptbllrg_-webfont.ttf") format("truetype"), url("font/ptbllrg_-webfont.svg#ptblisslightregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptblissmediumregular';
    src: url("font/ptblmrg_-webfont.eot");
    src: url("font/ptblmrg_-webfont.eot?#iefix") format("embedded-opentype"), url("font/ptblmrg_-webfont.woff2") format("woff2"), url("font/ptblmrg_-webfont.woff") format("woff"), url("font/ptblmrg_-webfont.ttf") format("truetype"), url("font/ptblmrg_-webfont.svg#ptblissmediumregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptblissregularregular';
    src: url("font/ptblrrg_-webfont.eot");
    src: url("font/ptblrrg_-webfont.eot?#iefix") format("embedded-opentype"), url("font/ptblrrg_-webfont.woff2") format("woff2"), url("font/ptblrrg_-webfont.woff") format("woff"), url("font/ptblrrg_-webfont.ttf") format("truetype"), url("font/ptblrrg_-webfont.svg#ptblissregularregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
/**/
body, html {
    position: relative;
    min-height: 100%;
    height: 100%;
}

.hide4Mobile {
    display: none; 
    font-family: "ptblisslightregular";
    font-size: 12px;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
}
.hide4Mobile p {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

#hpLang {
    display: block;
    position: fixed;
    right: 30px;
    top: 35px;
    z-index: 1;
}
#hpLang ul {
            margin:0;
        }

            #hpLang ul.lang {
                margin-top: 0;
            }

                #hpLang ul.lang li {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    color: #bbbbbb;
                    font-family: "caslon";
                    font-size: 16px;
                    font-weight: normal;
                    display: inline-block;
                }

                    #hpLang ul.lang li.on a {
                        color: #bbbbbb;
                    }

                    #hpLang ul.lang li.on:first-child::after {
                        color: #bbbbbb;
                    }

                    #hpLang ul.lang li a {
                        color: #5f5e5e;
                        text-decoration: none;
                    }

                    #hpLang ul.lang li:first-child {
                        margin-right: 5px;
                    }

                        #hpLang ul.lang li:first-child::after {
                            content: ':';
                            margin-left: 5px;
                        }

.btn {
    font-size: 12px;
    min-width: 200px;
    padding: 0 10px;
    text-align: center;
    line-height: 60px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-family: "caslon";
}

    .btn.black {
        background: #000;
        color: #FFF;
        border: 1px solid #000;
    }

        .btn.black:hover {
            background: #FFF;
            color: #000;
        }

.page {
    margin-top: 90px;
}

section {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    section.open {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
    }

header {
    height: 90px;
    position: fixed;
    z-index: 1000;
    background: #FFF;
    width: 100%;
    top: 0;
    left: 0;
}

    header h1 {
        position: relative;
        left: 95px;
        top: 30px;
        font-size: 30px;
        color: #000;
        font-family: "caslon";
    }

    ul.breadcrumb {
        position: relative;
        left: 95px;
        top: 30px;
        font-size: 30px;
        color: #000;
        font-family: "caslon";
    }

    ul.breadcrumb li {
        display: inline-block;
        color: #d6d6d6;
    }
    ul.breadcrumb li:first-child {
        color: #000;
    }
    ul.breadcrumb li:first-child a {
        color: #000;
    }
    ul.breadcrumb li:first-child::before {
        content: '';
    }

     ul.breadcrumb li::before {
        content: ' / ';
        margin: 0 2px;
    }
    ul.breadcrumb li a {
        text-decoration: none;
    }

a.fabri {
    position: absolute;
    right: 40px;
    top: 15px;
}

.menu {
    position: fixed;
    left: 40px;
    top: 35px;
    z-index: 10000;
    display: block;
    height: 20px;
}

    .menu.dark span {
        background-color: #000;
    }

        .menu.dark span::before {
            background-color: #000;
        }

        .menu.dark span::after {
            background-color: #000;
        }

    .menu span {
        display: block;
        width: 25px;
        height: 3px;
        background: #FFF;
        position: relative;
        top: 8px;
    }

        .menu span::before {
            content: '';
            width: 25px;
            height: 3px;
            background: #FFF;
            display: block;
            position: relative;
            top: -8px;
        }

        .menu span::after {
            content: '';
            width: 25px;
            height: 3px;
            background: #FFF;
            display: block;
            position: relative;
            bottom: -5px;
        }

nav {
    position: fixed;
    right: 40px;
    bottom: 80px;
    z-index: 150;
}

    nav.dark ul {
        color: #000;
    }

        nav.dark ul li {
            color: #000;
        }

            nav.dark ul li:first-child::before {
                 content:url('../img/fabri-black-logo.png');
            }

            nav.dark ul li a {
                color: #000;
            }

                nav.dark ul li a::after {
                    background: #000;
                }

    nav ul {
        font-family: "ptblisslightregular";
        font-size: 12px;
        color: #FFF;
    }

        nav ul li {
            margin-top: 33px;
        }

            nav ul li:first-child::before {
                /*content: 'fabri.';*/
                content:url('../img/fabri-white-logo.png');
                position: absolute;
                left: -24px;
                top: -60px;
                color: #FFF;
            }

            nav ul li a {
                padding: 0 4px;
                color: #FFF;
                text-decoration: none;
            }

                nav ul li a::after {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background: #FFF;
                    display: block;
                    float: right;
                    margin-top: 7px;
                    -webkit-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                }

                nav ul li a:hover::after {
                    width: 200%;
                }

                nav ul li a.on::after {
                    width: 200%;
                }

.intro nav ul li:first-child::before {
    content: '';
    display: none !important;
}

#menu {
    position: fixed;
    left: -310px;
    top: 0px;
    z-index: 15000;
    background: #FFF;
    height: 100%;
    width: 305px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #menu ul.social {
        padding: 0 15px;
    }

        #menu ul.social li {
            display: inline-block;
            font-family: "ptblisslightregular";
            font-size: 12px;
            color: #9a9a9a;
            padding-top: 20px;
        }

            #menu ul.social li a {
                width: 16px;
                height: 16px;
                background: #FFF;
                display: block;
            }

                #menu ul.social li a.fb {
                    background: url("../img/footer-fb.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 20px;
                    margin-right: 10px;
                }

                #menu ul.social li a.linkedin {
                    background: url("../img/footer-linkedin.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                #menu ul.social li a.googleplus {
                    background: url("../img/footer-googleplus.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                #menu ul.social li a.instagram {
                    background: url("../img/footer-insta.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                #menu ul.social li a.pin {
                    background: url("../img/footer-pin.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 20px;
                }

    #menu .nav {
        padding: 30px 40px;
        position: relative;
    }

        #menu .nav a.close {
            position: absolute;
            right: 30px;
            top: 30px;
        }

            #menu .nav a.close::before {
                content: '';
                width: 30px;
                height: 6px;
                display: block;
                background: #000;
                position: relative;
                top: 6px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            #menu .nav a.close::after {
                content: '';
                width: 30px;
                height: 6px;
                display: block;
                background: #000;
                position: relative;
                top: 0px;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        #menu .nav ul {
            padding: 0;
            margin-top: 120px;
        }

            #menu .nav ul li {
                padding: 0;
                margin: 25px 0 0 0;
                list-style-type: none;
                font-family: "caslon";
                font-size: 26px;
                color: #000;
            }

                #menu .nav ul li:first-child {
                    margin: 0;
                }

                #menu .nav ul li a {
                    display: block;
                    padding-bottom: 12px;
                    text-decoration: none;
                    color: #000;
                }

                    #menu .nav ul li a.selected::after {
                        width: 60px;
                        left: 0px;
                        background: #000;
                    }

                    #menu .nav ul li a::after {
                        content: '';
                        height: 4px;
                        width: 30px;
                        position: relative;
                        left: 0px;
                        background: #FFF;
                        display: block;
                        top: 13px;
                        border-top: 1px solid #666666;
                        -webkit-transition: all 0.1s ease-in-out;
                        transition: all 0.1s ease-in-out;
                    }

                    #menu .nav ul li a:hover::after {
                        width: 60px;
                        left: 0px;
                        background: #000;
                    }

                #menu .nav ul li ul {
                    margin-top: 60px;
                }

                    #menu .nav ul li ul li {
                        font-size: 22px;
                        color: #b9b9b9;
                    }

                        #menu .nav ul li ul li a {
                            color: #b9b9b9;
                        }

                            #menu .nav ul li ul li a::after {
                                background-color: #b9b9b9;
                            }

    #menu.open {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
    }

    #menu footer {
        position: absolute;
        bottom: 40px;
        left: 30px;
    }

        #menu footer dl dt {
            color: #b9b9b9;
            font-family: "caslon";
            font-size: 12px;
            font-weight: normal;
            margin-bottom: 15px;
        }

        #menu footer dl dd {
            font-family: "ptblisslightregular";
            font-size: 12px;
            color: #000;
            line-height: 20px;
        }

            #menu footer dl dd a {
                color: #000;
                text-decoration: none;
                font-weight: 700;
                text-transform: uppercase;
                margin-top: 10px;
                display: block;
                line-height: 12px;
            }

            #menu footer dl dd:nth-of-type(1)::before {
                content: url("../img/icon-location.png");
                margin: 0 0 0 -10px;
                position: relative;
                left: -5px;
                top: 2px;
            }

            #menu footer dl dd:last-child {
                margin-top: 15px;
            }

                #menu footer dl dd:last-child::before {
                    content: url("../img/icon-phone.png");
                    margin: 0 0 0 -10px;
                    position: relative;
                    left: -5px;
                    top: 2px;
                }

        #menu footer ul {
            margin: 20px 0 0 10px;
        }

            #menu footer ul.lang {
                margin-top: 50px;
            }

                #menu footer ul.lang li {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    color: #000;
                    font-family: "caslon";
                    font-size: 12px;
                    font-weight: normal;
                    display: inline-block;
                }

                    #menu footer ul.lang li.on a {
                        color: #000;
                    }

                    #menu footer ul.lang li.on:first-child::after {
                        color: #000;
                    }

                    #menu footer ul.lang li a {
                        color: #b9b9b9;
                        text-decoration: none;
                    }

                    #menu footer ul.lang li:first-child {
                        margin-right: 5px;
                    }

                        #menu footer ul.lang li:first-child::after {
                            content: ':';
                            margin-left: 10px;
                        }

section {
    overflow: hidden;
    /*Project*/
}

    section.full {
        height: 100%;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        section.full::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0.68;
            background: #000;
        }

    section.half {
        height: 70%;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        section.half h1 {
            font-size: 90px;
            color: #FFF;
            font-family: "caslon";
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            display: block;
            text-align: center;
        }

    section.whatwedo {
        padding-top: 0px;
        overflow: visible;
        height: 1292px;
    }

        section.whatwedo::before {
            content: '';
            height: 350px;
            width: 1px;
            background: #c4c4c4;
            position: relative;
            top: -40px;
            z-index: 1005;
            display: block;
            margin: 0 auto;
        }

        section.whatwedo h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
            margin-bottom: 70px;
        }

        section.whatwedo .photos {
            margin: 0 100px 0 80px;
            height: 780px;
            overflow: hidden;
        }

            section.whatwedo .photos div {
                width: 100%;
                height: 100%;
                position: relative;
            }

                section.whatwedo .photos div div {
                    background-size: cover;
                    background-position: center center;
                    position: relative;
                }

                    section.whatwedo .photos div div article {
                        position: relative;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

                        section.whatwedo .photos div div article h1 {
                            font-size: 48px;
                            color: #FFF;
                            font-family: "caslon";
                            margin: 0 auto;
                            max-width: 60%;
                        }

                    section.whatwedo .photos div div .button {
                        position: absolute;
                        left: 0;
                        bottom: 100px;
                        width: 100%;
                        height: auto;
                        height: 62px;
                        text-align: center;
                    }

                        section.whatwedo .photos div div .button a {
                            position: relative;
                            display: block;
                            width: 320px;
                            line-height: 60px;
                            border: 1px solid #FFF;
                            color: #FFF;
                            font-family: "caslon";
                            font-size: 12px;
                            text-transform: uppercase;
                            text-decoration: none;
                            margin: 0 auto;
                            text-align: center;
                        }

                            section.whatwedo .photos div div .button a:hover {
                                border-color: #000;
                                color: #FFF;
                                background: #000;
                            }

                    section.whatwedo .photos div div a {
                        position: relative;
                        display: block;
                        width: 320px;
                        line-height: 60px;
                        border: 1px solid #FFF;
                        color: #FFF;
                        font-family: "caslon";
                        font-size: 12px;
                        text-transform: uppercase;
                        text-decoration: none;
                        margin: 0 auto;
                        text-align: center;
                    }

                        section.whatwedo .photos div div a:hover {
                            border-color: #000;
                            color: #FFF;
                            background: #000;
                        }

    section.woweare {
        position: relative;
        max-width: 1460px;
        margin: 0 auto;
    }

        section.woweare::before {
            content: '';
            height: 275px;
            width: 1px;
            background: #c4c4c4;
            position: relative;
            top: 0px;
            z-index: 1005;
            display: block;
            margin: 0 auto;
        }

        section.woweare::after {
            content: '';
            height: 1400px;
            width: 1px;
            background: #c4c4c4;
            position: relative;
            top: 20px;
            z-index: 1005;
            display: block;
            margin: 0 auto;
        }

        section.woweare h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
        }

        section.woweare h2 {
            font-size: 24px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
            line-height: 34px;
        }

        section.woweare .brand {
            position: absolute;
            left: 0px;
            width: 600px;
            top: 700px;
        }

            section.woweare .brand article {
                width: 600px;
            }

                section.woweare .brand article a {
                    display: block;
                    text-decoration: none;
                }

                    section.woweare .brand article a h1 {
                        text-align: left;
                        font-size: 48px;
                        max-width: 400px;
                        margin: 0 0 0 80px;
                    }

                    section.woweare .brand article a hr {
                        width: 155px;
                    }

                    section.woweare .brand article a p {
                        font-size: 19px;
                        color: #000;
                        margin: 0 0 0 80px;
                        font-family: "ptblisslightregular";
                        max-width: 320px;
                        line-height:25px;
                    }

                    section.woweare .brand article a cite {
                        margin: 30px 0 30px 80px;
                        display: block;
                        color: #000;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-family: "caslon";
                        font-size: 12px;
                        font-style: normal;
                    }

                        section.woweare .brand article a cite::before {
                            content: url("../img/slider-arrow-right-nano.png");
                            width: 6px;
                            margin: 0 10px 0 0;
                            position: relative;
                            top: 1px;
                        }

                    section.woweare .brand article a img {
                        max-width: 600px;
                    }

        section.woweare .interview {
            width: 600px;
            height: 600px;
            position: absolute;
            top: 570px;
            left: 520px;
            z-index: 1012;
        }


            section.woweare .interview img {
                position: absolute;
                left: 0;
                top: 0;
                width: 600px;
                height: 600px;
            }

            section.woweare .interview article {
                position: absolute;
                left: 0;
                bottom: 0;
            }

                section.woweare .interview article a {
                    text-decoration: none;
                }

                section.woweare .interview article h1 {
                    position: relative;
                    text-align: left;
                    font-size: 48px;
                    max-width: 400px;
                    margin: 0 0 0 80px;
                    color: #FFF;
                }

                section.woweare .interview article hr {
                    width: 155px;
                    color: #FFF;
                    background: #FFF;
                }

                section.woweare .interview article cite {
                    margin: 30px 0 30px 80px;
                    position: relative;
                    display: block;
                    color: #FFF;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-family: "caslon";
                    font-size: 12px;
                    font-style: normal;
                }

                    section.woweare .interview article cite::before {
                        content: url("../img/slider-arrow-left-nano-white.png");
                        width: 6px;
                        margin: 0 10px 0 0;
                        position: relative;
                        top: 1px;
                    }

                section.woweare .interview article p {
                    font-size: 19px;
                    color: #FFF;
                    margin: 0 0 0 80px;
                    font-family: "ptblisslightregular";
                    max-width: 320px;
                    position: relative;
                    line-height:25px;
                }

        section.woweare .showroom {
            width: 630px;
            position: absolute;
            left: 130px;
            bottom: 210px;
            z-index: 1012;
        }

            section.woweare .showroom article {
                overflow: hidden;
            }

                section.woweare .showroom article a {
                    display: block;
                    overflow: hidden;
                }

                    section.woweare .showroom article a h1 {
                        font-size: 48px;
                        float: right;
                        width: 300px;
                        margin: 45px 30px 0 0;
                        text-align: right;
                    }

                    section.woweare .showroom article a img {
                        width: 300px;
                        height: 300px;
                        float: right;
                    }

                    section.woweare .showroom article a p {
                        float: right;
                        width: 300px;
                        margin: 20px 30px 20px 0;
                        text-align: right;
                        font-size: 19px;
                        color: #000;
                        font-family: "ptblisslightregular";
                        line-height:25px;
                    }

                    section.woweare .showroom article a cite {
                        float: right;
                        width: 300px;
                        margin: 0 30px 0 0;
                        text-align: right;
                        display: block;
                        color: #000;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-family: "caslon";
                        font-size: 12px;
                        font-style: normal;
                    }

                        section.woweare .showroom article a cite::before {
                            content: url("../img/slider-arrow-right-nano.png");
                            width: 6px;
                            margin: 0 10px 0 0;
                            position: relative;
                            top: 1px;
                        }

                    section.woweare .showroom article a hr {
                        width: 160px;
                        color: #000;
                        background: #000;
                        float: right;
                        margin: 10px 30px 0 0;
                    }

        section.woweare .factory {
            width: 600px;
            height: 300px;
            position: absolute;
            bottom: 300px;
            right: 0px;
            z-index: 1012;
        }

            section.woweare .factory img {
                position: absolute;
                left: 0;
                top: 0;
                width: 600px;
                height: 300px;
            }

            section.woweare .factory article {
                position: absolute;
                right: 0;
                bottom: 30px;
                width: 300px;
            }

                section.woweare .factory article a {
                    text-decoration: none;
                }

                section.woweare .factory article h1 {
                    position: relative;
                    text-align: left;
                    font-size: 48px;
                    max-width: 400px;
                    margin: 0;
                    color: #FFF;
                }

                section.woweare .factory article hr {
                    width: 300px;
                    color: #FFF;
                    background: #FFF;
                }

                section.woweare .factory article cite {
                    margin: 0;
                    position: relative;
                    display: block;
                    color: #FFF;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-family: "caslon";
                    font-size: 12px;
                    font-style: normal;
                }

                    section.woweare .factory article cite::before {
                        content: url("../img/slider-arrow-left-nano-white.png");
                        width: 6px;
                        margin: 0 10px 0 0;
                        position: relative;
                        top: 1px;
                    }

                section.woweare .factory article p {
                    font-size: 19px;
                    color: #FFF;
                    margin: 0;
                    font-family: "ptblisslightregular";
                    max-width: 320px;
                    position: relative;
                    margin: 20px 0 20px 0;
                    line-height:25px;
                }

    section.history {
        padding: 70px 0 0 0;
        background: #FFF;
        text-align: center;
    }

        section.history h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
        }

        section.history h2 {
            font-size: 20px;
            color: #000;
            font-family: "ptblissmediumregular";
            display: block;
            text-align: center;
            margin: 70px auto 50px auto;
            max-width: 980px;
            line-height: 28px;
            font-weight:300;
        }

        section.history p {
            font-size: 16px;
            color: #000;
            font-family: "ptblisslightregular";
            display: block;
            text-align: left;
            max-width: 860px;
            margin: 0 auto 60px auto;
            line-height: 25px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            -o-column-count: 2;
            -ms-column-count: 2;
            column-count: 2;
        }

        section.history hr {
            margin: 20px auto;
            height: 1px;
            width: 77px;
            background: #000;
            border: none;
            display: block;
        }

            section.history hr.vert {
                margin: 50px auto;
                height: 90px;
                width: 1px;
                background: #b2b2b2;
                border: none;
                display: block;
            }

        section.history .founder {
            overflow: hidden;
            position: relative;
            width: 1100px;
            margin: 0 auto 0 auto;
            padding: 350px 0 300px 0;
            text-align: left;
        }

            section.history .founder::before {
                content: '';
                display: block;
                width: 1px;
                height: 1350px;
                background: #b2b2b2;
                position: absolute;
                z-index: 8;
                top: -150px;
                left: 520px;
            }

            section.history .founder img {
                float: left;
                margin-right: 60px;
                position: relative;
                z-index: 10;
            }

            section.history .founder h2 {
                float: left;
                max-width: 440px;
                text-align: left;
                margin-top: 68px;
                font-size: 48px;
                line-height: 48px !important;
                color: #000;
                font-family: "caslon";
            }

                section.history .founder h2::after {
                    content: '';
                    display: block;
                    width: 160px;
                    height: 1px;
                    background: #000;
                    position: relative;
                    left: -72px;
                    top: 10px;
                    z-index: 11;
                }

            section.history .founder p {
                float: left;
                max-width: 390px;
                font-size: 20px;
                text-align: left;
                margin: 0px auto 30px auto !important;
                -webkit-column-count: 1 !important;
                -moz-column-count: 1 !important;
                -o-column-count: 1 !important;
                -ms-column-count: 1 !important;
                column-count: 1 !important;
                line-height:25px;
            }

            section.history .founder a.btn {
                float: left;
            }

    section.contacts {
        padding: 70px 0 0 0;
        background: #FFF;
        text-align: center;
    }

        section.contacts img.logo {
            height: 295px;
            margin-bottom: 60px;
        }

        section.contacts h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
        }

        section.contacts .locations {
            padding: 95px 0 0 0;
            max-width: 1220px;
            margin: 0 auto;
            text-align: left;
        }

            section.contacts .locations article {
                display: inline-block;
                width: 300px;
                text-align: left;
                font-size: 12px;
                color: #000;
                font-family: "ptblisslightregular";
                line-height: 16px;
                margin-bottom: 80px;
                position: relative;
                height: 220px;
                letter-spacing: normal;
            }

                section.contacts .locations article h1 {
                    font-size: 14px;
                    text-transform: uppercase;
                    margin-bottom: 10px;
                    text-align: left;
                    margin-left: 20px;
                    height: 32px;
                }


                section.contacts .locations article .hour {
                    margin: 10px 0 0 20px;
                    min-height: 50px;

                }
                section.contacts .locations article .hour em {
                    display: block;
                    font-style: normal;
                    color:#9a9a9a;
                }

                section.contacts .locations article .phones {
                    position: absolute;
                    left:0;
                    bottom:0;

                }


 section.contacts .locations article span, section.contacts .locations article p {
    color: #9a9a9a;
    letter-spacing: normal;
}

                section.contacts .locations article a {
                    display: block;
                    margin: 10px 0 0px 6px;
                    text-decoration: none;
                    font-weight: 700;
                    text-transform: uppercase;
                    color: #000;
                    padding: 0 0 0 15px;
                }

                section.contacts .locations article span::before {
                    content: url("../img/icon-location.png");
                    position: relative;
                    top: 1px;
                    margin-right: 7px;
                    display: block;
                    float: left;
                }

                section.contacts .locations article p {
                    display: inline;
                    margin-right: 20px;
                    display: block;
                    width: 100%;
                }

                    section.contacts .locations article p:nth-of-type(1)::before {
                        content: url("../img/icon-phone.png");
                        position: relative;
                        top: 1px;
                        margin-right: 7px;
                        display: block;
                        float: left;
                        padding: 0;
                        height: 40px;
                    }

        section.contacts .form {
            width: 990px;
            margin: 0 auto 150px auto;
        }

            section.contacts .form h2 {
                font-size: 48px;
                color: #000;
                font-family: "caslon";
                display: block;
                text-align: center;
                margin-bottom: 50px;
            }

            section.contacts .form .row {
                display: inline-block;
                text-align: left;
            }

                section.contacts .form .row input {
                    width: 420px;
                    border: 1px solid #000;
                    background: #FFF;
                    line-height: 60px;
                    font-family: "caslon";
                    color: #000;
                    font-size: 12px;
                    padding: 0 25px;
                    margin: 10px;
                }

                    section.contacts .form .row input.small {
                        width: 170px;
                    }

                section.contacts .form .row select {
                    width: 470px;
                    border: 1px solid #000;
                    background: #FFF;
                    line-height: 60px;
                    font-family: "caslon";
                    color: #000;
                    font-size: 12px;
                    padding: 0 25px;
                    margin: 10px;
                    height: 60px;
                }

                section.contacts .form .row textarea {
                    border: 1px solid #000;
                    background: #FFF;
                    font-family: "caslon";
                    color: #000;
                    font-size: 12px;
                    padding: 25px;
                    margin: 10px;
                    resize: none;
                    width: 920px;
                    height: 70px;
                }

            section.contacts .form .list {
                margin-left: 25px;
                text-align: left;
            }

                section.contacts .form .list p {
                    line-height: 50px;
                    font-family: "caslon";
                    color: #000;
                    font-size: 12px;
                    text-transform: uppercase;
                    text-align: left;
                }

                section.contacts .form .list input {
                    display: inline-block;
                    cursor: pointer;
                }

                section.contacts .form .list label {
                    display: inline-block;
                    font-family: "ptblisslightregular";
                    color: #000;
                    font-size: 12px;
                    text-transform: uppercase;
                    margin-right: 30px;
                    cursor: pointer;
                }

            section.contacts .form .submitBlock {
                text-align: left;
                margin-top: 60px;
                overflow: hidden;
            }

                section.contacts .form .submitBlock input {
                    border: 1px solid #000;
                    background: #FFF;
                    font-family: "caslon";
                    color: #000;
                    font-size: 12px;
                    padding: 25px;
                    text-transform: uppercase;
                    margin: 0 10px;
                    display: inline-block;
                    min-width: 140px;
                }

                section.contacts .form .submitBlock p {
                    font-size: 24px;
                    font-family: "caslon";
                    display: inline-block;
                }

                section.contacts .form .submitBlock a#submit {
                    float: right;
                    display: block;
                    width: 618px;
                    height: 58px;
                    border: 1px solid #000;
                    line-height: 60px;
                    background: #000;
                    color: #FFF;
                    font-size: 24px;
                    font-family: "caslon";
                    text-transform: uppercase;
                    text-align: center;
                    text-decoration: none;
                }

                    section.contacts .form .submitBlock a#submit:hover {
                        background: #FFF;
                        color: #000;
                    }

                section.contacts .form .submitBlock input[type="submit"] {
                    float: right;
                    display: block;
                    width: 618px;
                    height: 65px;
                    border: 1px solid #000;
                    line-height: 60px;
                    background: #000;
                    color: #FFF;
                    font-size: 24px;
                    font-family: "caslon";
                    text-transform: uppercase;
                    text-align: center;
                    text-decoration: none;
                    padding-top: 4px;
                    cursor:pointer;
                }

                    section.contacts .form .submitBlock input[type="submit"]:hover {
                        background: #FFF;
                        color: #000;
                    }

            section.contacts .form #msg {
                display: none;
                text-align: center;
                margin-top: 40px;
            }

                section.contacts .form #msg p {
                    font-size: 24px;
                    font-family: "caslon";
                    text-align: center;
                }

    section.factory {
        margin-top: -50px;
        background: #FFF;
    }

        section.factory h3 {
            font-size: 90px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
            padding: 90px 0 60px 0;
        }

        section.factory .factorySliderBlock {
            width: 1200px;
            margin: 0 auto;
            position: relative;
        }

            section.factory .factorySliderBlock p {
                background: #FFF;
                padding: 30px 20px;
                position: absolute;
                left: 0px;
                bottom: 0px;
                display: block;
                color: #000;
                width: 370px;
                z-index: 100;
                font-size: 20px;
                color: #000;
                font-family: "ptblissregularregular";
                display: block;
                text-align: left;
                line-height: 24px;
            }

            section.factory .factorySliderBlock .factorySlider {
                width: 1200px;
                margin: 0 auto;
                position: relative;
            }

                section.factory .factorySliderBlock .factorySlider .slick-slide {
                    width: 1200px;
                    margin: 0 auto;
                    position: relative;
                    max-height:800px;
                    overflow:hidden;
                }

                    section.factory .factorySliderBlock .factorySlider .slick-slide img {
                       width:1200px;
                       max-height:800px;
                    }

    section.showroom {
        padding: 0px 0 120px 0;
        position: relative;
        height: 2060px;
        overflow: hidden;
    }

        section.showroom::before {
            content: '';
            display: block;
            width: 1px;
            height: 230px;
            background: #b2b2b2;
            margin: 0 auto 50px auto;
        }

        section.showroom h1 {
            font-size: 90px;
            color: #000;
            font-family: "caslon";
            position: relative;
            display: block;
            text-align: center;
            margin-bottom: 90px;
        }

        section.showroom .showroomPhotos {
            width: 1140px;
            position: relative;
            margin: 250px auto 0 auto;
        }

            section.showroom .showroomPhotos .africa {
                position: absolute;
                left: 85px;
                top: 1000px;
                width: 370px;
            }

            section.showroom .showroomPhotos .portugal {
                position: absolute;
                left: 85px;
                top: -220px;
            }

            section.showroom .showroomPhotos ul li {
                list-style-type: none;
                font-family: "ptblisslightregular";
                font-size: 20px;
                margin: 0 0 30px 55px;
                position: relative;
            }

                section.showroom .showroomPhotos ul li a {
                    font-family: "ptblisslightregular";
                    font-size: 12px;
                    text-transform: uppercase;
                    color: #000;
                    text-decoration: none;
                }

                    section.showroom .showroomPhotos ul li a::before {
                        content: url("../img/map-pin.png");
                        position: relative;
                        top: 3px;
                        margin-right: 5px;
                        margin-left: 10px;
                    }

                section.showroom .showroomPhotos ul li:nth-of-type(1)::before {
                    content: '1';
                    width: 40px;
                    height: 40px;
                    background: #000;
                    color: #FFF;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 40px;
                    font-size: 18px;
                    display: block;
                    font-family: "caslon";
                    position: absolute;
                    left: -55px;
                    top: -2px;
                }

                section.showroom .showroomPhotos ul li:nth-of-type(2)::before {
                    content: '2';
                    width: 40px;
                    height: 40px;
                    background: #000;
                    color: #FFF;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 40px;
                    font-size: 18px;
                    display: block;
                    font-family: "caslon";
                    position: absolute;
                    left: -55px;
                    top: -2px;
                }

                section.showroom .showroomPhotos ul li:nth-of-type(3)::before {
                    content: '3';
                    width: 40px;
                    height: 40px;
                    background: #000;
                    color: #FFF;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 40px;
                    font-size: 18px;
                    display: block;
                    font-family: "caslon";
                    position: absolute;
                    left: -55px;
                    top: -2px;
                }

                section.showroom .showroomPhotos .africa ul li:nth-of-type(1)::before {
                    content: '4';
                    width: 40px;
                    height: 40px;
                    background: #000;
                    color: #FFF;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 40px;
                    font-size: 18px;
                    display: block;
                    font-family: "caslon";
                    position: absolute;
                    left: -55px;
                    top: -2px;
                }

                section.showroom .showroomPhotos ul li span {
                    font-family: "caslon";
                    text-transform: uppercase;
                    display: block;
                }

            section.showroom .showroomPhotos h2 {
                max-width: 440px;
                text-align: left;
                margin-top: 68px;
                font-size: 48px;
                color: #000;
                font-family: "caslon";
                margin-bottom: 68px;
            }

                section.showroom .showroomPhotos h2::after {
                    content: '';
                    display: block;
                    width: 160px;
                    height: 1px;
                    background: #000;
                    position: relative;
                    left: -85px;
                    top: 20px;
                    z-index: 11;
                }

            section.showroom .showroomPhotos p {
                font-size: 20px;
                color: #000;
                font-family: "ptblissregularregular";
                display: block;
                max-width: 435px;
                line-height: 26px;
            }

            section.showroom .showroomPhotos figure {
                position: relative;
            }

                section.showroom .showroomPhotos figure:nth-of-type(1) {
                    width: 600px;
                    height: 600px;
                    left: 490px;
                    top: -190px;
                    position: relative;
                    z-index: 10;
                }

                    section.showroom .showroomPhotos figure:nth-of-type(1)::before {
                        content: '1';
                        width: 40px;
                        height: 40px;
                        background: #FFF;
                        color: #000;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        display: block;
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        font-family: "caslon";
                    }

                section.showroom .showroomPhotos figure:nth-of-type(2) {
                    right: 0;
                    top: -380px;
                    position: relative;
                    z-index: 8;
                }

                    section.showroom .showroomPhotos figure:nth-of-type(2)::before {
                        content: '2';
                        width: 40px;
                        height: 40px;
                        background: #FFF;
                        color: #000;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        display: block;
                        position: absolute;
                        left: 20px;
                        bottom: 20px;
                        font-family: "caslon";
                    }

                section.showroom .showroomPhotos figure:nth-of-type(3) {
                    left: 250px;
                    top: -440px;
                    width: 600px;
                    height: 397px;
                    position: relative;
                    z-index: 6;
                }

                    section.showroom .showroomPhotos figure:nth-of-type(3)::before {
                        content: '3';
                        width: 40px;
                        height: 40px;
                        background: #FFF;
                        color: #000;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        display: block;
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        font-family: "caslon";
                    }

                section.showroom .showroomPhotos figure:nth-of-type(4) {
                    position: relative;
                    z-index: 6;
                    width: 600px;
                    height: 600px;
                    left: 490px;
                    top: -530px;
                    position: relative;
                    z-index: 10;
                }

                    section.showroom .showroomPhotos figure:nth-of-type(4)::before {
                        content: '4';
                        width: 40px;
                        height: 40px;
                        background: #FFF;
                        color: #000;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        display: block;
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        font-family: "caslon";
                    }

                section.showroom .showroomPhotos figure:nth-of-type(5) {
                    left: 0px;
                    top: -560px;
                    width: 600px;
                    height: 397px;
                    position: relative;
                    z-index: 11;
                }

                    section.showroom .showroomPhotos figure:nth-of-type(5)::before {
                        content: '5';
                        width: 40px;
                        height: 40px;
                        background: #FFF;
                        color: #000;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        display: block;
                        position: absolute;
                        left: 20px;
                        bottom: 20px;
                        font-family: "caslon";
                    }

    section.intro {
        position: relative;
    }

        section.intro article {
            position: relative;
            top: 50%;
            margin: 0 auto;
            max-width: 800px;
            text-align: center;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            section.intro article ul {
                text-align: center;
            }

                section.intro article ul li {
                    display: inline-block;
                    text-transform: uppercase;
                    font-size: 14px;
                    padding-left: 5px;
                    border-left: 1px solid #FFF;
                    font-family: "ptblissmediumregular";
                    color: #FFF;
                }

                    section.intro article ul li:first-child {
                        border: none;
                        padding-left: 0;
                    }

            section.intro article h1 {
                color: #FFF;
                margin-top: 50px;
                font-family: "caslon";
                font-size: 90px;
            }

            section.intro article h2 {
                color: #FFF;
                margin-top: 5px;
                font-family: "caslon";
                font-size: 14px;
                text-transform: uppercase;
                font-weight:300;
            }

        section.intro p {
            display: block;
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 70px;
            font-family: "ptblisslightregular";
            font-size: 12px;
            text-transform: uppercase;
            color: #c4c4c4;
        }

    section.press {
        padding-top: 120px;
        width: 970px;
        margin: 0 auto 75px auto;
        position: relative;
        min-height: 8000px;
        height: 100%;
    }

        section.press h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
        }

        section.press p {
            font-family: "ptblisslightregular";
            font-size: 16px;
            display: block;
            margin: 35px 0 60px 0;
            text-align: center;
        }

        section.press hr {
            margin: 20px auto;
            height: 1px;
            width: 77px;
            background: #000;
            border: none;
            display: block;
        }

            section.press hr.vert {
                margin: 50px auto;
                height: 100%;
                width: 1px;
                background: #b2b2b2;
                border: none;
                display: block;
            }

        section.press a {
            width: 400px;
            display: block;
            position: absolute;
        }

            section.press a:nth-of-type(1) {
                left: 112px;
                top: 400px;
            }

            section.press a:nth-of-type(2) {
                right: 30px;
                top: 563px;
            }

            section.press a:nth-of-type(3) {
                left: 0px;
                top: 1055px;
            }

            section.press a:nth-of-type(4) {
                right: 123px;
                top: 1200px;
            }

            section.press a:nth-of-type(5) {
                left: 112px;
                top: 1737px;
            }

            section.press a:nth-of-type(6) {
                right: 0px;
                top: 1902px;
            }

            section.press a:nth-of-type(7) {
                left: 0px;
                top: 2415px;
            }

            section.press a:nth-of-type(8) {
                right: 130px;
                top: 2568px;
            }

            section.press a:nth-of-type(9) {
                left: 130px;
                top: 3189px;
            }

            section.press a:nth-of-type(10) {
                right: 0;
                top: 3309px;
            }

            section.press a:nth-of-type(11) {
                left: 0;
                top: 3837px;
            }

            section.press a:nth-of-type(12) {
                right: 130px;
                top: 3990px;
            }
            section.press a:nth-of-type(13) {
                left: 112px;
                top: 4600px;
            }
            section.press a:nth-of-type(14) {
                right: 0px;
                top: 4740px;
            }

             section.press a:nth-of-type(15) {
                left: 0px;
                top: 5220px;
            }

             section.press a:nth-of-type(16) {
                right: 130px;
                top: 5498px;
            }

             section.press a:nth-of-type(17) {
                left: 150px;
                top: 6120px;
            }

            section.press a:nth-of-type(18) {
                right: 0;
                top: 6480px;
            }

            section.press a:nth-of-type(19) {
                left: 50px;
                top: 6790px;
            }

            section.press a:nth-of-type(20) {
                right: 180px;
                top: 7372px;
            }

            section.press a:nth-of-type(21) {
                left: 50px;
                top: 8000px;
            }












    section.aboutus {
        padding-top: 120px;
        width: 755px;
        margin: 0 auto 75px auto;
        position: relative;
        overflow: hidden;
    }

        section.aboutus h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
        }

        section.aboutus .buttons {
            text-align: center;
            margin-top: 30px;
            width: 100%;
            float: left;
        }

            section.aboutus .buttons a {
                display: inline-block;
                width: 250px;
                line-height: 60px;
                border: 1px solid #000;
                color: #000;
                background: #FFF;
                font-family: "caslon";
                font-size: 12px;
                text-transform: uppercase;
                text-decoration: none;
                margin: 0 10px;
            }

                section.aboutus .buttons a:hover {
                    background: #000;
                    color: #FFF;
                }

        section.aboutus .totalRanking {
            margin: 45px 0;
            text-align: center;
        }

            section.aboutus .totalRanking span {
                font-style: normal;
                color: #FFF;
                border-radius: 20px;
                padding: 10px 15px;
                background: #5890ff;
                font-size: 18px;
                min-width: 40px;
                font-family: "ptblissregularregular";
                font-weight: 700;
                display: inline-block;
                position: relative;
                top: -5px;
            }

                section.aboutus .totalRanking span::after {
                    content: " \2605";
                    color: #FFF;
                    font-style: normal;
                }

            section.aboutus .totalRanking p {
                display: inline-block;
                font-family: "ptblissregularregular";
                font-size: 12px;
                text-align: left;
            }

        section.aboutus article {
            text-align: center;
            margin: 40px 0;
            float: left;
            width:100%;
        }

            section.aboutus article h1 {
                width: 100%;
                text-align: center;
                font-size: 30px;
                font-style: italic;
                line-height: 28px;
                margin-bottom: 10px;
            }

            section.aboutus article span {
                font-style: normal;
                color: #5890ff;
                font-size: 12px;
                text-transform: uppercase;
                font-family: "ptblisslightregular";
            }

                section.aboutus article span em {
                    font-style: normal;
                    color: #FFF;
                    border-radius: 10px;
                    padding: 2px 5px;
                    background: #5890ff;
                    font-size: 9px;
                    min-width: 20px;
                    margin-left: 10px;
                    margin-top: -1px;
                }

                    section.aboutus article span em::after {
                        content: " \2605";
                        color: #FFF;
                        font-style: normal;
                    }

    section.news {
        width: 1100px;
        margin: 0 auto 50px auto;
        padding-top: 40px;
        overflow: hidden;
    }

        section.news article {
            position: relative;
        }

        section.news article p a {
            color: #000;
        }

            section.news article h1 {
                width: 480px;
                float: left;
                margin-top: 60px;
                font-size: 92px;
                margin-bottom: 30px;
                font-family: "caslon";
            }

            section.news article hr {
                float: left;
                width: 580px;
                height: 1px;
                background: #000;
                position: absolute;
                left: -70px;
                top: 150px;
                border: 0;
            }

            section.news article span {
                width: 480px;
                float: left;
                font-family: "caslon";
                font-size: 12px;
                text-transform: uppercase;
                margin-top: 20px;
                margin-bottom: 30px;
                line-height: 12px;
            }

            section.news article figure {
                float: right;
                margin-bottom: 30px;
                position: relative;
            }

                section.news article figure img {
                    width: 620px;
                    height: 590px;
                }

                section.news article figure figcaption {
                    width: 360px;
                    padding: 20px 30px;
                    font-size: 20px;
                    background: #FFF;
                    color: #000;
                    font-family: "ptblisslightregular";
                    text-align: right;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    line-height: 24px;
                }

            section.news article h2 {
                width: 390px;
                float: left;
                font-family: "ptblissregularregular";
                font-size: 70px;
            }

            section.news article p {
                font-size: 16px;
                font-family: "ptblissregularregular";
                line-height: 22px;
                margin-top: 30px;
                float: left;
            }

                section.news article p strong {
                    font-family: "caslon";
                }

        section.news .archive {
            overflow: hidden;
            float: left;
            margin: 75px 0 0px 0;
            width: 100%;
        }

            section.news .archive h3 {
                font-size: 48px;
                font-family: "caslon";
                text-align: center;
                display: block;
                width: 100%;
            }

                section.news .archive h3::before {
                    content: '';
                    margin: 0 auto 25px auto;
                    height: 115px;
                    width: 1px;
                    background: #000;
                    border: none;
                    display: block;
                }

            section.news .archive aside {
                /*&::after {
  	content: '';
  	margin: 25px auto 0 auto;
      height: 150px;
      width: 1px;
      background: #000;
      border: none;
      display: block;
  }*/
                overflow: hidden;
                width: 841px;
                margin: 30px auto 0 auto;
            }

                section.news .archive aside a {
                    display: block;
                    width: 370px;
                    padding: 30px 0 20px 0;
                    font-family: "caslon";
                }

                    section.news .archive aside a h4 {
                        float: right;
                        color: #000;
                        text-decoration: none;
                        font-size: 12px;
                        text-transform: uppercase;
                        line-height: 18px;
                        padding-top: 30px;
                    }

                    section.news .archive aside a img {
                        float: right;
                        width: 100px;
                        height: 100px;
                    }

                    section.news .archive aside a.prev {
                        border-right: 1px solid #000;
                        float: left;
                        text-align: right;
                        padding-right: 50px;
                        background: url("../img/slider-arrow-left-small.png") no-repeat left 65px;
                    }

                        section.news .archive aside a.prev img {
                            margin-left: 30px;
                        }

                    section.news .archive aside a.next {
                        float: right;
                        text-align: left;
                        padding-left: 50px;
                        background: url("../img/slider-arrow-right-small.png") no-repeat right 65px;
                    }

                        section.news .archive aside a.next h4 {
                            float: left;
                        }

                        section.news .archive aside a.next img {
                            margin-right: 30px;
                            float: left;
                        }

    section.sitemap {
        width: 680px;
        margin: 0 auto 75px auto;
        position: relative;
        padding: 0px 0 260px 0;
        position: relative;
        top: -100px;
        z-index: 1000;
        text-align: center;
    }

        section.sitemap::before {
            content: '';
            margin: 0 auto;
            height: 175px;
            width: 1px;
            background: #b2b2b2;
            border: none;
            display: block;
            position: relative;
        }

        section.sitemap h1 {
            font-size: 92px;
            color: #000;
            font-family: "caslon";
            display: block;
            text-align: center;
            margin: 130px 0 0 0;
        }

        section.sitemap .map {
            margin-top: 80px;
        }

            section.sitemap .map ul {
                display: inline-block;
            }

                section.sitemap .map ul:first-of-type li a::before {
                    content: '';
                }

                section.sitemap .map ul li {
                    position: relative;
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    font-family: "caslon";
                    color: #000;
                    font-size: 14px;
                }

                    section.sitemap .map ul li a {
                        color: #000;
                        text-decoration: none;
                    }

                        section.sitemap .map ul li a::before {
                            content: '/';
                            margin: 5px;
                        }

                    section.sitemap .map ul li ul {
                        position: absolute;
                        top: 20px;
                        left: 0;
                        width: 100%;
                    }

                        section.sitemap .map ul li ul li {
                            font-family: "ptblissregularregular";
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 300;
                            color: #000;
                            text-align: center;
                            display: block;
                            text-transform: normal !important;
                        }

                            section.sitemap .map ul li ul li a {
                                color: #000;
                                text-transform: normal !important;
                                text-decoration: none;
                            }

                                section.sitemap .map ul li ul li a::before {
                                    content: '';
                                }

    section.interview {
        width: 1100px;
        margin: 0 auto 50px auto;
        padding-top: 40px;
        overflow: hidden;
    }

        section.interview article {
            position: relative;
        }

            section.interview article .back {
                overflow: hidden;
                float: left;
                margin: 20px 0 0 0;
                width: auto !important;
            }

                section.interview article .back a {
                    background: url("../img/slider-arrow-left-nanol.png") no-repeat left top;
                    display: inline-block;
                    font-size: 12px;
                    text-transform: uppercase;
                    font-family: "caslon";
                    color: #000;
                    text-decoration: none;
                    padding: 0 0 0 15px;
                }

            section.interview article h1 {
                width: 480px;
                float: left;
                margin-top: 34px;
                font-size: 92px;
                margin-bottom: 30px;
                font-family: "caslon";
            }

            section.interview article hr {
                float: left;
                width: 580px;
                height: 1px;
                background: #000;
                position: absolute;
                left: -70px;
                top: 150px;
                border: 0;
            }

            section.interview article span {
                width: 480px;
                float: left;
                font-family: "caslon";
                font-size: 12px;
                text-transform: uppercase;
                margin-top: 20px;
                margin-bottom: 30px;
                line-height: 12px;
            }

            section.interview article figure {
                float: right;
                margin-bottom: 30px;
                position: relative;
            }

                section.interview article figure img {
                    width: 620px;
                    height: 590px;
                }

                section.interview article figure figcaption {
                    width: 360px;
                    padding: 20px 30px;
                    font-size: 20px;
                    background: #FFF;
                    color: #000;
                    font-family: "ptblisslightregular";
                    text-align: right;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    line-height: 24px;
                }

            section.interview article h2 {
                width: 390px;
                float: left;
                font-family: "ptblisslightregular";
                font-style: italic;
                font-size: 70px;
                color: #FFF;
                line-height: 80px;
                display: inline;
            }

                section.interview article h2 em {
                    background: #000;
                    padding: 0px 25px 0px 18px;
                    margin: 0;
                    width: auto !important;
                    font-size: 70px;
                    font-family: "ptblisslightregular";
                    font-weight: 300;
                    font-style: italic;
                    text-transform: normal !important;
                    display: inline-block;
                }

            section.interview article aside {
                float: left;
                width: 50%;
                width: 420px;
                margin-right: 130px;
            }

                section.interview article aside:nth-of-type(1) {
                    margin-top: -150px;
                }

                section.interview article aside p {
                    font-size: 16px;
                    font-family: "ptblissregularregular";
                    line-height: 22px;
                    margin-top: 30px;
                    float: left;
                }

                    section.interview article aside p strong {
                        font-family: "caslon";
                    }

            section.interview article p {
                font-size: 16px;
                font-family: "ptblissregularregular";
                line-height: 22px;
                margin-top: 30px;
                float: left;
            }

                section.interview article p strong {
                    font-family: "caslon";
                }

        section.interview .back {
            overflow: hidden;
            float: left;
            margin: 75px 0 40px 0;
            width: 100%;
            text-align: center;
        }

            section.interview .back a {
                background: url("../img/slider-arrow-left-nanol.png") no-repeat left 2px;
                display: inline-block;
                font-size: 12px;
                text-transform: uppercase;
                font-family: "caslon";
                color: #000;
                text-decoration: none;
                padding: 0 0 0 15px;
            }

    section.projectList {
        height: 100%;
        overflow-x: hidden;
        position: relative;
    }

        section.projectList.open {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

    section .projects {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        overflow-y: hidden;
    }

        section .projects > header {
            /*overflow: hidden;*/
        }



            section .projects > header h1 {
                left: initial;
                top: initial;
            }

            section .projects > header .menu {
                position: relative;
                float: left;
                display: block;
                margin: 35px 35px 35px 55px;
                top: 0;
                left: 0;
            }

                section .projects > header .menu span {
                    background: #000000;
                }

                    section .projects > header .menu span:before {
                        background: #000000;
                    }

                    section .projects > header .menu span:after {
                        background: #000000;
                    }

            section .projects > header .project-category-selector {
                font-family: "caslon";
                font-size: 30px;
                color: #000000;
                position: relative;
                float: left;
               /* width: 500px;*/
                margin-top: 28px;
            }

                section .projects > header .project-category-selector span {
                    display: block;
                    position: relative;
                    float: left;
					cursor: pointer;
                    margin-right: 5px;
                }

                section .projects > header .project-category-selector .categories {
                    color: #d6d6d6;
                    position: relative;
                    float: left;
                    height: 35px;
                    overflow: hidden;
                    -webkit-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out;
                    opacity: 1;
                    margin-left: 5px;
                }

                    section .projects > header .project-category-selector .categories ul {
                        position: relative;
                        float: left;
                        padding: 0;
                        margin: 0;
                        list-style-type: none;
                        overflow: hidden;
                        height: 30px;
                    }

            section .projects > header .project-selector {
                font-family: "caslon";
                font-size: 30px;
                color: #d6d6d6;
                position: absolute;
                text-align: center;
                top: 28px;
                -webkit-transition: all 0.5s ease-in;
                transition: all 0.5s ease-in;
                background-color: transparent;
                left: 50%;
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
                width: 200px;
            }

                section .projects > header .project-selector.open {
                    height: 100%;
                    background-color: #ffffff;
                }

                    section .projects > header .project-selector.open .categories hr {
                        position: absolute;
                        width: 1px;
                        height: 250px;
                        border-top: 1px solid #ededed;
                        background: #c4c4c4;
                        top: -30px;
                        left: 50%;
                        margin: 0;
                        display: block;
                        -webkit-transition: all 0.4s ease-in;
                        transition: all 0.4s ease-in;
                    }

                    section .projects > header .project-selector.open .categories span {
                        margin-top: 250px;
                        -webkit-transition: margin-top 0.4s ease-in;
                        transition: margin-top 0.4s ease-in;
                        font-size: 92px;
                        height: 92px;
                    }

                section .projects > header .project-selector .categories {
                    color: #d6d6d6;
                    position: relative;
                    -webkit-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out;
                    opacity: 1;
                    width: 150px;
                    float: left;
                }

                    section .projects > header .project-selector .categories hr {
                        height: 0;
                        margin: 0;
                        position: absolute;
                        top: -60px;
                    }

                    section .projects > header .project-selector .categories span {
                        display: block;
                        position: relative;
                        text-transform: lowercase;
                    }

                        section .projects > header .project-selector .categories span div {
                            position: absolute;
                            -webkit-transform: translate(-50%);
                            -ms-transform: translate(-50%);
                            transform: translate(-50%);
                            left: 50%;
                        }

                    section .projects > header .project-selector .categories ul {
                        width: 150px;
                        height: 100%;
                        position: absolute;
                        float: left;
                        padding: 0;
                        margin: 0;
                        list-style-type: none;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        transform: translateX(-50%);
                        display: block;
                    }

                        section .projects > header .project-selector .categories ul.hidden {
                            opacity: 0;
                            display: none;
                        }

                        section .projects > header .project-selector .categories ul li {
                            text-align: left;
                            position: relative;
                            height: 92px;
                            margin: 15px 0;
                            text-transform: lowercase;
                        }

                            section .projects > header .project-selector .categories ul li a {
                                text-decoration: none;
                                color: #d6d6d6;
                                font-size: 92px;
                                position: absolute;
                                -webkit-transform: translate(-50%);
                                -ms-transform: translate(-50%);
                                transform: translate(-50%);
                                left: 50%;
                            }

                            section .projects > header .project-selector .categories ul li:hover a {
                                color: #000000;
                            }

                section .projects > header .project-selector .navigation {
                    display: inline-block;
                    float: none;
                    margin-left: 86px;
                }

            section .projects > header .navigation {
                position: relative;
                float: left;
                margin-left: 26px;
                margin-top: 3px;
                cursor: pointer;
                width: 16px;
                height: 23px;
                -webkit-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
            }

                section .projects > header .navigation:before {
                    content: '';
                    width: 0;
                    height: 0;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-bottom: 8px solid black;
                    position: absolute;
                    top: 3px;
                }

                section .projects > header .navigation:after {
                    content: '';
                    width: 0;
                    height: 0;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-bottom: 8px solid black;
                    position: absolute;
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                    top: 14px;
                }

            section .projects > header h1 {
                position: relative;
                float: right;
                display: block;
                width: 65px;
                height: 64px;
                margin: 15px;
                background: url(../img/fabri-black.png);
                text-indent: -9999px;
            }

            section .projects > header .controls {
                position: relative;
                float: right;
                display: block;
                width: 35px;
                height: 35px;
                -webkit-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
                -webkit-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                transform: translateX(-20px);
                top: 35px;
                overflow: hidden;
            }

                section .projects > header .controls .close {
                    position: absolute;
                    display: block;
                    width: 25px;
                    height: 35px;
                    text-indent: -9999px;
                    -webkit-transform: translateY(0px);
                    -ms-transform: translateY(0px);
                    transform: translateY(0px);
                    -webkit-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
                }

                    section .projects > header .controls .close:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 5px;
                        background: #000000;
                        -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                        top: 10px;
                    }

                    section .projects > header .controls .close:after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 5px;
                        background: #000000;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                        top: 10px;
                    }

                section .projects > header .controls .current-project {
                    font-family: "caslon";
                    font-size: 30px;
                    position: absolute;
                    width: 25px;
                    height: 35px;
                    -webkit-transform: translateY(35px);
                    -ms-transform: translateY(35px);
                    transform: translateY(35px);
                    cursor: pointer;
                    -webkit-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
                }

                    section .projects > header .controls .current-project span {
                        width: 0;
                        height: 0;
                        border-left: 6px solid transparent;
                        border-right: 6px solid transparent;
                        border-top: 6px solid black;
                        position: absolute;
                        top: 27px;
                        left: 11px;
                        position: absolute;
                    }

                section .projects > header .controls.strip-open .close {
                    -webkit-transform: translateY(0px);
                    -ms-transform: translateY(0px);
                    transform: translateY(0px);
                }

                section .projects > header .controls.strip-open .current-project {
                    -webkit-transform: translateY(35px);
                    -ms-transform: translateY(35px);
                    transform: translateY(35px);
                }

                section .projects > header .controls.strip-closed .close {
                    -webkit-transform: translateY(-35px);
                    -ms-transform: translateY(-35px);
                    transform: translateY(-35px);
                }

                section .projects > header .controls.strip-closed .current-project {
                    -webkit-transform: translateY(0px);
                    -ms-transform: translateY(0px);
                    transform: translateY(0px);
                }

            section .projects > header .category-menu {
                position: absolute;
                width: 100%;
                text-align: center;
                -webkit-transform: translateY(-100%);
                -ms-transform: translateY(-100%);
                transform: translateY(-100%);
                -webkit-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                height: 100%;
            }

                section .projects > header .category-menu hr {
                    position: absolute;
                    width: 1px;
                    height: 100%;
                    border-top: 1px solid #ededed;
                    background: #c4c4c4;
                    top: 0;
                    left: 50%;
                    margin: 0;
                }

                section .projects > header .category-menu span {
                    position: relative;
                    margin: 0 auto;
                    display: block;
                    width: 100%;
                    margin-bottom: 25px;
                    text-transform: uppercase;
                    color: #000000;
                    opacity: 0.3;
                    font-family: "ptblisslightregular";
                    font-size: 12px;
                    background-color: #ffffff;
                    z-index: 1;
                    float: left;
                    top: 220px;
                }

                section .projects > header .category-menu ul {
                    background-color: #ffffff;
                    display: block;
                    top: 130px;
                    position: relative;
                    list-style-type: none;
                    padding: 110px 0 60px 0;
                    float: left;
                    width: 100%;
                }

                    section .projects > header .category-menu ul li {
                        font-size: 92px;
                        font-family: "caslon";
                        -webkit-transition: all 0.2s;
                        transition: all 0.2s;
                    }

                        section .projects > header .category-menu ul li a {
                            color: #d6d6d6;
                            text-decoration: none;
                        }

                        section .projects > header .category-menu ul li.selected a, section .projects > header .category-menu ul li:hover a {
                            color: #000000;
                        }

            section .projects > header.project-open .controls {
                -webkit-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                transform: translateX(-20px);
            }

            section .projects > header.intro .controls {
                -webkit-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                transform: translateX(-20px);
            }

                section .projects > header.intro .controls .close {
                    -webkit-transform: translateY(0px);
                    -ms-transform: translateY(0px);
                    transform: translateY(0px);
                }

                section .projects > header.intro .controls .current-project {
                    -webkit-transform: translateY(35px);
                    -ms-transform: translateY(35px);
                    transform: translateY(35px);
                }

            section .projects > header.category-menu-open {
                height: 100%;
            }

                section .projects > header.category-menu-open .project-category-selector .categories {
                    height: 0;
                    opacity: 0;
                }

                section .projects > header.category-menu-open .navigation {
                    height: 0;
                    opacity: 0;
                }

                section .projects > header.category-menu-open .category-menu {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                section .projects > header.category-menu-open .controls {
                    -webkit-transform: translateX(65px);
                    -ms-transform: translateX(65px);
                    transform: translateX(65px);
                }

        section .projects .projects-category-container {
            position: absolute;
            left: 0;
			right: 0;
			bottom: 0;
            top: 90px;
			background: #eeeeee;
        }

            section .projects .projects-category-container .white-box {
                position: absolute;
                width: 55px;
                height: 55px;
                background: #ffffff;
                top: calc(50% - 27px);
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

                section .projects .projects-category-container .white-box span {
                    display: block;
                    position: absolute;
                    top: 15px;
                    width: 30px;
                    height: 28px;
                    text-indent: -9999px;
                }

                section .projects .projects-category-container .white-box.visible {
                    -webkit-transform: translate(0);
                    -ms-transform: translate(0);
                    transform: translate(0);
                }

            section .projects .projects-category-container .prev {
                position: absolute;
				top: 50%;
                left: 20px;
				background: url(../img/prev.png);
				width: 30px;
				height: 56px;
				cursor: pointer;
				transform: translateY(-50%);
            }

            section .projects .projects-category-container .next {
                width: 30px;
				height: 56px;
                right: 20px;
				background: url(../img/next.png);
				position: absolute;
				cursor: pointer;
				top: 50%;
				transform: translateY(-50%);
            }

            section .projects .projects-category-container .project-intro {
                position: relative;
                float: left;
                width: 50%;
                height: 50%;
                background: rgba(0, 0, 0, 0.8);
                -webkit-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                overflow: hidden;
                z-index: 1;
                background-size: cover;
                background-position: center;
            }

                section .projects .projects-category-container .project-intro.full-width {
                    width: 100%;
                }

                section .projects .projects-category-container .project-intro.full-height {
                    height: 100%;
                }

                section .projects .projects-category-container .project-intro .project-intro-content {
                    position: relative;
                    text-align: center;
                    color: #ffffff;
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                    background-color: rgba(0, 0, 0, 0.8);
                    -webkit-transition: all 0.5s ease-in-out;
                	transition: all 0.5s ease-in-out;
					cursor: pointer;
     
                }

                    section .projects .projects-category-container .project-intro .project-intro-content:hover {
                    background-color: rgba(0, 0, 0, 0.2);
                    }

                    section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container {
                        position: relative;
                        margin: 0 auto;
                        top: 40%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        width: 400px;
                        height: 131px;
                        /*.about{
  	font-family: $fontLight;
  	font-size: 13px;
  }*/
                    }

                        section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container .title {
                            position: relative;
                            float: left;
                            display: block;
                            width: 100%;
                            font-size: 52px;
                            font-family: "caslon";
                            text-transform: lowercase;
                            text-align: center;
                        }

						section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container .about {
                            width: 100%;
							display: block;
							position: relative;
							float: left;
							margin-top: 10px;
                            font-size: 19px;
color: #FFF;
font-family: "ptblisslightregular";
line-height: 25px;
                        }

                        section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container a {
                            border: 1px solid #fff;
                            padding: 25px 50px;
                            color: #fff;
                            font-size: 12px;
                            font-family: ptblissheavybold;
                            position: relative;
                            
                            text-decoration: none;
                            text-transform: uppercase;
                            width: 160px;
                            -webkit-transition: all 0.2s ease-in-out;
                            transition: all 0.2s ease-in-out;
                            margin-top: 25px;
    						display: inline-block;
                        }

                            section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container a:hover {
                                background: rgba(0, 0, 0, 0.5);
                            }

                section .projects .projects-category-container .project-intro.hidden {
                    width: 0;
                }

            section .projects .projects-category-container .project-container {
                position: absolute;
                top: 20px;
				left: 20px;
				right: 20px;
				bottom: 20px;
                background-position: center;
                background-size: cover;
                -webkit-transition: opacity 0.5s ease-in;
                transition: opacity 0.5s ease-in;
				overflow: hidden;
            }

				section .projects .projects-category-container .project-container img{
					height: 100%;
					position: absolute;
					left: 50%;
					transform: translate(-50%);
				}

                section .projects .projects-category-container .project-container.hidden {
                    opacity: 0;
                }

                section .projects .projects-category-container .project-container .project-description {
                    position: absolute;
                    width: 730px;
                   /* height: 35px;*/
                    background: #ffffff;
                    left: 0;
					bottom:0;
                    -webkit-transition: left 0.5s ease-in;
                    transition: left 0.5s ease-in;
                    /*mais*/
                }

                    section .projects .projects-category-container .project-container .project-description.minimized {
                        left: -688px;
                        height: 35px;
                    }

                    section .projects .projects-category-container .project-container .project-description article {
                        padding: 10px 20px;
                       /* height: 165px;*/
                        overflow: hidden;
                    }

                        section .projects .projects-category-container .project-container .project-description article h1 {
                            font-family: "caslon";
                            font-size: 20px;
                            color: #000000;
							position: relative;
							float: left;
                            display: block;
                            width: 100%;
                        }

                        section .projects .projects-category-container .project-container .project-description article hr {
                            border-top: none;
                            height: 1px;
                            width: 20px;
                            background-color: #000000;
                            margin: 10px 0;
                        }

                        section .projects .projects-category-container .project-container .project-description article .description-container {
                            /*height: 15px;*/
                            overflow: hidden;
                            font-family: 'ptblissboldbold';
                            font-size: 13px;
                            color: #b2b2b2;
							/*margin-left: 10px;*/
							position: relative;
							float: left;
							top: 5px;
							/*width: 470px;*/
                            margin-bottom: 5px;
                        }

                        section .projects .projects-category-container .project-container .project-description article a {
                            position: absolute;
                            top: 0px;
                            right: 11px;
                            display: block;
                            width: 20px;
                            height: 10px;
                            text-align: center;
                            padding-top: 10px;
                            text-decoration: none;
                            z-index: 10000;
                            color: black;
                        }

            section .projects .projects-category-container .projects-strip {
                position: absolute;
                float: left;
                width: 100%;
                height: 113px;
                overflow: hidden;
                background: #000000;
                /*top: -113px;*/
                top:-93px;
                -webkit-transition: all 0.4s ease-in;
                transition: all 0.4s ease-in;
                z-index: 1;
            }

                section .projects .projects-category-container .projects-strip.open {
                    top: 0px;
                }

                section .projects .projects-category-container .projects-strip.hidden ul {
                    top: -113px;
                }

                section .projects .projects-category-container .projects-strip span {
                    position: relative;
                    display: block;
                    float: left;
                    height: 65px;
                    text-align: center;
                    padding: 48px 0px;
                    color: #ffffff;
                    background: #000000;
                    font-family: "caslon";
                    width: 170px;
                }

                section .projects .projects-category-container .projects-strip .strip-images-container {
                    position: relative;
                    float: left;
                    height: 100%;
                    width: 100%;
                }

                    section .projects .projects-category-container .projects-strip .strip-images-container.wide {
                        width: 100%;
                    }

                    section .projects .projects-category-container .projects-strip .strip-images-container ul {
                        position: absolute;
                        left: 0;
                        list-style-type: none;
                        width: 100%;
                        height: 113px;
                        top: 0;
                        overflow: hidden;
                        background: #000000;
                        -webkit-transition: top 0.5s ease-in;
                        transition: top 0.5s ease-in;
                    }

                        section .projects .projects-category-container .projects-strip .strip-images-container ul li {
                            position: relative;
                            float: left;
                            width: 173px;
                            height: 113px;
                            background-size: cover;
                            background-position: center center;
                            display: table;
                            background-repeat: no-repeat;
                            /*.counter{
  								position: absolute;
  								top: 0;
  								right: 0;
  								width: 50%;
  								border-left: 4px solid #000000;
  								display: table;
  								background: #ffffff;
  								height: 100%;
  								text-align: center;
  								color: #000000;
  								font-size: 12px;
  
  								.counter-container{
  									display: table-cell;
  									vertical-align: middle;
  
  									.title{
  										opacity: 0.3;
  										text-transform: uppercase;
  										font-family: $fontLight;
  									}
  
  									.current{
  										font-family: $fontHeavyBold;
  									}
  
  									.total{
  										font-family: $fontHeavyBold;
  										color: #8c8c8c;
  									}
  								}
  							}*/
                        }

                            section .projects .projects-category-container .projects-strip .strip-images-container ul li a {
                                position: relative;
                                color: #ffffff;
                                display: table-cell;
                                vertical-align: middle;
                                font-size: 102px;
                                font-family: "caslon";
                                text-align: center;
                                text-decoration: none;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(0, 0, 0, 0.7);
                            }

                                section .projects .projects-category-container .projects-strip .strip-images-container ul li a:hover {
                                    background-color: transparent;
                                }

                            section .projects .projects-category-container .projects-strip .strip-images-container ul li.other {
                                width: 78px;
                            }

                                section .projects .projects-category-container .projects-strip .strip-images-container ul li.other a {
                                    position: absolute;
                                    display: block;
                                    right: 0;
                                    height: 65px;
                                    text-align: center;
                                    padding: 48px 10px;
                                    color: #ffffff;
                                    background: #000000;
                                    font-family: "caslon";
                                    text-transform: uppercase;
                                    text-decoration: none;
                                    font-size: 12px;
                                    width: 100%;
                                }

                                    section .projects .projects-category-container .projects-strip .strip-images-container ul li.other a:before {
                                        content: '';
                                        width: 0;
                                        height: 0;
                                        border-left: 6px solid #ffffff;
                                        border-top: 6px solid transparent;
                                        border-bottom: 6px solid transparent;
                                        position: absolute;
                                        top: 27px;
                                        left: 46px;
                                    }

                            section .projects .projects-category-container .projects-strip .strip-images-container ul li.selected a {
                                background-color: transparent;
                            }

            section .projects .projects-category-container.wide .slider-container {
                width: 100%;
            }

            section .projects .projects-category-container .project-container .project-description article header h1 {
                left: 50px;
                text-transform: uppercase;
            }

.bottomNav {
    text-align: center;
    padding: 35px 0;
    background: #000;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "caslon";
}

    .bottomNav ul {
        text-align: center;
    }

        .bottomNav ul li {
            display: inline-block;
            position: relative;
            line-height: 0;
        }

            .bottomNav ul li a {
                color: #FFF;
                text-decoration: none;
                padding: 0 0 5px 0;
            }

                .bottomNav ul li a.on {
                    border-bottom: 3px solid #FFF;
                }

                .bottomNav ul li a:hover {
                    border-bottom: 3px solid #FFF;
                }

            .bottomNav ul li:first-child::before {
                content: '';
            }

            .bottomNav ul li::before {
                content: '/';
                margin: 0 8px 0 4px;
            }

footer {
    position: relative;
    background: #FFF;
    padding-top: 14px;
    padding-bottom: 14px;
    overflow: hidden;
}

    footer aside {
        width: 50%;
        display: inline-block;
    }

        footer aside.left {
            float: left;
            text-align: right;
        }

            footer aside.left ul {
                float: right;
            }

            footer aside.left li {
                float: left;
            }

        footer aside.right {
            float: right;
            text-align: left;
        }

            footer aside.right ul {
                float: left;
            }

            footer aside.right li {
                float: right;
            }

        footer aside ul li {
            display: inline-block;
            font-family: "ptblisslightregular";
            font-size: 12px;
            color: #9a9a9a;
            padding-top: 20px;
        }

            footer aside ul li a {
                width: 16px;
                height: 16px;
                background: #FFF;
                display: block;
            }

                footer aside ul li a.fb {
                    background: url("../img/footer-fb.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 20px;
                    margin-right: 10px;
                }

                footer aside ul li a.linkedin {
                    background: url("../img/footer-linkedin.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                footer aside ul li a.googleplus {
                    background: url("../img/footer-googleplus.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 10px;
                }
                footer aside ul li a.instagram {
                    background: url("../img/footer-insta.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                footer aside ul li a.pin {
                    background: url("../img/footer-pin.png") no-repeat center center;
                    text-indent: -9999px;
                    font-size: 0;
                    overflow: hidden;
                    position: relative;
                    top: -5px;
                    margin-left: 10px;
                    margin-right: 20px;
                }

.sitemap footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.stickerNews {
    height: 210px;
    width: 400px;
    position: fixed;
    top: 15%;
    right: -240px;
    background: #000;
    z-index: 1500;
    overflow: hidden;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

    .stickerNews:hover {
        right: 0;
    }

        .stickerNews:hover a::before {
            opacity: 0;
        }

    .stickerNews a {
        display: block;
        height: 210px;
        width: 400px;
        position: relative;
        float: left;
    }

        .stickerNews a hr {
            display: block;
            height: 1px;
            background: #8e8c8b;
            width: 133px;
            position: absolute;
            left: 25px;
            top: 175px;
            border: 0;
        }

        .stickerNews a span {
            position: absolute;
            color: #FFF;
            left: 25px;
            top: 150px;
            font-family: "caslon";
            font-size: 20px;
        }

        .stickerNews a::before {
            content: '';
            width: 160px;
            height: 210px;
            position: absolute;
            left: 0;
            top: 0;
            background: #000;
            opacity: 0.7;
            -webkit-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

        .stickerNews a article {
            float: right;
            color: #FFF;
            width: 210px;
            padding: 25px 10px 20px 20px;
        }

            .stickerNews a article h1 {
                font-family: "caslon";
                font-size: 20px;
                text-transform: uppercase;
                margin-bottom: 10px;
            }

            .stickerNews a article p {
                font-family: "ptblisslightregular";
                font-size: 20px;
                font-weight: 300;
                margin: 10px 0;
                line-height: 26px;
            }

            .stickerNews a article em {
                font-style: normal;
                font-size: 12px;
                font-family: "caslon";
                text-transform: uppercase;
            }

                .stickerNews a article em::before {
                    content: url("../img/slider-arrow-left-nano-white.png");
                    margin-right: 5px;
                    position: relative;
                    top: 2px;
                }

.home .aboutus {
    margin-bottom: 130px;
}

.home .contacts {
    background: #000;
    color: #FFF;
    padding: 110px 0 0 0;
}

    .home .contacts h1 {
        color: #FFF;
    }

    .home .contacts .locations article {
        color: #FFF;
    }

        .home .contacts .locations article a {
            color: #FFF;
        }

        .home .contacts .locations article span::before {
            content: url("../img/icon-location-black.png");
        }

        .home .contacts .locations article p:nth-of-type(1)::before {
            content: url("../img/icon-phone-black.png");
        }

    .home .contacts .formBtn {
        text-align: center;
        margin: 0 0 95px 0;
    }

        .home .contacts .formBtn a {
            width: 370px;
            line-height: 60px;
            background: #FFF;
            color: #000;
            font-style: normal;
            font-size: 18px;
            font-family: "caslon";
            text-transform: uppercase;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            border: 1px solid #FFF;
        }

            .home .contacts .formBtn a::before {
                content: url("../img/icon-mail-big-dark.png");
                position: relative;
                top: 5px;
                left: -10px;
            }

            .home .contacts .formBtn a:hover {
                border-color: #FFF;
                background: #000;
                color: #FFF;
            }

                .home .contacts .formBtn a:hover::before {
                    content: url("../img/icon-mail-big-white.png");
                }

    .home .contacts .homeForm {
        background: #FFF;
        padding: 60px 0 110px 0;
        display: none;
    }

        .home .contacts .homeForm .form {
            background: #FFF;
            margin: 0 auto;
        }

            .home .contacts .homeForm .form #msg p {
                color: #000;
            }

            .home .contacts .homeForm .form .submitBlock p {
                color: #000;
            }

/*Slider*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 48%;
    display: block;
    width: 30px;
    height: 56px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 20px;
        line-height: 1;
        opacity: 1;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -70px;
}

[dir='rtl'] .slick-prev {
    right: -70px;
    left: auto;
}

.slick-prev:before {
    content: url("../img/slider-arrow-left.png");
}

[dir='rtl'] .slick-prev:before {
    content: url("../img/slider-arrow-left.png");
}

.slick-next {
    right: -70px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -70px;
}

.slick-next:before {
    content: url("../img/slider-arrow-right.png");
}

[dir='rtl'] .slick-next:before {
    content: url("../img/slider-arrow-right.png");
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 40px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 6px;
            height: 6px;
            padding: 0px;
            margin: 0 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: #FFF;
            border-radius: 50%;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover::before,
                .slick-dots li button:focus::before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    background: transparent;
                    border: solid 2px #FFF;
                    top: -5px;
                    left: 0px;
                }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 0.8;
                }

            .slick-dots li button:before {
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 14px;
                height: 14px;
                text-align: center;
                opacity: 1;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            content: '';
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: transparent;
            border: solid 2px #FFF;
            top: -5px;
            left: 0px;
        }

@-webkit-keyframes hide {
    0% {
        opacity: 0;
        display: none;
    }

    100% {
        opacity: 1;
    }
}


/*ADD*/
section.woweare .interview a::before {
                 width: 600px;
            height: 600px;
            position: absolute;
            top: 0px;
            left: 0;
            z-index: 1013;
            content:'';
            background:rgba(0,0,0,0.40);
            }
section.woweare .interview a {
display:block;
position:relative;
height:600px;
width: 600px;
}
    section.woweare .interview a article {
    z-index:1015;
    }


    /**/
@media only screen and (max-width : 1440px) {
    section .projects > header .category-menu ul li {
        font-size: 52px;
    }
    section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container .about {
        font-size: 16px;
    }
}

/*Responsive*/
@media only screen and (max-width : 768px){

    #hpLang {
        position: relative;
        float: right;
        top: 20px;
        margin: 0 20px 0 0;
        right: 0;
    }

    input {
    -webkit-appearance: none;
    border-radius: 0;
}
    header {
        width: 100%;
    }

    .header {
        display: block;
        background: #FFF;
        height: 90px;
        position: fixed;
        z-index: 1500;
        width: 100%;
        height: 60px;
    }

    .header a.menu span {
        background: #000 !important;
    }
    .header a.menu span::after {
        background: #000 !important;
    }
    .header a.menu span::before {
        background: #000 !important;
    }

    #menu .nav ul li {
        margin:10px 0 0 0;
    }
    #menu ul.social {
        position: relative;
        z-index: 10;
    }

    .menu {
    top: 20px;
    left:20px;
    }
    #menu .nav a.close {
        top: 20px;
    }
    
    #menu {
        left: -320px;
        width: 320px;
    }   

    #menu.open {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    #menu .nav ul {
        margin-top: 40px;
    }
    #menu .nav {
        padding: 15px 40px;
    }
    
     section.intro article img {
        width: 40%;
    }
    section.intro article h1 {
        font-size: 40px;
        margin-top: 30px;
    }
    section.intro article ul li {
        font-size: 11px;
    }
    section.intro article h2 {
        font-size:10px; 
    }
    section.intro p {
        font-size: 10px;
        bottom: 30px;
    }
    nav {
        display: none !important;
    }
    section.whatwedo {
        height: auto;
    }
    section.whatwedo::before {
        top: -20px;
    }
    section.whatwedo h1 {
        font-size: 50px;
        margin-bottom:30px;
    }
    section.whatwedo .photos {
        margin:0;
        height: auto;
    }
    section.whatwedo .photos div div article h1 {
        font-size: 24px;
    }
    section.whatwedo .photos div div .button a {
        width: 280px;
        margin-bottom: 30px;
    }
    section.whatwedo .photos div div article {
        -webkit-transform:none;
        transform:none;
        top: 0;
        padding-top: 40px;
    }
    section.whatwedo .photos div div .button {
        position: relative;
        margin-bottom: 30px;
        bottom: 0;
    }
    section.woweare h1 {
        font-size: 50px;
    }
    section.woweare h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 75px;
    }
    section.whatwedo::before {
        height: 70px;
    }
    section.woweare::before {
        height: 150px;
    }

    section.woweare .interview {
         width: 100%;
        position: relative;
        top: 0;
        left:0;
        height: auto;
        margin-bottom: 25px;
    }
    section.woweare .interview a {
         width: 100%;
        max-width: 320px;
        text-decoration: none;
        overflow: hidden;
        max-height:320px; 
        height: 320px;
        margin: 0 auto;
    }
    section.woweare .interview a::before {
         width: 100%;
        max-width: 320px;
         max-height:320px; 
        height: 320px;
        
    }
    section.woweare .interview img {
        max-width: 600px;
        width: 100%;
        height: 320px;
    }
    section.woweare .interview article {
        position: absolute;
        text-decoration: none;
        bottom: 10px;
    }
    section.woweare .interview article hr {
        margin: 5px 0;
    }
    section.woweare .interview article h1 {
        font-size: 34px;
        margin: 0 0 0 20px;
    }
    section.woweare .interview article cite {
        margin: 10px 0 10px 20px;
    }
    section.woweare .interview article p {
        font-size: 14px;
        margin: 0 0 0 20px;
        line-height: 19px;
    }
     section.woweare .brand {
         width: 100%;
        position: relative;
        top: 0;
        left:0;
    }
    section.woweare .brand article {
        width: 100%;
        margin: 0 auto;

    }
    section.woweare .brand article a img {
        width: 100%;
        max-width: 100% !important;
    }
    section.woweare .brand article a h1 {
        font-size: 34px;
        margin: 0 0 0 20px;
    }
    section.woweare .brand article a p {
        font-size: 14px;
        margin: 0 0 0 20px;
        line-height: 19px;
    }
    section.woweare .brand article a cite {
        margin: 10px 0 25px 20px;
    }
     section.woweare .factory {
         width: 100%;
        position: relative;
        top: 0;
        left:0;
        height: 100%;
        min-height: 164px;
    }
    section.woweare .factory article {
        display: inline-table;
        width: 210px;
        bottom: 70px;
    }
    section.woweare .factory article p {
        font-size: 14px;
        line-height: 19px;
        margin: 10px 0 10px 0;
    }
    section.woweare .factory article hr {
        margin: 5px 0;
    }
    section.woweare .factory article h1 {
        font-size: 34px;
    }
    section.woweare .factory img {
        width: 100%;
        height: auto;
    }

    section.woweare .showroom {
        position: relative;
        width: 100%;
        left:0;
        top: 0;
    }
    section.woweare .showroom article a img {
        height: auto;
        width: 100%;
    }
    section.woweare .showroom article a h1 {
        font-size: 34px;
        margin: 25px 30px 0 0;
    }
    section.woweare .showroom article a p {
        font-size: 14px;
        line-height: 19px;
    }
    section.woweare::after {
        height: 150px;
    }

    section.aboutus {
        width: 100%;
        padding-top: 0;
    }
    section.aboutus h1 {
        font-size: 50px;
        line-height: 45px;
        margin-bottom: 20px;
    }
    section.aboutus .totalRanking {
        display: none;
    }
    section.aboutus article span em {
        display: none;
    }
    section.aboutus article h1 {
        font-size: 24px;
        line-height: 26px;
        width: 90%;
        margin: 0 auto;
    }
    section.aboutus article {
        margin:20px 0; 
    }
    section.aboutus .buttons a {
        margin-bottom: 10px;
    }
    .home .aboutus {
        margin-bottom: 75px;
    }
    section.contacts .form {
        width: 100%;
    }
    section.contacts .form h2 {
        font-size: 34px;
        margin-bottom: 25px;
    }
    section.contacts .form .row {
        width: 100%;
        text-align: center;
    }
    section.contacts .form .row select {
        width: 96%;
        margin: 5px auto;
    }
    section.contacts .form .row input {
        width: 80%;
        margin: 5px auto;
    }
    section.contacts .form .row input.small {
        width: 80%;
    }
    section.contacts .form .row textarea {
        width: 80%;
        margin: 5px auto;
    }
    .home .contacts .homeForm {
            padding: 30px 0 55px 0;
    }
    section.contacts .form .submitBlock input[type="submit"] {
        float: none;
        width: 90%;
        margin: 10px auto;
    }
    section.contacts .form .submitBlock input {
         min-width: 125px;
         margin: 0 17px;
         font-size: 10px;

    }
    section.contacts .form .submitBlock {
        margin-top: 20px;
    }
    section.contacts .form #msg {
        width: 90%;
        margin: 5px auto;
        font-size: 20px;
    }

    section.contacts .form .list label {
        width: 80%;
        margin-bottom: 20px;
    }

    section.contacts img.logo {
        width: 50%;
        height: auto;
        margin-bottom:30px;
    }
    .home .contacts {
        padding-top: 55px;
    }
    section.contacts h1 {
        font-size: 42px;
    }
    section.contacts .locations {
        padding: 40px 0 0 0
    }
    section.contacts .locations article {
        margin: 0 auto 40px auto;
        display: block;
        height: auto;
    }
    section.contacts .locations article .phones {
        position: relative;
        margin-top: 20px;
    }
    .home .contacts .formBtn {
        margin-bottom: 40px;
    }
    .home .contacts .formBtn a {
        width: 90%;
        margin: 5px auto;
    }
    footer aside {
        width: 50%;
    }
   footer aside ul li a.fb {
    margin-left:0;
    }
    footer aside.left {
        float: left;
        text-align: center;
    }
    footer aside.left li {
        float: left;
    }
    footer aside.left ul {
        width: 50%;
    }
    footer aside.left li:first-child {
        width: 100%;
        float: none;
        display: none;
    }

    footer aside.right {
        float: none;
        text-align: center;
    }
    footer aside.right li {
        float: right;
    }
    footer aside.right ul {
        width: 60%;
    }
    footer aside.right li:first-child {
        width: 100%;
        float: none;
        display: none;
    }


    /*Quem Somos*/
    a.fabri {
        display: none;
    }
    header h1 {
        top: 20px;
        left:55px;
        font-size: 20px;
    }
    section.history {
        width: 320px;
        padding-top: 35px;
    }
    section.history hr.vert {
        margin: 20px auto;
    }
    section.history img {
        width: 50%;
    }
    section.history h1 {
        font-size: 50px;
    }
    section.history h2 {
        margin-top: 20px;
        font-size: 18px;
        line-height: 22px;
        margin: 20px auto;
        width: 90%;
    }

    section.history p {
        padding: 0 20px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -o-column-count: 1;
        -ms-column-count: 1;
        column-count: 1;
        margin-bottom: 20px;
    }

    section.history .founder {
        padding:20px 0 0px 0;
        width: 320px;
        text-align: center;
        margin-bottom: 30px;
    }
    section.history .founder img {
        width: 100%;
        height: auto;
    }
    section.history .founder h2 {
        margin-top: 20px;
        font-size: 34px;
        line-height: 35px !important;
        margin-left: 20px;
    }
    section.history .founder p {
         font-size: 14px;
        line-height: 19px;
    }
    section.history .founder a.btn {
        margin: 0 auto;
        float: none;
    }
    section.factory {
        margin: 20px 0 0 0;
    }
    section.factory h3 {
        font-size: 50px;
        padding: 0 0 30px 0;
    }
    section.factory .factorySliderBlock {
        width: 320px;
    }
    section.factory .factorySliderBlock .factorySlider {
        width: 320px;
    }
    section.factory .factorySliderBlock .factorySlider .slick-slide img {
        width: 100%;
    }
    section.factory .factorySliderBlock .factorySlider .slick-slide {
    }
    section.factory .factorySliderBlock p {
        position: relative;
        width: auto;
        font-size: 14px;
        line-height: 19px;
        padding: 10px 20px;
    }
    section.factory .factorySliderBlock .slick-dots {
        bottom: 100px;
    }
    section.showroom::before {
        height: 60px;
        margin: 0 auto 20px auto
    }
    #menu footer {
        position: relative;
        width: 280px;
    }

    section.showroom {
        width: 320px;
        height: auto;
        padding: 0px 0 60px 0;
    }
    section.showroom h1 {
        font-size: 50px;
        margin-bottom: 30px;

    }
    section.showroom .showroomPhotos {
        width: 320px;
        margin: 25px auto 0 auto;
    }
    section.showroom .showroomPhotos .portugal {
        position: relative;
        left: 0px;
        top: 0;
    }
    section.showroom .showroomPhotos .africa {
        position: relative;
        left: 0px;
        top: 0;
        width: 320px;
    }
    section.showroom .showroomPhotos h2 {
        text-align: center;
        font-size: 34px;
        margin: 30px 0 50px 0; 
    }

    section.showroom .showroomPhotos .portugal ul {
        margin-left: 20px;
    }
    section.showroom .showroomPhotos .portugal ul li {
        font-size: 14px;
    }

    section.showroom .showroomPhotos figure {
        width: 320px;
        position: relative;
        left:0;
        top: 0;
    }
    section.showroom .showroomPhotos figure  img {
        width: 320px;
    }
    section.showroom .showroomPhotos figure:nth-of-type(1) {
         width: 320px;
        height: 320px;
        position: relative;
        left:0;
        top: 0;
    }
    section.showroom .showroomPhotos figure:nth-of-type(2) {
         width: 320px;
        height: 212px;
        position: relative;
        left:0;
        top: 0;
    }
    section.showroom .showroomPhotos figure:nth-of-type(3) {
         width: 320px;
       height: 212px;
        position: relative;
        left:0;
        top: 0;
    }
     section.showroom .showroomPhotos figure:nth-of-type(4) {
         width: 320px;
       height: 320px;
        position: relative;
        left:0;
        top: 0;
    }
    section.showroom .showroomPhotos .africa {
        position: relative;
        left:0;
        top: 0;
    }
    section.showroom .showroomPhotos .africa ul {
        margin-left: 20px;
    }
    section.showroom .showroomPhotos .africa ul li {
        font-size: 14px;
    }

    section.press {
        width: 320px;
        min-height: auto;
        padding-top: 30px;
        max-height: auto;
        height: auto;
    }
    section.press p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    section.press h1 {
        font-size: 50px;
    }
    section.press hr.vert {
        margin: 20px auto;
        height: 50px;
    }
    section.press a {
        position: relative;
        margin: 0 auto 10px auto;
        width: 300px;
        top: 0 !important;
        left:0 !important;
        right:0 !important;
    }
    section.press a img {
        width: 300px;
    }

    section.news {
        width: 320px;
        margin: 0 auto;
    }
    section.news article figure img {
        width: 320px;
        height: auto;
    }
    section.news article h1 {
        width: 320px;
        font-size: 50px;
        text-align: center;
        margin-top: 0;
    }
    section.news article figure figcaption {
        width: 260px;
         font-size: 14px;
        line-height: 19px;
        padding: 20px 30px;
    }
    section.news article hr {
        display: none;
    }

    section.news article span {
        width: 320px;
        margin-left: 20px;
        margin-top: 0;
    }
    section.news article h2 {
        width: 280px;
        padding: 0 20px;
        font-size: 45px;
        line-height: 40px;
    }
    section.news article p {
        font-size: 14px;
        line-height: 19px;
        padding: 0 20px;
    }
    section.news .archive {
        margin:30px 0 0px 0;
    }
    section.news .archive aside {
        width: 320px;
    }
    section.news .archive aside a {
        width: 320px;
        padding: 0;
    }
    section.news .archive aside a.prev {
        background:url("../img/slider-arrow-left-small.png") no-repeat 15px 50%;
        padding: 0;
    }
    section.news .archive aside a.next {
        background:url("../img/slider-arrow-right-small.png") no-repeat 300px 50%;
        padding: 0;
    }
    section.news .archive aside a h4 {
        max-width: 170px;
    }

    section .projects > header .menu {
        top: 20px;
        left:20px;
        margin: 0 10px 0 0 ;
    }
    section .projects > header .project-category-selector span {
        
        font-size: 20px;
    }
    section .projects > header .project-category-selector {
        margin-top: 0;
        font-size: 20px;
        top: 20px;
        left: 20px;
        position: relative;
    }
    section .projects > header {
        background: #FFF;
            position: relative;
    z-index: 14
    }
    section .projects > header.project-open {
        z-index: 1500;
        
    }
    section .projects > header.project-open span {
        letter-spacing: normal;
    }

    section .projects > header .project-category-selector span {
        font-size: 12px;
        margin: 0;
        top: 5px;
    }

    section .projects > header .category-menu span {
        top: 110px;
        font-size: 10px;
    }

    section .projects > header .category-menu ul {
        top: 60px;
    }
    section .projects > header .category-menu ul {
        padding: 40px 0 50px 0;
    }

    section .projects > header .category-menu ul li {
        font-size: 40px;
    }
    section .projects .projects-category-container {
        width: 320px;
        position: relative;
        top: 0;
        left: 0;
    }
    section .projects .projects-category-container .project-intro {
        width: 100%;
        height: 90%;
    }
    section .projects .projects-category-container .project-intro .project-intro-content {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    section .projects .projects-category-container .project-intro.full-height {
         width: 100%;
        height: 90%;
    }
    section .projects .projects-category-container .next {
        right: 10px;
    }
    section .projects .projects-category-container .prev{
        left:10px;
    }

    section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container .title {
        width: 300px;
        text-align: center;
        margin: 0 auto 20px auto;
        font-size: 34px;
    }
    section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container .about {
        width: 300px;
        text-align: center;
        margin: 0 auto;
        font-size: 12px;
        line-height: 17px;
    }
    section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container a {
        padding: 15px 25px;
        font-size: 11px;
    }



    section .projects .projects-category-container .project-intro .project-intro-content .project-intro-content-container {
        width: 320px;
    }
    section.projectList {
        overflow: auto;
    }
    section .projects {
        overflow: auto;
        background: #eeeeee;
    }
    section .projects .projects-category-container .projects-strip {
        display: none;
    }
    section .projects .projects-category-container .project-container img {
        left: 0;
        -webkit-transform:none;
        transform:none;
        min-width: 280px;
    }

    section .projects .projects-category-container .project-container .project-description {
        width: 280px;
    }
    section .projects .projects-category-container .project-container .project-description.minimized {
        left: -240px;
    }
    section .projects .projects-category-container .next {
        width: 16px;
        height: 30px;
        background: url(../img/next-mobile.png);
    }
    section .projects .projects-category-container .prev {
        width: 16px;
        height: 30px;
        background: url(../img/prev-mobile.png);
    }


    .stickerNews {
        display: none;
    }

    header {
        height: 60px;
        width: 320px;
    }

    .header .news {
        position: relative;
        float: right;
        top: 20px;
        right: 20px;
        color: #000;
        font-family: "caslon";
        text-decoration: none;
        font-size: 18px;
        display: block;

        margin-right: 10px;
    }
    .header .news::after {
        content: '';
        content: url('../img/slider-arrow-right-nano.png');
        width: 6px;
        height: 11px;
        display: block;
        display: inline-block;
        position: relative;
        margin-left: 5px;
        top: -2px;
    }


    .bottomNav ul li {
        display: block;
        position: relative;
        line-height: 15px;
        width: 100%;
        padding: 10px 0;
    }
    .bottomNav {
        padding: 15px 0;
    }
    .bottomNav ul li::before {
        content: '';
        margin: 0;
        display: none;
    }




    section.interview {
        width: 320px;
        padding-top: 0;
    }
    section.interview article figure {
        width: 320px;
    }
    section.interview article h1 {
        width: 320px;
        text-align: left;
        margin-left: 40px;
        font-size: 50px;
    }
    section.interview article .back {
        margin:20px 0 20px 40px;
    }
    section.interview article figure figcaption {
        width: 260px;
        font-size: 16px;
        line-height: 20px;
    }
    section.interview article figure {
        margin-bottom: 0;
    }
    section.interview article figure img {
        width: 320px;
        height: auto;
    }
    section.interview article h2 em {
        font-size: 35px;
        width: 320px;
        display: block;
        line-height: 50px;
    }
    section.interview article h2 {
        width: 320px;
        font-size: 35px;
    }
    section.interview article aside:nth-of-type(1) {
        margin-top: 0;
    }
    section.interview article aside p {
        padding: 0 20px;
    }
    section.interview article aside {
        width: 320px;
    }
    section {
        margin: 0 auto;
    }
    header {
        width: 100%;
    }
    .section .projects .projects-category-container {
        width: 100%;
    }
    section .projects .projects-category-container {
        width: 100%;
    }


    section .projects .projects-category-container .project-container img {
        height: auto;
        width: 100%;
        top: 50%; left: 50%;

        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
    }

    section .projects .projects-category-container .project-intro.full-height {
        height: 100%;
    }

    .productsHeaderMobile header {
        display: none;
    }
    .productsHeaderMobile section .projects > header {
        display: block;
    }

@media only screen and (max-width : 512px) {
      section.woweare .factory article {
       top: 8%;
    }
}



@media only screen and (max-width : 767px) {
    .hide4Mobile {
        display: block;
    }
}

@media screen and (orientation: landscape) and (max-width: 768px) {

	
	.projects-page > header {
		display: none
	}
	.projects-page section .projects > header.project-open {
		//display: none;
	}

    section .projects .projects-category-container .project-container img {
        width: initial !important;
		min-width: initial !important;
        height: 100%;
		top: initial;
		left: initial;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		margin: auto;
		position: relative;
    }
	
	section .projects .projects-category-container .project-container {
		top: 0;
    	left: 0;
	    right: 0;
	    bottom: -30px;
		overflow: initial;
		text-align: center;
	}

	section .projects .projects-category-container .project-container .project-description {
    	position: relative;
    	width: 100%;
    	text-align: left;
	}

	section .projects .projects-category-container .project-container .project-description article a {
		display: none;
	}

	section .projects .projects-category-container .project-container .project-description article h1 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	section .projects .projects-category-container .project-container .project-description article .description-container {
		font-size: 17px;
    	font-family: ptblissregularregular;
	}

	section .projects .projects-category-container .project-container .project-description article {
		padding: 20px 20px;
	}

	section .projects .projects-category-container .project-container .project-description.minimized {
	    left: 0;
	    height: auto;
	}
}