/*
    logo 0d3f8a
    dark 031A3D
    bright 2A6FD6
    brown 3D2900
    mustard 8A600D

    pale e6ecf2


    0d3f8a => #080808
*/

/*@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosisbold';
    src: url('/fonts/dosis-bold-webfont.woff2') format('woff2'),
         url('/fonts/dosis-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosisregular';
    src: url('/fonts/dosis-regular-webfont.woff2') format('woff2'),
         url('/fonts/dosis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


body {
    /*padding-top: 30px;*/
    /*font-family: "open_sansregular",sans-serif;#*/

    font-family: 'Crimson Text', serif;
    font-size: 160%;
}
/*body.projects .page {
         background-color: black;
         color: white;
 }*/

h1, h2, h3, h4, h5, h6 {
    /*font-family: "dosisregular",sans-serif;*/
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
}

/* override bootstrap */
h1, .h2, .h3, h1, h2, h3 {
    margin: 0px;
    padding: 1em 0 .75em 0;
}

p {
    margin: 0;
    padding: 0 0 1em 0;
}

.container .row .container {
    width: inherit;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

ul.nav {
    padding-top: 6px;
}

.navbar {
    min-height: 70px;
}

#navbar {
    min-height: 70px;
    padding-top: 20px;
}

.navbar-default {
    border: 0;
    background-color: #fff;
}

.navbar-brand {
    /*padding-top: 9px;*/
}

.navbar-default .navbar-nav > li > a {
    color: #080808;
}

.leftMenu li, .leftMenu li a {
    display: block;
}

    .leftMenu li a.active, .leftMenu li a:hover {
        background-color: #e6ecf2;
        color: #080808;
    }

.leftMenu .navTop {
    font-weight: 700;
}

.leftMenu .navItem {
    margin-left: 5px;
}



.page {
    margin-top: 100px;
}

.section_children.row {
    margin-right: inherit;
    margin-left: inherit;
}



/* simplismo */

