@import url('../fonts/fonts.css');

html, body {
    height: 100%;
    font-family: 'GlacialIndifferenceRegular', sans-serif;
    font-weight: 300;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    overflow: auto;
    font-size: 18px;
}

    body * {
        box-sizing: border-box;
    }

#form1 {
    height: 100%;
}

@media only screen and (max-width: 2048px) {
    /* When switching from land to port on Android phones, some
			text elements don't auto resize to fit port mode.  Applying
			a transparent BG fixes this bug */
    h1, h2, h3, h4, h5, h6, p, ul, li {
        background: url(../images/transparentimage.png) 0 0 repeat;
    }

    body {
        min-width: 300px;
    }
}

img {
    vertical-align: middle;
}

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
}


a.disabled {
    cursor: default;
}

strong {
    font-family: 'GlacialIndifferenceBold', sans-serif;
}

em {
    font-family: 'GlacialIndifferenceItalic', sans-serif;
}

input[type=text], input[type=email],
textarea,
select {
    width: 100%;
    font-family: 'GlacialIndifferenceRegular', sans-serif;
    padding: 13px 30px 13px 10px;
    color: #151c22;
    font-size: 16px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    -moz-appearance: none;
}

sup {
    vertical-align: top;
    position: relative;
    top: -0.3em;
    font-size: 0.6em;
}

/* Set default select background */
select {
    background: #f7f7f7 url('../images/form-dd-arrow.png') right 10px center no-repeat !important;
}

    /* Remove dropdown arrow from IE dropdown versions 10 and up */
    select::-ms-expand {
        display: none;
    }

/* Reset select background to normal for IE 9 and below */
.ltie10 select {
    background: #FFFFFF;
}

input[type=button],
input[type=submit] {
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    outline: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9a9496;
    opacity: 1; /* Firefox */
    font-weight: 700;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9a9496;
    font-weight: 700;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #9a9496;
    font-weight: 700;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #9a9496;
    font-weight: 700;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #9a9496;
    font-weight: 700;
}

:-moz-placeholder { /* Firefox 18- */
    color: #9a9496;
    font-weight: 700;
}

a.btn,
.btn {
    display: inline-block;
    min-width: 125px;
    padding: 10px 15px 10px 15px;
    text-align: center;
    font-family: 'GlacialIndifferenceRegular', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 20px;
    -webkit-appearance: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

a.btnBlue,
.btnBlue {
    color: #FFF !important;
    background: #567ec0;
    -webkit-transition: color .5s ease, background .5s ease;
    -moz-transition: color .5s ease, background .5s ease;
    -o-transition: color .5s ease, background .5s ease;
    transition: color .5s ease, background .5s ease;
}

    a.btnBlue:hover,
    .btnBlue:hover {
        background: #015195;
    }

.multiBtn {
    margin-right: 35px;
}

h1 {
    font-family: 'HighVoltageRough';
    margin: 30px 0;
    font-size: 39px;
    line-height: 39px;
    color: #196db3;
    text-transform: uppercase;
}

h2 {
    /*margin-bottom: 20px;
    font-weight: 400;*/
    font-size: 18px;
    font-family: 'GlacialIndifferenceBold', sans-serif;
    line-height: 21px;
    color: #474747;
    text-transform: uppercase;
}

h3 {
    font-weight: 700;
    font-size: 20px;
}

.btnSpacer {
    margin: 30px 0;
}

.btnSpacerMarginSmall {
    margin: 20px 0;
}

.h1Styled {
    font-family: 'HighVoltageRough';
    margin-bottom: 10px;
    font-size: 39px;
    line-height: 39px !important;
    color: #196db3;
    text-transform: uppercase;
}

.h2Styled {
    /*margin-bottom: 20px;
    font-weight: 400;*/
    font-size: 18px;
    font-family: 'GlacialIndifferenceBold', sans-serif;
    line-height: 21px;
    color: #474747;
    text-transform: uppercase;
}

.centered {
    text-align: center;
}

.spacer {
    height: 100px;
}

.blueBold {
    font-family: 'GlacialIndifferenceBold', sans-serif;
    color: #196db3;
}
/* ----------------------------------------------------
		Start Select Box Styles
------------------------------------------------------- */

.sbHolder {
    width: 100%;
    height: 42px;
    position: relative;
    color: #4D4D4D;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    background: #FFF;
    border: 2px solid #dbdbdb;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .sbHolder a {
        color: #4D4D4D;
    }

    .sbHolder .sbToggle {
        width: 36px;
        height: 38px;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        background: url(../images/form-dropdown-arrow.png) center center no-repeat;
    }

    .sbHolder .sbSelector {
        width: 98%;
        line-height: 38px;
        display: block;
        padding-left: 2%;
        position: absolute;
        top: 0px;
        left: 0px;
        color: #4D4D4D;
    }

    .sbHolder .sbOptions {
        width: 100%;
        max-height: 200px !important;
        padding: 6px 0 0 0 !important;
        overflow: auto;
        top: 39px !important;
        left: -1px;
        position: absolute;
        z-index: 1000;
        background: #FFF;
        border-right: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
    }

        .sbHolder .sbOptions li {
            margin: 0 10px;
            padding: 5px 0 5px 0;
            display: block;
            border-bottom: 1px solid #dbdbdb;
        }

            .sbHolder .sbOptions li:last-child {
                border-bottom: none !important;
            }

            .sbHolder .sbOptions li a:hover {
                color: #59213C;
            }

/* ----------------------------------------------------
		End Select Box Styles
------------------------------------------------------- */

.sitewidth {
    width: 100%;
    max-width: 1310px;
    margin: 0 auto;
    /*padding: 0 1%;*/
}

@media all and (max-width: 1355px) {
    .sitewidth {
        padding: 0 1%;
    }
}

@media all and (max-width: 950px) {
    .sitewidth {
        padding: 0 2%;
    }
}

.ltie9 .sitewidth {
    width: 1300px;
}

.displayBlock {
    *display: block;
    zoom: 1;
    display: inline-block;
}


.displayTable {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.displayTableCell {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    /*height: 100%;*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

#Wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

/* ----------------------------------------------------
		Start Header
------------------------------------------------------- */

header {
    /*position: fixed;*/
    position: absolute;
    color: #242223;
    z-index: 400;
    width: 100%;
    background-image: url('../images/header-bg.png');
    -webkit-transition: background 0s linear, color .0s ease;
    -moz-transition: background 0s linear, color .0s ease;
    -o-transition: background 0s linear, color .0s ease;
    transition: background 0s linear, color .0s ease;
}

.headerWrap {
    background-image: url('../images/RawlDrivers-GlobalNav-BG-Transparency.png');
    border-bottom: 1px solid #ccc;
}

.intPage header, header.sticky, header.test {
    background: #ffffff;
    width: 100%;
    height: 95px;
}

header .hLogo {
    padding: 10px 15px 15px 15px;
    float: left;
    position: relative;
    z-index: 1001;
    margin-bottom: -95px;
}

header.sticky .hLogo {
    max-width: 300px;
}

header .hLogo img {
    width: 100%;
}

header .mobileMenuBtn {
    display: none;
    width: 70px;
    height: 70px;
    margin-left: 21px;
    padding: 8px 0;
    /*height:65px;*/
    float: right;
    /*background: #0074d9;*/
}

@media all and (max-width: 979px) {

    header .hLogo {
        width: auto;
        padding: 8px 0 6px 0;
    }

    header .mobileMenuBtn {
        width: 70px;
        height: 70px;
    }
}

@media all and (max-width: 767px) {

    header {
        background: #f3f3f3;
    }

        header .hLogo {
            padding: 8px 0 0 0;
        }

            header .hLogo img {
                width: 100%;
            }
}

/* ----------------------------------------------------
		End Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Main Nav
------------------------------------------------------- */

#MainNavWrap {
    width: 100%;
    /*position: absolute;*/
    z-index: 10;
    /*height: 155px;*/
    height: 85px;
    /*max-width: 1070px;
    margin: 0 auto;*/
}

.navWrapping {
    width: 100%;
    margin: 0 auto;
}

#MainNavWrap .navContentWrap {
    float: right;
}

#MainNavWrap .hLogo {
    max-width: 372px;
    float: left;
}

