﻿/*---------------------- Responsive Slider ------------------------*/
.banner {
    margin-bottom:100px;
}

#homeSlider-pager {
    float:right;
    margin-top:-40px;
    position:relative;
    z-index:2;
}

#homeSlider-pager li {
    float:left;
    margin-right:5px;
    opacity:0.5;
}

.rslides a {
    height:0px;
}

.homeSlider-pager img {
    opacity:0.5;
}

.rslides_here {
    opacity:1 !important;
    border:1px solid #ddd;
}

/*----------------- Featured Content (PL & CE) ---------------------*/

.primaryContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 30px;
}

.homepageMainChoices {
    padding:50px;
    background:#fff;
    -webkit-box-shadow: inset 0px 5px 16px 0px #C7D1D5;
    -moz-box-shadow:    inset 0px 5px 16px 0px #C7D1D5;
    box-shadow:         inset 0px 5px 16px 0px #C7D1D5;
}

.primaryContentWrapper {
    max-width:1200px;
    margin:0 auto 0 auto;
    position:relative;
}

.primaryContentNoColor {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width:100%;
    padding:10px;
    margin-bottom:30px;
}

.sectionTitle {
    display:none;
    margin:-10px -10px 10px -10px;
    font-size:16px;
    padding:8px;
    color:#fff;
    font-weight:700;
    background:#165683 url('/images/home/sprite1.png') no-repeat right -22px;
    border-bottom:3px solid #870000;
    height:15px;
}

.contentBox {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width:50%;
    float:left;
    display:inline-block;
    text-align:center;
}

.contentBox a {
    text-decoration:none;
}

.contentBox.pl {
    padding-right:30px;
}

.contentBox.ce {
    padding-left:30px;
}

.boxTitle {
    text-shadow: 0px -2px #072121;
    background:#3A5659;
    text-align:left;
    color:#fff;
    font-size:23px;
    padding:15px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.boxImage {
    position:relative;
    height:300px;
    margin-bottom:20px;
}

#plBoxImage {
    background-image:url('/images/home/box1.jpg');
    background-position:center center;
    background-repeat:no-repeat;
}

#ceBoxImage {
    background-image:url('/images/home/box2.jpg');
    background-position:center center;
    background-repeat:no-repeat;
}

.primaryButton {
    position: absolute;
    right: 0px;
    bottom: 0px;
    /*display:inline;*/
    float: right;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #731100;
    color: #fff;
    background: #007A7F; /* #a80000; Old browsers */
    /*background: -moz-linear-gradient(top,  #a80000 0%, #8a0000 100%);  FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a80000), color-stop(100%,#8a0000));  Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top, #a80000 0%,#8a0000 100%); Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top, #a80000 0%,#8a0000 100%); Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #a80000 0%,#8a0000 100%);  IE10+ */
    /*background: linear-gradient(to bottom, #a80000 0%,#8a0000 100%);  W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80000', endColorstr='#8a0000',GradientType=0 );  IE6-9 */
}

.primaryButton:hover {
    background: #01696D;
}

.secondaryTitle {
    font-size:22px;
    color:#474747;
    font-weight:300;
    margin-bottom:20px;
}

/*------- Left Column Content -------*/

.leftColumn {
    display:inline-block;
    vertical-align:top;
    max-width:30%;
    margin:40px 20px 0 0;
}

.news {
    margin-bottom:50px;
    overflow:hidden;
}

.newsHeadline {
    font-size:13px;
    margin:1em 0 0 0;
}

.news a:visited {
    color:#787878;
}

.hdate {
    float:left;
    width:45px;
}

.preview a {
    float:left;
    max-width:300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:table-cell;
}

.moreNews {
    text-align:right;
}

.sideBox {
    margin:20px 0 20px 0;
    background:#B2B2B2;
    width:100%;
}

.custService {
    height:175px;
    display:none;
}

.custService .primaryButton {
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    float:left;
    margin:31px 0 20px 0;
}

.sideBoxTitle {
    background:#8F8F8F;
    color:#fff;
    padding:10px;
    font-size:20px;
}

.custService .message {
    margin:31px 0 0px 0;
    float:left;
    font-size:20px;
    color:#595959;
}

.custService figure {
    float:left;
    width:137px;
    height:82px;
    background: url('/images/home/sprite1.png') no-repeat 0px -54px;
    margin:20px;
}

/*------- Right Column Content -------*/