a.readmore {
    font-size: .8em;
    line-height: .8em;
    background-color: #080808;
    color: #fff;
    border-radius: 5px;
    padding: .5em 1em;
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.page {
    padding-bottom: 3em;
}

body.home .page, body.contact .page {
    padding-bottom: 0;
}

p.page_intro, p.section_intro {
    font-family: 'Julius Sans One', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
}

p.block_intro {
    padding-top: 1em;
}


section {
    padding-bottom: 1em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.section_children {
    overflow: hidden;
}

.block {
    /*background-color: #eee;
    color: #111;*/
}

.carousel img {
    width: 100%;
}

element.style {
}

.carousel-caption {
    max-height: 100%;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.promoGrid {
    margin-top: 50px;
}

.n_projects h1 {
    margin-bottom: -50px;
}

.promoGrid_inner {
    /*min-height: 575px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

    .promoGrid_inner:hover {
        -webkit-transition: background-image 500ms linear;
        -moz-transition: background-image 500ms linear;
        -o-transition: background-image 500ms linear;
        transition: background-image 500ms linear;
    }

.promoGrid_children {
    background-color: transparent;
}

    .promoGrid_children .row {
        margin: 0;
    }

.promoGrid .cell {
    /*margin: 5px auto;
    min-height: 60px;*/
    text-align: center;
    border: 5px solid #fff;
    background-color: #fff;
    padding: 0;
}

    .promoGrid .cell.active {
        background-color: transparent;
    }

    .promoGrid .cell a img {
        margin: auto;
    }

    .promoGrid .cell a {
        width: 100%;
        height: 100%;
        display: block;
        border: 1px solid #cecece;
    }

/* specific */

.n_straplineSection {
    padding-top: 1em;
    padding-bottom: 2em;
}

    .n_straplineSection img {
        float: right;
    }

.n_aboutSection {
    /*background-color: #e6ecf2;*/
    background-color: #080808;
    background-image: url('/media/1221/wood-bg.jpg');
    color: #fff;
    text-align: center;
}

    .n_aboutSection a {
        color: #e6ecf2;
    }

.n_designSection {
    text-align: center;
}

    .n_aboutSection h2, .n_designSection h2 {
        background-color: #e6ecf2;
        color: #000;
        border-radius: 3em;
        line-height: 4em;
        width: 6em;
        height: 6em;
        margin: 1em auto;
        vertical-align: middle;
    }

body.aboutUs .page_children {
    background-color: #e6ecf2;
    margin-top: 2em;
    padding-top: 2em;
}


.n_addressAndMap {
    color: white;
    /*background-image: url('/media/1160/bg-1.jpg');
    background-image: url('/media/1161/bg-2.jpg');
    background-image: url('/media/1162/bg-3.jpg');
    background-image: url('/media/1163/bg-4.jpg');
    background-image: url('/media/1164/bg-5.jpg');
    background-image: url('/media/1165/bg-6.jpg');
    background-image: url('/media/1166/bg-7.jpg');
    background-image: url('/media/1167/bg-8.jpg');
    background-image: url('/media/1168/bg-9.jpg');*/

    background-image: url('/media/1167/bg-8.jpg');
}

.block.n_address {
    padding-left: 0;
}

.block.n_map {
    padding-right: 0;
}

.n_whatWeDoCollection {
    padding-top: 2em;
}

    .n_whatWeDoCollection .article_inner {
        text-align: center;
        margin: auto;
        margin-bottom: 2em;
    }

        .n_whatWeDoCollection .article_inner img {
            margin: auto;
        }

.n_promos .promo_inner {
    text-align: center;
}

    .n_promos .promo_inner img {
        margin: auto;
    }

.elements section.container-fluid.n_section {
    /*background-color: #ddd;*/
}

.n_aCollection .row {
    margin-left: 0;
    margin-right: 0;
}

.n_aCollection .block {
    border: 2px solid #999;
    border-radius: 5px;
    margin-top: 1em;
    /*margin-left: 7px;*/
    margin-right: 15px;
    /*background-color: #eee;*/
}

    .n_aCollection .block:first-child {
        /*margin-left: 0px;*/
    }

    .n_aCollection .block:last-child {
        margin-right: 0px;
    }

.n_tabs {
    /*background-color: #4F4F59;*/
}

.n_accordion {
    /*background-color: #888899;*/
}

    .n_accordion h2 {
        color: #eee;
    }

.n_carousel {
    /*background-color: #44444C;*/
}

.collection_inner {
    padding: 0 15px; /*background-color: #ccc; color: #333; */
    padding-bottom: 1em;
}

.collection .article {
    padding: 0 15px; /*background-color: #bbb; color: #222;*/
    border-top: 1px solid #666;
}

section.container-fluid.n_whatIsSimplismo {
    /*background-color: #44444C;
    color: #C1C0D9;*/
    /*margin-top: 1em;*/
    padding-bottom: 2em;
}

/* section.section2 {
    margin: 3em 0;
    padding-bottom: 2.5em;
}*/

.navbar-default {
    /*background-color: #4F4F59;
    border-color: #C1C0D9;*/
}

    .navbar-default .navbar-nav > li > a {
        /*color: #C1C0D9;*/
        font-size: 1em;
        line-height: 1em;
    }

        .navbar-default .navbar-nav > li > a.active,
        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a:hover {
            background-color: #080808;
            border-radius: 5px;
            color: white;
        }

    .navbar-default .navbar-brand {
        /*color: #C1C0D9;*/
        max-width: 80%;
    }

        .navbar-default .navbar-brand:focus,
        .navbar-default .navbar-brand:hover {
            /*color: #eee;*/
        }

.footer {
    /*background-color: #4F4F59;
    color: #C1C0D9;*/
    background-color: #031A3D;
    color: #e6ecf2;
    font-size: smaller;
    position: relative;
    min-height: 50px;
    /*border-top: 1px solid #e7e7e7;*/
    /*margin: 3em auto;*/
    padding: 1em 0;
}

    .footer a {
        /*color: #C1C0D9;*/
        color: #2A6FD6;
    }

        .footer a:focus, .footer a:hover {
            color: #2A6FD6;
        }

    .footer .row > div {
        text-align: center;
    }


/* content */
.socials {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

header .socials li {
    padding-right: 2px;
}

.socials li {
    float: left;
    padding-right: 3px;
}

.tt, .fb, .gp, .yt, .fl, .pin, .lin, .tt-r, .fb-r, .gp-r, .yt-r, .fl-r, .pin-r {
    display: inline-block;
    width: 31px;
    height: 30px;
    background: url('/img/tt-ico.png') 0 0 no-repeat;
    text-indent: -9999px;
}

.fb {
    background: url('/img/fb-ico.png') 0 0 no-repeat;
}

.gp {
    background: url('/img/gp-ico.png') 0 0 no-repeat;
}

.yt {
    background: url('/img/yt-ico.png') 0 0 no-repeat;
}

.fl {
    background: url('/img/fl-ico.png') 0 0 no-repeat;
}

.pin {
    background: url('/img/pin-ico.png') 0 0 no-repeat;
}

.lin {
    background: url('/img/in-ico.png') 0 0 no-repeat;
}

.project_backto {
    margin: 1em auto;
}
/*.project_wrapper {
    position: fixed;
    background-color: rgba(0,0,0,.4);

    top: 150px;
    margin-left: 20px;
    max-width: 40%;
    color: white;
    padding: 1em;
}*/

.project_title, .project_intro, .project_content {
}

.project_intro {
    font-weight: 700;
}

.project_content {
    margin: 2em auto;
}

.project_inner > .carousel, .project_image {
    margin-bottom: 2em;
}


.project_preview {
    /*background-color: #aeeaea;
    color: black;*/
    padding: 2em;
    margin: 5px;
}

/*.parallax {
    background-color: #000;
}*/
.parallax .container {
    /* The image used */
    background-color: transparent;
    /* Full height */
    height: 360px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


/* Small devices (tablets, 768px and up) */
@media (min-width: 769px) {

    .navbar-default {
        border: 0;
        background-color: #fff;
        font-family: 'Julius Sans One', sans-serif;
    }

    #navbar {
        min-height: 70px;
        padding-top: 20px;
        font-weight: 700;
    }

    .leftMenu {
        margin-top: 30px;
    }

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .n_promos .row-eq-height {
        padding: 0 7%;
    }

    .container .row div.child[class*="col-"]:first-child {
        padding-left: 0;
    }

    .container .row div.child[class*="col-"]:last-child {
        padding-right: 0;
    }
    /*.promoGrid>.container {
        padding-left: 0;
        padding-right: 0;
    }*/
    .footer .row > div {
        text-align: left;
    }

        .footer .row > div:last-child {
            text-align: right;
        }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 993px) {
    .navbar-default .navbar-nav > li > a {
        font-size: .8em;
        line-height: .8em;
    }

    .page, .project {
        margin-top: 70px;
    }

        .page .page_inner > img {
            margin-top: 36px;
        }

        .page .page_inner .row .container > img {
            margin-top: 36px;
        }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.n_promos .promo_inner img, .n_whatWeDoCollection .article_inner img {
    max-width: 75px;
}

/*.promo n_bespokeDesigns img { max-width: 75px; }*/


.sibling_links a.sibling_prev {
    float: left;
}

.sibling_links a.sibling_next {
    float: right;
}