#MainNavWrap .mainNav .mainNavItem {
    padding: 35px 15px 5px 15px;
    display: inline-block;
    border-left: 1px solid #cccccc;
    float: left;
    height: 100%;
}

    #MainNavWrap .mainNav .mainNavItem:hover {
        background-color: #ffffff;
    }


#MainNavWrap .mainNav li .topNavLink {
    /** template **/
    font-family: 'GlacialIndifferenceRegular', sans-serif;
    color: #333e48;
    font-size: 20px;
    /*text-transform: uppercase;*/
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    position: relative;
    z-index: 100;
    padding: 17px 0;
}

    #MainNavWrap .mainNav li .topNavLink.current {
        color: #196db3;
    }


#MainNavWrap .mainNav .subNavBG {
    width: 100%;
}

#MainNavWrap .mainNav .subNav {
    /*display: none;*/
    /*width: 100%;*/
    width: 100%;
    visibility: hidden;
    /*padding:10px 0;*/
    padding: 30px 0;
    position: relative;
    top: 24px;
    left: 0px;
    /*left: -58%;*/
    z-index: 1500;
}

    #MainNavWrap .mainNav .subNav .subNavLinks {
        float: left;
        /*width: 100%;*/
        /*text-align:right;*/
        position: absolute;
        top: -1px;
        /*background-color: #ffffff;*/
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        padding-right: 1px;
        text-align: right;
        padding: 0 0 0 0;
    }

        #MainNavWrap .mainNav .subNav .subNavLinks li {
            min-width: 170px;
        }

    #MainNavWrap .mainNav .subNav ul {
        display: inline-block;
        background: #efefef;
        vertical-align: top;
        padding: 15px;
        background-color: #ffffff;
        /*border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;*/
    }

        #MainNavWrap .mainNav .subNav ul li {
            display: block;
            width: 100%;
            min-width: 150px;
            white-space: nowrap;
            /*margin-left: 15px;*/
            padding: 10px 20px 10px 20px;
            background: url('../images/underline-pixel.png') left bottom repeat-x;
        }


            #MainNavWrap .mainNav .subNav ul li a {
                display: block;
                padding-right: 15px;
                color: #242021;
                font-size: 16px;
                font-weight: 600;
                -webkit-transition: color .5s ease;
                -moz-transition: color .5s ease;
                -o-transition: color .5s ease;
                transition: color .5s ease;
            }

                #MainNavWrap .mainNav .subNav ul li a:hover {
                    color: #16519f;
                }

                #MainNavWrap .mainNav .subNav ul li a.current {
                    color: #5c7db5;
                }

            #MainNavWrap .mainNav .subNav ul li ul {
                margin-bottom: 0;
                padding: 0;
            }

                #MainNavWrap .mainNav .subNav ul li ul li {
                    padding-left: 0;
                }

                    #MainNavWrap .mainNav .subNav ul li ul li a {
                        color: #6d6d6d;
                        font-weight: 400;
                    }

@media all and (max-width: 1165px) {
    #MainNavWrap {
        position: relative;
    }

        #MainNavWrap .mainNav {
            width: 100%;
            display: table;
            padding-left: 0;
        }

            #MainNavWrap .mainNav li {
                display: table-cell;
            }

                #MainNavWrap .mainNav li .topNavLink {
                    text-align: center;
                }
}


/* ----------------------------------------------------
		End Main Nav
------------------------------------------------------- 
/* ----------------------------------------------------
		Start Mobile Main Nav
------------------------------------------------------- */
.mobileMainMenu {
    width: 100%;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 3000;
    font-size: 16px;
    padding: 10px 0;
    display: none;
    background-color: #efefef;
}

    .mobileMainMenu ul {
        padding: 0 0 0 0;
        list-style-type: none;
        /*background-color: #ffffff;*/
    }

        .mobileMainMenu ul li {
            position: relative;
        }

    .mobileMainMenu .mainNavItem {
        background: url(../images/underline-pixel.png) left bottom repeat-x;
        margin: 0 15px;
    }

    .mobileMainMenu ul li a {
        display: block;
        padding: 10px 0 10px 10px;
        font-family: 'GlacialIndifferenceRegular', sans-serif;
        color: #333e48;
        font-size: 22px;
    }

    .mobileMainMenu ul li .btnDemo {
        display: inline-block;
        padding: 15px 30px;
        margin-bottom: 15px;
    }

    .mobileMainMenu ul li.currentSection {
    }

    .mobileMainMenu ul.mainNav ul {
        display: none;
    }

    .mobileMainMenu ul li ul.mobileMenuOpen {
        display: block;
    }

    .mobileMainMenu ul li ul {
        display: none;
    }

        .mobileMainMenu ul li ul li a {
            font-size: 16px;
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            padding: 0px 0 5px 10px;
        }

    .mobileMainMenu ul.subNavLinks.wrap {
        padding-bottom: 10px;
    }
    /*.mobileMainMenu ul li ul ul li a {
            padding-left: 65px;
        }*/

    .mobileMainMenu ul li .mobileToggle {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        padding: 10px 0;
        width: 55px;
        font-weight: 700;
        font-size: 35px;
        color: #5c7db5;
    }

header .mobilePhone {
    display: none;
    float: right;
    font-weight: 700;
    font-size: 15px;
    margin-top: 18px;
    padding-left: 20px;
}

.hamburgerMenu {
    display: none;
    cursor: pointer;
}

.hamburger {
    margin-top: 35%;
}

    .hamburger span, .hamburger span:after, .hamburger span:before {
        display: block;
        transition-property: all;
        transition-duration: .1s;
    }

    .hamburger span {
        margin: 0 auto;
        position: relative;
    }

        .hamburger span:after, .hamburger span:before {
            position: absolute;
            content: '';
        }

    .hamburger.lines span, .hamburger.lines span:after, .hamburger.lines span:before {
        width: 32px;
        height: 4px;
        background-color: #5c7db5;
    }

.mobileMenuButtonOpen .hamburger.lines span, .mobileMenuButtonOpen .hamburger.lines span:after, .mobileMenuButtonOpen .hamburger.lines span:before {
    width: 32px;
    height: 4px;
}

.mobileMenuButtonOpen {
    background-color: #efefef;
}

.hamburger.lines span:before {
    transform: translateY(-10px);
}

.hamburger.lines span:after {
    transform: translateY(10px);
}


.mobileMenuButtonOpen .hamburger.lines span {
    background-color: transparent !important;
}

    .mobileMenuButtonOpen .hamburger.lines span:after, .mobileMenuButtonOpen .hamburger.lines span:before {
        transform: translateY(0);
    }

    .mobileMenuButtonOpen .hamburger.lines span:before {
        transform: rotate(45deg);
    }

    .mobileMenuButtonOpen .hamburger.lines span:after {
        transform: rotate(-45deg);
    }

