/* CSS Document */

@font-face {
    font-family: 'eurostiletotbold';
    src: url('../fonts/eurostiletot-bol-webfont.eot');
    src: url('../fonts/eurostiletot-bol-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/eurostiletot-bol-webfont.woff') format('woff'), url('../fonts/eurostiletot-bol-webfont.ttf') format('truetype'), url('../fonts/eurostiletot-bol-webfont.svg#eurostiletotbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostiletotregular';
    src: url('../fonts/eurostiletot-reg-webfont.eot');
    src: url('../fonts/eurostiletot-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/eurostiletot-reg-webfont.woff') format('woff'), url('../fonts/eurostiletot-reg-webfont.ttf') format('truetype'), url('../fonts/eurostiletot-reg-webfont.svg#eurostiletotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneueltstdmdcn.eot');
    src: url('../fonts/helveticaneueltstdmdcn.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneueltstdmdcn.woff') format('woff'), url('../fonts/helveticaneueltstdmdcn.ttf') format('truetype'), url('../fonts/helveticaneueltstdmdcn.svg#helveticaneue') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneueltstdltcn.eot');
    src: url('../fonts/helveticaneueltstdltcn.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneueltstdltcn.woff') format('woff'), url('../fonts/helveticaneueltstdltcn.ttf') format('truetype'), url('../fonts/helveticaneueltstdltcn.svg#helveticaneuethin') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    background: #13b5ea url(../images/bg.jpg) no-repeat center top;
    font-family: Arial, Helvetica, san-serif;
    margin: 0;
}

h1 {
    color: #000;
    font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
    font-size: 18px;
    margin: 0;
}

h2 {
    color: #13b5ea;
    font-family: 'eurostiletotregular', Arial, Helvetica, san-serif;
    font-size: 16px;
    font-weight: normal;
}

    h2.main-headline {
        color: #000;
        font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
        font-size: 18px;
    }

h3 {
    color: #00487d;
    font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
    font-size: 14px;
}

p, table {
    color: #303030;
    font-size: 12px;
    line-height: 18px;
}

ul {
    margin: 0;
    padding-left: 15px;
}

ol li {
    color: #303030;
    font-size: 12px;
    line-height: 18px;
}

/*ul li {
    background: url(../images/bullet.gif) no-repeat 0 8px;
    color: #303030;
    font-size: 12px;
    line-height: 18px;
    list-style-type: none;
    padding-left: 10px;
}*/

a {
    color: #005398;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
}

.clear {
    clear: both;
}

.float-left {
    float: left;
    padding-right: 12px;
}

.float-right {
    float: right;
    padding-left: 22px;
}

.no-margin {
    margin: 0;
}

.no-padding {
    margin-top: 0;
}

.red {
    color: #880E10;
}

.green {
    color: #018754;
}

.purple {
    color: #5A4099;
}

.black {
    color: #000;
}

.small {
    font-size: 10px;
}

.blurb {
    color: #717073;
    font-family: 'helveticaneuethin', Arial, san-serif;
    font-size: 32px;
    float: left;
    line-height: 32px;
    margin: 0;
    padding: 10px 10px 10px 0;
    width: 230px;
}

.title {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0;
    padding: 12px 0;
}

.caption {
    margin-top: 0;
}

.divider {
    background: url(../images/top-link-divider.gif) no-repeat left top;
    height: 27px;
    padding: 1px;
    width: 1px;
}

.horizontal-divider {
    border-top: 1px solid #adc1d1;
    margin-top: 14px;
    width: 98%;
}

.no-bullets {
    padding-left: 0;
}

    .no-bullets li {
        background: none;
        list-style-type: none;
        padding-left: 0;
    }

.wrap {
    background: #FFF;
    box-shadow: 0 0 5px #3F4041;
    margin: 0 auto;
    width: 988px;
}

#header {
    padding-top: 14px;
}

#utility-links {
    color: #cdcdcf;
    font-family: 'helveticaneue', Arial, Helvetica, san-serif;
    float: right;
    padding-right: 35px;
    text-align: right;
    width: 290px;
}

#logo {
    float: left;
    width: 350px;
}

#utility-links a {
    color: #005398;
    font-size: 14px;
    padding: 0 15px;
    text-transform: uppercase;
}

.search {
    padding-top: 22px;
}

label {
    color: #585858;
    font-weight: bold;
    font-size: 12px;
    padding-right: 10px;
    text-transform: capitalize;
}

.submit {
    background: url(../images/search.png) no-repeat left top;
    border: none;
    height: 27px;
    vertical-align: middle;
    width: 86px;
}

.submit-form {
    background: url(../images/submit.png) no-repeat left top;
    border: none;
    height: 27px;
    margin-top: 8px;
    width: 86px;
}

.signup {
    background: url("../images/signup.png") no-repeat scroll left top transparent;
    border: medium none;
    height: 27px;
    vertical-align: middle;
    width: 86px !important;
}

.search-text {
    border-radius: 5px;
    border: 1px solid #b9b9b9;
    box-shadow: 1px 2px 5px #DDDDDD inset;
    color: #888888;
    font-size: 11px;
    padding: 4px;
}

/* Navigation */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

.sf-menu {
    line-height: 1.0;
}

    .sf-menu ul {
        background: #fff url(../images/menu-drop-down.gif) repeat-y top left;
        border-radius: 0 5px 5px 5px;
        box-shadow: 1px 0px 2px #B5B5B5;
        padding-top: 10px;
        padding-bottom: 5px;
        position: absolute;
        top: -999em;
        width: 224px;
        z-index: 1000;
        /*width:            10em;  left offset of submenus need to match (see below)
*/
    }

        .sf-menu ul li {
            padding-right: 0;
            width: 100%;
        }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        float: left;
        position: relative;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0;
        top: 32px; /* match top ul list item height */
        z-index: 99;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

.sf-menu li:hover a {
    text-decoration: underline;
}

