@charset "UTF-8";
    /**
     @name          sqeenCMS
     @version       2.2
     @copyright     sqeen
     @since         2008

     @filesource    /template/css/
     @todo          Template cascading style sheet
    **/


    /* General styles*/
    .debug {
        border: 0px solid red;
    }

    html {
        height: 100%;
        overflow-y: scroll;
    }

    body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: 'Ubuntu', Verdana, Sans;
        background: linear-gradient(to right, #eaeaea 0%, #eaeaea 50%, #FFF 50%, #FFF 50%, #FFF 100%);
    }

    .container {
        max-width: 1170;
        background-color: #FFF;
        background-image: url(../images/leftside.png);
        background-repeat: repeat-y;
        padding-top: 220px;
        min-height: 100%;
    }

    /* Header static */
    .header-static {
        position: fixed;
        width: 100%;
        z-index: 1030;
    }

    .header-static > .container {
        background-image: none;
        min-height: inherit;
        background-color: inherit;
        padding-top: 0;
    }

    /* Navbar top */
    nav.navbar {
        min-height: 150px;
        border-width: 0;
    }

    nav.navbar.navbar-default {
        background-color: #FFF;
    }

    nav.navbar > .headerCurve {
        position: absolute;
        right: 75px;
        bottom: -41px;
        width: 1025px;
        height: 50px;
        background: url(../images/curve.png?20161018) no-repeat top right 0;
    }

    nav.navbar > .phoneBox {
        position: absolute;
        right: 75px;
        bottom: -30px;
        padding: 4px 12px;
        background-color: #eaeaea;
    }

    nav.navbar .navbar-brand {
        margin-top: 70px;
        height: auto;
        position: relative;
        padding: 15px 14px;
        z-index: 1050;
    }

    nav.navbar .navbar-brand > img {
        height: 60px;
    }

    nav.navbar .brand-background {
        position: absolute;
        top: 0;
        left: -35px;
        width: 304px;
        height: 253px;
        z-index: 1040;
        background: url(../images/logo_shine.png?20161018) no-repeat center top 0;
    }


    /* Header slider */
    #headerSlider {
        height: 180px;
        float: right;
        position: relative;
    }

    #headerSlider > div {
        position: absolute;
        top: 0;
        right: 75px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 186px;
        width: 856px;
    }

    #headerSlider > div.loader {
        background-position: center;
        background-size: auto;
        background-color: #FFF;
        background-image: url(../images/loader.svg);
    }


    /* Menu left */
    .menu-left ul {
        list-style: none;
    }

    .menu-left ul.level-1 > li > a {
        color: #808080;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        margin: 6px 0 2px 0;
    }

    .menu-left ul.level-1 {
        margin: 50px 0 0 15px;
    }

    .menu-left ul.level-2,
    .menu-left ul.level-3 {
        padding-left: 20px;
    }

    .menu-left ul.level-2 > li > a {
        color: #a6a6a6;
        font-size: 13px;
        display: block;
        margin: 1px 0 4px 0;
    }

    .menu-left ul.level-3 > li > a {
        color: #b2b2b2;
        font-size: 12px;
        display: block;
        margin: 1px 0 4px 0;
    }

    .menu-left ul > li.active > a {
        color: #77a7c3;
    }


    /* Element */
    .divElement {
        overflow: auto;
        margin-bottom: 30px;
        padding-right: 100px;
    }


    /* Element: content */
    .row > .content {
        padding: 20px 20px 20px 30px;
    }

    #divContent > h1 {
        margin-left: 15px;
    }

    .divElement.content {
        color: #747d83;
        font-size: 14px;
        line-height: 160%;
    }

    .divElement.content h1,
    #divContent > h1 {
        color: #595959;
        font-size: 28px;
        line-height: 140%;
        padding-right: 100px;
    }

    .divElement.content h2 {
        color: #595959;
        font-size: 24px;
        margin: 25px 0 15px 0;
    }

    .divElement.content h3 {
        color: #595959;
        font-size: 18px;
        margin: 15px 0 25px 0;
    }

    .divElement.content a {
        color: #77a7c3;
        text-decoration: none;
    }

    .divElement.content a:hover {
        color: #77a7c3;
        text-decoration: underline;
    }

    /* Element: gallery */
    .divElement.gallery > img {
        max-width: 800px;
    }

    .divElement.gallery > img {
        max-width: 700px;
        margin-left: 15px;
    }

    .divElement.gallery > .imageDescription {
        margin-top: 8px;
        margin-left: 15px;
        width: 700px;
        color: #b2b2b2;
        font-size: 12px;
    }

    /* Element: contact */
    .divElement.contact {
        padding-top: 25px;
        padding-right: 230px;
    }

    .divElement.contact > form {
        padding-right: 15px;
    }

    .divElement.contact .input-sm {
        font-size: 14px;
    }

    .divElement.contact > .ankerContainer {
        position: relative;
    }

    .divElement.contact > .ankerContainer > a {
        position: absolute;
        top: -350px;
        left: 0;
    }

    /* Element: embed */
    .divElement.embed {
        padding-right: 55px;
    }

    .divElement.embed .embed > iframe,
    .divElement.embed .embed > object,
    .divElement.embed .embed > embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .divElement.embed .embed {
        width: 100%;
        overflow: hidden;
        padding-bottom: 48.25%;
        padding-top: 50px;
        position: relative;
    }


    /* Footer */
    .row > .footer {
        color: #999;
        font-size: 11px;
        line-height: 140%;
        padding: 20px 120px 20px 30px;
    }

    .row > .footer > div > ul {
        list-style: none;
    }

    .row > .footer > div > ul > li > a {
        color: #999;
        font-size: 11px;
        text-decoration: underline;
    }

    .row > .footer > div > ul > li > a:hover {
        text-decoration: none;
    }




    @media (min-width: 992px) and (max-width: 1199px) {
        /* Header slider */
        #headerSlider > div {
            width: 660px;
        }

        /* Element: content */
        .divElement.content h1,
        #divContent > h1 {
            padding-right: 0;
        }

        /* Element: gallery */
        .divElement.gallery > img {
            max-width: 593px;
        }

        .divElement.gallery > .imageDescription {
            width: 593px;
        }

        /* Element: contact */
        .divElement.contact {
            padding-right: 150px;
        }
    }




    @media (min-width: 768px) and (max-width: 991px) {
        /* Header slider */
        #headerSlider > div {
            right: 0;
            width: 515px;
        }

        nav.navbar > .headerCurve {
            right: 0;
        }

        nav.navbar > .phoneBox {
            right: 0;
        }

        /* Element */
        .divElement {
            padding-right: 0;
        }

        /* Element: content */
        .divElement.content h1,
        #divContent > h1 {
            padding-right: 0;
        }

        /* Element: gallery */
        .divElement.gallery > img {
            max-width: 498px;
        }

        .divElement.gallery > .imageDescription {
            width: 498px;
        }

        /* Element: contact */
        .divElement.contact {
            padding-right: 0;
        }

        /* Element: embed */
        .divElement.embed {
            padding-right: 0;
        }

        /* Footer */
        .row > .footer {
            padding-right: 0;
        }
    }




    @media (max-width: 767px) {
        .container {
            background-image: none;
            padding-top: 60px;
        }

        /* Navbar top */
        nav.navbar .navbar-brand {
            margin-top: 0;
        }

        nav.navbar .navbar-brand > img {
            height: 50px;
        }

        .navbar-toggle {
            margin-top: 24px;
            margin-right: 10px;
        }

        nav.navbar {
            min-height: 50px;
        }

        nav.navbar .navbar-collapse {
            max-height: 340px;
            border-bottom: 1px solid #e7e7e7;
        }

        nav.navbar .navbar-collapse.in {
            overflow-y: auto;
        }

        .row > .content {
            padding-left: 10px;
            padding-right: 10px;
        }

        /* Element: gallery */
        .divElement.gallery {
            padding-left: 15px;
            padding-right: 15px;
        }


        .divElement.gallery > img {
            margin-left: 0;
            width: 100%;
            max-width: none;
        }

        .divElement.gallery > .imageDescription {
            margin-left: 0;
            width: inherit;
        }

        /* Element: content */
        .divElement.content {
            padding-right: 0;
        }

        /* Element: contact */
        .divElement.contact {
            padding-right: 0;
        }

        .divElement.contact > form {
            padding-left: 15px;
        }

        /* Element: embed */
        .divElement.embed {
            padding-right: 0;
        }

        /* Footer */
        .row > .footer {
            padding-left: 12px;
            padding-right: 12px;
        }
    }