.hNav {
    display: none;
    height: 70px;
}


@media all and (max-width: 1225px) {
    header {
        background: rgba(255, 255, 255, 0.9);
        height: 70px;
    }

    .hNav {
        display: inline-block;
    }

    header .mobileMenuBtn {
        display: inline-block;
        position: absolute;
        z-index: 3001;
        right: 0;
    }

    header .hLogo {
        margin-bottom: 0;
    }

    .hLogo img {
        padding: 0px 15px 3px 15px;
        max-width: 110px;
    }

    .mobileMainMenu {
        top: 70px;
    }
}

@media all and (max-width: 979px) {
    .mobileMainMenu {
        top: 70px;
    }
}

@media all and (max-width: 767px) {
    header {
        height: 70px;
        /*background: #2b2b2b;*/
    }

        header #SearchBox {
            display: none;
        }

    .hLogo img {
        max-width: 90px;
    }
}

/* ----------------------------------------------------
		End  Mobile Main Nav
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Breadcrumb
------------------------------------------------------- */

.breadcrumbWrap {
    /*margin-bottom: 35px;*/
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    background-color: #eeeeee;
    padding: 5px 0;
}

    .breadcrumbWrap .breadcrumb {
        max-width: 1295px;
        margin: 0 auto;
        text-align: left;
        padding-right: 10px;
        font-family: 'GlacialIndifferenceRegular', sans-serif;
        color: #474747;
        text-transform: uppercase;
    }

    .breadcrumbWrap ul li {
        display: inline;
        padding: 0 0 5px 5px !important;
    }

    .breadcrumbWrap a {
        color: #525252 !important;
    }

    .breadcrumbWrap .currentItem a {
        font-family: 'GlacialIndifferenceBold', sans-serif;
    }

/* ----------------------------------------------------
		End Breadcrumb
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Separator
------------------------------------------------------- */
.separatorLine {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 35px 0 0 0;
}

    .separatorLine .line, .separatorLine .image {
        display: table-cell;
        vertical-align: middle;
    }

    .separatorLine .line {
        background-image: url('../images/underline-pixel.png');
        background-repeat: repeat-x;
        background-position: center;
        width: 100%;
    }

    .separatorLine .image {
        padding: 0 15px;
        background-color: #ffffff;
        min-width: 129px;
    }
    .separatorLine .image img {
    width: 100%;
    max-width: 109px;
    }
/* ----------------------------------------------------
		End Separator
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Body
------------------------------------------------------- */
.topBanner {
    width: 100%;
    /*background-size: 100%;*/
    min-height: 500px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -1px;
    height: 0;
    /*padding-top: 15%;*/
    padding-top: 7%;
}

    .topBanner .bannerText {
        font-family: 'HighVoltageRough', sans-serif;
        font-size: 67px;
        line-height: 67px;
        text-transform: uppercase;
        color: #ffffff;
    }

main {
    /*padding-top:162px;*/
    position: relative;
    height: auto;
}

.bodyContent {
    padding-top: 0;
}

    .bodyContent .bodyCopy {
        padding-top: 10px;
    }

    .bodyContent p {
        margin-bottom: 15px;
        /*line-height: 28px;*/
    }

    .bodyContent a {
        color: #5c7db5;
    }

        .bodyContent a:hover {
            color: #2f4c92;
        }

    .bodyContent ul {
        margin-bottom: 30px;
        padding-left: 10px;
        list-style-type: disc;
        list-style-position: inside;
    }

        .bodyContent ul li {
            padding: 0 0 5px 15px;
            background: url(../images/ul.png) 0 10px no-repeat;
        }

        .bodyContent ul ul {
            margin-top: 7px;
        }

    .bodyContent ol {
        margin-bottom: 30px;
        padding-left: 20px;
    }

        .bodyContent ol li {
            padding: 0 0 5px 0;
        }

@media all and (max-width: 979px) {
    .topBanner {
        min-height: 320px;
    }

    .bodyContent {
        padding-top: 70px;
    }
}



@media all and (max-width: 450px) {
    h1 {
        font-size: 34px;
        line-height: 1em;
        padding: 10px 0 0 0;
    }

    h2 {
        font-size: 26px;
    }

    .h1Styled {
        font-size: 42px;
        padding: 0;
    }
}

/* ----------------------------------------------------
		End Body
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Two Column Layout
------------------------------------------------------- */

.twoColumnPage {
    margin-bottom: 30px;
}

    .twoColumnPage .leftColumn {
        width: 100%;
        float: left;
        margin-right: -355px;
    }

        .twoColumnPage .leftColumn .leftColumnContent {
            margin-right: 380px; /* 25 pixels added for center margin */
        }

    .twoColumnPage .rightColumn {
        width: 355px;
        float: right;
        border-left: 1px solid #cccccc;
        padding-left: 20px;
        min-height: 80%;
    }

@media all and (max-width: 950px) {
    .twoColumnPage .leftColumn {
        margin-right: 0px;
        margin-bottom: 30px;
        float: none;
    }

        .twoColumnPage .leftColumn .leftColumnContent {
            width: 100%;
            margin-right: 0px;
        }

    .twoColumnPage .rightColumn {
        width: 100%;
        float: none;
        padding: 0px 2%;
        border-left: none;
        min-height: unset;
    }

    .imageCallout {
        text-align: center;
    }
}

/* ----------------------------------------------------
		End Two Column Layout
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Home Slider
------------------------------------------------------- */
/*.homeSlider .swiper-slide {
height: auto !important;
}*/
.homeSlider .swiper-slide img {
    width: 100%;
}

.homeSlider .gradBG {
    width: 100%;
    height: 75px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/home-rotator-dark-gradient.png) 0 0 repeat-x;
}

.homeSlider .swiper-wrapper {
    height: auto !important;
}

    .homeSlider .swiper-wrapper .swiper-slide {
        overflow: hidden;
        height: auto;
    }

.homeSlider .swiperNavWrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

.homeSlider .navBG {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -174px;
    z-index: 1;
}

.homeSlider .slideContent {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-image: url('../images/rotator-overlay.png');
}

    .homeSlider .slideContent .contentWrap {
      /*max-width: 1060px;*/
        margin: 0 auto;
        padding-top: 85px;
    }

        .homeSlider .slideContent .contentWrap .left {
            max-width: 50%;
        }

        .homeSlider .slideContent .contentWrap .slideHeadline {
            font-family: 'HighVoltageRough';
            font-weight: 400;
            font-size: 67px;
            line-height: 67px;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .homeSlider .slideContent .contentWrap .slideSubheadline {
            font-size: 32px;
            line-height: 32px;
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            color: #ffffff;
        }

        .homeSlider .slideContent .contentWrap .slideCopy {
            color: #ffffff;
            line-height: 1.3em;
        }

.homeSlider .swiper-button-prev,
.homeSlider .swiper-button-next {
    width: 12px;
    height: 14px;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    right: initial;
    margin-top: 0;
    background-size: 12px 14px;
    display: none;
}

.homeSlider .swiper-pagination {
    margin-top: 1px;
    float: left;
    position: relative;
    margin: 0 6px;
}

    .homeSlider .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        opacity: 1;
        margin: 0 4px;
        background: #474747;
    }

    .homeSlider .swiper-pagination .swiper-pagination-bullet-active {
        background: #196db3;
    }

.homeSlider .swiper-button-prev {
    background-image: url('../images/rotator-nav-arrow-left.png');
}