/*** DEMO SKIN ***/
#menu {
    background: url(../images/nav-bg.gif) repeat-x left top;
    box-shadow: 0 2px 0px #CCCCCC;
    font-family: 'helveticaneue', Arial, Helvetica, san-serif;
    height: 32px;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    z-index: 1000;
}

    #menu .last {
        background: none repeat scroll 0 0 transparent !important;
    }

.sf-menu {
    float: left;
}

    .sf-menu a {
        font-size: 14px;
        padding: 10px 1em;
        text-decoration: none;
        text-transform: uppercase;
    }

    .sf-menu a { /* visited pseudo selector so IE6 applies text colour*/
        color: #FFF;
    }

    .sf-menu li {
        background: url(../images/nav-divider.gif) no-repeat scroll right top transparent;
        line-height: 13px;
        min-width: 161px;
        padding-right: 3px;
        text-align: center;
    }

        .sf-menu li li {
            color: #005398;
            background: none;
            border-top: 1px solid #d6e0e8;
            font-family: Arial, Helvetica, san-serif;
            text-transform: capitalize;
            text-align: left;
        }

            .sf-menu li li a {
                background: none !important;
                color: #005398;
                font-weight: bold;
                font-size: 12px;
                padding: 6px 26px 6px;
                text-transform: capitalize;
                text-decoration: none !important;
            }

            .sf-menu li li li {
                background: #9AAEDB;
            }

        .sf-menu li:hover, .sf-menu li.sfHover,
        .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
            outline: 0;
        }

#primaryNavigation.sf-menu li:hover a {
}

#primaryNavigation.sf-menu li li a:hover {
    background-color: #ccdce7 !important;
    color: #005398;
}

.last ul {
    margin-left: 0px;
}

.doublecolumn {
    width: 635px !important;
}

    .doublecolumn li {
        border-top: none !important;
    }

.sf-menu .col_one {
    border-right: 1px solid #D6E0E8;
    float: left;
    margin-bottom: 5px;
    min-height: 260px;
    padding-bottom: 15px;
    width: auto;
}

.sf-menu .col_two {
    float: left;
    margin-bottom: 5px;
    padding-bottom: 10px;
    text-align: left;
    width: auto;
}

.doublecolumn .title {
    background: none repeat scroll 0 0 transparent;
    color: #005398;
    font-family: Arial,Helvetica,san-serif;
    text-align: left;
    text-transform: capitalize;
}

    .doublecolumn .title a {
        background: none repeat scroll 0 0 transparent !important;
        color: #005398 !important;
        font-size: 12px !important;
        font-weight: bold !important;
        margin-bottom: 3px;
        margin-top: 5px;
        padding: 6px 26px !important;
        text-decoration: none !important;
        text-transform: capitalize;
    }

.doublecolumn .col_one div a, .doublecolumn .col_two div a {
    color: #13b5ea;
    font-size: 11px;
    font-weight: normal;
    padding: 3px 26px;
}

/* Secondary Navigation */
#secondary-navigation {
    margin-top: 0 !important;
    min-height: 100px;
}

    #secondary-navigation ul {
        margin: 0;
        padding: 0 0 5px;
    }

    #secondary-navigation li {
        background: none;
        border-top: 1px solid #cfdbe4;
        list-style-type: none;
        font-weight: bold;
        padding: 0;
    }

        #secondary-navigation li a {
            display: block;
            padding: 4px 5px 4px 25px;
        }

        #secondary-navigation li li {
            font-weight: normal;
        }

            #secondary-navigation li li a {
                padding: 2px 5px 2px 42px;
            }

        #secondary-navigation li:first-child {
            padding-top: 5px;
        }

/* Slideshow */

.easy-accordion {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    .easy-accordion dt, .easy-accordion dd {
        margin: 0;
        padding: 0;
    }

    .easy-accordion dt, .easy-accordion dd {
        position: absolute;
    }

    .easy-accordion dt {
        margin-bottom: 0;
        margin-left: 0;
        z-index: 5;
        cursor: pointer;
        top: 0;
    }

    .easy-accordion dd {
        z-index: 1;
        opacity: 0;
        overflow: hidden;
    }

        .easy-accordion dd.active {
            opacity: 1;
        }

        .easy-accordion dd.no-more-active {
            z-index: 2;
            opacity: 1;
        }

        .easy-accordion dd.active {
            z-index: 1000;
            display: block !important;
        }

        .easy-accordion dd.plus {
            z-index: 4;
        }

    .easy-accordion .slide-number {
        position: absolute;
        bottom: 0;
        left: 10px;
        font-weight: normal;
        font-size: 1.1em; /* Safari */
        -webkit-transform: rotate(90deg); /* Firefox */
        -moz-transform: rotate(90deg); /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

dd p {
    line-height: 120%;
}

.slide-number {
    display: none;
}

.easy-accordion dt.active {
    display: none;
}

.easy-accordion dd.first {
}

#accordion-1 {
    width: 988px;
    height: 300px;
    padding: 0px;
    background: #fff;
    display: none;
    overflow: hidden;
    margin-bottom: 1px;
    z-index: 1;
}

    #accordion-1 dl {
        width: 988px;
        height: 300px;
        z-index: 1;
    }

    #accordion-1 dt { /*height:46px;*/
        line-height: 44px;
        margin: 0 !important;
        padding: 0;
        font-size: 1.1em;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #fff url(images/slide-title-inactive-1.jpg) 0 0 no-repeat;
        color: #26526c;
        width: 129px !important;
        top: 0 !important;
    }

        #accordion-1 dt.active {
            cursor: pointer;
            color: #fff;
            background: #fff url(images/slide-title-active-1.jpg) 0 0 no-repeat;
        }

        #accordion-1 dt.hover {
            color: #68889b;
        }

        #accordion-1 dt.active.hover {
            color: #fff;
        }

    #accordion-1 dd {
        padding: 0;
        background: #FFF;
        width: 601px !important;
        display: none;
    }

    #accordion-1 .slide-number {
        color: #68889b;
        left: 10px;
        font-weight: bold;
    }

    #accordion-1 .active .slide-number {
        color: #fff;
    }

    #accordion-1 a {
        color: #68889b;
    }

    #accordion-1 dd img {
        float: right;
        margin: 0;
        z-index: 1;
    }

    #accordion-1 h2 {
        font-size: 2.5em;
        margin-top: 10px;
    }

    #accordion-1 .more {
        padding-top: 10px;
        display: block;
    }

