/*--------------------------------------------------------------------------
 *Filename:			new-header.css
 *Description:		Global CSS
 *Version:			1.0.0 (2010-02-16)
 *Author:			Freetimers Internet
------------------------------------------------------------------------- */

/* main section links
------------------------------------------------------------------------- */
.mainsectionlinks{float:left;width:210px;height:156px;display:block;}
.mainsectionlinks ul{border:0;margin:0;padding:0;list-style:none;width:210px;height:156px;}
.mainsectionlinks ul li{border:0;margin:0;padding:0;width:210px;height:52px;display:block;}
.mainsectionlinks ul li a{border:0;margin:0;padding:0;width:210px;height:52px;display:block;background:#5b5b5b url(../images/sectionlinksbg.png) no-repeat 0 0;}
.mainsectionlinks ul li a.industrial{background-position:0 0;}
.mainsectionlinks ul li a:hover.industrial{background-position:0 -52px;}
.mainsectionlinks ul li a.commercial{background-position:0 -104px;}
.mainsectionlinks ul li a:hover.commercial{background-position:0 -156px;}
.mainsectionlinks ul li a.residential{background-position:0 -208px;}
.mainsectionlinks ul li a:hover.residential{background-position:0 -260px;}

.flash-header{float:left;width:582px;height:156px;display:block;}
.goshopping{float:left;width:203px;height:156px;display:block;}
.goshopping a{width:203px;height:250px;display:block;background:#5b5b5b url(../images/layout/goshopping.png) no-repeat 0 0;}
.goshopping a:hover{background-position: 0 -250px;}

.mod-search{width:203px;height:50px;background:#5b5b5b url(../images/graygradbg.png) no-repeat 0 0;border:0;border-bottom:#fff 2px solid;}
.mod-search input[type="text"]{margin:14px 10px 14px 14px;width:133px;float:left;}
.mod-search input.cmd-search{width:40px;height:50px;float:left;display:block;border:0;padding:0;margin:0;background:transparent url(../images/cmd-search.png) no-repeat 0 0;text-indent:-9999px;cursor:pointer;}
.mod-search input.cmd-search:hover{background-position:0 -50px;}

.mod-download{width:203px;height:50px;border:0;border-bottom:#fff 2px solid;background:#5b5b5b url(../images/cmd-download.png) no-repeat 0 0;display:block;cursor:pointer}
.mod-download:hover{background-position:0 -50px;}
img{border:0;}
.home-content{margin-top: 1.71875vw;padding-right:10px;padding-bottom:10px;display:block;z-index:100;}
.home-content a{color:#fe9900;}
.home-content a:hover{color:#000;}

#header-156 {
    background-image:none;
    background-repeat: no-repeat;
    float: left;
    height: 156px;
    margin-top: 0;
    width: 785px;
}

#banner {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 5;
	float:left;
}
.banner-holder {
    position: relative;
}
.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.5vw;
    height: 2.5vw;
    width: 2.5vw;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}
.banner-arrow:hover {
    background: rgba(0, 0, 0, 0.8);
}
.banner-arrow.left {
    left: 5%;
}
.banner-arrow.right {
    left: 95%;
}
.banner-chevron-holder {
    position: relative;
}
.banner-chevron {
    position: absolute;
    left: 50%;
    transform: translate(-65%, 35%);
}
.banner-chevron.right {
    transform: translate(-40%, 35%);
}
.banner-text-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
}
.banner-text-ol {
    font-size: 5rem;
    font-weight: bold;
    color: white;
    margin-bottom: 2rem;
    line-height: 0.8;
    text-shadow: 0px 0px 5px #000000;
}
.banner-text-first-word {
    font-size: 4rem;
    font-weight: bold;
    color: white;
    margin-bottom: 0;
    line-height: 0.8;
    text-shadow: 0px 0px 5px #000000;
    margin-bottom: 1rem;
}
.banner-text {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 5px #000000;
}
.banner-button-holder {
    width: 7.239vw;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-button {
    background-color: #FE9900;
    line-height: 2.604vw;
    color: black;
    font-size: 0.833vw;
    font-weight: bold;
}
#banner .banner-imgs {
    margin: 0 auto;
    width: 100%;
	display: block;
}
#banner .banner-imgs .banner {
    margin: 0 auto;
    top: 0;
    border:0px;
    width: 100%;
    z-index: 5;
}

#banner .banner-imgs img {
    /*height: 100%;*/
    width: 100%;
}

#banner .slidetabs {
    display:none;
}
.disabled {
    visibility: hidden !important;
}

#yellow-bar {
    background-color: #FE9900 !important;
    color: white !important;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 15px 0;
}

#yellow-bar span:not(:last-child) {
    margin-right: 3.125vw;
}

#yellow-bar span a, #yellow-bar span a:visited {
    color: white;
}

#top-banner {
    width: 100%;
    max-width: unset;
    padding: 0;
}

#banner .banner-imgs .banner {
    height: 575px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 63.9375em) {
    .banner-arrow {
        font-size: 3vw;
        height: 4.5vw;
        width: 4.5vw;
    }
    .banner-text-holder {
        width: 80vw;
    }
    .banner-text-first-word {
        font-size: 8vw;
        line-height: 1;
    }
    .banner-text {
        font-size: 20px;
    }
    .banner-button-holder {
        width: 16vw;
    }
    .banner-button {
        font-size: 2vw;
        line-height: 2.5;
    }
    .banner-chevron {
        transform: translate(-65%, 33%);
    }
    .banner-chevron.right {
        transform: translate(-40%, 33%);
    }
    .banner-button-holder {
        top: 85%;
    }
    #banner .banner-imgs .banner {
        height: 60vw;
    }
}