.homeSlider .swiper-button-next {
    background-image: url('../images/rotator-nav-arrow-right.png');
}

@media all and (max-width: 1445px) {
    .homeSlider .swiper-slide img {
        width: 120%;
    }

    .homeSlider .slideContent .contentWrap .slideHeadline {
        font-size: 50px;
        line-height: 50px;
    }

    .homeSlider .slideContent .contentWrap .slideSubheadline {
        font-size: 30px;
    }

    .homeSlider .slideContent .contentWrap .slideCopy {
        font-size: 0.9em;
    }
}

@media all and (max-width: 1150px) {
    .homeSlider .slideContent .contentWrap .left {
        max-width: 100%;
    }
}

@media all and (max-width: 905px) {
    .homeSlider .swiper-slide img {
        width: 120%;
    }
}

@media all and (max-width: 799px) {
    .homeSlider .swiper-slide img {
        width: 150%;
    }

    .homeSlider .slideContent .contentWrap .slideHeadline {
        font-size: 40px;
        line-height: 40px;
    }

    .homeSlider .slideContent .contentWrap {
        padding-top: 25px;
    }

        .homeSlider .slideContent .contentWrap .left {
            text-align: center;
        }
    /*.homeSlider .swiperNavWrap {
        bottom: 2%;
        width: 100%;
        text-align: center;
    }*/
}

@media all and (max-width: 645px) {
    .homeSlider .swiper-slide img {
        width: 200%;
        margin-left: -85%;
    }

    .homeSlider .slideContent .contentWrap .slideHeadline {
        font-size: 35px;
        line-height: 35px;
        padding: 0px 0 10px 0;
    }

    .homeSlider .slideContent .contentWrap .slideSubheadline {
        font-size: 26px;
    }
}

@media all and (max-width: 435px) {
    .homeSlider .swiper-slide img {
        width: 275%;
    }
}