.sample {
    display: none;
}

/* Boxes */

.box-container {
    background: url(../images/main-content-bg.gif) repeat-x left top;
    padding-top: 25px;
}

    .box-container .box {
        min-height: 558px;
    }

.box {
    background: url(../images/boxes-slice.gif) repeat-x 0 42px;
    border-radius: 5px;
    border: 1px solid #cfdbe4;
    float: left;
    margin: 5px 9px 12px 0;
    min-height: 200px;
    width: 100%;
}

    .box h3 {
        /*background: url(../images/box-header-slice.gif) repeat left top;*/
        border-radius: 5px 5px 0 0;
        color: #FFF;
        font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
        font-size: 20px;
        font-weight: normal;
        margin: 0;
        padding: 12px 20px;
        background: rgba(1,86,147,1);
        background: -moz-linear-gradient(left, rgba(1,86,147,1) 0%, rgba(0,65,115,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,86,147,1)), color-stop(100%, rgba(0,65,115,1)));
        background: -webkit-linear-gradient(left, rgba(1,86,147,1) 0%, rgba(0,65,115,1) 100%);
        background: -o-linear-gradient(left, rgba(1,86,147,1) 0%, rgba(0,65,115,1) 100%);
        background: -ms-linear-gradient(left, rgba(1,86,147,1) 0%, rgba(0,65,115,1) 100%);
        background: linear-gradient(to right, rgba(1,86,147,1) 0%, rgba(0,65,115,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015693', endColorstr='#004173', GradientType=1 );
    }

    .box p {
        color: #303030;
        line-height: normal;
    }

    .box a {
        color: #005398;
    }

    .box ul {
        margin: 0;
        padding: 0;
    }

    .box li, .events li {
        background: none;
        border-top: 1px solid #CFDBE4;
        list-style-type: none;
        line-height: normal;
        padding: 10px 16px;
    }

.events li {
    font-size: 12px !important;
}

.events {
    background: url(../images/boxes-slice.gif) repeat-x 0 0;
    border-radius: 5px;
    border: 1px solid #cfdbe4;
    float: left;
    margin: 0;
    min-height: 200px;
    width: auto;
}

.padding {
    min-height: 126px;
    padding: 12px 12px 0;
}

#left-sidebar .box {
    margin: 5px 0 12px;
    width: 100%;
}

#left-sidebar .padding {
    min-height: 100px;
}

#left-sidebar .box .float-left {
    padding-bottom: 10px;
}


/* Containers */

#main-container {
    clear: both;
    padding-top: 25px;
    width: 100%;
}

.interior, .two-column, .company {
    padding-top: 15px !important;
}

    .company #content {
        padding-right: 25px;
        width: 63%;
    }

    .company #banner {
        width: 988px;
    }

#content {
    border-right: 1px solid #cfdbe4;
    float: left;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 32px;
    width: 68.7%;
}

.interior #content {
    float: right;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    width: 70.45%;
}

.two-column #content {
    border-right: 1px solid #cfdbe4;
    float: left !important;
    padding-left: 40px;
    padding-right: 15px;
    padding-top: 10px;
    width: 47.57% !important;
}

#right-sidebar {
    float: right;
    padding-right: 40px;
    width: 28.7%;
}

.two-column #right-sidebar {
    padding-right: 15px;
    width: 18.52%;
}

#left-sidebar {
    float: left;
    margin-left: 12px;
    width: 23.27%;
}

#breadcrumb {
    background: url(../images/breadcrumb.gif) repeat-x top left;
    color: #005398;
    font-size: 12px;
    padding: 5px 30px 7px 25px;
    /*height: 15px;*/
}

    #breadcrumb ul {
        min-height: 30px !important;
        padding: 0;
        width: 100% !important;
    }

    #breadcrumb li {
        background: none;
        color: #005398;
        list-style-type: none;
        display: inline;
        padding-left: 0;
    }

    #breadcrumb a {
        color: #005398;
        font-weight: bold;
        padding: 0 7px 0 3px;
    }

#banner {
    float: right;
    text-align: right;
    width: 724px;
}

    #banner img {
        background: url(../images/main-content-bg.gif) repeat-x scroll left bottom transparent;
        padding-bottom: 0px;
    }
/*****HES landing*****/
.gray-bg {
    background: #e0e0e2;
    padding: 15px 0;
    margin: 0 10px;
}

.landing-con {
    padding-left: 50px;
    padding-right: 50px;
}

.serv-con h4 {
    font-family: 'eurostiletotregular', Arial, Helvetica, san-serif;
    font-size: 18px;
    font-weight: 600;
    color: #005398;
}

.serv-con h2 {
    font-size: 36px;
    color: #005398;
    margin-top: 0;
    margin-bottom: 22px;
}

.ser-list h2 {
    margin: 0;
}

.serv-con p {
    color: #888888;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.serv-con {
    margin-bottom: 26px;
}

.ser-con {
    padding-left: 30px;
    padding-right: 30px;
}

    .ser-con h2 {
        color: #242850;
        font-family: inherit;
        font-size: 22px;
        font-weight: bold;
        padding-left: 20px;
    }

.ser-list h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    padding-left: 4px;
}

    .ser-list h5.valuation {
        color: #513742;
    }

    .ser-list h5.monetization {
        color: #3c7952;
    }

    .ser-list h5.advisory {
        color: #51307e;
    }

.ser-list ul {
    padding: 0 0 0 5px;
    margin: 0;
}

    .ser-list ul li {
        color: #888888;
        font-size: 13px;
        font-weight: bold;
        line-height: 16px;
        list-style-type: none;
        padding-bottom: 6px;
        padding-right: 30px;
    }

.global-sec {
    padding-left: 18px;
}

    .global-sec ul {
        margin-left: 8px;
    }