.rightColumn {
    display:inline-block;
    vertical-align:top;
    color:#474747;
    max-width:60%;
    margin:40px 0 0 20px;
}

.rightColumn p {
    line-height:1.7em;
    font-size:16px;
}

.seperator {
    height:1px;
    width:100%;
    background:#B2B2B2;
    margin:30px 0 30px 0;
}

.extras .secondaryContent {
    width:45%;
}

.secondaryContent p {
    margin-bottom:20px;
}

.productInfo {
    float:left;
    margin:0 20px 0 0;
}

.productInfo figure {
    margin:-10px 0 0 -6px;
    float:left;
    width:45px;
    height:45px;
    background:url('/images/home/sprite1.png') no-repeat -137px -54px;
}

.managerArea {
    float:right;
    margin:0 0 0 20px;
}

.managerArea figure {
    margin:-10px 0 0 -6px;
    float:left;
    width:45px;
    height:48px;
    background:url('/images/home/sprite1.png') no-repeat -182px -54px;
}

.extras h3, .extras p, .extras .button {
    margin-left:50px;
}

.secondaryButton {
    border-radius: 5px;
    display: inline-block;
    padding: 4px 8px 4px 8px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #007A7F; /*#4B6994;*/
    background: #007A7F; /*#5d95b2;*/
    /*background: -moz-linear-gradient(top, #5d95b2 0%, #4b687c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d95b2), color-stop(100%,#4b687c));
    background: -webkit-linear-gradient(top, #5d95b2 0%,#4b687c 100%);
    background: -o-linear-gradient(top, #5d95b2 0%,#4b687c 100%);
    background: -ms-linear-gradient(top, #5d95b2 0%,#4b687c 100%);
    background: linear-gradient(to bottom, #5d95b2 0%,#4b687c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d95b2', endColorstr='#4b687c',GradientType=0 );*/
}

    .secondaryButton:hover {
        background: #01696D;
        border: 1px solid #01696D;
    }

/*------------------- DESCRIPTIONS POPUP --------------------*/
#descriptions {width:600px;margin:40px 30px 10px 30px;}

#descriptions h3 {margin-bottom:0px;}
#descriptions hr {margin:2px;}
#descriptions p {margin-bottom:20px;}

.descripText, .videoWrapper {
	float:left;
	margin-bottom:20px;
	}

.descripText {
	width:57%;
	margin-left:10px;
	}

#descriptions .actionButton {
    position:relative;
    float:left;
    font-size: 15px;
    margin: 10px 0;
    padding: 5px 8px;
}

/*-------------------------  RESPONSIVE TRIGGERS   -----------------------------*/
@media screen and (max-width: 1200px) {

    .banner {
        margin:0px -0.5em 100px -0.5em;
    }

    .newsHeadline .preview {
        float:none;
        clear:both;
        display: block;
    }

    .hdate {
        float:none;
        clear:both;
    }

}

@media screen and (max-width: 820px) {

    .boxImage {
        background-size:cover;
        height:200px;
    }

    .leftColumn, .rightColumn {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width:100%;
        max-width:inherit;
        display:block;
        padding:0px;
        margin:0px;
    }

    .news {
        margin-bottom:50px;
        background:#fff;
        padding:20px;
    }

    .newsHeadline .preview {
        margin-left:20px;
        display:inline;
    }

    .extras .secondaryContent {
        width: 100%;
        margin-bottom:50px;
    }
}

@media screen and (max-width: 640px) {

    .boxTitle {
        height:35px;
    }

    .boxImage {
        height:150px;
    }

    .primaryButton {
        display:block;
    }

}

@media screen and (max-width: 550px) {

    .banner {
        margin:0 0 2em 0;
    }

    #homeSlider-pager {
        margin:5px auto 0 auto;
    }

    .homepageMainChoices {
        padding:20px;
        -moz-box-shadow: none;
        box-shadow: none;

    }

    .contentBox.pl, .contentBox.ce {
        padding:0;
        width:100%;
    }

    .boxTitle {
        height:auto;
    }

    .newsHeadline .preview {
        display:block;
        margin-left:0;
    }

    .rightColumn {
        padding:0 20px;
    }

    #descriptions {
        width:auto;
    }

    #descriptions hr {
        margin:2px 0;
        width:100%;
    }

    .descripText {
        width:100%;
        margin-left:0;
    }

    .videoWrapper {
        float:none;
        clear:both;
    }

}