@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body{
    background:url('../img/background/mist.png') no-repeat center center fixed;
    background-size:cover
}
.page{
    font-family:"Open Sans"
}
.page p{
    margin-top:15px;
    margin-bottom:15px
}
.page h1{
    line-height:100%;
    margin-bottom:20px
}
.page .container{
    max-width:1200px;
    margin:0 auto
}
.page .layout-block-wrapper{
    background:#fff
}
.page .navigation-wrapper{
    background:rgba(0,0,0,0.4);
    min-height:35px
}
.page .header-wrapper{
    padding:10px;
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
    background:0;
    color:#fff
}
.page .layout-block-wrapper.jumbotron-wrapper{
    padding-left:30px;
    padding-right:30px;
    padding-bottom:0;
    color:#fff;
    background:0
}
.page .services-wrapper{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px
}
.page .content-wrapper{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    background:#fff;
    color:#555
}
.page .grid-wrapper{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    background:#fff
}
.page .footer-wrapper{
    background:#001b33;
    color:#fff;
    font-size:100%;
    line-height:110%;
    padding:40px
}
.page .spacer-wrapper{
    min-height:100px;
    background:#fff
}
.page ul.nav-menu{
    background:0
}
.page ul.nav-menu>li{
    margin-right:10px
}
.page ul.nav-menu>li:last-child{
    margin-right:0
}
.page ul.nav-menu>li a{
    background:0;
    color:#fff !important;
    padding:10px;
    text-transform:uppercase
}
.page ul.nav-menu>li a:hover{
    text-decoration:underline
}
.page ul.nav-menu li.active>a{
    text-decoration:underline
}
.page ul.nav-menu li:hover a{
    background-color:rgba(0,0,0,0.4);
    color:#fff !important
}
.page .slide-trigger{
    color:#000
}
@media(max-width:767px){
    .page .nav-menu li a{
        margin-bottom:0
    }
    body{
        background-attachment:fixed
    }
}
.page .jumbotron-wrapper .jumbotron{
    padding:20px;
    margin-top:10px;
    text-align:center;
    padding-top:50px
}
.page .jumbotron-wrapper .jumbotron p{
    font-size:160%;
    line-height:160%
}
.page .jumbotron-wrapper .jumbotron h2{
    font-size:160%;
    line-height:140%
}
.page .footer-wrapper .inner-wrapper{
    margin-top:10px
}
.page .footer-wrapper h2{
    font-size:110%;
    line-height:110%;
    color:#aaa
}
.page .footer-wrapper p{
    line-height:130%;
    color:#eee
}
.page .content-wrapper .container{
    text-align:center;
    max-width:800px
}
.page .content-wrapper .inner{
    padding:20px
}
.page .btn{
    padding:10px 15px;
    font-weight:400;
    line-height:1.4;
    border:0;
    border-radius:4px;
    -webkit-transition:none;
    transition:none;
    -webkit-font-smoothing:subpixel-antialiased;
    padding:10px 19px;
    line-height:1.471;
    border-radius:6px;
    background:#3c76b1;
    border-color:#3c76b1;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px
}
.page .product-catalog [role=button]{
    padding:10px 15px !important;
    border:none !important;
    padding:10px 19px !important;
    line-height:1.471 !important;
    height:auto !important;
    border-radius:6px;
    background:#3c76b1 !important;
    border-color:#3c76b1 !important;
    color:#fff !important;
    margin-top:10px !important;
    margin-bottom:10px !important
}