.energy-con {
    margin: 30px 20px;
}

    .energy-con h2, .global-sec h2 {
        color: #575757;
        font-size: 34px;
        margin-bottom: 0;
        margin-top: 0;
    }

.global-sec li {
    color: #888888;
    font-size: 12px;
    font-weight: bold;
}

.energy-con h6 {
    color: #888888;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 25px;
}

.energy-services .slider-list h2 {
    font-size: 33px;
    padding-left: 30px;
    color: #002f87;
    font-weight: bold;
}

.slider-list {
    padding-bottom: 70px;
    padding-top: 20px;
}

.slider-list-con {
    padding-left: 33px;
}

.slider-list .slider-list-con ul li strong {
    color: #575757;
    font-size: 15px;
}

.slider-list .slider-list-con ul li {
    font-size: 12px;
    font-weight: bold;
}

.next-section, .prev-section {
    background: url("/images/default-source/hes/angle-arrow-down.png?sfvrsn=2") no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    float: right;
    margin-right: 16px;
}

.prev-section {
    transform: rotate(-180deg);
    float: left;
    margin-left: 16px;
}

.arrows {
    position: fixed;
    height: 50px;
    top: 400px;
    z-index: 20;
    width: 100%;
}

section.panelSection {
    float: left;
    width: 100%;
}

.bio-info {
    margin-bottom: 70px;
    padding: 40px 0 30px 60px;
}

    .bio-info em {
        display: block;
        min-height: 40px;
    }

    .bio-info strong {
        display: inline-block;
        font-size: 15px;
        margin-bottom: 3px;
        margin-top: 14px;
    }

    .bio-info img {
        width: 60px;
    }
/*end HES landing*/
/* Footer */

#footer {
    background: url(../images/footer-slice.gif) repeat-x left top;
    border-top: 1px solid #cfdbe4;
    clear: both;
    margin: 0 auto;
    padding-top: 25px;
    width: 97%;
}

    /* Fix for Locations page */
    #footer ul {
        display: block !important;
    }

    #footer .rule {
        display: none !important;
    }

    /* End Fix */

    #footer ul {
        margin: 0;
        padding: 0;
    }

    #footer li {
        background: none;
        list-style-type: none;
        padding-left: 0;
    }

    #footer a {
        color: #005398;
    }

    #footer p {
        color: #8d8d8d;
        font-size: 11px;
        line-height: normal;
        float: left;
        width: 100%;
    }

.footer-box {
    border-left: 1px solid #cfdbe4;
    float: left;
    min-height: 140px;
    padding-left: 30px;
    width: 20%;
}

#footer .first {
    border-left: none;
    padding-left: 30px;
}

#footer .last {
    float: right;
    padding-left: 22px;
    width: 35%;
}

#footer input {
    width: 170px;
}

#footer img {
    padding-right: 4px;
    padding-top: 4px;
}

/* AddThis */
.addthis_toolbox {
    float: right;
    font-size: 11px;
    width: 55px;
}

    .addthis_toolbox a {
        color: #4e88ba;
    }

    .addthis_toolbox .at-icon-wrapper {
        margin-right: 4px;
        vertical-align: text-top;
    }

/* Form Styles */

.sfFormsEditor {
    padding-top: 10px;
}


.sfError {
    color: #BE2625;
    font-size: 11px;
    padding: 5px;
}

    .sfError:before {
        content: ">";
    }

.sfTxtLbl {
    float: left;
    min-width: 100px;
}

.sfTxt {
    border: 1px solid #B9B9B9;
    border-radius: 5px 5px 5px 5px;
    color: #585858;
    padding-left: 2px;
}

.sfFormBox, .sfFormDropdown {
    padding-bottom: 5px;
}

.sfDropdownList select {
    border-radius: 5px;
    border: 1px solid #B9B9B9;
    color: #585858;
    font-weight: normal;
    width: 145px;
}

.sfFormSubmit input {
    background: url(../images/submit.png) no-repeat left top;
    border: none;
    color: transparent;
    cursor: pointer;
    height: 27px;
    margin-left: 110px;
    margin-top: 10px;
    width: 85px;
}

.sfSuccess {
    color: #585858;
    font-size: 12px;
    line-height: 18px;
}

.sfFormCheckboxlist {
    padding-bottom: 15px;
}

.two-column .sfTxtLbl {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
}

.two-column label {
    display: inline-block;
    font-weight: normal;
    width: 42%;
}

.sfFieldWrp .ddl {
    border: 1px solid #B9B9B9;
    border-radius: 5px 5px 5px 5px;
    color: #585858;
    width: 145px;
}

.sfFormBox.sfTxtBoxSmall .sfTxt {
    width: 100px;
}

.sfTxtBoxLarge input {
    width: 35%;
}

/* Sitemap */
.sfNoGroupPageNavigation a {
    cursor: inherit;
}

.sfNoGroupPageNavigation ul li a {
    cursor: pointer;
}

.sfNoGroupPageNavigation a:hover {
    text-decoration: none !important;
}

.sfNoGroupPageNavigation ul li a:hover {
    text-decoration: underline !important;
}

.RadSiteMap ul {
    min-height: 330px !important;
    width: 21% !important;
}

    .RadSiteMap ul ul {
        width: 100% !important;
    }

.RadSiteMap li a {
    font-weight: bold;
    border-bottom: 1px solid #CFDBE4 !important;
}

.RadSiteMap li li a {
    border-bottom: none !important;
    font-weight: normal;
}

.RadSiteMap .rsmItem {
    background: none;
}

.rsmLink {
    margin-right: 0;
}

/* Bio */

.bio {
    background: url(../images/boxes-slice.gif) repeat-x scroll 0 0;
    border: 1px solid #CFDBE4;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    float: left;
    margin-bottom: 25px;
    margin-right: 18px;
    height: 145px;
    line-height: 145px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 43%;
}

    .bio p {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        margin: 0;
    }

    .bio img {
        border: 1px solid #CFDBE4;
        float: left;
        margin-left: 10px;
        vertical-align: middle;
        height:124px;
    }

