html, body {height: 100%; margin: 0; padding: 0px; font-family: Arial; min-width: 1200px;}

body {
    height: 100%;
    width: 100%;
    min-width: 1200px;
}

.clear {
    clear: both;
}

.header-slider-container {
    width: 100%;
    min-height: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.header-wrap .arrow-down {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 50px;
    left: 49%;
    background-image: url('/images/arrow-down.png');
    background-size: 100% 100%;
}

.footer-content .arrow-up {
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    background-image: url('/images/arrow-up.png');
}


.item .icon {
    background-position: center center;
    background-repeat: no-repeat;
    width: 51px;
    height: 61px;
    float: left;
}
.item .text {
    padding-left: 60px;
}

.item .text.phone {padding-top: 20px}
.item .text.email {padding-top: 20px}

.item .icon.phone {background-image: url('/images/phone.png');}
.item .icon.location {background-image: url('/images/location.png');}
.item .icon.email {background-image: url('/images/email.png');}

.header-slider-container .content {
    width: 1200px;
}

.header-slider-container .content .left {
    float: left;
}

.header-slider-container .content .left img {
    margin: 65px 0 0 80px;
    width: 40px;
}

.header-slider-container .content .right {
    float: right;
}

ul.menu {
    list-style: none;
    margin: 90px 40px 0 0;
}

ul.menu li {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    float: left;
    margin-right: 30px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: #636363;
}

ul.menu li a {
    text-decoration: none;
    color: #636363;
}

ul.menu.slide-1 li a {
    /*color: #fff;*/
}

.footer-img-container {
    width: 100%;
    height: 500px;
    margin: 0px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('/images/footer.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}

.footer-img-bcg {
    width: 800px;
    height: 200px;
    background-image: url('/images/about.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 160px auto 0 auto;
}

.footer-content, .header-content, .content {
    width: 1200px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}



.footer-content .inner {
    padding: 40px 200px;
}

.footer-content {padding-bottom: 180px;}

.scroll-img {
    /*border: 1px solid red;*/
    margin: 0px; padding: 0px;
    /*width: 1190px;*/
    width:100%;
    overflow: hidden;
    font-size: 0;
}

.gallery-wrapper{
    width: 1200px;
    height: 840px;
    /*position: relative;*/
    float: left;
}

.gallery-container {

    height: 700px;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
}

.gallery-container img {
    max-height: 100%;
    max-width: 100%;
}

.info {
    float: left;
    width: 900px;
}

p.desc {height: 40px;}

.scroll-img ul {
    width: 250%;
    padding: 0px;
}

.scroll-img ul li {
    display: inline-block;
    margin: 10px 10px 10px 0px;

}
.contact-name {
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}
.left-column, .right-column {width: 400px; float: left;}


.separator {height: 70px;}

/*.gallery-item.last {margin-right: 0px;}*/

.gallery-item {
    float: left;
    margin: 12px;
    cursor: pointer;
}

.gallery-item.two {}
.gallery-item.three {}
.gallery-item.four {}

.gallery-item img.preview {
    width: 276px;
    height: 276px;
}

.gallery-item .hidden {display: none;}


.row-container {
    width: 1200px;
    margin: auto;

}

.content {width: 100%; position: relative;}

.project-nav {float: right; position: absolute; bottom: 18px; right: 5px;}
.project-nav .icon {
    /*background-size: 100%;*/
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    cursor: pointer;
}

.project-nav .icon.inactive {opacity: 0.5; cursor: auto;}
.project-nav .icon.close {background-image: url('/images/close.png')}
.project-nav .icon.up {background-image: url('/images/up.png')}
.project-nav .icon.down {background-image: url('/images/down.png')}
.project-nav .icon.next {background-image: url('/images/next.png')}

#project-info-wrapper {position: relative; margin: 12px;}


@media all and (max-width: 1960px) {
    .footer-img-container {
        background-size: cover;
    }
}


@media all and (max-width: 1366px) {
    .scroll-img ul li {height: 500px;}
    .gallery-container {height: 500px;}
.gallery-wrapper{height: 670px;}
}

@media all and (min-width: 1367px) {
    .scroll-img ul li {height: 700px;}
    .gallery-container {height: 700px;}
.gallery-wrapper{height: 870px;}
}


.header-wrap {
    width: 100%;
    min-height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper {
    background-color: #fff;
}