.page ul.social{
    list-style:none;
    margin-left:0
}
.page ul.social li{
    display:inline-block
}
.page .social-icon{
    font-family:'socicon' !important;
    display:block;
    margin-right:5px;
    margin-top:15px;
    margin-bottom:15px;
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px;
    border-radius:50%;
    color:#fff !important;
    background:#3c76b1
}
.page .social-icon:hover{
    text-decoration:none;
    color:#fff !important;
    background:#3c76b1
}
.page ul.contact-list{
    list-style-type:none;
    padding-left:0;
    margin-left:0
}
.page ul.contact-list li{
    margin-top:5px;
    margin-bottom:5px
}
.page .header-container img.logo{
    margin-right:15px
}
.page .header-container .description{
    line-height:200%
}
.page .header-wrapper .btn{
    background:0;
    border:1px solid #fff
}
.page .header-wrapper .btn:hover{
    background:rgba(0,0,0,.3)
}
.page .gallery{
    columns:4 150px;
    column-count:4;
    -webkit-columns:4 150px;
    -webkit-column-count:4;
    -moz-columns:4 150px;
    -moz-column-count:4
}
.page .gallery .image img{
    margin-top:10px;
    vertical-align:baseline
}
@media(max-width:767px){
    body{
        padding-left:0;
        padding-right:0
    }
    .page h1{
        line-height:100%;
        margin-bottom:20px
    }
    .page img{
        float:none;
        margin-top:10px;
        margin-bottom:10px
    }
    .page .layout-block-wrapper.jumbotron-wrapper{
        padding-left:10px;
        padding-right:10px
    }
    .page .jumbotron-wrapper,.page .header-image-wrapper{
        background-attachment:scroll
    }
}
@media only screen and (max-width:767px){
    body{
        background-attachment:fixed;
        background-size:auto;
        background-position:center top
    }
}


.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none outside;
}

.nav-menu li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.nav-menu a {
    display: block;
    text-decoration: none;
    color:#333;
    padding: 15px 15px;
}

.nav-menu a:hover {
    text-decoration: underline;
}

.nav-menu .active > a {
    text-decoration: underline;
}

.nav-menu .current > a {
    /* Custom */
    background: #000;
    color:#fff;
}

.nav-menu li:hover ul {
    display: block;
}

.nav-menu ul {
    display: none;
    position: absolute;
    top:100%;
    left:0;
    margin: 0px;
    padding: 0px;
    list-style: none;
    min-width: 200px;
    background: #eee;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.40);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 2;
}

.nav-menu ul li {
    float:none;
}

.bottom-menu {
    list-style: none;
    margin-left: 0;
}

.bottom-menu li {
    margin: 0 1em 0 0;
    float: left;
    font-size: 0.9em;
}

.wp-caption-text {
    text-align: left;
    font-style: italic;
}

.gallery-icon img {
    margin-bottom: .5em;
}

.gallery-icon {
    margin-right: 10%;
}

.navigation-left nav {
    float: left;
}

.navigation-right nav {
    float: right;
}

.navigation-center {
    text-align: center;
}

.navigation-center nav {
    display: inline-block;
}

.main-menu .slide-trigger {
    display: none;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 0 0;
    font-size: 100%;
    background: #fff;
    text-align: center;
    padding: 10px;
    color: #555;
}

.main-menu .slide-trigger span {
    display: block;
    float: right;
}

@media handheld, only screen and (max-width: 767px) {

    .main-menu .slide-trigger { display: block; }
    /*.no-js .slide-trigger { display: none; }*/
    .nav-menu { display: none; float: none; background: none}
    /*.no-js .nav-menu { display: block; }*/
    .nav-menu {margin:0 0 5%; display: block;}
    .nav-menu li { float: none; margin:0 0 10px;}
    .nav-menu li:hover { background: none !important; }
    .nav-menu li:hover a { color:inherit; }
    .nav-menu li a:hover { color:#fff !important; background: #333}
    .nav-menu li a { color: #333 !important; background:#eee; margin-bottom: 5px;}
    .nav-menu .active > a { color:#fff !important; }
    .nav-menu ul {
        display: block;
        position: static;
        left: auto;
        top: auto;
        background: none;
        margin: 0px 0 0;
        border:0;
        box-shadow: none !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .nav-menu ul:after {
        display: none;
    }
    .nav-menu ul li {
        border:0;
    }
    .nav-menu ul li a {
        margin-left: 20px;
    }
    .nav-menu .current > a, .nav-menu .current > a {
        color: #fff !important;
        background: #333;
    }
    .nav-menu  {
        display: none;
    }

    .navigation-left nav {
        float: none;
    }

    .navigation-right nav {
        float: none;
    }

    .navigation-center {
        text-align: left;
    }

    .navigation-center nav {
        display: block;
    }
}