.bio-title {
    display: table;
    height: 132px;
    left: 124px;
    position: absolute;
    width: 175px;
}

    .bio-title p {
        font-size: 11px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

.border {
    border: 1px solid #CFDBE4;
    margin: 0 15px 15px 0;
    padding: 8px;
}

.border-float-left {
    border: 1px solid #CFDBE4;
    margin: 0 15px 15px 0;
    padding: 8px;
    float: left;
}

.underline {
    border-bottom: 1px solid #ADC1D1;
    float: left;
    font-size: 11px;
    margin-bottom: 22px;
    padding-bottom: 15px;
    width: 79%;
    margin-top: 0;
}

/* Thickbox */

.hide {
    display: none;
}

#close {
    background: #FFF;
    top: 0;
    position: absolute;
    right: 0;
    padding-right: 10px;
    padding-top: 10px;
}

#TB_window {
    color: #873A26;
    font: 12px Arial,Helvetica,sans-serif;
}

#TB_secondLine {
    color: #873A26;
    font: 10px Arial,Helvetica,sans-serif;
}

#TB_window a:link {
    color: #005398;
    font-weight: bold;
}

#TB_window a:visited {
    color: #005398;
}

#TB_window a:hover {
    color: #005398;
}

#TB_window a:active {
    color: #005398;
}

#TB_window a:focus {
    color: #005398;
}

#TB_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.TB_overlayMacFFBGHack {
    background: url("macFFBgHack.png") repeat scroll 0 0 transparent;
}

.TB_overlayBG {
    background-color: #000000;
    opacity: 0.75;
}

* html #TB_overlay {
    position: absolute;
}

#TB_window {
    background: none repeat scroll 0 0 #FFF;
    color: #000000;
    display: none;
    left: 50%;
    position: fixed;
    text-align: left;
    top: 30%;
    z-index: 10002;
}

* html #TB_window {
    position: absolute;
}

    #TB_window img#TB_Image {
        border-color: #666666 #CCCCCC #CCCCCC #666666;
        border-right: 1px solid #CCCCCC;
        border-style: solid;
        border-width: 1px;
        display: block;
        margin: 15px 0 0 15px;
    }

#TB_caption {
    float: left;
    height: 25px;
    padding: 7px 30px 10px 25px;
}

#TB_closeWindowButton {
    float: right;
    height: 25px;
}

#TB_closeAjaxWindow {
    float: right;
    margin-bottom: 1px;
    text-align: right;
}

#TB_ajaxWindowTitle {
    float: left;
    margin-bottom: 1px;
}

#TB_title {
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    line-height: 1.4em;
    overflow: auto;
    text-align: left;
}

    #TB_ajaxContent.TB_modal {
        padding: 10px;
    }

    #TB_ajaxContent p {
        padding: 5px 0;
    }

#TB_load {
    display: none;
    height: 13px;
    left: 50%;
    margin: -6px 0 0 -104px;
    position: fixed;
    top: 50%;
    width: 208px;
    z-index: 103;
}

* html #TB_load {
    position: absolute;
}

#TB_HideSelect {
    background-color: #FFFFFF;
    border: medium none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

* html #TB_HideSelect {
    position: absolute;
}

#TB_iframeContent {
    border: medium none;
    clear: both;
    margin-bottom: -1px;
    margin-top: 1px;
}

/* Google Site Search */

.gs-visibleUrl-short {
    display: none;
}

.gs-visibleUrl-long {
    /*color: #CF5F05 !important;*/
    display: block !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    /*color: #B16914;*/
}

#blue-table {
    border: 1px solid #CFDBE4;
}

    #blue-table th {
        background: #015592;
        color: #FFF;
        padding: 5px;
    }

    #blue-table td {
        border-top: 1px solid #CFDBE4;
    }

    #blue-table p {
        line-height: normal;
    }

.red-table th {
    background: #880e10 !important;
}

.green-table th {
    background: #018754 !important;
}

.purple-table th {
    background: #5a4099 !important;
}


/* Calendar */
.sfcalendarSidebar {
    display: none;
}

.k-i-close {
    background: url(../images/close.png) no-repeat left top !important;
}

.k-window-titlebar .k-window-actions {
    padding-top: 0.65em !important;
}

.k-window-action .k-icon {
    padding-bottom: 2px;
    padding-right: 2px;
}

.k-window {
    padding-top: 1.3em !important;
    width: 195px !important;
}

.k-content {
    background: #fff;
}

.sfcalendarEventPreviewStartDate {
    font-size: 12px;
}


/* Archive and News */

/*#Content_C002_newsFrontendList_ctl00_ctl00_pager{
 margin-top: 10px;
}

#Content_C002_newsFrontendList_ctl00_ctl00_pager a{
 border: 1px solid #CFDBE4;
 font-size: 12px;
 margin-right: 2px;
 padding: 2px;
}

#Content_C002_newsFrontendList_ctl00_ctl00_pager .sf_PagerCurrent{
  background: #E8EEF2;
}*/

.LeftSideBarTemplate_C003 {
    background: url(../images/boxes-slice.gif) repeat-x 0 40px transparent;
    clear: both;
}

.sfarchiveTitle {
    background: url(../images/box-header-slice.gif) repeat scroll left top transparent;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-family: 'eurostiletotbold',Arial,Helvetica,san-serif;
    margin: 0;
    padding: 12px 20px;
}

.sfnewsListItem {
    margin-top: 5px;
}

.sfnewsAuthorAndDate {
    color: #13B5EA;
    font-size: 12px;
}

.sf_2cols_2_50 .box {
    background: url(../images/boxes-slice.gif) repeat-x 0 0;
    margin-top: 0;
    width: auto;
}

.RadScheduler .rsHeader {
    z-index: 100 !important;
}

.sfnewsTitle {
    padding-bottom: 10px;
}

@media not all and (-webkit-min-device-pixel-ratio:0) {
    .sfFieldWrp .ddl {
        width: 154px;
    }

    .signup {
        vertical-align: middle;
    }
}

.sfFormCaptcha {
    margin-left: 54px;
    margin-top: 15px;
}


