﻿.container {
    width: 940px;
    margin: 0 auto;
}


/*header */
.logo {
    float: left;
    width: 145px;
    height: 80px;
    margin: 0;
}

.news-header {
    font-weight: 700;
}


.top-bar {
    margin: 30px auto 10px;
}

.sub-header {
    margin-top: 20px;
    display: block;
}

    .sub-header .input-search, .sub-header .links, .sub-header .toggle{
        position: absolute;
        right: 0;
    }

    .sub-header .links {
        top: 0;
    }

    .sub-header .input-search {
        top: 30px;
    }

    .sub-header .toggle {
        top: 73px;
    }

        .sub-header .toggle a {
            width: 209px;
            margin-left: 10px;
        }

    .sub-header .btn_request.tb {
        display: block;
    }

    .sub-header .btn_request.mob {
        display: none;
    }

.frm--quote {
    background: #1A1A1A;
    padding: 10px;
}

    .frm--quote .thank-you {
        padding-top: 100px;
        padding-right: 500px;
    }

    .frm--quote.inHeader {
        width: 940px;
        position: absolute;
        top: 135px;
        left: 50%;
        z-index: 2500;
        margin-left: -470px;
    }

    .frm--quote .colWrap .col-2 {
        width: 450px;
    }

    .frm--quote .colWrap {
        width: auto;
    }

    .frm--quote textarea {
        max-height: 227px;
        height: 227px;
    }

.nav-mobile, nav .touch-button {
    display: none;
}


header nav {
    display: block;
}

nav > ul {
    position: relative;
    border-top: 1px solid white;
}


nav ul a, header a {
    text-align: left;
}


.header-right {
    margin: 20px 0 0;
}

    .header-right .input-search, .header-right {
        float: right;
        clear: right;
        width: auto;
    }

        .header-right .input-search {
            margin: 0;
        }

.sub-nav {
    position: absolute;
    padding: 0;
}

nav:hover .nav-dd:hover .sub-nav {
    display: block;
    z-index: 20000;
}

nav a {
    padding: 10px 0;
    display: block;
}


nav > ul > li:first-child {
    width: 70px;
}

nav.navHhover {
    z-index: 25000;
    height: 100px;
}

nav .touch-button {
    position: absolute;
    border-bottom: 2px dotted white;
    margin: 0 0 0 90px;
    display: none;
    top: 34px;
    width: auto;
    left: 0;
    height: 2px;
    background: none;
}


nav.navHover:hover .touch-button {
    display: block;
}


header nav > ul > li > a {
    padding: 10px 0;
}