@media all and (max-width: 435px) {
    .homeSlider .swiper-slide img {
        width: 300%;
    }

    .homeSlider .slideContent .contentWrap .btnSpacer {
        margin-top: 10px;
    }
}
/* ----------------------------------------------------
		End Home Slider
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Contact Form
------------------------------------------------------- */
.contactFormWrapc {
    background-image: url('../images/contact-bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom center;
    width: 100%;
    position: relative;
    bottom: 0;
    height: auto;
}

    .contactFormWrapc.tyMsg {
        background-image: url('../images/tyMsgBG.jpg');
        background-repeat: repeat-x;
        background-position: bottom center;
    }

    .contactFormWrapc .formContent {
        padding: 60px 1% 190px 1%;
    }

        .contactFormWrapc .formContent label {
            color: #1c355e;
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            font-size: 16px;
        }
/* ----------------------------------------------------
		End Contact Form
------------------------------------------------------- */
/* ----------------------------------------------------
		Widgets Start
------------------------------------------------------- */
/* start category navigation styles */
.sidebarLink {
    margin-bottom: 15px;
}
/* end category navigation styles */
.blueTitle {
    font-family: 'GlacialIndifferenceBold', sans-serif;
    font-size: 25px;
    color: #196db3;
    text-transform: uppercase;
}

.rightColumn .widget {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

    .rightColumn .widget:last-of-type {
        border-bottom: none;
    }

    .rightColumn .widget .copySec {
        margin-bottom: 30px;
    }

    .rightColumn .widget .secTitle {
        font-size: 18px;
        font-family: 'GlacialIndifferenceBold', sans-serif;
        line-height: 18px;
        color: #1c355e;
    }
/* start subnavigation widget */
.snItem {
    margin: 15px auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    max-height: 275px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .snItem img {
        width: 100%;
        margin-top: -17%;
    }

    .snItem .snItemContent {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 20;
        text-align: center;
        -webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;
        background: rgba(0,0,0,0);
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

        .snItem .snItemContent:hover {
            background: rgba(0,0,0,0.6);
            /*background-image: url('../images/RawlDrivers-Subnav-HoverTransparency.png');*/
        }

        .snItem .snItemContent .subtitle {
            font-family: 'HighVoltageRough';
            font-size: 21px;
        }

        .snItem .snItemContent .title {
            display: inline-block;
            font-family: 'GlacialIndifferenceBold', sans-serif;
            font-size: 55px;
            line-height: 55px;
            background-image: url('../images/underline.jpg');
            background-repeat: no-repeat;
            background-size: 0 3px;
            background-position: 0 99%;
            -webkit-transition: background-size .25s ease-in;
            -moz-transition: background-size .25s ease-in;
            -o-transition: background-size .25s ease-in;
            transition: background-size .25s ease-in;
        }

    .snItem:hover .snItemContent .title {
        background-size: 100% 3px;
    }

@media all and (max-width: 1050px) {
    .snItem .snItemContent .title {
        font-size: 43px;
    }
}

@media all and (max-width: 505px) {
    .snItem .snItemContent .title {
        font-size: 37px;
        max-width: 99%;
    }
}
/* end subnavigation widget */
/* start two-column content widget */
.contentWidget {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .contentWidget.twoCol {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: initial;
        width: 100%;
    }

        .contentWidget.twoCol.withBG {
            background-repeat: no-repeat;
            background-size: cover;
        }

        .contentWidget.twoCol .miscCol {
            width: 50%;
            vertical-align: middle;
        }

            .contentWidget.twoCol .miscCol img {
                width: 100%;
            }

        .contentWidget.twoCol .copyCol {
            width: 50%;
            vertical-align: middle;
            padding: 45px 30px 30px 30px;
        }

        .contentWidget.twoCol.withBG .copyCol {
            margin-top: 3.38%;
        }

            .contentWidget.twoCol.withBG .copyCol .h1Styled {
                color: #ffc324;
            }

            .contentWidget.twoCol.withBG .copyCol .copy {
                color: #ffffff;
            }

        .contentWidget.twoCol.copyLeft .copyCol {
            order: 1;
        }

        .contentWidget.twoCol.copyLeft .miscCol {
            order: 2;
        }

        .contentWidget.twoCol.noBG {
            align-items: center;
        }

            .contentWidget.twoCol.noBG .copyCol {
                padding: 20px 20px 0 0;
            }

            .contentWidget.twoCol.noBG .miscCol {
                max-width: 50%;
                padding: 20px;
            }

                .contentWidget.twoCol.noBG .miscCol img {
                    width: 100%;
                }
@media all and (max-width: 900px) {
    .contentWidget.twoCol.noBG {
    flex-direction: column;
}
    .contentWidget.twoCol.noBG .miscCol {
        order: 1 !important;
        width: 100%;
        display: block !important;
    }
     .contentWidget.twoCol.noBG .copyCol {
        order: 2 !important;
        width: 100%;
    }
}
/* end two-column content widget */
/* start contact widget */

.contactWidgetWrap a {
    color: #474747;
}

.contactWidgetWrap .addr {
    background-image: url('../images/RawlDrivers-LocationIcon.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding: 15px 0 15px 55px;
}

.contactWidgetWrap p {
    margin-bottom: 0;
}

.contactWidgetWrap .phone {
    background-image: url('../images/RawlDrivers-PhoneIcon.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding: 20px 0 20px 55px;
    margin: 20px 0;
}

.contactWidgetWrap .email {
    background-image: url('../images/RawlDrivers-EmailIcon.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding: 20px 0 20px 55px;
}

    .contactWidgetWrap .email a {
        text-decoration: underline;
    }
/* end contact widget */
/* start resources full list */

.resourceTile {
    max-width: 275px;
    max-height: 275px;
    width: 33%;
    float: left;
    margin: 25px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}

    .resourceTile.rItem2 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .resourceTile .titleHalf {
        height: 70%;
        background-color: #196db3;
        color: #ffffff;
        padding: 20px;
        font-family: 'GlacialIndifferenceBold', sans-serif;
        font-size: 22px;
        text-transform: uppercase;
    }

    .resourceTile .iconHalf {
        background-color: #eeeeee;
        height: 30%;
        text-align: center;
    }

        .resourceTile .iconHalf .icon {
            font-family: 'GlacialIndifferenceBold', sans-serif;
            color: #a5a5a5;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 9%;
            text-transform: uppercase;
        }

            .resourceTile .iconHalf .icon img {
                padding-right: 3px;
            }

@media all and (max-width: 1655px) {
    .contentWidget.twoCol.withBG {
        background-position: 50%;
        background-size: cover;
    }

        .contentWidget.twoCol.withBG .copyCol {
            margin-top: 5%;
            width: 62%;
        }
}

@media all and (max-width: 1355px) {
    .resourceTile {
        width: 30%;
    }

        .resourceTile.rItem2 {
            margin-left: 2%;
            margin-right: 2%;
        }
}

@media all and (max-width: 1130px) {
    .contentWidget.twoCol.withBG {
        background-position: 54%;
    }

        .contentWidget.twoCol.withBG .copyCol {
            margin-top: 7%;
            width: 70%;
        }
}

@media all and (max-width: 1085px) {

    .resourceTile {
        max-width: none;
        width: 46%;
        float: left;
        margin: 25px 1%;
    }

        .resourceTile.rItem2 {
            margin-left: 1%;
            margin-right: 1%;
        }

        .resourceTile.rItemEven {
            float: right;
            margin-right: 4%;
        }
}

@media all and (max-width: 980px) {
    .contentWidget.twoCol.withBG .copyCol {
        width: 87%;
    }
}

@media (max-width: 950px) {

    .resourceTile.rItemEven {
        margin-right: 1%;
    }
}

@media (max-width: 855px) {

    .contentWidget.twoCol.withBG {
        background: none !important;
    }

        .contentWidget.twoCol.withBG .copyCol.Green {
            width: 100%;
            background-color: #47aa42;
            margin-top: 0;
        }

        .contentWidget.twoCol.withBG .copyCol.Blue {
            background-color: #196db3;
        }

    .contentWidget.twoCol .miscCol {
        display: none;
    }
}

@media (max-width: 500px) {
    .resourceTile {
        margin-bottom: 0px;
    }
}
/* end resources full list */
/* start resources quick links widget */
.rqlWidgetWrap .rItem {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 15px 0 15px 60px;
}

    .rqlWidgetWrap .rItem.link {
        background-image: url('../images/RawlDrivers-LinkIcon.png');
    }

    .rqlWidgetWrap .rItem.PDF {
        background-image: url('../images/RawlDrivers-PDF-Icon.png');
    }

    .rqlWidgetWrap .rItem.Video {
        background-image: url('../images/RawlDrivers-LinkIcon.png');
    }

    .rqlWidgetWrap .rItem a {
        color: #47aa42;
        text-decoration: underline;
    }
/* end resources quick links widget */
/* start winner spotlight */
.winnerSpotlightWrap {
    margin: 30px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .winnerSpotlightWrap .wsContent {
        padding-top: 20px;
        padding-bottom: 20px;
        display: table;
    }

        .winnerSpotlightWrap .wsContent .winnerImg {
            display: table-cell;
            vertical-align: middle;
        }

        .winnerSpotlightWrap .wsContent .winnerText {
            display: table-cell;
            vertical-align: top;
            padding-left: 30px;
        }

            .winnerSpotlightWrap .wsContent .winnerText .titleSection {
                display: table;
                width: 100%;
                margin-bottom: 20px;
            }

                .winnerSpotlightWrap .wsContent .winnerText .titleSection img {
                    display: table-cell;
                    vertical-align: middle;
                    padding-right: 20px;
                }

                .winnerSpotlightWrap .wsContent .winnerText .titleSection .titleText {
                    display: table-cell;
                    vertical-align: top;
                    width: 100%;
                }

                    .winnerSpotlightWrap .wsContent .winnerText .titleSection .titleText .awardTitle {
                        font-family: 'HighVoltageRough';
                        margin: 15px 0 40px 0;
                        font-size: 39px;
                        line-height: 39px;
                        text-transform: uppercase;
                    }

                    .winnerSpotlightWrap .wsContent .winnerText .titleSection .titleText .winnerName {
                        margin-bottom: 0;
                        font-family: 'GlacialIndifferenceBold', sans-serif;
                        text-transform: uppercase;
                    }

                    .winnerSpotlightWrap .wsContent .winnerText .titleSection .titleText .subheadline {
                        font-family: 'GlacialIndifferenceItalic', sans-serif;
                    }

@media all and (max-width: 1105px) {
    .winnerSpotlightWrap .wsContent .winnerText .titleSection .titleText .awardTitle {
        margin: 15px 0 15px 0;
    }
}

@media all and (max-width: 985px) {
    .winnerSpotlightWrap .wsContent .winnerImg img {
        max-width: 325px;
    }

    .winnerSpotlightWrap .wsContent .winnerText .titleSection {
        margin-bottom: 0;
    }
}

@media all and (max-width: 815px) {
    .winnerSpotlightWrap .wsContent .winnerImg {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }

    .winnerSpotlightWrap .wsContent .winnerText {
        display: inline-block;
        width: 100%;
        padding-left: 0px;
    }
}
/* end winner spotlight */
/* start previous winners list */
.pwContent {
    margin-top: 50px;
}

    .pwContent h2 {
        margin-bottom: 15px;
    }

.winnerDetails {
    padding: 20px 0;
    display: table;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

    .winnerDetails:last-of-type {
        border-bottom: none;
    }

    .winnerDetails .winnerImg {
        display: table-cell;
        vertical-align: middle;
    }

    .winnerDetails .winnerText {
        display: table-cell;
        vertical-align: top;
        padding-left: 30px;
    }

        .winnerDetails .winnerText .winnerName {
            margin-top: 5px;
            margin-bottom: 0;
            font-family: 'GlacialIndifferenceBold', sans-serif;
            text-transform: uppercase;
            color: #196db3;
        }

        .winnerDetails .winnerText .subheadline {
            font-family: 'GlacialIndifferenceItalic', sans-serif;
        }

@media all and (max-width: 570px) {
    /*.pwContent {
        padding: 0 15px;
    }*/

    .winnerDetails {
        display: inline-block;
    }

        .winnerDetails .winnerImage {
            display: inline-block;
            padding: 0;
        }

        .winnerDetails .winnerText {
            display: inline-block;
            width: 100%;
            padding: 15px 0 0 0;
        }
}
/* end previous winners list */
/* blog widget start */
.blogWidgetWrap {
    background-color: #eeeeee;
    margin-top: 50px;
}

    .blogWidgetWrap .bwContentWrap {
        padding: 20px 0;
    }

        .blogWidgetWrap .bwContentWrap .logoWrap {
            text-align: center;
        }

            .blogWidgetWrap .bwContentWrap .logoWrap .logo {
                margin-top: -40px;
            }

        .blogWidgetWrap .bwContentWrap .copySec .widgetTitle {
            font-family: 'HighVoltageRough';
            font-size: 26px;
            line-height: 26px;
            color: #474747;
            text-transform: uppercase;
        }

        .blogWidgetWrap .bwContentWrap .copySec .widgetCopy {
            min-height: 115px;
        }

        .blogWidgetWrap .bwContentWrap .bwContent {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: initial;
            padding: 20px 0;
        }

        .blogWidgetWrap .bwContentWrap .latestPostSec {
            width: 100%;
            display: inline-block;
            padding: 0 30px;
            border-right: 1px solid #47aa42;
        }

            .blogWidgetWrap .bwContentWrap .latestPostSec .postImage {
                max-width: 300px;
                max-height: 300px;
		overflow: hidden;
                display: inline-block;
                float: left;
            }

                .blogWidgetWrap .bwContentWrap .latestPostSec .postImage img {
                    max-width: 280px;
                    display: inline-block;
                }

            .blogWidgetWrap .bwContentWrap .latestPostSec .postText {
                display: inline-block;
                float: left;
                max-width: 50%;
                padding-left: 20px;
            }

                .blogWidgetWrap .bwContentWrap .latestPostSec .postText .postSubheadline {
                    font-family: 'GlacialIndifferenceItalic', sans-serif;
                    font-size: 14px;
                }

                .blogWidgetWrap .bwContentWrap .latestPostSec .postText .postCopy {
                    margin: 10px 0 40px 0;
                    word-break: break-word;
                }

        .blogWidgetWrap .bwContentWrap .prevPosts {
            width: 100%;
            display: inline-block;
            padding: 0 30px;
        }

            .blogWidgetWrap .bwContentWrap .prevPosts .prevPost {
                padding: 30px 0;
            }

                .blogWidgetWrap .bwContentWrap .prevPosts .prevPost .postImage {
                    max-width: 105px;
                    display: inline-block;
                    float: left;
                }

                    .blogWidgetWrap .bwContentWrap .prevPosts .prevPost .postImage img {
                        width: 100%;
                    }

                .blogWidgetWrap .bwContentWrap .prevPosts .prevPost .postText {
                    display: inline-block;
                    float: left;
                        max-width: 70%;
                    padding-left: 20px;
                }

                    .blogWidgetWrap .bwContentWrap .prevPosts .prevPost .postText .postSubheadline .date {
                        font-family: 'GlacialIndifferenceItalic', sans-serif;
                        font-size: 14px;
                    }


@media (min-width:860px) and (max-width: 1260px) {
    .blogWidgetWrap .bwContentWrap .latestPostSec .postImage {
        max-width: 100%;
        display: block;
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }

    .blogWidgetWrap .bwContentWrap .latestPostSec .postText {
        display: inline-block;
        float: none;
        max-width: 100%;
    }
}
@media all and (max-width: 860px) {
       .blogWidgetWrap .bwContentWrap .bwContent {
        flex-direction: column;
    }
         .blogWidgetWrap .bwContentWrap .bwContent .latestPostSec {
            width: 100%;
            margin-bottom: 35px;
            border-right: 0;
            border-bottom: 1px solid #47aa42;
            padding-bottom: 20px;
        }
    .blogWidgetWrap .bwContentWrap .bwContent .prevPosts {
        width: 100%;
        text-align: center;
    }

    .blogWidgetWrap .bwContentWrap .prevPosts .prevPost {
        max-width: 70%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 20px;
        text-align: left;
    }
}

@media all and (max-width: 769px) {

    .blogWidgetWrap .bwContentWrap .prevPosts .prevPost {
        max-width: 100%;
    }
}

@media all and (max-width: 635px) {
    .blogWidgetWrap .bwContentWrap .latestPostSec .postImage {
        max-width: 100%;
        display: block;
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }

    .blogWidgetWrap .bwContentWrap .latestPostSec .postText {
        display: inline-block;
        float: none;
        max-width: 100%;
    }
}
@media all and (max-width: 500px) {
    .blogWidgetWrap .bwContentWrap .prevPosts, .blogWidgetWrap .bwContentWrap .latestPostSec {
        width: 100%;
        padding: 0 2%;
    }
}
/* blog widget end */

/* ----------------------------------------------------
		Widgets End
------------------------------------------------------- */
/* ----------------------------------------------------
		Blog/News Start
------------------------------------------------------- */
#SearchBox {
    float: right;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 40px;
    border: 8px solid #eeeeee;
    max-width: 500px;
}

    #SearchBox .searchButton {
        display: inline;
        width: 40px;
        height: 40px;
        border: 0;
        float: right;
        cursor: pointer;
        background: url(../images/search.png) 10px 10px no-repeat;
    }

    #SearchBox .txtSearchBox {
        width: 85%;
        display: inline;
        border: 0;
        padding: 13px;
        float: right;
    }

.blogNavTitle {
    margin: 20px 0;
    color: #196db3;
}

.featuredPostWrap {
    margin: 30px 0;
}

    .featuredPostWrap .featuredPost {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: initial;
    }

        .featuredPostWrap .featuredPost .fpImage {
            display: inline-block;
            padding-right: 20px;
        }

        .featuredPostWrap .featuredPost .fpText .fpSubheadline {
            font-family: 'GlacialIndifferenceItalic', sans-serif;
        }

        .featuredPostWrap .featuredPost .fpText .copy {
            font-size: .9em;
        }

.postsList {
    margin-top: 50px;
}

    .postsList a {
        color: #474747;
    }

.postItem {
    max-width: 240px;
    width: 33%;
    float: left;
    margin: 25px 0;
}

    .postItem.pItem2 {
        margin-left: 5%;
        margin-right: 5%;
    }

    .postItem .imgWrap {
        width: 240px;
        height: 240px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .postItem .textSection {
        padding-top: 5px;
    }

        .postItem .textSection .date {
            font-family: 'GlacialIndifferenceItalic', sans-serif;
        }

.postsList .showAllWrap {
    padding: 35px 0 15px 0;
    text-align: center;
}

.postsList .bottomPostsList {
    display: none;
}

@media all and (max-width: 1125px) {
    .featuredPostWrap .featuredPost {
        flex-direction: column;
    }

        .featuredPostWrap .featuredPost .fpImage {
            padding-right: 0;
            padding-bottom: 15px;
            display: block;
        }
}

@media (min-width: 1085px) and (max-width: 1222px) {
    .postItem {
        width: 30%;
    }

        .postItem.pItem2 {
            margin-left: 4%;
            margin-right: 4%;
        }

        .postItem .imgWrap {
            width: 100%;
            max-width: 240px;
            height: 100%;
            max-height: 240px;
        }
}

@media (min-width: 950px) and (max-width: 1085px) {
    .leftColumnContent .featuredPost {
        margin: 0 5% 0 1%;
    }

    .postItem {
        max-width: none;
        width: 46%;
        float: left;
        margin: 25px 1%;
    }

        .postItem.pItem2 {
            margin-left: 1%;
            margin-right: 1%;
        }

        .postItem.pItemEven {
            float: right;
            margin-right: 4%;
        }

        .postItem .imgWrap {
            width: 100%;
            height: unset;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            margin-bottom: -1px;
            height: 0;
            padding-top: 100%;
        }
}

@media (min-width: 600px) and (max-width: 950px) {
    .postItem {
        width: 30%;
    }

        .postItem.pItem2 {
            margin-left: 25px;
            margin-right: 25px;
        }

        .postItem .imgWrap {
            width: 100%;
            height: unset;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            margin-bottom: -1px;
            height: 0;
            padding-top: 100%;
        }
}

@media all and (max-width: 880px) {
    #SearchBox {
        float: none;
        width: 100%;
        max-width: 500px;
        margin: 0 auto 40px auto;
    }
}

@media all and (max-width: 600px) {
    /*@media all and (max-width: 1085px) {*/
    .leftColumnContent .featuredPost {
        margin: 0 5% 0 1%;
    }

    .postItem {
        max-width: none;
        width: 46%;
        float: left;
        margin: 0px 1%;
    }

        .postItem.pItem2 {
            margin-left: 1%;
            margin-right: 1%;
        }

        .postItem.pItemEven {
            float: right;
            margin-right: 4%;
        }

        .postItem .imgWrap {
            width: 100%;
            height: unset;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            margin-bottom: -1px;
            height: 0;
            padding-top: 100%;
        }
}

@media (max-width: 950px) {
    .leftColumnContent .featuredPost {
        margin: 0 auto;
    }

    /*.postItem.pItemEven {
        margin-right: 1%;
    }*/
}

@media (max-width: 500px) {
    .postItem {
        margin-bottom: 0px;
    }

        .postItem .postTitle {
            font-size: 0.8em;
            line-height: 1.4em;
            padding-top: 3px;
        }

        .postItem .pagination {
            padding-top: 15px;
        }
}
/* blog/news pages start */
.blog .date {
    font-family: 'GlacialIndifferenceItalic', sans-serif;
}

.blog .author {
    font-family: 'GlacialIndifferenceItalic', sans-serif;
    font-size: 16px;
}

.blog .categories a {
    text-decoration: underline;
    font-size: 14px;
}

.shareLine {
    padding: 15px 0;
    margin: 30px 0 15px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

    .shareLine .share {
        padding-top: 10px;
    }

    .shareLine .infoTitle {
        font-family: 'HighVoltageRough';
        font-size: 30px;
        line-height: 30px;
        color: #196db3;
        text-transform: uppercase;
    }

.st_facebook_large .stButton .stLarge {
    background-image: url('../images/RawlDrivers-Facebook.png') !important;
    max-height: 23px;
    max-width: 23px;
    background-size: contain;
    background-repeat: no-repeat;
}

.st_twitter_large .stButton .stLarge {
    background-image: url('../images/RawlDrivers-Twitter.png') !important;
    max-height: 23px;
    max-width: 23px;
    background-size: contain;
    background-repeat: no-repeat;
}

.st_linkedin_large .stButton .stLarge {
    background-image: url('../images/RawlDrivers-LinkedIn.png') !important;
    max-height: 23px;
    max-width: 23px;
    background-size: contain;
    background-repeat: no-repeat;
}

.stButton .stLarge:hover {
    opacity: .75;
    background-position: unset !important;
}
/* blog/news pages end */
/* ----------------------------------------------------
		Blog/News End
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Footer
------------------------------------------------------- */

footer {
    width: 100%;
    position: relative;
    bottom: 0;
    height: auto;
    background: #222222;
    background-image: url('../images/footer-bg.png');
    background-repeat: repeat-x;
}

    footer .footerContent {
        font-size: 14px;
        padding: 20px 0;
        color: #ffffff;
    }

        footer .footerContent .footerMainContent {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            footer .footerContent .footerMainContent a {
                color: #ffffff;
            }

            footer .footerContent .footerMainContent .leftSide {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                footer .footerContent .footerMainContent .leftSide .footerLogo {
                    height: 133px;
                    border-right: 1px solid #474747;
                    position: relative;
                }

                    footer .footerContent .footerMainContent .leftSide .footerLogo img {
                        padding: 10px 20px;
                        position: relative;
                        top: 50%;
                        transform: translateY(-50%);
                    }

                footer .footerContent .footerMainContent .leftSide .footerSec {
                    padding-left: 20px;
                    text-transform: uppercase;
                }

                    footer .footerContent .footerMainContent .leftSide .footerSec .secTitle {
                        font-family: 'GlacialIndifferenceBold', sans-serif;
                    }

            footer .footerContent .footerMainContent .rightSide {
                font-family: 'GlacialIndifferenceBold', sans-serif;
                text-transform: uppercase;
            }

@media all and (max-width: 1360px) {
    footer .footerContent .footerMainContent {
        padding: 0 15px;
    }
}

@media all and (max-width: 1170px) {
    footer .footerContent .footerMainContent {
        flex-direction: column;
    }

        footer .footerContent .footerMainContent .rightSide {
            padding-top: 10px;
        }
}

@media all and (max-width: 680px) {
    footer .footerContent .footerMainContent .rightSide .copyrightLine {
        text-align: center;
    }

        footer .footerContent .footerMainContent .rightSide .copyrightLine .copyright, footer .footerContent .footerMainContent .rightSide .copyrightLine .credit {
            display: block;
        }

        footer .footerContent .footerMainContent .rightSide .copyrightLine .sep {
            display: none;
        }
}

@media all and (max-width: 575px) {
    footer .footerContent .footerMainContent .leftSide {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        footer .footerContent .footerMainContent .leftSide .footerLogo {
            border-right: none;
        }
}
/* ----------------------------------------------------
		End Footer
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Contact Us Page
------------------------------------------------------- */
/* start Form Common Styles */
.req {
    color: #1c355e;
}

.formWrap {
    margin: 50px 0 30px 0;
}

    .formWrap .pnlFormError {
        margin-bottom: 30px;
        color: red;
        font-weight: 500;
        display: none;
    }

    .formWrap .formRowSun {
        display: none;
    }

    .formWrap .formRow .formLeft {
        width: 48%;
        float: left;
    }

    .formWrap .formRow .formRight {
        width: 48%;
        float: right;
    }

    .formWrap .formRow {
        /*margin-bottom: 20px;*/
    }

        .formWrap .formRow label {
            color: #222222;
        }

        .formWrap .formRow .formLabel span {
            display: inline;
        }

        .formWrap .formRow input[type=text],
        .formWrap .formRow textarea,
        .formWrap .formRow select {
            background-color: #ffffff;
            margin-bottom: 40px;
            border: 8px solid #eeeeee;
        }

        .formWrap .formRow .formfield {
            background-color: #ffffff;
            margin-bottom: 40px;
            border: 8px solid #eeeeee;
            resize: none;
        }

        .formWrap .formRow textarea {
            height: 165px;
        }

        .formWrap .formRow input[type=text] {
            display: block;
        }

        .formWrap .formRow select.unselected {
            color: #9a9496;
        }

@media all and (max-width: 800px) {
    .formWrap .formRow .formLeft, .formWrap .formRow .formRight {
        width: 100%;
        float: none;
    }

    .formWrap .formRow .formLeft {
        margin-bottom: 30px;
    }
}

.contactFormWrap .formWrap {
    float: left;
    width: 100%;
}

.err {
    border: 1px solid #ed1c24 !important;
}
/* end Form Common Styles */
/* start contact page */


.twoColumnPage.contactPage .leftColumn {
    width: 100%;
    float: left;
    margin-right: -550px;
}

    .twoColumnPage.contactPage .leftColumn .leftColumnContent {
        margin-right: 575px; /* 25 pixels added for center margin */
    }

.twoColumnPage.contactPage .rightColumn {
    width: 550px;
    float: right;
    border-left: 1px solid #cccccc;
    padding-left: 20px;
}

@media all and (max-width: 950px) {
    .twoColumnPage.contactPage .leftColumn {
        margin-right: 0px;
        margin-bottom: 30px;
        float: none;
    }

        .twoColumnPage.contactPage .leftColumn .leftColumnContent {
            width: 100%;
            margin-right: 0px;
        }

    .twoColumnPage.contactPage .rightColumn {
        width: 100%;
        float: none;
        padding: 0px 2%;
        border-left: none;
    }

    .imageCallout {
        text-align: center;
    }
}
/* end contact page */
/* start team widget */
.teamWidgetWrap {
    margin: 10px 0 30px 0;
    font-size: 18px;
    line-height: 24px;
}

    .teamWidgetWrap .intro {
        margin-bottom: 30px;
    }

        .teamWidgetWrap .intro .header {
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            font-size: 40px;
            color: #565656;
            line-height: 46px;
            margin: 0px 0px 20px 0px;
        }

    .teamWidgetWrap .contactStaffItem {
        width: 47%;
        float: left;
        margin-bottom: 25px;
        position: relative;
        overflow: hidden;
    }

    .teamWidgetWrap .staffItemEven {
        float: right;
    }

    .teamWidgetWrap .contactStaffItem img {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .teamWidgetWrap .contactStaffItem .contactStaffSlide {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 88%;
        left: 0;
        z-index: 100;
        background: #FFF;
        opacity: .8;
    }

        .teamWidgetWrap .contactStaffItem .contactStaffSlide .dept {
            padding-left: 18px;
            background: #8dc63f;
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            font-size: 18px;
            color: #fafafa;
            line-height: 30px;
        }

        .teamWidgetWrap .contactStaffItem .contactStaffSlide .csInfo {
            padding: 20px;
        }

        .teamWidgetWrap .contactStaffItem .contactStaffSlide .csName {
            margin-bottom: 10px;
            font-family: 'GlacialIndifferenceBold', sans-serif;
            font-size: 20px;
            color: #565656;
        }

        .teamWidgetWrap .contactStaffItem .contactStaffSlide .csJobTitle {
            margin-bottom: 25px;
            font-family: 'GlacialIndifferenceItalic', sans-serif;
            font-size: 16px;
            color: #41a943;
        }

        .teamWidgetWrap .contactStaffItem .contactStaffSlide .csPhone {
            margin-bottom: 10px;
            padding-left: 36px;
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            font-size: 16px;
            background: url(../images/team-phone-icon.png) 0 0 no-repeat;
        }

            .teamWidgetWrap .contactStaffItem .contactStaffSlide .csPhone a {
                color: #565656;
            }

        .teamWidgetWrap .contactStaffItem .contactStaffSlide .csEmail {
            padding-left: 36px;
            font-family: 'GlacialIndifferenceRegular', sans-serif;
            font-size: 16px;
            background: url(../images/team-email-icon.png) 0 0 no-repeat;
        }

            .teamWidgetWrap .contactStaffItem .contactStaffSlide .csEmail a {
                color: #005dab;
            }

                .teamWidgetWrap .contactStaffItem .contactStaffSlide .csEmail a:hover {
                    color: #8dc63f;
                }

@media screen and (max-width:1175px) {

    .contactPage .contactForm {
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

@media screen and (max-width:950px) {
    .teamWidgetWrap .contactStaffItem {
        width: 31.3%;
        margin: 1% 1%;
        float: left !important;
    }

    .teamWidgetWrap .staffItemEven {
        float: right !important;
    }
}

@media screen and (max-width:800px) {
    .teamWidgetWrap .contactStaffItem {
        width: 47%;
        margin: 1% 2% 1% 0;
    }
}

@media screen and (max-width:515px) {
    .teamWidgetWrap .contactStaffItem {
        width: 100%;
        max-width: 275px;
        margin: 0 auto 25px auto;
        padding-right: 0;
        float: none !important;
    }
}

/* end team widget */

/* start drivers display */
.pagination {
    font-size: 15px;
}
.pagination a {
    color: #47aa42;
}
.driverDisplayWrap {
    margin: 10px 0 30px 0;
    font-size: 18px;
    line-height: 24px;
}
.pDisplay {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
}

    .driverDisplayWrap .driverItem {
        width: 18%;
        margin: 1%;
        float: left;
        margin-bottom: 25px;
        position: relative;
        overflow: hidden;
        max-height: 230px;
    }

        /*.driverDisplayWrap .dItemEven {
        float: right;
    }*/

        .driverDisplayWrap .driverItem img {
            width: 100%;
            position: relative;
            z-index: 1;
        }

        .driverDisplayWrap .driverItem .driverSlide {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 87%;
            left: 0;
            z-index: 100;
            background: #FFF;
            opacity: .8;
        }

            .driverDisplayWrap .driverItem .driverSlide .dName {
                padding-left: 18px;
                background: #8dc63f;
                font-family: 'GlacialIndifferenceRegular', sans-serif;
                font-size: 18px;
                color: #fafafa;
                line-height: 30px;
                height: 30px;
            }

            .driverDisplayWrap .driverItem .driverSlide:hover .tabName {
                display: none;
            }

            .driverDisplayWrap .driverItem .driverSlide .nameL {
                padding: 15px 5px;
                font-family: 'GlacialIndifferenceBold', sans-serif;
                font-size: 20px;
                color: #565656;
            }

            .driverDisplayWrap .driverItem .driverSlide .yTitle {
            	padding: 0 5px;
                font-family: 'GlacialIndifferenceItalic', sans-serif;
                font-size: 16px;
                color: #41a943;
            }

            .driverDisplayWrap .driverItem .driverSlide .dYears {
                margin-bottom: 10px;
                font-family: 'GlacialIndifferenceBold', sans-serif;
                font-size: 16px;
                padding: 0 5px;
            }

                .driverDisplayWrap .driverItem .driverSlide .dYears a {
                    color: #565656;
                }

@media screen and (max-width:950px) {
    .driverDisplayWrap .driverItem {
        width: 31.3%;
        margin: 1% 1%;
        float: left !important;
    }

    /*.driverDisplayWrap .dItemEven {
        float: right !important;
    }*/
}

@media screen and (max-width:650px) {
    .driverDisplayWrap .driverItem {
        width: 47%;
        margin: 1% 2% 1% 0;
    }
}

@media screen and (max-width:515px) {
    .driverDisplayWrap .driverItem {
        width: 100%;
        max-width: 275px;
        margin: 0 auto 25px auto;
        padding-right: 0;
        float: none !important;
    }
}
/* end drivers display */
/* ----------------------------------------------------
		End Contact Us Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Human Sitemap
------------------------------------------------------- */

.humanSitemap {
    padding: 20px 0;
}

    .humanSitemap .sitemapColumnWrap .sectionColumn {
        float: left;
        padding-left: 16%;
    }

        .humanSitemap .sitemapColumnWrap .sectionColumn .siteSection {
            margin-bottom: 20px;
        }

        .humanSitemap .sitemapColumnWrap .sectionColumn .topLink {
            font-family: 'GlacialIndifferenceBold', sans-serif;
            font-size: 20px;
            padding-bottom: 10px;
            text-decoration: underline;
        }

        .humanSitemap .sitemapColumnWrap .sectionColumn .subLink {
            padding-left: 15px;
        }

@media only screen and (max-width: 959px) {
    .humanSitemap .sitemapColumnWrap .sectionColumn {
        padding-left: 14%;
    }
}

@media only screen and (max-width: 799px) {
    .humanSitemap .sitemapColumnWrap .sectionColumn {
        padding-left: 0;
    }
}

/* ----------------------------------------------------
		End Human Sitemap
------------------------------------------------------- */