.sf_pagerNumeric > a {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    color: #454545;
    font-size: 13px;
    font-weight: bold;
    margin-right: 5px;
    padding: 3px 5px;
    text-decoration: none;
}

    .sf_pagerNumeric > a.sf_PagerCurrent {
        background: #005398 none repeat scroll 0 0;
        color: #fff;
    }

    .sf_pagerNumeric > a:hover {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #d2d2d2;
        color: #656565;
    }

.sf_pagerNumeric {
    margin: 15px;
}
/* Retail Bruchare*/

/*Slider Next-Prev*/
.slider {
    position: relative;
}

/*.owl-item .item a img {
    width: 100%;
}*/
.owl-controls .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
}

.owl-carousel .owl-stage-outer {
    width: 100%;
}

.owl-prev, .owl-next {
    content: "";
    font-size: 0;
    height: 32px;
    width: 32px;
    opacity: 0.3;
}

.owl-prev {
    background: rgba(0, 0, 0, 0) url("/images/default-source/default-album/left-arrow.png") repeat scroll 0 0;
    position: absolute;
    left: 2px;
}

.owl-next {
    background: rgba(0, 0, 0, 0) url("/images/default-source/default-album/right-arrow.png") repeat scroll 0 0;
    position: absolute;
    right: 2px;
}

    .owl-prev:hover, .owl-next:hover {
        opacity: 1;
        transition: all ease-in-out .4s;
    }
/* Start Responsive Navigation*/
.navbar-nav > li > a {
    line-height: 12px;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

/*.navbar-nav > li {
    border-right: 1px solid #018754;
}*/

.navbar-nav > li:last-child {
    border: none;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background: none;
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: none;
}

.dropdown-menu > li {
    padding: 0px;
    border-bottom: 1px solid #ddd;
}

    .dropdown-menu > li > a {
        padding: 6px 20px;
        font-family: Arial, Helvetica, san-serif;
    }

    .dropdown-menu > li:last-child {
        border: none;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #ddd;
    }

.navbar-toggle .icon-bar {
    background: #000;
}

.navbar-collapse.collapse.in {
    background: #fff none repeat scroll 0 0;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    background: none;
}

.doublecolumn {
    background: #fff none repeat scroll 0 0;
    display: none;
    position: absolute;
    width: 575px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-bottom: 20px;
}

.navbar-nav > li:hover > ul.doublecolumn {
    display: block;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
}

.nav > li > ul li a {
    color: #005398;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 26px;
    text-decoration: none !important;
    text-transform: capitalize;
}

.navbar-nav > li > a {
    padding: 10px 54px;
}

.doublecolumn li .column .col_one, .doublecolumn li .column .col_two {
    float: left;
    padding-top: 10px;
}

    .doublecolumn li .column .col_one .title, .doublecolumn li .column .col_two .title {
        padding: 0;
        line-height: 26px;
    }

.doublecolumn li {
    list-style: none;
}

    .doublecolumn li .column .col_one {
        border-right: 1px solid #ddd;
        min-height: 280px;
    }

.com-table-cell {
    width: 33.33%;
}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
}

#banner .menu.collapse {
    display: block !important;
}

.collapse .menu-group h3 {
    display: none !important;
}

/* End Responsive Navigation*/

#owl-demo .item .dir-cont {
    text-align: left;
    width: 100%;
    padding: 0 20px;
}

    #owl-demo .item .dir-cont h3 {
        color: #555;
        font-size: 32px;
        font-weight: 100;
        margin-top: 0px;
    }

    #owl-demo .item .dir-cont h5 {
        font-weight: bold;
    }

.dir-cont .img-responsive {
    margin-top: 15px;
}

/*.dir-slid .owl-controls {
    display: none;
}*/
.one-stop-wrap {
    border-top: 1px solid #ddd;
    margin-top: 40px;
    text-align: left;
    padding-top: 40px;
}

    .one-stop-wrap h2 {
        color: #555;
        font-size: 35px;
        font-weight: 100;
        margin-top: 0px;
        padding: 0 20px;
    }

    .one-stop-wrap p {
        padding: 0 20px;
    }

.tabe-content {
    margin-top: 20px;
    padding: 0 20px;
}

    .tabe-content p {
        font-size: 15px;
        line-height: 23px;
    }

        .tabe-content p b {
            color: #3d905d;
        }

.one-stop-wrap .rool {
    color: #35a5e0;
    font-weight: bold;
    margin-top: 25px;
    padding: 0 20px;
}

.one-stop-wrap .onestopimg img {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    padding: 0 !important;
    width: 100%;
}

.onestopimg {
    position: relative;
}

.onestoptab {
    left: 71px;
    position: absolute;
    top: 138px;
    text-align: center;
    width: 100%;
}

    .onestoptab span {
        color: #fff;
        font-weight: bold;
        font-size: 13px;
    }

        .onestoptab span:hover { /*color:#fdd600;cursor:pointer;*/
            color: #fdd600;
            cursor: pointer;
            font-size: 13px;
            font-weight: bold;
            text-shadow: 1px 1px #fdd600;
        }

.accordion ul .item2 a, .accordion ul .item3 a, .accordion ul .item4 a {
    width: 100%;
    display: block !important;
}

#hmr {
    left: 11px;
    position: absolute;
    top: 7px;
}

#hff {
    left: 119px;
    position: absolute;
    top: -2px;
    transform: rotate(-3deg);
}

#hap {
    left: 22px;
    position: absolute;
    top: 123px;
    transform: rotate(-2deg);
}

#dg {
    left: 105px;
    position: absolute;
    top: 77px;
    transform: rotate(-1deg);
}

#hws {
    left: 183px;
    position: absolute;
    top: 76px;
}

#hs {
    left: 121px;
    position: absolute;
    top: 184px;
}

#hre {
    left: 230px;
    position: absolute;
    top: 222px;
}

#hhv {
    left: -8px;
    position: absolute;
    top: 301px;
}

#had {
    left: 137px;
    position: absolute;
    top: 266px;
}