header nav li {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.input-search {
    clear: right;
    width: 25%;
}

.navicon {
    display: none;
}


/* layout */
[class*=col-], .news-group {
    margin-bottom: 2.5%;
    width: 100%;
}

    .news-group [class*=col-] {
        margin-bottom: 0;
    }


.colWrap {
    width: 960px;
    margin-left: -20px;
}

.accord .colWrap {
    margin-bottom: -20px;
}

.colWrap.masonry {
    margin-bottom: 20px;
}

.colWrap.info {
    padding: 0;
    background: transparent;
}


.hasTitle > [class*=col-] {
    width: 960px;
    margin-left: -20px;
    clear: both;
}

.col-1, .hasTitle {
    width: 940px;
    float: none;
    margin-left: 0;
    clear: both;
}

.colWrap.hasTitle > .col-2 > .col-2 {
    width: 460px;
}

.hasTitle > .col-2 > .title {
    margin-left: 20px;
}

[class*=rss].col-1 {
    background-position: -100%;
}

.head-service {
    height: 160px;
}

    .head-service.rss .icon {
        right: 0;
    }

    .head-service.col-1 .text {
        position: absolute;
        padding: 10px;
    }



    .head-service.hasIcon .icon {
        background-position: right top;
        background-size: auto 50%;
    }

    .head-service.col-4 {
        height: 150px;
        padding-top: 0;
    }

        .head-service.col-4 .icon {
            background-size: auto 75%;
        }

.select-wrap {
    position: relative;
    height: auto;
    display: none;
}


.slide .header {
    font-size: 1.25em;
}

.slide .slide-content {
    width: 100%;
}

.sub-title.bordT {
    padding: 10px 0 0;
    margin: 10px 0 0;
    border-top: 1px solid white;
}

.footer-left {
    margin-bottom: 5%;
}


.footer-right {
    clear: both;
}


.tab-select {
    background: transparent;
}

    .tab-select a {
        width: 49%;
        margin-left: 1%;
        margin-bottom: 1%;
    }


.footer-left {
    margin-bottom: 20px;
}



.preview .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hasTitle {
    width: 960px;
    margin-left: -20px;
}

    .hasTitle > .col-2 {
        clear: none;
    }

        .hasTitle > .col-2 > .title {
            margin: 0;
        }

.colWrap, .tableWrap {
    clear: both;
}


.tableWrap {
    display: table;
    background: #1a1a1a;
    margin-bottom: 20px;
}

.col-1 {
    width: 940px;
}

.colWrap .col-2, .tableWrap .col-2 {
    width: 460px;
}

.colWrap .col-3, .tableWrap .col-3 {
    width: 320px;
}

.colWrap .col-3d, .tableWrap .col-3d {
    width: 620px;
}

.colWrap .col-4[class*=service], .colWrap .col-4, .tableWrap .col-4[class*=service], .tableWrap .col-4 {
    width: 220px;
}

.news-group .col-2, .a-content .col-2 {
    width: 450px;
}

.news-group .col-3d, .a-content .col-3d {
    width: 600px;
}

.news-group .col-3, .a-content .col-3 {
    width: 310px;
}

.news-group .col-4, .a-content .col-4 {
    width: 215px;
}

.col-1.cycle-slideshow {
    height: 408px;
    overflow: hidden;
}

    .col-1.cycle-slideshow img {
        min-height: none;
    }

.tableWrap [class*=col-], .colWrap [class*=col-] {
    margin-left: 20px;
}

.tableWrap [class*=col-], .tableWrap .table-mid {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.tableWrap .table-mid {
    width: 20px;
    background: black;
}

.tableWrap .blk {
    background: black;
}

.tableWrap .gry {
    background: #1a1a1a;
}

.colWrap.hasTitle > .col-2 > .col-2 {
    margin-right: 20px;
    margin-left: 0;
}

    .colWrap.hasTitle > .col-2 > .col-2:last-child {
        margin: 0;
    }

.colWrap.hasTitle > .col-2, .colWrap.hasTitle > .col-2 > .col-2 {
    width: 460px;
}

[class*=rss].col-1 {
    background-position: top right;
}

.head-service.hasIcon .icon {
    background-position: right bottom;
    background-size: auto;
}

.head-service.hasIcon.rss .icon {
    background-position: 92.5% bottom;
}

.head-service.col-4 .icon {
    background-size: auto;
}

.tab-select a {
    width: 24%;
    margin-left: 1%;
    margin-bottom: 0;
}

.tabWrap .info {
    padding: 10px;
}

.tabWrap .col-2 {
    width: 470px;
}

.preview .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30px;
}

.select-wrap {
    display: none;
    width: 100%;
    position: absolute;
    top: 33px;
}

.slide .shape {
    display: block;
}

.slide .header {
    font-size: 2em;
}

.slide .slide-content {
    width: 50%;
}

.footer-left {
    float: left;
    margin: 0;
    width: 47.5%;
}

.footer-right {
    float: right;
    clear: none;
}

.sub-title.bordT {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mask.image {
    max-width: 100%;
    overflow: hidden;
    height: 100%;
}

    .mask.image img {
        margin-left: -6.75%;
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        min-height: 330px;
        max-width: 2000%;
        min-width: 500px;
    }

    .mask.image > div {
        max-width: 400%;
        width: 200%;
        max-height: 2000px;
        height: 1000%;
    }

.map-select {
    position: absolute;
    bottom: 35px;
    left: 10px;
}

a[href*=tel]:hover {
    cursor: text;
}

.style-about .tableWrap .info {
    padding-bottom: 6.75%;
}

.style-about .map {
    float: right;
    width: 65%;
}

[class*=where] {
    position: relative;
}

    [class*=where] .content {
        float: left;
        width: 35%;
    }

    [class*=where] .stats {
        margin-top: 2.5%;
        margin-left: 30%;
        padding: 15px;
        width: 174px;
        height: 174px;
        text-align: center;
        background: url("../../images/site/circle.png") no-repeat center;
    }

        [class*=where] .stats span {
            display: block;
            margin: 10px 0 2.5%;
        }

.imgCaption {
    bottom: -100%;
}

[class*=contact] .map-columns {
    padding: 10px 10px 40px;
    position: relative;
}

.map .text {
    margin: 25px 0 0;
}

[class*=contact] .contact-slideshow .col-4 {
    width: 25%;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: top;
    border: none;
    clear: none;
}

[class*=contact] .contact-slideshow .colWrap {
    height: auto;
    display: table;
    width: 100%;
    margin: 0;
}

    [class*=contact] .contact-slideshow .colWrap .col-4 {
        height: auto;
    }

    [class*=contact] .contact-slideshow .colWrap.cycle-slide-active {
        height: auto;
        padding: 0;
    }

[class*=contact] .prev-next a {
    bottom: 5px;
}


.prev-next a {
    z-index: 25000;
}



.videoWrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

    .videoWrapper video, .videoWrapper object, .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: 0;
    }

.ico-time {
    background-image: url("../../images/site/icons/clock_.png");
    background-repeat: no-repeat;
    display: block;
    background-position: right center;
}

.active .ico-time {
    background-position: left center;
}

.ico-time span {
    display: none;
}

footer > .container > div {
    padding: 20px 0 0;
}