#hb {
    left: 155px;
    position: absolute;
    top: 342px;
}

.accordion ul li.active a {
    width: 100%;
    display: block !important;
}

.hmr {
    display: none;
}

.active {
    display: block;
}
/* Bootstrap*/
@media only screen and (min-width: 768px) {
    .nav > li {
        border-right: 1px solid #508AB5;
    }
}

@media only screen and (max-width: 990px) {
    .wrap {
        width: 100%;
    }

    .navbar-nav > li > a {
        padding: 10px 30px;
    }

    .doublecolumn {
        width: 473px;
    }

        .doublecolumn .title a, .doublecolumn .col_one div a, .doublecolumn .col_two div a {
            padding: 6px 8px !important;
        }

    .underline {
        width: 75%;
    }

    .company #banner {
        width: 100%;
    }

    .menu {
        height: auto !important;
        position: static !important;
        width: 100% !important;
    }

    .menu-group.global {
        padding-right: 0px !important;
    }

    .menu-group {
        float: left;
        text-align: center;
        width: 100%;
    }

    .box table img {
        height: auto;
        width: 89%;
    }

    .box .padding p img {
        width: 100%;
    }

    .onestoptab {
        left: 202px;
        width: auto;
    }

    .onestopimg img {
        text-align: center;
    }

    .one-stop-wrap {
        text-align: center;
    }

        .one-stop-wrap .onestopimg img {
            width: 65%;
        }

    #hff {
        width: 111px;
    }

    .tabe-content {
        height: 141px;
    }
}

@media only screen and (max-width: 768px) {
    #hff {
        left: 126px;
        top: -8px;
    }

    #banner {
        width: 70%;
    }

    #dg {
        left: 109px;
    }

    #hs {
        left: 126px;
        top: 193px;
    }

    #hre {
        left: 238px;
    }

    #hhv {
        left: 21px;
    }

    #had {
        left: 141px;
        top: 275px;
    }

    .accordion #prev, .accordion #next {
        background: rgba(0,0,0,0.6);
        color: #fff;
        display: block;
        padding: 4px 8px;
        position: absolute;
        bottom: 0px;
        z-index: 99;
        cursor: pointer;
    }

    .accordion #prev {
        left: 10px;
    }

    .accordion #next {
        right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .accordion ul li img {
        display: none;
    }

    .slider-list-con ul {
        margin-bottom: 10px;
    }

    .one-stop-wrap .onestopimg img {
        width: 100%;
    }

    #utility-links {
        padding-right: 0px;
        width: auto;
    }

    #TB_window {
        width: 100% !important;
        left: 0px;
        margin-left: 0px !important;
        top: 15%;
    }

    #right-sidebar {
        width: 34.7%;
    }

    .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
        color: #333;
        padding: 10px 20px;
    }

    .underline {
        width: 70%;
    }

    .navbar-nav > li > a {
        padding: 10px 20px;
    }

    .doublecolumn {
        background: none;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        display: block;
        padding-bottom: 20px;
        position: relative;
        width: 100%;
    }

        .doublecolumn li .column .col_one {
            border-right: none;
            min-height: inherit;
        }

        .doublecolumn li .column .col_one, .doublecolumn li .column .col_two {
            float: none;
            padding-top: 10px;
        }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        color: #333;
    }

    .doublecolumn > li > a:hover, .doublecolumn > li > a:focus {
        background-color: #ddd;
    }

    .doublecolumn .title a {
        border-top: 1px solid #ddd;
        width: 100%;
        float: left;
        margin: 0px;
    }

    .column {
        margin-left: -15px;
    }

    .doublecolumn .title a, .doublecolumn .col_one div a, .doublecolumn .col_two div a {
        padding: 3px 24px !important;
    }

    .doublecolumn li .column .col_one a:hover, .doublecolumn li .column .col_two a:hover {
        background-color: #ddd !important;
    }

    .navbar-collapse.collapse.in {
        background: #eaeaea none repeat scroll 0 0;
    }

    .footer-box.last p {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 680px) {
    #blue-table {
        border: 1px solid #cfdbe4;
        display: table;
        float: none;
        margin: 0 auto;
    }

    .sfcommentsFieldsList {
        list-style: none;
        padding: 0px;
    }

    .sfcommentsField {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

    #content .sf_cols .sf_2cols_2_50, #content .sf_cols .sf_2cols_1_50 {
        width: 100%;
    }

    .sf_2cols_2_50 .sf_2cols_2in_50 {
        margin-left: 0px !important;
    }

    .com-table-cell {
        width: 100%;
        margin-bottom: 15px;
    }

    #content > p {
        float: left;
        width: 100%;
    }

    .bio {
        width: 45%;
    }

    .box {
        margin: 0px 0px 15px 0;
    }

    #content {
        width: 100%;
        border: none;
        padding-left: 20px;
        padding-right: 20px;
    }

    .events {
        float: none;
        margin: 0 auto 20px;
        min-height: 200px;
        width: 80%;
    }

    #logo {
        float: none;
        margin: 0 auto;
        width: 350px;
    }

    #utility-links {
        margin: 0 auto;
        display: table;
        float: none;
    }

    #right-sidebar {
        float: none;
        margin: 0 auto;
        padding-right: 0px;
        width: 100%;
    }

    .footer-box, #footer .last {
        width: 50%;
        border: none;
    }

    #left-sidebar {
        float: left;
        margin-left: 0px;
        padding: 0 10px;
        width: 100%;
    }

    .interior #content {
        width: 100%;
    }

    .ltdeals img {
        width: 100%;
    }

    .timeline {
        padding: 0 0 30px !important;
    }

    .yeargroup {
        width: 100% !important;
    }

    .year {
        background: none !important;
    }

    .year-events, .year-events2, .year-image {
        width: 100% !important;
        text-align: center;
    }

    .year h3 {
        position: relative !important;
        margin-bottom: 30px;
    }

    .yeargroup {
        background: none !important;
    }

    .year-image img {
        display: table;
        margin: 0 auto !important;
    }

    .year {
        padding: 0px !important;
    }

        .year .year-events p, .year .year-events2 p {
            padding: 0 20px !important;
        }

        .year .year-events img, .year .year-events2 img {
            padding: 0px !important;
        }
}

@media only screen and (max-width:480px) {
    #content > p {
        float: left;
        width: 100%;
    }

    .bio {
        width: 100%;
    }

    .footer-box, #footer .last {
        width: 100%;
    }

        .footer-box.last p {
            margin-bottom: 8px;
        }

    #content div p span img, #content .img-res {
        width: 100%;
    }

    .menu-center ul li {
        width: auto !important;
    }

    .tabe-content {
        padding: 0;
        margin-top: 10px;
    }

    .one-stop-wrap p {
        padding: 0;
    }

    .tabe-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .one-stop-wrap .rool {
        margin-top: 13px;
    }

    #logo {
        float: none;
        margin: 0 auto;
        max-width: 350px;
        width: auto;
    }

    .onestopimg {
        margin-top: 138px;
        position: relative;
    }

    .onestoptab {
        left: 53px;
    }

    #hmr {
        left: 22px;
        top: 0px;
    }

    #hff {
        width: 74px;
        left: 152px;
        top: -27px;
    }

    #hap {
        left: 36px;
        top: 108px;
    }

    #dg {
        left: 115px;
        top: 74px;
        transform: rotate(0);
    }

    #hws {
        left: 188px;
        top: 68px;
    }

    #hs {
        left: 130px;
        top: 169px;
    }

    #hre {
        left: 237px;
        top: 201px;
    }

    #had {
        left: 144px;
        top: 248px;
    }

    #hb {
        left: 169px;
        top: 315px;
    }

    #hhv {
        left: 34px;
        top: 273px;
    }
}

@media only screen and (max-width: 414px) {
    .onestoptab {
        left: 202px;
    }

    .tabe-content {
        height: 139px;
        overflow: scroll;
    }

    .onestoptab {
        left: 43px;
        top: 100px;
    }

        .onestoptab span {
            font-size: 12px;
        }

    #hmr {
        left: 22px;
        top: 16px;
    }

    #hre {
        left: 202px;
        top: 185px;
    }

    #hap {
        left: 32px;
        top: 103px;
    }

    #hhv {
        left: 26px;
        top: 253px;
    }

    #had {
        left: 129px;
        top: 229px;
    }

    #hb {
        left: 138px;
        top: 283px;
    }

    #hs {
        left: 116px;
        top: 164px;
    }

    #hws {
        left: 170px;
        top: 76px;
    }

    #dg {
        left: 102px;
        top: 74px;
        transform: rotate(0deg);
    }

    #hff {
        transform: rotate(0);
        left: 134px;
        top: -1px;
        width: 74px;
    }
}

@media ( max-width: 412px ) {
    .onestoptab span {
        font-size: 11px;
        font-weight: normal !important;
    }

    #hmr {
        left: 22px;
        top: 16px;
    }

    #hff {
        width: 74px;
        left: 125px;
        top: 0px;
    }

    #hap {
        left: 36px;
        top: 108px;
    }

    #dg {
        left: 102px;
        top: 74px;
        transform: rotate(0);
    }

    #hws {
        left: 168px;
        top: 72px;
    }

    #hs {
        left: 118px;
        top: 162px;
    }

    #hre {
        left: 205px;
        top: 188px;
    }

    #had {
        left: 126px;
        top: 231px;
    }

    #hb {
        left: 155px;
        top: 286px;
    }

    #hhv {
        left: 33px;
        top: 251px;
    }

    .onestoptab span:hover {
        text-shadow: none;
        font-size: 11px;
    }

    #logo {
        text-align: center;
        width: 100%;
    }

        #logo img {
            width: 87%;
            margin-left: 0 !important;
        }
}

@media ( max-width: 375px ) {
    #hmr {
        left: 14px;
        top: 8px;
    }

    #hff {
        left: 109px;
        top: -9px;
        width: 74px;
    }

    #hap {
        left: 26px;
        top: 90px;
    }

    #dg {
        left: 87px;
        top: 60px;
        transform: rotate(0deg);
    }

    #hws {
        left: 146px;
        top: 57px;
    }

    #hs {
        left: 101px;
        top: 138px;
    }

    #hre {
        left: 180px;
        top: 161px;
    }

    #hhv {
        left: 23px;
        top: 222px;
    }

    #had {
        left: 110px;
        top: 199px;
    }

    #hb {
        left: 133px;
        top: 249px;
    }
}

@media ( max-width: 360px ) {
    #hmr {
        left: 12px;
        top: 2px;
    }

    #hff {
        left: 98px;
        top: -12px;
        width: 74px;
    }

    #hap {
        left: 21px;
        top: 80px;
    }

    #dg {
        left: 81px;
        top: 55px;
    }

    #hws {
        left: 137px;
        top: 47px;
    }

    #hs {
        left: 93px;
        top: 125px;
    }

    #hre {
        left: 170px;
        top: 151px;
    }

    #hhv {
        left: 21px;
        top: 206px;
    }

    #hb {
        left: 122px;
        top: 231px;
    }

    #had {
        left: 104px;
        top: 183px;
    }
}

@media ( max-width: 330px ) {

    #hmr {
        left: -0px;
        top: -20px;
    }

    #hff {
        left: 81px;
        top: -30px;
    }

    .onestoptab span {
        line-height: 13px;
    }

    #hs {
        left: 73px;
        top: 100px;
    }

    #dg {
        left: 65px;
        top: 32px;
    }

    #hws {
        left: 117px;
        top: 28px;
    }

    #hap {
        left: 13px;
        top: 52px;
    }

    #hre {
        left: 140px;
        top: 117px;
    }

    #had {
        left: 84px;
        top: 150px;
    }

    #hb {
        left: 88px;
        top: 190px;
    }

    #hhv {
        left: 9px;
        top: 166px;
    }

    #logo {
        text-align: center;
        width: 100%;
    }

        #logo img {
            width: 87%;
            margin-left: 0 !important;
        }
}