@import url(https://fonts.googleapis.com/css?family=Droid+Serif:700italic);

/* MISC ==================================================================================== */
/*#region Misc */

.clearfix {
    clear: both;
}

.ms-rteStyle-responsive-image {
    -ms-name: "Responsive Image";
    display: inline-block;
    width: 100%;
}

span.ms-rteStyle-responsive-image img {
    display: inline-block;
    width: 100%;
}

a:link,
a:active,
a:hover,
a:visited,
button {
    outline: none;
}

/*#endregion */

/* TYPOGRAPHY ============================================================================== */
/*#region Typography */
@font-face {
    font-family: "FontAwesome";
    src: url('WaupacaScripts/fonts/fontawesome-webfont.eot');
    src: url('WaupacaScripts/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('WaupacaScripts/fonts/fontawesome-webfont.woff') format('woff'), url('WaupacaScripts/fonts/fontawesome-webfont.ttf') format('truetype'), url('WaupacaScripts/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:link,
a:active,
a:visited,
a:hover {
    color: #007dc3;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.ms-rtestate-field h1,
h1.ms-rteElement-H1,
.ms-rtestate-field h1,
h1.ms-rteElement-H1,
h1 {
    font-size: 24px;
    line-height: 1.8;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.ms-rtestate-field h2,
h2.ms-rteElement-H2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
    font-size: 24px;
    font-weight: bold;
    color: #072944;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.ms-rtestate-field h3,
h3.ms-rteElement-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-h3 {
    font-size: 18px;
    line-height: 1.8;
    font-weight: bold;
    color: #00457C;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.ms-rtestate-field h4,
h4.ms-rteElement-h4,
.ms-rtestate-field h4,
h4.ms-rteElement-h4 {
    font-size: 13px;
    font-weight: bold;
    color: #F07F09 /*#9c2135*/;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.ms-rteStyle-Comment, .ms-rteStyle-Accent1 {
    color: #777;
    font-style: italic;
    font-size: 14px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.ms-rteStyle-Accent1-subheading {
    -ms-name: "Sub-Heading";
    color: #F07F09;
    font-style: italic;
    font-size: 14px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}
/*#endregion */

/* TOP NAVIGATION ========================================================================== */
/*#region Top Navigation */


a.popout {
    background-image: none !important;
}

.show_mobile_subnav, .mobile_menu_link {
    display: none;
}

#zz1_TopNavigationMenu > ul > li:first-child {
    display: none;
}

/*#region 1st Level */
#zz1_TopNavigationMenu a:link,
#zz1_TopNavigationMenu a:active,
#zz1_TopNavigationMenu a:visited {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 0 0;
    padding: 5px 12px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}



#zz1_TopNavigationMenu a:hover,
#zz1_TopNavigationMenu a.highlighted,
#zz1_TopNavigationMenu a.selected {
    color: #f07f09;
}


#zz1_TopNavigationMenu a.static.selected:after {
    content: '';
    width: 100%;
    height: 8px;
    background-color: #f07f09;
    position: absolute;
    bottom: -7px;
    left: -10px;
}

.ms-core-navigation,
.sf-menu {
    width: 100%;
}

#zz1_TopNavigationMenu ul.level1 {
    width: 100% !important;
}

    #zz1_TopNavigationMenu ul.level1 > li {
        text-align: left;
        margin: 0 5% 0 0;
    }

        #zz1_TopNavigationMenu ul.level1 > li:last-child {
            float: right;
            margin: 0;
        }

#zz1_TopNavigationMenu > ul ul {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*background-color:#E3DED2;
                background-color:rgba(227, 222, 210, 0.95);*/
}

/*ul.dynamic{background:transparent;}*/


/*#endregion */

/*#region 2nd Level */

#zz1_TopNavigationMenu ul.level3 {
    margin-left: -10px;
    background-color: #072944;
    background-color: rgba(7, 41, 68, 0.93);
    min-width: 125px;
    padding-top: 12px;
}

    #zz1_TopNavigationMenu ul.level3 a.level3 {
        font-weight: normal;
    }

    /*#endregion */

    /*#region 3rd Level */

    #zz1_TopNavigationMenu ul.level3 ul {
        background-color: #072944;
        background-color: rgba(7, 41, 68, 0.93);
    }


        #zz1_TopNavigationMenu ul.level3 ul a {
            font-weight: normal;
        }

/*#endregion */



@media (max-width: 1050px) {
    #zz1_TopNavigationMenu ul.level1 > li {
        margin: 0;
    }
}

@media (max-width: 695px) {
    #zz1_TopNavigationMenu ul.level1 > li {
        margin: 0 4px 0 0;
    }
}

@media (max-width: 768px) {

    #zz1_TopNavigationMenu a.static.selected:after {
        background-color: transparent;
        width: 0;
        height: 0;
    }

    .nav_wrapper {
        width: 30%;
        float: right;
        padding: 0;
    }

    .mobile_menu_link {
        display: inline-block;
        cursor: pointer;
        padding: 4px;
        color: #fff;
        text-decoration: none;
        margin-right: -5px;
    }

    .show_mobile_subnav {
        display: block;
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        cursor: pointer;
        width: 40px;
        height: 38px;
        background-color: #E3DED2;
        -webkit-box-shadow: inset 3px 0px 12px #c7c1b4;
        -moz-box-shadow: inset 3px 0px 12px #c7c1b4;
        box-shadow: inset 3px 0px 12px #c7c1b4;
    }

    .show_mobile_subnav:before {
        content: '';
        border: 4px solid transparent;
        border-color: transparent #555 #555 transparent;
        position: absolute;
        left: 15px;
        top: 15px;
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s;
    }

    li.open > .show_mobile_subnav:before {
        content: '';
        border-color: transparent #007dc3 #007dc3 transparent;
        top: 18px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s;
    }

    #zz1_TopNavigationMenu ul.level3,
    #zz1_TopNavigationMenu ul.level3 ul {
        background: none;
        background-color: transparent;
        opacity: 100;
    }


    /*#region first level */
    /* first level ul */
    #zz1_TopMenu ul.level1 {
        display: none;
    }


    #zz1_TopNavigationMenu ul.level1.mobile_menu {
        -webkit-transition: all 900ms ease-out;
        -moz-transition: all 900ms ease-out;
        -o-transition: all 900ms ease-out;
        transition: all 900ms ease-out;
        right: -150%;
        top: 30px;
        position: absolute !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #zz1_TopNavigationMenu ul.mobile_menu.clickActive {
        -webkit-transition: all 900ms ease-out;
        -moz-transition: all 900ms ease-out;
        -o-transition: all 900ms ease-out;
        transition: all 900ms ease-out;
        right: 0;
        width: 240px !important;
        z-index: 100;
    }

    #zz1_TopNavigationMenu .mobile_menu > li {
        float: none !important;
        color: #fff !important;
        background: #E3DED2;
        margin: 0;
        padding: 0;
        width: 280px !important;
    }


    #zz1_TopNavigationMenu .mobile_menu li a {
        color: #575656;
        font-weight: bold;
        width: 270px !important;
        padding: 10px 15px 10px 50px !important;
        margin-right: 40px;
        text-align: left;
    }


    #zz1_TopNavigationMenu .mobile_menu a:hover,
    #zz1_TopNavigationMenu .mobile_menu > li.has-popup:hover > a,
    #zz1_TopNavigationMenu .mobile_menu li.open > a {
        float: none !important;
        color: #007dc3 !important;
    }

    /*#endregion */

    /*#region second - fourth level */

    .mobile_menu ul {
        position: relative !important;
        left: 0px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 280px !important;
    }

    .mobile_menu ul li {
        float: none !important;
        margin: 0;
        padding: 0;
        width: 280px !important;
    }

    #zz1_TopNavigationMenu .mobile_menu a.level3 {
        width: 270px !important;
        padding: 10px 15px 10px 60px !important;
        margin-right: 40px;
        text-align: left;
        white-space: normal;
        color: #777;
        font-size: 12px;
    }

    #zz1_TopNavigationMenu .mobile_menu li.level3.open a.level4 {
        color: #0591e0 !important;
    }

    #zz1_TopNavigationMenu .mobile_menu a.level4 {
        width: 270px !important;
        padding: 10px 15px 10px 75px !important;
        margin-right: 40px;
        text-align: left;
        white-space: normal;
        font-weight: normal;
        font-size: 12px;
    }

    #zz1_TopNavigationMenu .mobile_menu a.level5 {
        width: 270px !important;
        padding: 7px 15px 7px 75px !important;
        margin: 0 20px 0 15px;
        text-align: left;
        font-size: 12px;
        text-transform: none;
        white-space: normal;
    }


    .sf-menu .subMenuHeader, .nav_arrow {
        display: none;
    }

    /*#endregion */


    /*#endregion */
}

/*#endregion */

/* SKINS =================================================================================== */
/*#region Skins */

/*#region Header */
header {
    width: 100%;
}

header .header_nav_bar {
    position: static;
    background: #072944;
    height: 30px;
}

header#s4-titlerow {
    height: auto;
    margin: 0;
    padding: 0;
    margin-top: -10px;
}

header .header_social_bar {
    background: #072944;
    min-height: 2.5em;
}

header .header_social_bar .content {
    width: 100%;
    max-width: 1102px;
    margin: 0 auto;
    position: relative;
}

/* eliminate responsiveness in IE8 and below*/
.ltie9 header .header_social_bar .content {
    min-width: 989px;
}

.logo_wrapper {
    position: absolute;
}

header .logo {
    display: block;
    position: relative;
    padding: 15px 0 5px 2px;
    z-index: 201;
}

    header .logo img {
        width: 72px;
    }

.header_social_bar .social {
    float: right;
    position: relative;
}

footer .social {
    text-align: center;
}

.social a:link,
.social a:active,
.social a:visited,
.social a:hover {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    margin: 10px 8px 8px 8px;
    line-height: 16px;
}

.social a:last-child {
    margin-right: 0;
}

.social #language_link i {
    font-size: 22px;
    margin-right: 5px;
}

.language_wrapper {
    display: inline-block;
}

    .language_wrapper #languageOptions {
        display: none;
        position: absolute;
        top: 32px;
        z-index: 2200;
        overflow: hidden;
    }

#languageOptions ul,
#languageOptions li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#languageOptions ul {
    position: relative;
    background: #d5d5d5;
    background: rgba(213, 213, 213, 0.85);
}

#languageOptions li.selectedLanguage {
    background: #b6b3b3;
    background: rgba(182, 179, 179, 0.85);
    font-weight: bold;
}

#languageOptions li:hover {
    font-weight: bold;
}

#languageOptions a {
    padding: 8px 10px;
    margin: 0;
    display: inline-block;
    font-size: 12px;
    color: #555;
}

    #languageOptions a:hover {
        text-decoration: none;
    }

header .social a#language_link,
header .social a#language_link:hover {
    font-size: 12px;
    margin: 5px 16px 5px 0;
    color: #fff;
    cursor: pointer;
}




header .header_nav_bar .content {
    width: 100%;
    max-width: 1102px;
    margin: 0 auto;
    padding-left: 115px;
}

/* eliminate responsiveness in IE8 and below*/
.ltie9 header .header_nav_bar .content {
    min-width: 989px;
}

header nav.top-nav {
    float: left;
    width: 71.8%;
    position: relative;
    z-index: 100;
}

header .utilities {
    float: right;
    font-size: 18px;
    text-align: right;
    line-height: 21px;
}

    header .utilities a.search_link {
        display: inline-block;
        padding: 1px 8px 2px 8px;
        color: #fff;
        text-decoration: none;
        background-color: #007dc3;
        margin-left: -5px;
    }

        header .utilities a.search_link .fa-search {
            font-size: 16px;
        }

    header .utilities #txtSearch {
        border: 1px solid #BFBDBD;
        width: 194px;
        height: 24px;
        font-size: 12px;
    }

@media (min-width:861px) and (max-width:975px){
    header .header_nav_bar .content {
        padding-left: 95px;
    }
}

@media (max-width: 1080px) {
    header .logo_wrapper {
        margin: 0 20px 0 0;
    }

    header .header_social_bar,
    header .header_nav_bar {
        padding: 0 20px;
    }

    header nav.top-nav {
        width: 75%;
    }

    header .utilities {
        width: 23%;
    }

    header .utilities #txtSearch {
        width: 80%;
    }
}

@media (max-width: 860px) {

    header .utilities {
        width: 35px;
    }

    header nav.top-nav {
        width: 92%;
    }

    #txtSearch {
        display: none;
    }

    header .utilities a.search_link {
        background-color: transparent;
    }
}

@media (max-width: 768px) {
    header nav.top-nav {
        width: 50%;
        position: static;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        padding: 30px 0 0 0;
    }

    header .utilities {
        width: 60px;
    }

    header .header_nav_bar {
        position: relative;
    }
}

@media (max-width: 670px) {

    header .utilities {
        width: 50%;
        font-size: 35px;
        margin-top: -25px;
    }

    header .utilities a.search_link .fa-search {
        font-size: 30px !important;
    } 
  
    header nav.top-nav {
        width: 2%;
    }
}

@media (max-width: 500px) {
    header .social a#language_link,
    header .social a#language_link:hover {
        font-size: 12px;
    }

    header .header_social_bar {
        min-height: 2.9em;
    }
}

@media (max-width: 390px) {

    header .utilities {
        width: 50%;
    }

    header nav.top-nav {
        width: 2%;
    }

    .language_wrapper {
        display: inline-block;
        position: absolute;
        right: 45px;
        bottom: -27px;
        z-index: 2300;
    }

    header .social a#language_link,
    header .social a#language_link:hover {
        color: #fff;
    }
}
/*#endregion */

/*#region Skins/Layouts */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    background-color: #072944;
    color: #000;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

html, body, #s4-workspace #s4-bodyContainer {
    position: relative;
    left: 0;
    max-width: 100% !important;
    overflow: hidden;
}

@media (max-width: 500px) {
    body {
        font-size: 14px;
    }
}

.wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    background: #fff;
    /*overflow-x: hidden !important;*/
    position: relative;
}

.page {
    width: 100%;
    max-width: 1102px;
    margin: 0 auto;
    padding: 26px 0 20px 0;
    background: #fff;
}

.ltie9 .page {
    min-width: 989px; /* eliminate responsiveness in IE8 and below*/
}


/*#region SHARED INTERIOR STYLES */

.social_panel {
    text-align: left;
    position: fixed;
    width: 36px;
    left: -1px;
    top: 105px;
    z-index: 1000;
}

    .social_panel img {
        display: block;
        cursor: pointer;
    }

.socialPanelInnerWrapper {
    position: absolute;
    background: transparent;
    width: 36px;
}


span.st_linkedin_custom {
    display: inline-block;
    font-size: 26px;
    color: #fff;
    background: #3b5998;
    padding: 1px 10px;
    width: 41px;
    height: 43px;
}

span.st_email_custom {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    background: #C2C2C2;
    padding: 4px 10px;
    width: 41px;
    height: 43px;
}

span.st_twitter_custom {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    background: #00aced;
    padding: 2px 10px;
    width: 41px;
    height: 43px;
}

span.st_sharethis_custom {
    display: inline-block;
    font-size: 26px;
    color: #fff;
    background: #01BF01;
    padding: 1px 10px;
    width: 41px;
    height: 43px;
}


.breadcrumb_wrapper {
    position: relative;
    padding: 15px 0 20px 0;
}

.breadcrumb {
    display: block;
    width: 86%;
}


    .breadcrumb a,
    .breadcrumb {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        color: #000;
    }

.top_full_width {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/*.top_full_width:after {
        content: '';
        border: 15px solid #fff;
        border-color: #fff #fff transparent transparent;
        position: absolute;
        right: 0;
        top: 0;
    }*/

.masthead {
    position: relative;
}

.masthead img {
    width: 1187px;
}





.masthead_title {
    position: absolute;
    bottom: 7px;
    padding: 21px 27px 21px 15px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.76);
}

.masthead_title_tall {
    height: 90px;
    position: absolute;
    bottom: 7px;
    padding: 15px 27px 10px 30px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.76);
}

    .masthead_title_tall h1 {
        font-size: 24px;
        line-height: 1.4;
        z-index: 2;
        position: relative;
    }

.masthead_title h1 {
    font-size: 18px;
    z-index: 2;
    position: relative;
    line-height: 1.4;
}

.masthead_title h4 {
    line-height: 1.4;
}

.masthead_title_tall h4 {
    font-size: 18px;
    color: #fff;
    position: relative;
    line-height: 1.4;
    z-index: 2;
}

/* adds the opaque background image */
.masthead_title:after {
    content: "";
    background: url(/SiteCollectionImages/Template%20Images/waupaca-transparentbg-header-tapercut.png) 99% top no-repeat;
    top: 0;
    bottom: 0;
    right: -39px;
    position: absolute;
    width: 131%;
    z-index: 1;
}

.masthead_title_tall:after {
    content: "";
    background: url(/SiteCollectionImages/Template%20Images/waupaca-transparentbg-header-tall-tapercut.png) 99% top no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 140%;
    z-index: 1;
}

.full_width {
    width: 100% !important;
    max-width: 100%;
    padding: 0;
}

#ShareThisBox {
    padding-top: 5px;
}

.stMainServices {
    height: 25px !important;
}

.stButton .stButton_gradient {
    height: 21px !important;
}

@media (max-width: 1160px) {
    .social_panel {
        top: 225px;
    }

    span.st_linkedin_custom,
    span.st_email_custom,
    span.st_twitter_custom,
    span.st_sharethis_custom {
        font-size: 18px;
        padding: 1px 4px;
        width: 27px;
        height: 30px;
    }
}

@media (max-width: 700px) {
    .masthead_title {
        padding: 10px 27px 10px 15px;
    }
}

@media (max-width: 550px) {
    .masthead_title {
        padding: 5px 27px 5px 15px;
    }

    .masthead_title h1 {
        font-size: 14px;
    }
}

/* Fix for smart form inputs going offscreen on mobile*/
@media (max-width: 560px) {
    .smart-field-input select{
        max-width:50%;
    }

    div.smart-form .smart-field-control label{
        max-width:50%
    }

    div.smart-form .smart-field-button{
        text-align:left !important;
    }
}

/*#endregion*/

/*#region HOME LAYOUT */
.home_rotator {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
}

    .home_rotator .ms-webpartzone-cell {
        margin: auto;
    }

    .home_rotator img {
        width: 100% !important;
    }

.home_middle_full_width {
    padding: 10px 0 20px 0;
    display: block;
}

.home_bottom_row {
    background: #e1e1e1;
    text-align: justify;
    padding: 15px 30px;
    border-top: 6px solid #072944;
    margin-bottom: -20px;
}

    .home_bottom_row:after {
        content: '';
        width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
        display: inline-block;
    }

    .home_bottom_row .home_bottom_left {
        width: 155px;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .home_bottom_row .home_bottom_middle {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding: 0 30px 0 50px;
    }

    .home_bottom_row .home_bottom_right {
        width: 40%;
        display: inline-block;
        border-left: 2px solid #D8D5D5;
        vertical-align: top;
        padding-left: 40px;
        text-align: left;
    }

    .home_bottom_row .home_bottom_right_wide {
        width: 80%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding-left: 50px;
    }



@media (max-width: 950px) {
    .home_bottom_row {
        padding: 15px 10px;
    }
}

@media (max-width: 837px) {
    .home_bottom_row .home_bottom_middle {
        width: 38%;
        padding: 0 20px 0 30px;
    }

    .home_bottom_row .home_bottom_right {
        width: 38%;
        padding-left: 30px;
    }

    .home_bottom_row .home_bottom_right_wide {
        width: 76%;
        padding-left: 30px;
    }
}

@media (max-width: 768px) {

    header .utilities #txtSearch {
        width: 63%;
    }

    .home_rotator {
        width: 100%;
        float: none;
        padding: 0;
    }

    .home_middle_full_width .image_bevelbox:after .home_middle_full_width .image_bevelbox:before {
        display: none;
    }

    .home_middle_full_width .image_bevelbox {
        margin-bottom: -5px;
    }

    .home_middle_full_width ul.percentage_width_container li.quarter_width_container {
        margin: 0;
        width: 50% !important;
    }

    .home_middle_full_width ul.percentage_width_container li.quarter_width_container_fourth {
        margin: 0;
        width: 50% !important;
    }

    .home_middle_full_width ul.percentage_width_container li.quarter_width_container:last-child {
        float: none;
    }
}

@media (max-width: 750px) {

    .home_bottom_row .home_bottom_right {
        width: 38%;
        padding-left: 30px;
    }

    .home_bottom_row .home_bottom_middle {
        width: 38%;
        padding: 0 20px 0 30px;
    }
}

@media (max-width: 690px) {

    .home_bottom_row .home_bottom_left {
        float: none;
        margin-bottom: 5px;
        width: 100%;
    }

    .home_bottom_row .home_bottom_right {
        width: 50%;
        padding-left: 30px;
    }

    .home_bottom_row .home_bottom_middle {
        width: 50%;
        padding: 0 20px 0 5px;
    }

    .home_bottom_row .home_bottom_right_wide {
        width: 100%;
        padding-left: 5px;
    }
}

@media (max-width: 570px) {

    .home_bottom_row .home_bottom_left {
        margin-bottom: 0;
    }

    .home_bottom_row .home_bottom_middle,
    .home_bottom_row .home_bottom_right,
    .home_bottom_row .home_bottom_right_Wide {
        float: none;
        width: 100%;
        padding: 0;
        border: 0;
    }

    .home_bottom_row {
        border: none;
        background: transparent;
        text-align: center;
    }
}


/*#endregion */

/*#region INTERIOR LAYOUT */

.InteriorContent {
    position: relative;
}

    .InteriorContent .fullWidthUnderBreadcrumb {
        padding: 0 0 20px 0;
        position: relative;
    }

    .InteriorContent .left_column {
        float: left;
        width: 79%;
        padding: 0 50px 0 0;
    }


    .InteriorContent .right_column {
        width: 21%;
        float: right;
    }



@media (max-width: 1160px) {
    .InteriorContent {
        padding: 0 15px 0 27px;
    }
}

@media (max-width: 750px) {
    .InteriorContent .left_column,
    .InteriorContent .right_column {
        width: 100%;
        float: none;
    }


    .InteriorContent .left_column {
        padding: 0;
    }
}

/*#endregion */

/*#region INTERIOR 3 COLUMN LAYOUT */

.Interior3ColContent {
    position: relative;
}

    .Interior3ColContent .left_twocols {
        float: left;
        width: 79%;
    }

        .Interior3ColContent .left_twocols > .left_column {
            width: 30.6%;
            float: left;
            padding-right: 20px;
        }

        .Interior3ColContent .left_twocols > .center_column {
            width: 69.4%;
            float: right;
            padding: 0 50px 0 0;
        }

    .Interior3ColContent .right_column {
        width: 21%;
        float: right;
    }



@media (max-width: 1080px) {
    .Interior3ColContent {
        padding: 0 20px;
    }
}

@media (max-width: 750px) {
    .Interior3ColContent .left_twocols,
    .Interior3ColContent .right_column {
        width: 100%;
        float: none;
    }


        .Interior3ColContent .left_twocols > .center_column {
            padding: 0;
        }

            .Interior3ColContent .left_twocols > .center_column.full_width {
                padding: 0;
            }
}

@media (max-width: 650px) {

    .Interior3ColContent .left_twocols > .left_column {
        float: none;
        width: 100%;
    }

    .Interior3ColContent .left_twocols > .center_column {
        float: none;
        width: 100%;
        padding: 0;
    }
}




/*#endregion */


/*#region 4 COLUMN */

.Interior4ColsContent {
    position: relative;
}

    .Interior4ColsContent .left_threecols {
        float: left;
        width: 79%;
        padding: 0 25px 0 0;
    }

    .Interior4ColsContent .left_twocols {
        float: left;
        width: 66%;
    }

    .Interior4ColsContent .row_offcanvas .left_twocols > .first_column {
        float: left;
        width: 50%;
        padding: 0 25px 0 0;
    }

    .Interior4ColsContent .row_offcanvas .left_twocols > .second_column {
        float: right;
        width: 50%;
        padding: 0 25px 0 0;
    }

    .Interior4ColsContent .row_offcanvas > .third_column {
        float: left;
        width: 33%;
    }

    .Interior4ColsContent .row_offcanvas > .right_column {
        float: right;
        width: 21%;
    }

@media (max-width: 1080px) {
    .Interior4ColsContent {
        padding: 0 20px;
    }
}

@media (max-width: 900px) {
    .Interior4ColsContent .left_twocols {
        width: 50%;
    }

    .Interior4ColsContent .row_offcanvas .left_twocols > .first_column {
        float: none;
        width: 100%;
        padding: 0 25px 0 0;
        margin-top: 20px;
    }

    .Interior4ColsContent .row_offcanvas .left_twocols > .second_column {
        float: none;
        width: 100%;
        padding: 0 25px 0 0;
    }

    .Interior4ColsContent .row_offcanvas .left_threecols > .third_column {
        float: left;
        width: 50%;
    }
}

@media (max-width: 750px) {

    .Interior4ColsContent .left_threecols {
        float: left;
        width: 100%;
        padding: 0;
    }

    .Interior4ColsContent .row_offcanvas > .right_column {
        float: none;
        width: 100%;
    }
}

@media (max-width: 550px) {
    .Interior4ColsContent .row_offcanvas .left_threecols > .left_twocols {
        float: none;
        width: 100%;
    }

    .Interior4ColsContent .row_offcanvas .left_threecols > .third_column {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
}
/*#endregion */

/*#region 2 EVEN LEFT COLUMNS */

.Interior2EvenColsContent {
    position: relative;
}

    .Interior2EvenColsContent .row_offcanvas .left_twocols > .left_column,
    .Interior2EvenColsContent .row_offcanvas .left_twocols > .center_column {
        float: left;
        width: 50%;
        padding: 0 25px 0 0;
    }

    .Interior2EvenColsContent .row_offcanvas > .right_column {
        float: right;
        width: 21%;
    }

    .Interior2EvenColsContent .left_twocols {
        float: left;
        width: 79%;
    }

@media (max-width: 1080px) {
    .Interior2EvenColsContent {
        padding: 0 20px;
    }
}

@media (max-width: 750px) {

    .Interior2EvenColsContent .row_offcanvas .left_twocols {
        width: 100%;
    }

    .Interior2EvenColsContent .row_offcanvas > .right_column {
        float: none;
        width: 100%;
    }
}

@media (max-width: 550px) {
    .Interior2EvenColsContent .row_offcanvas .left_twocols > .left_column {
        width: 100%;
        float: none;
    }

    .Interior2EvenColsContent .row_offcanvas .left_twocols > .center_column {
        width: 100%;
        float: none;
        padding: 0;
    }
}

/*#endregion */

/*#region 2 SKINNY RIGHT COLUMNS */
.Interior2SkinnyRightCols {
    position: relative;
}

    .Interior2SkinnyRightCols .row_offcanvas .left_twocols > .left_column {
        float: left;
        width: 75%;
        padding: 0 25px 0 0;
    }

    .Interior2SkinnyRightCols .row_offcanvas .left_twocols > .center_column {
        float: left;
        width: 25%;
        padding: 0 25px 0 0;
    }

    .Interior2SkinnyRightCols .row_offcanvas > .right_column {
        float: right;
        width: 21%;
    }

    .Interior2SkinnyRightCols .left_twocols {
        float: left;
        width: 79%;
    }

@media (max-width: 1080px) {
    .Interior2SkinnyRightCols {
        padding: 0 20px;
    }
}

@media (max-width: 750px) {

    .Interior2SkinnyRightCols .row_offcanvas .left_twocols {
        width: 100%;
    }

    .Interior2SkinnyRightCols .row_offcanvas > .right_column {
        float: none;
        width: 100%;
    }
}

@media (max-width: 650px) {

    .Interior2SkinnyRightCols .row_offcanvas .left_twocols > .left_column {
        width: 100%;
        float: none;
    }

    .Interior2SkinnyRightCols .row_offcanvas .left_twocols > .center_column {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 20px;
    }
}
/*#endregion */



@media (max-width: 1080px) {
    .full_width {
        padding: 0 20px;
    }
}

/*#endregion */


/*#region Rule Line */

.divider-rule {
    background-color: #e3ded2;
    height: 3px;
    margin: 20px 0 20px 0;
}

/*#endregion */

/*#region table locations */

.CSSTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 3px solid #ffffff;
}

    .CSSTable table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .CSSTable tr:hover td {
        background-color: #ffffff;
    }

    .CSSTable td {
        vertical-align: middle;
        background-color: #f3f1e9;
        border: 1px solid #ffffff;
        text-align: left;
        padding: 7px 15px 7px 15px;
    }

.td-title-column {
    width: 30%;
    vertical-align: top;
}

.td-content-column {
    width: 70%;
}

/*#endregion */

/*#region News Social-btns */

.twitter-lrgbtn {
    background-color: #18c5ff;
    width: 100%;
    padding: 8px 0 8px 0;
    text-align: center;
}

.linkedin-lrgbtn {
    background-color: #0097bd;
    width: 100%;
    padding: 8px 0 8px 0;
    text-align: center;
}

.facebook-lrgbtn {
    background-color: #3b579d;
    width: 100%;
    padding: 8px 0 8px 0;
    text-align: center;
}

.youtube-lrgbtn {
    background-color: #c00000;
    width: 100%;
    padding: 8px 0 8px 0;
    text-align: center;
}

/*#endregion */

/*#region Footer */

footer {
    width: 100%;
    padding: 15px 0 15px 0;
}

    footer a:link,
    footer a:active,
    footer a:visited,
    footer a:hover {
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

    footer li {
        display: inline-block;
        list-style: none;
        line-height: 9px;
        padding: 0 8px 0 8px;
        border-right: 1px #fff solid;
        margin-left: -3px;
    }

    footer ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    footer li a, footer li a:hover, footer li a:active {
        text-decoration: none;
        text-transform: uppercase;
    }

.footer_top_row,
.footer_middle_row,
.footer_social,
.footer_copyright {
    margin: 0 auto;
    width: 100%;
    max-width: 1032px;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    text-transform: uppercase;
}


/* eliminate responsiveness in IE8 and below*/
.ltie9 footer,
.ltie9 .footer_top_row,
.ltie9 .footer_middle_row,
.ltie9 .footer_social,
.ltie9 .footer_copyright {
    min-width: 989px;
}

.footer_social a {
    font-size: 24px;
    margin: 8px 5px;
    display: inline-block;
}

footer .footer_copyright {
    font-size: 10px;
}

/*#endregion */

/*#endregion */

/* SHAREPOINT OVERRIDES ==================================================================== */
/*#region SHAREPOINT Overrides */
#pageStatusBar[class], .ms-status-msg {
    margin-bottom: 0;
}

.ms-rteTableEvenCol-0, .ms-rteTableOddCol-0 {
    vertical-align: top;
}


.ms-rteImage-1 {
    border-bottom: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
}

.ms-rte-wpbox, .dfwp-column, .dfwp-list, .dfwp-item {
    list-style: none !important;
    background: none !important;
    padding: 0px !important;
}

.ms-formfieldvaluecontainer .ms-rtestate-write.ms-rtestate-field div {
    border: 2px dashed #D2172B;
}

.ms-formfieldvaluecontainer .ms-rtestate-write.ms-rtestate-field .ms-rtestate-read.ms-rte-wpbox div {
    border: none;
}

.site-image-title {
    padding-left: 15px;
    padding-top: 20px;
    float: left;
}

.ms-rtestate-field {
    display: block !important;
}

    .ms-rtestate-field p, .ms-rtestate-field div {
        line-height: 1.6;
    }

.ms-dlgTitleBtns {
    margin-right: 0;
}

.ms-cui-menu {
    z-index: 1201 !important;
}


/*#s4-bodyContainer {
    overflow-x: hidden !important;
    overflow-y:visible;
}*/

.ms-webpartzone-cell {
    margin: 0 !important;
}

/*input fields in edit ribbon */
.ms-cui-dd-text, input.ms-cui-cb-input {
    height: 25px;
}

.ms-cui-dd-arrow-button {
    height: 25px;
    padding-left: 1px;
}

/*#region Search */
.ms-srch-item {
    width: 100%;
}

.ms-srch-hover-outerContainer {
    width: 45% !important;
    left: 50% !important;
}

.ms-WPBody a:link,
.ms-WPBody a:visited,
.ms-WPBody a:hover,
.ms-WPBody a:active {
    color: #007dc3 !important;
    font-style: normal;
}

.ms-srch-item-path {
    color: #7d7c7c !important;
}

.ms-srch-hover-standardSize,
.ms-srch-hover-siteViewerContainer,
.ms-srch-hover-glass-siteViewer {
    width: 100% !important;
}


/*#endregion*/
/*#region RIBBON STYLES -------------------------------------------------------------------------------------------------------*/

#suiteBarLeft {
    background: #FFF !important;
}

#DeltaSuiteLinks,
#ctl00_ctl43_site_share_button,
#site_follow_button,
#fullscreenmodebox {
    display: none !important;
}

.ms-cui-tt-a > .ms-cui-tt-span,
.ms-cui-tt-s > .ms-cui-tt-a,
.ms-promotedActionButton-text,
.ms-browseTab.ms-cui-tt-s > .ms-cui-tt-a > .ms-cui-tt-span {
    color: #fff !important;
}

.ms-core-suiteLink-a, .ms-core-suiteLink-a:visited, a.ms-core-suiteLink-disabled {
    color: #2c2a2a;
}

#s4-ribbonrow {
    z-index: 1200;
}
/*#endregion*/
/*#endregion */

/* SHAREPOINT REUSABLE CONTENT ============================================================= */
/*#region Reusable Content */

/*#region Lists */
.arrow_bullets {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .arrow_bullets li {
        margin: 0;
        padding: 0 0 5px 23px;
        list-style: none;
        position: relative;
    }

        .arrow_bullets li:after {
            content: '\f00c';
            font-family: FontAwesome;
            position: absolute;
            left: 0px;
            top: 1px;
            color: #00457c;
        }

/*#endregion */

.arrow_icon {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
}

    .arrow_icon:after {
        content: '';
        border: 6px solid #007dc3;
        border-color: transparent #007dc3 #007dc3 transparent;
        position: absolute;
        right: 0;
        top: 1px;
    }

.social_icons {
    text-align: justify;
}

    .social_icons:after {
        content: '';
        width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
        display: inline-block;
    }

    .social_icons a:link,
    .social_icons a:active,
    .social_icons a:visited,
    .social_icons a:hover {
        color: #fff;
        font-size: 24px;
        display: inline-block;
    }

.shadowed {
    -moz-box-shadow: 2px 2px 14px -3px #4C4C4B;
    -webkit-box-shadow: 2px 2px 14px -3px #4C4C4B;
    box-shadow: 2px 2px 14px -3px #4C4C4B;
}

.shadowed_inset {
    -moz-box-shadow: inset 0 0 22px -4px #C7C7C7;
    -webkit-box-shadow: inset 0 0 22px -4px #C7C7C7;
    box-shadow: inset 0 0 22px -4px #C7C7C7;
}

/*#region PERCENTAGE WIDTH CONTAINERS */

ul.percentage_width_container {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.percentage_width_container li.quarter_width_container {
        width: 22.17%;
        display: inline-block;
        margin-right: 4.18%;
        list-style: none;
    }

    ul.percentage_width_container li.quarter_width_container_fourth {
        width: 20.5%;
        display: inline-block;
        margin-right: 0;
        list-style: none;
    }

        ul.percentage_width_container li.quarter_width_container_fourth img {
            width: 100%;
            padding-bottom: 7px;
        }



    ul.percentage_width_container li.quarter_width_container:after {
        content: '';
        border: none;
    }

    ul.percentage_width_container li.quarter_width_container:last-child {
        float: right;
        margin: 0;
    }

    ul.percentage_width_container li.quarter_width_container img {
        width: 100%;
    }

.half_width_container > .left_half_column {
    width: 46.6%;
    float: left;
}

.half_width_container > .right_half_column {
    width: 46.6%;
    float: right;
    padding: 0 0 0 3.4%;
}

.ms-formfieldvaluecontainer .ms-rtestate-write.ms-rtestate-field ul.percentage_width_container li.quarter_width_container {
    border: 2px dashed #D2172B;
}

@media (max-width: 650px) {
    .center_column .half_width_container > .left_half_column {
        width: 100%;
        float: none;
    }

    .center_column .half_width_container > .right_half_column {
        width: 100%;
        float: none;
        padding: 0;
    }
}

/*#endregion */

/*#region LAYOUT COLUMN/CONTAINER SNIPPETS */
/*#region Column Snippets */

.thirds_container,
.quarter_width_container,
.half_width_container {
    padding: 0 7px;
    margin: 0 -15px 0 0;
}

    /* shared column/container styles */
    .thirds_container .left_column,
    .thirds_container .middle_column,
    .thirds_container .right_column,
    .quarter_width_container .quarter_width_column,
    .half_width_container .left_half_column,
    .half_width_container .right_half_column {
        float: left;
        display: block;
        padding: 10px 8px;
        position: relative;
    }

    .thirds_container .left_column,
    .thirds_container .middle_column,
    .thirds_container .right_column {
        width: 33.1%;
    }

    .quarter_width_container .quarter_width_column {
        width: 24.6%;
    }

    .half_width_container > .left_half_column,
    .half_width_container > .right_half_column {
        width: 49.6%;
    }


@media (max-width: 900px) {

    .InteriorContent .left_column .quarter_width_container .quarter_width_column {
        width: 49.6%;
    }
}

@media (max-width: 850px) {
    .InteriorContent .left_column .thirds_container .left_column,
    .InteriorContent .left_column .thirds_container .middle_column,
    .InteriorContent .left_column .thirds_container .right_column,
    .InteriorContent .fullWidthUnderBreadcrumb .quarter_width_container .quarter_width_column {
        width: 49.6%;
    }
}

@media (max-width: 700px) {
    .InteriorContent .fullWidthUnderBreadcrumb .thirds_container .left_column,
    .InteriorContent .fullWidthUnderBreadcrumb .thirds_container .middle_column,
    .InteriorContent .fullWidthUnderBreadcrumb .thirds_container .right_column {
        width: 49.6%;
    }
}

@media (max-width: 480px) {
    .InteriorContent .fullWidthUnderBreadcrumb .thirds_container .left_column,
    .InteriorContent .fullWidthUnderBreadcrumb .thirds_container .middle_column,
    .InteriorContent .fullWidthUnderBreadcrumb .thirds_container .right_column,
    .InteriorContent .left_column .thirds_container .left_column,
    .InteriorContent .left_column .thirds_container .middle_column,
    .InteriorContent .left_column .thirds_container .right_column,
    .InteriorContent .fullWidthUnderBreadcrumb .quarter_width_container .quarter_width_column,
    .InteriorContent .left_column .quarter_width_container .quarter_width_column,
    .half_width_container > .left_half_column,
    .half_width_container > .right_half_column {
        width: 100%;
        padding: 0 8px;
    }
}

/*#endregion */

/*#region Colored Content Boxes */

.top_border_box {
    background: #E3DFD2;
    /* text-align: justify; */
    padding: 15px 20px;
    border-top: 6px solid #007dc3;
    height: 100%;
}

.content_gray {
    background-color: #E6E5DF;
    position: relative;
    padding: 10px 15px;
    margin: 0 0 0 -15px;
    height: 100%;
}

.content_white {
    background-color: #fff;
    position: relative;
    padding: 10px 15px;
    margin: 0 0 0 -15px;
    height: 100%;
}

/* we don't want to set a negative margin if the content
        box is within a column control, or the right column
    */
.thirds_container .left_column .content_gray,
.thirds_container .middle_column .content_gray,
.thirds_container .right_column .content_gray,
.quarter_width_container .quarter_width_column .content_gray,
.half_width_container .left_half_column .content_gray,
.half_width_container .right_half_column .content_gray,
.thirds_container .left_column .content_white,
.thirds_container .middle_column .content_white,
.thirds_container .right_column .content_white,
.quarter_width_container .quarter_width_column .content_white,
.half_width_container .left_half_column .content_white,
.half_width_container .right_half_column .content_white,
.InteriorContent .right_column .content_white,
.InteriorContent .right_column .content_gray {
    margin: 0;
}

/*#endregion */


/*#endregion */

/*#region Buttons */

a.btnDefault,
.btnDefault {
    display: inline-block;
    background-color: #007dc3;
    color: #fff;
    padding: 5px 12px;
    position: relative;
}

    .btnDefault .smallButtonText {
        font-size: 12px;
        text-transform: none;
        display: block;
        margin-top: -5px;
    }

    a.btnDefault.red,
    .btnDefault.red {
        background-color: #9f2936;
    }

    a.btnDefault.green,
    .btnDefault.green {
        background-color: #6b9f25;
    }

    a.btnDefault.orange,
    .btnDefault.orange {
        background-color: #f07f09;
    }

    a.btnDefault.alignRight,
    .btnDefault.alignRight {
        position: absolute;
        right: 0;
        bottom: 15px;
    }


    a.btnDefault.register,
    a.btnDefault.contact,
    a.btnDefault.quote,
    a.btnDefault.download,
    .btnDefault.register,
    .btnDefault.contact,
    .btnDefault.quote,
    .btnDefault.download {
        padding: 5px 12px 5px 40px;
        text-align: right;
        font-size: 14px;
        text-transform: uppercase;
        margin: 5px 0;
    }

        a.btnDefault.register:before,
        a.btnDefault.download:before,
        a.btnDefault.quote:before,
        a.btnDefault.contact:before,
        .btnDefault.register:before,
        .btnDefault.download:before,
        .btnDefault.quote:before,
        .btnDefault.contact:before {
            content: "";
            font-family: FontAwesome;
            font-size: 25px;
            position: absolute;
            left: 10px;
            top: -3px;
        }

.InteriorContent .right_column a.btnDefault {
    width: 100%;
    max-width: 231px;
}

a.btnDefault.register:before,
.btnDefault.register:before {
    content: "\f109";
}

a.btnDefault.download:before,
.btnDefault.download:before {
    content: "\f019";
    top: 5px;
}

a.btnDefault.quote:before,
.btnDefault.quote:before {
    content: "\f044";
    top: -1px;
}

a.btnDefault.contact:before,
.btnDefault.contact:before {
    content: "\f0e0";
    top: -3px;
}

.cta-quote.page-top {
    position: absolute;
    margin-top: -46px;
    right: 0;
}

    /* style used when button is placed at the top of the page content right under the hero image*/
    .cta-quote.page-top .btnDefault.quote {
        width: auto;
        margin: 0;
    }

@media (max-width: 750px) {

    a.btnDefault.register,
    a.btnDefault.contact,
    a.btnDefault.quote,
    a.btnDefault.download,
    .btnDefault.register,
    .btnDefault.contact,
    .btnDefault.quote,
    .btnDefault.download {
        margin: 5px 10px 5px 0;
    }
}

@media (max-width: 500px) {
    .cta-quote.page-top {
        position: relative;
        margin: 0 0 12px 0;
    }
}

@media (max-width: 400px) {

    a.btnDefault.register,
    a.btnDefault.contact,
    a.btnDefault.quote,
    a.btnDefault.download,
    .btnDefault.register,
    .btnDefault.contact,
    .btnDefault.quote,
    .btnDefault.download {
        max-width: none;
    }
}




/*#endregion */

/*#region Image Containers */
.image_on_left,
.image_on_right {
    margin-top: -6px;
}

    .image_on_left > .left_image_column {
        width: 30%;
        float: left;
        margin: 6px 15px 0 0;
    }

        .image_on_left > .left_image_column img,
        .image_on_right > .left_image_column img {
            width: 100%;
        }

    .image_on_right > .left_image_column {
        width: 30%;
        float: right;
        margin: 6px 0 0 15px;
    }

.overlayWrapper {
    font-size: 16px;
    font-family: verdana;
}

    .overlayWrapper h1,
    .overlayWrapper h2,
    .overlayWrapper h3,
    .overlayWrapper h4,
    .overlayWrapper h5 {
        font-size: 24px;
    }

.overlayWrapper,
.smOverlayWrapper {
    position: relative;
    overflow: hidden;
}

    .overlayWrapper img,
    .smOverlayWrapper img {
        width: 100%;
        margin: 0 0 -6px 0; /*hack: without this there was about 5px of space under the iamge*/
    }


/* if the overlay wrappers are inside one of the column containers we need to 
        negate the padding those containers have so that the content lines up properly
    */
.thirds_container .overlayWrapper,
.quarter_width_container .overlayWrapper,
.half_width_container .overlayWrapper,
.thirds_container .smOverlayWrapper,
.quarter_width_container .smOverlayWrapper,
.half_width_container .smOverlayWrapper {
    margin: 0 -5px -8px 0;
}

.overlayWrapper.alignLeft .overlay,
.overlayWrapper.alignRight .overlay,
.smOverlayWrapper.alignLeft .overlay,
.smOverlayWrapper.alignRight .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    color: #fff;
    padding: 10px 15px;
    line-height: 1.2;
}

    .overlayWrapper.alignLeft .overlay p,
    .overlayWrapper.alignRight .overlay p,
    .smOverlayWrapper.alignLeft .overlay p,
    .smOverlayWrapper.alignRight .overlay p {
        line-height: 1.3;
        font-size: 12px;
    }

.overlayWrapper.alignRight .overlay,
.smOverlayWrapper.alignRight .overlay {
    left: auto;
    right: 0;
}

.smOverlayWrapper.alignLeft .overlay,
.smOverlayWrapper.alignRight .overlay {
    width: 50%;
}

.overlayWrapper.blue .overlay,
.smOverlayWrapper.blue .overlay {
    background-color: #072944;
    background-color: rgba(3, 18, 29,.75);
}

    .overlayWrapper.blue .overlay .ms-rteStyle-smOverlayHeading,
    .smOverlayWrapper.blue .overlay .ms-rteStyle-smOverlayHeading {
        color: #fff;
    }

.overlayWrapper.white .overlay,
.smOverlayWrapper.white .overlay {
    background-color: #E6E5DF;
    background-color: rgba(224, 221, 208, 0.82);
    color: #000;
}

@media (max-width: 850px) {
    .smOverlayWrapper.alignLeft img {
        width: 140%;
        position: relative;
    }

    .smOverlayWrapper.alignRight img {
        width: 140%;
    }
}

@media (max-width: 700px) {
    .overlayWrapper.alignLeft img {
        width: 160%;
        position: relative;
        left: -50%;
    }

    .overlayWrapper.alignRight img {
        width: 160%;
        position: relative;
        left: -10%;
    }

    .overlayWrapper.alignLeft .overlay,
    .overlayWrapper.alignRight .overlay {
        width: 60%;
    }
}

@media (max-width: 650px) {
    .smOverlayWrapper.alignLeft img {
        width: 160%;
        left: -40%;
    }

    .smOverlayWrapper.alignRight img {
        width: 160%;
    }
}

@media (max-width: 480px) {
    .smOverlayWrapper.alignLeft img,
    .smOverlayWrapper.alignRight img {
        width: 110%;
        left: 0;
    }
}

@media (max-width: 450px) {
    .overlayWrapper.alignLeft img {
        width: 360%;
        left: -235%;
    }

    .overlayWrapper.alignRight img {
        width: 360%;
        left: -44%;
    }

    .overlayWrapper.alignLeft .overlay,
    .overlayWrapper.alignRight .overlay {
        width: 100%;
    }
}

@media (max-width: 370px) {
    .smOverlayWrapper.alignLeft img {
        width: 145%;
        left: -30%;
    }

    .smOverlayWrapper.alignRight img {
        width: 145%;
    }
}

/*#endregion */

/*#region BEVELED CORNER BOXES */


.contact_link,
.locations_bevelbox a {
    text-decoration: none;
    color: #007dc3;
    font-size: 17px;
}

.locations_bevelbox {
    position: relative;
    z-index: 0;
    background: #fff;
    padding: 8px 18px;
}

    .locations_bevelbox:after {
        content: '';
        border: 8px solid transparent;
        border-color: #e1e1e1 #e1e1e1 #fff #fff;
        position: absolute;
        right: 0px;
        top: 0;
    }

.image_bevelbox {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

    .image_bevelbox img {
        width: 100%;
    }

    .image_bevelbox:after {
        content: '';
        border: 10px solid #fff;
        border-color: #fff #fff transparent transparent;
        position: absolute;
        right: 0px;
        top: 0;
    }

    .image_bevelbox:before {
        content: '';
        border: 10px solid #fff;
        border-color: transparent transparent #fff #fff;
        position: absolute;
        left: 0px;
        bottom: 0;
        z-index: 3;
    }

.bevelbox_tab {
    width: 100%;
    padding: 8px 15px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

.red_tab {
    background: #9f2936;
}

.green_tab {
    background: #6b9f25;
}

.tan_tab {
    background: #c2b476;
}

.orange_tab {
    background: #f07f09;
}

.bevelbox_bottom_left {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 18px;
    font-size: 13px;
}

    .bevelbox_bottom_left:after {
        content: '';
        border: 8px solid #fff;
        border-color: #fff #fff #e1e1e1 #e1e1e1;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.bevelbox_gray,
.rightCol_middle.bevelbox_gray {
    padding: 20px;
    position: relative;
    background: #e1e1e1;
}

    .bevelbox_gray:after,
    .rightCol_middle.bevelbox_gray:after {
        content: '';
        border: 8px solid #fff;
        border-color: #fff #fff transparent transparent;
        position: absolute;
        right: 0;
        top: 0;
    }


.button.bevelbox_gray {
    padding: 12px;
}

    .button.bevelbox_gray.download {
        min-height: 26px;
        padding: 12px 12px 12px 34px;
        background: #E3DFD2 url(/SiteCollectionImages/Template%20Images/download-icon.png) 10px no-repeat;
    }

        .button.bevelbox_gray.download a {
            line-height: 1.2;
        }

    .button.bevelbox_gray.register {
        min-height: 26px;
        padding: 12px 12px 12px 37px;
        background: #E3DFD2 url(/SiteCollectionImages/Template%20Images/register-icon.png) 10px no-repeat;
    }

        .button.bevelbox_gray.register a {
            line-height: 1.2;
        }

    .button.bevelbox_gray.contact a {
        display: inline-block;
        min-height: 17px;
        line-height: 1.2;
        padding-left: 28px;
        background: url(/SiteCollectionImages/Template%20Images/email_icon.png) 0px -1px no-repeat;
    }

    .button.bevelbox_gray.quote a {
        display: inline-block;
        min-height: 24px;
        line-height: 1.2;
        padding: 4px 0 0 26px;
        background: url(/SiteCollectionImages/Template%20Images/quote_icon.gif) 0px 0 no-repeat;
    }


@media (max-width: 825px) {
    .bevelbox_tab {
        font-size: 12px;
    }
}

@media (max-width: 690px) {

    .home_bottom_row .locations_bevelbox {
        float: left;
        margin-right: 20px;
    }

    .home_bottom_row .bevelbox_bottom_left {
        padding: 8px 18px;
        float: left;
        margin: 0 0 0 0;
        top: -20px;
    }

        .home_bottom_row .bevelbox_bottom_left:after {
            border-color: #E3DFD2 #E3DFD2 transparent transparent;
            right: 0;
            top: 0;
            left: auto;
            bottom: auto;
        }

    .contact_desc {
        display: none;
    }
}

@media (max-width: 570px) {

    .home_bottom_row .locations_bevelbox,
    .home_bottom_row .bevelbox_bottom_left {
        background: #E3DFD2;
        float: none;
        margin: 0 0 -10px 0;
        top: 0;
        width: 100%;
        text-align: center;
    }

        .home_bottom_row .locations_bevelbox:after,
        .home_bottom_row .bevelbox_bottom_left:after {
            border: none;
        }


    .contact_desc {
        display: none;
    }
}
/*#endregion */

.top_border_box {
    background: #E3DFD2;
    /* text-align: justify; */
    padding: 15px 20px;
    border-top: 6px solid #007dc3;
}

.zoom_image_wrapper .zoom_image {
    width: 100%;
}

/*#region Blockquote */

.blockquote {
    color: #595858;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Droid Serif', serif;
    position: relative;
    width: 72%;
    margin: 15px auto;
    padding: 9px 38px;
    background: #E4E2DD;
    box-shadow: 0 0 13px 2px #ccc;
}

    .blockquote:before {
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 24px;
        position: absolute;
        top: -6px;
        left: 4px;
        min-width: 38px;
        color: rgb(0, 69, 124);
    }

    .blockquote:after {
        content: "\f10e";
        font-family: FontAwesome;
        font-size: 24px;
        position: absolute;
        bottom: -7px;
        right: 8px;
        min-width: 38px;
        color: rgb(0, 69, 124);
    }

/*#endregion*/

/*#region HOME ROTATOR */
.rotatorContent_wrapper {
    width: 100%;
    min-width: 200px;
    margin: 0 auto 5px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

    /*.rotatorContent_wrapper:after {
        content: "";
        border: 12px solid #fff;
        border-color: #fff #fff transparent transparent;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }*/

    .rotatorContent_wrapper .slide {
        position: absolute;
        /* 
            some of these styles will be set by the plugin (by default) but setting them here
            helps avoid flash-of-unstyled-content
           
            position: absolute;  */
        top: 0;
        left: 0;
        padding: 0;
        display: block;
    }

    /* slideshow images (for most of the demos, these are the actual "slides") */
    .rotatorContent_wrapper .slide,
    .rotatorContent_wrapper img {
        /* 
            some of these styles will be set by the plugin (by default) but setting them here
            helps avoid flash-of-unstyled-content
           
            position: absolute;  */
        width: 100%;
    }

    /* description of the slide */
    .rotatorContent_wrapper .cycle-caption {
        position: absolute;
        color: white;
        bottom: 0;
        right: 0;
        font-size: 16px;
        line-height: 14px;
        z-index: 700;
        padding: 12px 48px 8px 15px;
        width: 100%;
    }

        /* adds the opaque background image */
        .rotatorContent_wrapper .cycle-caption:after {
            content: "";
            background: #ADAAA1;
            opacity: 0.95;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            z-index: -1;
        }

    /* adds the yellow arrow icon 
    .rotatorContent_wrapper .home_slider_caption:after {
        content: "";
        border: 6px solid #FCF835;
        border-color: transparent #FCF835 #FCF835 transparent;
        position: absolute;
        right: 30px;
        bottom: 18px;
        opacity: .8;
    }*/

    /* title of the slide */
    .rotatorContent_wrapper .cycle-overlay {
        text-transform: uppercase;
        position: absolute;
        z-index: 600;
        color: #fff;
        /*text-shadow: 1px 2px 3px rgba(151, 148, 148, 1);*/
        font-weight: bold;
        font-size: 18px;
        padding: 20px 80px 20px 26px;
    }

        /* adds the opaque background image */
        .rotatorContent_wrapper .cycle-overlay:after {
            content: "";
            background: transparent url(/SiteCollectionImages/Template%20Images/waupaca-transparentbg-tapercutg.png) no-repeat;
            background-size: 100% 126%;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            z-index: -1;
        }

.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    overflow: hidden;
}

    .cycle-pager span {
        font-size: 30px;
        width: 16px;
        height: 16px;
        display: inline-block;
        color: #999999;
        line-height: 16px;
        margin-right: -2px;
    }

        .cycle-pager span.cycle-pager-active {
            color: #105A83;
        }

@media (max-width: 550px) {
    .rotatorContent_wrapper .cycle-overlay {
        font-size: 14px;
        padding: 10px 30px 10px 10px;
    }

    .rotatorContent_wrapper .cycle-caption {
        font-size: 12px;
        width: 90%;
    }

    .rotatorContent_wrapper .home_slider_caption:after {
        right: 10px;
        bottom: 12px;
    }
}

/*#endregion */


/*#region VIDEO MODAL */

.videoModal {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

.video_image {
    cursor: pointer;
}

.video_wrapper {
    max-width: 217px;
}

/*#endregion*/

/*#region TAB MODULE */

.tab_control_wrapper {
    padding-top: 8px;
    border-top: 4px solid #E3DED2;
    position: relative;
}

    .tab_control_wrapper .tab_wrapper {
        width: 40%;
        float: left;
        margin-top: -16px;
    }

.tab_item {
    color: #000;
    padding: 16px 0 16px 0;
    border-bottom: 4px solid #E3DED2;
}

    .tab_item > div {
        padding: 8px;
    }

    .tab_item.active > div {
        padding: 8px;
        background: #9E2134;
        color: #fff;
    }

    .tab_item.active:before {
        content: "\f0da";
        font-family: FontAwesome;
        position: absolute;
        right: -12px;
        top: 5%;
        font-size: 41px;
        color: #9E2134;
    }

    .tab_item:hover > div {
        background: #E3DED2;
        color: #000;
        padding: 8px;
    }

    .tab_item.active:hover:before {
        color: #E3DED2;
    }

.tab_title {
    font-weight: bold;
}

.tab_content_wrapper {
    position: relative;
    width: 60%;
    padding: 10px 5% 0 5%;
    float: left;
}

    .tab_content_wrapper .tab_content_item {
        display: none;
        z-index: 0;
    }

        .tab_content_wrapper .tab_content_item.active {
            display: block;
            z-index: 1;
        }

        .tab_content_wrapper .tab_content_item img {
            width: 100%;
        }

.tab_control_wrapper.small .tab_item .tab_desc {
    display: none;
}

.tab_control_wrapper.small .tab_item.active .tab_desc {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    padding: 5px 12px;
    background-color: #cac7b8;
    background-color: rgba(202, 199, 184, 0.69);
    z-index: 2;
    color: #000;
}

/*#endregion*/


/*#region RELATED ITEMS */

img.cycle-slide {
    max-width: 100%;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 3px 38px 10px 38px;
    background: #e6e5df;
    *zoom: 1;
    max-width: 100% !important;
    max-height: 260px !important;
}

.InteriorContent .right_column .bx-wrapper {
    box-sizing: border-box;
    margin: 0px -77px 0 0px;
    max-height: 237px !important;
}

.bx-wrapper .bx-viewport {
    max-height: 258px !important;
    overflow: hidden;
}

.InteriorContent .right_column .bx-wrapper .bx-viewport {
    max-height: 224px !important;
}

ul.bxslider {
    height: 100%;
    position: relative;
    max-height: 242px !important;
}

    ul.bxslider li {
        box-shadow: 2px 2px 4px 0px #999;
        margin-top: -6px;
        height: 100%;
        background: #fff;
        border-bottom: 12px solid #00457C;
    }

.bx-pager {
    display: none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-wrapper .bx-prev {
    left: 2px;
    background: url(/SiteCollectionImages/Template%20Images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 2px;
    background: url(/SiteCollectionImages/Template%20Images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

h2.ms-webpart-titleText {
    font-size: 22px;
    color: #00457C !important;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider li .overlay {
    display: none;
    background: rgba(0, 69, 124, 0.85);
    width: 100%;
    height: 103%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 12px 60px 12px;
}

.bxslider li:hover .overlay {
    display: block;
    border-bottom: 7px solid #007dc3;
}

    .bxslider li:hover .overlay .item-title {
        color: #fff;
        font-size: 14px;
    }

.item-cta {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 20px;
    color: #fff;
    font-size: 12px;
    font-family: verdana;
    background: #007dc3;
    padding: 2px 5px;
    box-shadow: -2px 3px 5px 0px #072944;
}

@media (max-width: 786px) {
    .InteriorContent .right_column .bx-wrapper {
        padding: 5px 20px 7px 20px;
        max-width: 90% !important;
    }

    .bx-wrapper .bx-prev {
        left: -9px;
    }

    .bx-wrapper .bx-next {
        right: -9px;
    }

    .bxslider li .overlay {
        padding: 12px 12px 40px 12px;
    }

    .bxslider li:hover .overlay .item-title {
        color: #fff;
        font-size: 12px;
    }

    .item-cta {
        font-size: 9px;
    }
}

@media (max-width: 736px) {
    .InteriorContent .right_column .bx-wrapper {
        padding: 5px 20px 7px 20px;
        max-width: 100% !important;
    }
}

/*#endregion*/


/*#region Press Releases/Blog List */
.NewsDetailItem {
    margin: 0 0 30px 0;
}

.NewsDetailLink {
    margin-top: 8px;
    display: inline-block;
    cursor: pointer;
}

.NewsDetailTitle h2 {
    margin-bottom: 5px;
    font-size: 16px;
}

.newslistitem {
    position: relative;
    padding: 0 0 12px 0;
}
/*
    .newslistitem:after {
        content: '';
        border: 4px solid transparent;
        border-color: transparent #007dc3 #007dc3 transparent;
        position: absolute;
        left: 0px;
        top: 6px;
    }
    */
.pressRel_listing .pressRelBackBtn {
    font-size: 17px;
    text-transform: uppercase;
}

.newslist_title a:link,
.newslist_title a:hover,
.newslist_title a:active,
.newslist_title a:visited,
#BlogList li a:link,
#BlogList li a:hover,
#BlogList li a:visited,
#BlogList li a:active {
    font-style: normal;
    color: #072944 !important;
    font-size: 14px;
}

.NewsDetailDate,
.bloglist_date {
    color: #007dc3;
    font-size: 12px;
}
/*#endregion */

/*#region EXPANDING BOXES */
.textblock_heading.mobileExpander {
    color: #072944;
    font-size: 17px;
    position: relative;
    margin-bottom: 10px;
}

.expandable_wrapper .expander_heading {
    color: #072944;
    font-size: 14px;
    position: relative;
    background-color: #e3ded1;
    padding: 2px 20px 2px 35px;
    text-align: left;
    cursor: pointer;
    text-decoration: none !important;
    border: 2px solid #B3B3B3;
    border-style: none none solid none;
}

    .expandable_wrapper .expander_heading:before {
        content: '';
        border: 6px solid #072944;
        border-color: transparent #072944 #072944 transparent;
        position: absolute;
        display: inline-block;
        left: 10px;
        top: 7px;
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s;
    }

.expandable_wrapper.open .expander_heading {
    background: #072944;
    border: none;
    color: #fff;
}

    .expandable_wrapper.open .expander_heading:before {
        content: '';
        top: 9px;
        border-color: transparent #fff #fff transparent;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s;
    }

.expandable_wrapper .expander_content {
    padding: 10px;
    background: #DBD6C7;
    border: dotted 2px #072944;
    border-top: solid 3px #00457c;
}

.expandable_wrapper.open .expander_content {
    background: #DBD6C7;
    border: dotted 2px #007dc3;
    border-top: solid 3px #072944;
}

/*#region Columns to Expand/Collapse Boxes in Mobile */
.collapsible-columns {
    display: table;
    border-collapse: separate;
    border-spacing: 10px 0;
    margin: 10px -10px;
}

    .collapsible-columns .column {
        display: table-cell;
        width: 30%;
        padding: 0;
        background: #DBD6C7;
        margin: 5px;
    }

        .collapsible-columns .column .btnTitle {
            display: block;
            background: #007dc3;
            color: #fff;
            padding: 5px 8px 5px 25px;
            margin: 0 -2px 0 -2px;
            position: relative;
            font-size: 14px;
            border-bottom: solid 3px #00457c;
        }

            .collapsible-columns .column .btnTitle:before {
                content: "\f0d7";
                font-family: "FontAwesome";
                font-size: 21px;
                display: inline-block;
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                position: absolute;
                top: 1px;
                left: 10px;
                -moz-transition: all 0.8s 0s;
                -o-transition: all 0.8s 0s;
                -webkit-transition: all 0.8s 0s;
                transition: all 0.8s 0s;
            }

        .collapsible-columns .column .column-body img {
            width: 100%;
            max-width: 220px;
            display: block;
            margin: 0 auto 15px auto;
        }

    .collapsible-columns .column {
        border: dotted 2px #007dc3;
        border-top: none;
    }

        .collapsible-columns .column .column-body {
            padding: 10px 20px;
        }

@media (max-width: 500px) {
    .collapsible-columns,
    .column.open .column-body div {
        display: block;
    }

        .collapsible-columns .column {
            width: 100%;
            display: block;
            border: none;
        }

            .collapsible-columns .column.open {
                border: dotted 2px #007dc3;
                border-top: none;
                background: #DBD6C7;
                margin-bottom: 10px;
            }

            .collapsible-columns .column .column-body {
                visibility: hidden;
                height: 0px;
                opacity: 0;
                padding: 0;
            }

    .column .column-body div {
        display: none;
    }

    .collapsible-columns .column.open .column-body {
        visibility: visible;
        height: auto;
        opacity: 1;
        padding: 10px 20px;
        -moz-transition: all 0.8s 0s;
        -o-transition: all 0.8s 0s;
        -webkit-transition: all 0.8s 0s;
        transition: all 0.8s 0s;
    }

    .column.open .btnTitle:before {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transition: all 0.8s 0s;
        -o-transition: all 0.8s 0s;
        -webkit-transition: all 0.8s 0s;
        transition: all 0.8s 0s;
    }

    .collapsible-columns .column .btnTitle {
        margin-bottom: 0;
    }
}
/*#endregion*/

@media (max-width: 786px) {

    .expandable_wrapper .expander_heading {
        background-color: #E3DED2;
        border: none;
    }
}

@media (max-width: 570px) {

    .textblock_content {
        display: none;
    }

    .expandable_wrapper .expander_heading {
        text-align: center;
    }

    .textblock_heading.mobileExpander {
        background-color: #E3DED2;
        padding: 10px 0;
        text-align: center;
        margin-bottom: 10px;
        cursor: pointer;
        text-decoration: none !important;
        color: #007dc3;
        font-size: 17px;
        position: relative;
    }

        .textblock_heading.mobileExpander:before {
            content: '';
            border: 6px solid #007dc3;
            border-color: transparent #007dc3 #007dc3 transparent;
            position: absolute;
            display: inline-block;
            left: 10px;
            top: 15px;
            -moz-transition: all .8s;
            -o-transition: all .8s;
            -webkit-transition: all .8s;
            transition: all .8s;
        }

        .textblock_heading.mobileExpander.open:before {
            content: '';
            top: 18px;
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -moz-transition: all .8s;
            -o-transition: all .8s;
            -webkit-transition: all .8s;
            transition: all .8s;
        }
}
/*#endregion*/

/*#region Poloroids */

.poloroid.three-column1, .poloroid.three-column2 {
    float: left;
    width: 30%;
    margin: 0 5px 15px 0;
}

.poloroid {
    background: #e3dfd2;
    padding: 5px;
    overflow: hidden;
    margin: 0 5px 15px 0;
}

    .poloroid img {
        margin: 0 !important;
    }

    .poloroid a {
        color: #000;
    }

    .poloroid .content {
        padding: 2px 5px;
    }


@media screen and (max-width: 740px) {
    .poloroid.three-column2,
    .poloroid.three-column1 {
        float: left;
        width: 30%;
        margin: 0 5px 15px 0;
    }
}

@media screen and (max-width: 600px) {
    .poloroid.three-column2,
    .poloroid.three-column1 {
        float: left;
        width: 48%;
        margin: 0 5px 15px 0;
    }
}

@media screen and (max-width: 400px) {
    .poloroid.three-column2,
    .poloroid.three-column1 {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
    }
}
/*#endregion*/

/*#region MARKET SUBNAV*/

ul.market-subnav {
    margin: 0;
    padding: 0;
    display: inline-block;
    /*align-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;*/
}

.market-subnav li.nav-item {
    list-style: none;
    float: left;
    width: 23%;
    margin: 0 12px 12px 0;
    box-shadow: 2px 2px 6px 0px #999;
    position: relative;
    height: 100%;
    flex-grow: 0;
}

    .market-subnav li.nav-item img {
        max-width: 100%;
    }

    .market-subnav li.nav-item .card-title {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 12px;
        padding-right: 12px;
        background: #E6E5DF;
        color: #00457C;
        font-weight: 600;
        line-height: 1.2;
        position: relative;
        z-index: 2;
        border-top: 6px solid #00457c;
        height: 50px;
    }

        .market-subnav li.nav-item .card-title.active {
            background: #007dc3;
            color: #fff;
        }

    .market-subnav li.nav-item:hover .card-title.active {
        border-top-color: #00457c;
    }

    .market-subnav li.nav-item a:hover {
        text-decoration: none;
    }

    .market-subnav li.nav-item:hover .card-title {
        border-top-color: #007dc3;
        text-decoration: none;
    }

.market-subnav .item-cta {
    bottom: 60px;
    padding: 4px 5px;
}

.market-subnav li.nav-item .overlay {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 12px 12px 12px 12px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.2;
    background: rgba(0, 69, 124, 0.85);
    color: #fff;
    z-index: 1;
    opacity: 0;
}

.market-subnav li.nav-item:hover .overlay {
    display: block;
    opacity: 1;
    max-height: 100%;
    transition: opacity .3s ease-in;
}

@media (max-width: 420px) {
    .market-subnav li.nav-item {
        width: 45%;
    }
}
/*#endregion */


/*#region Video New*/
.video-section-wrapper {
    position: relative;
    line-height: 0;
    background: transparent url(/SiteCollectionImages/CTA%20Backgrounds/1300x500-20140403-P5-VMM-4.jpg);
}

    .video-section-wrapper .video-wrapper {
        background: rgba(0, 69, 124, 0.85);
    }

    .video-section-wrapper .content-wrapper {
        padding: 20px;
    }

    .video-section-wrapper .ms-rtestate-field {
        line-height: 0;
    }




.video-section-wrapper .copy-wrapper {
    width: 45%;
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    left: 49%;
    top: 15%;
}

@media screen and (max-width: 992px) {
    .video-section-wrapper .copy-wrapper {
        width: 100%;
        position: relative;
        left: 0;
    }
}

/*#endregion */

/*#region Video Columns*/
.video-columns-wrapper {
    width: 100%;
    display: inline-block;
    margin: -30px -24px -37px -47px;
    position: relative;
    line-height: 0;
}

    .video-columns-wrapper.video-left .left_column {
        width: 60%;
        padding: 0;
    }

        .video-columns-wrapper.video-left .left_column .ms-rtestate-field {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.27198%;
        }

    .video-columns-wrapper iframe {
        margin-bottom: -10px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .video-columns-wrapper.video-left .right_column {
        width: 37%;
        max-height: 90%;
        text-align: left;
        font-size: 16px;
        position: absolute;
        right: 5%;
        top: 15%;
        background: rgba(255, 255, 255, 0.87);
        padding: 20px;
    }

    .video-columns-wrapper.video-right .left_column {
        width: 20%;
        padding-left: 20px;
    }

    .video-columns-wrapper.video-right .right_column {
        width: 78%;
        padding-right: 10px;
    }

        .video-columns-wrapper.video-right .right_column .ms-rtestate-field {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.27198%;
        }

@media screen and (max-width: 900px) {
    .video-columns-wrapper.video-left .right_column {
        width: 40%;
        right: 0%;
        top: 6%;
        padding: 15px;
    }
}

@media screen and (max-width: 760px) {

    .video-columns-wrapper {
        margin: -30px 0 -17px 0;
    }

        .video-columns-wrapper .left_column,
        .video-columns-wrapper .right_column {
            width: 100% !important;
            margin-top: 15px;
        }

        .video-columns-wrapper.video-left .right_column {
            position: relative;
            padding: 20px;
        }
}


/*#endregion*/

/*#region Background Call To Action Containers*/
.cta-background-tall-primary-alt-image{
    background: transparent url(/SiteCollectionImages/IronCastings/Markets-Off-Highway/millroom.jpg);
    padding: 30px 12px;
    text-align: center;
}

.cta-background-tall-primary {
    background: transparent url(/SiteCollectionImages/CTA%20Backgrounds/1300x500-20140403-P5-VMM-4.jpg);
    padding: 30px 12px;
    text-align: center;
}

    .cta-background-tall-primary iframe,
    .cta-background-tall-teriary iframe,
    .cta-background-tall-secondary iframe {
        margin-bottom: -10px;
    }

.cta-background-tall-secondary {
    background: transparent url(/SiteCollectionImages/CTA%20Backgrounds/Call_To_Action_Tall_OrangeTint.png);
    padding: 30px 12px;
    text-align: center;
}

.cta-background-tall-tertiary {
    background: transparent url(/SiteCollectionImages/CTA%20Backgrounds/Call_To_Action_Tall_TanTint.png);
    padding: 30px 12px;
    text-align: center;
}

/*#endregion*/

/*#region MARKETS IMAGE CALL TO ACTIONS */

.markets_container {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .markets_container li.markets_column {
        padding: 0;
        margin: 0 10px 0 0;
        display: inline-block;
        width: 24%;
        position: relative;
    }

        .markets_container li.markets_column:last-child {
            margin: 0;
        }

.markets_column img {
    box-shadow: 0px 4px 12px -3px grey;
}


.markets_column .title {
    position: absolute;
    top: 42%;
    left: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}

.markets_column .overlay {
    position: absolute;
    width: 100%;
    height: 97%;
    background: rgba(7, 41, 68, 0.46);
}

.markets_column:hover .overlay {
    background: rgba(7, 41, 68, 0.77);
}

.markets_column:hover .title {
    color: #f8af64;
}

@media screen and (max-width: 900px) {
    .markets_container li.markets_column {
        width: 48%;
    }
}

@media screen and (max-width: 500px) {
    .markets_container li.markets_column {
        width: 100%;
    }
}

/*#endregion*/

/*#endregion */


/* JQUERYUI DIALOG STYLES ================================================================== */
/*#region JQUERYUI DIALOG STYLES */
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
    z-index: 902;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
        height: 30px;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: -3px 0 10px 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        min-width: inherit;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
        border-color: #D3CDCD;
        font-size: 0px;
        background: url(/_layouts/images/exitedit.gif) no-repeat;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        background: none;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
    border-color: #D3CDCD;
    background: none;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

/* Component containers
    ----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}

.ui-widget-header {
    background: #fff;
    color: #222222;
    font-weight: bold;
}


/* Icons----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 201;
    background: #494949 url(/SiteCollectionImages/Template%20Images/spacer.gif) 50% 50% repeat;
    opacity: .6;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

/*#endregion */

.ContentWebpartSpace .ms-webpartzone-cell {
    margin: auto auto 0px !important;
}

/* Pressly Blog ========================================================================== */
/*#region Pressly Blog */

.bloglist_wrapper {
    position: relative;
}

.bloglist_wrapper .ms-rtestate-read.ms-rte-wpbox {    
    margin-top: -45px;
    /*margin-Left: -10px;*/
}

.bloglist_wrapper div[class*='embed-container_'] {
    padding-bottom: 0;
    margin-bottom: -20px;
} 

.s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth, 
.ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth {
    display: block !important;
}
/*#endregion */

/* Homepage Specific ========================================================================== */
/*#region Homepage Specific */
.bevelbox_tab {
    color: black;
    font-size: 13px;
}

.da_layout .bevelbox_tab {
    padding: 8px 12px;
}

.da_layout .home_rotator{
    flex: 1 1 auto;
}

@media all and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .da_layout > .home_middle_full_width {
        width:20% !important;
    }
}

.bevelbox_tab:hover::after{
    position: absolute;
    content: "";
    bottom: 5px;
    left: 20px;
    right: 20px;
    border-bottom: 3px solid black;
}

@media screen and (max-width: 768px){
    .da_layout {
        display: flex;
        flex-direction: column-reverse;
    }
    .da_layout ul.percentage_width_container li.quarter_width_container {
        margin-bottom: 10px;
    }
    .da_layout > div.home_middle_full_width.showing {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 768px){
    .da_layout {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
    }
    .da_layout > .home_middle_full_width {
        padding: 0;
        margin: 0;
        width: 24.4%;
    }
    .da_layout ul.percentage_width_container {
        display: flex;
        flex-direction: column;
        height: 100%;

    }
    .da_layout ul.percentage_width_container li.quarter_width_container,
    .da_layout ul.percentage_width_container li.quarter_width_container_fourth {
        width: auto;
    }

    .da_layout ul.percentage_width_container li.quarter_width_container {
        margin-right: 4.81%;
        margin-bottom: 10px;
    }

    li.quarter_width_container a {
        display: inline-block;
    }

    .da_layout div.image_bevelbox > .bevelbox_tab {
        font-size: 1.2vw;
    }
}

/* Font size in bevelboxes - Shrinks as screen get smaller. */
@media screen and (min-width:768px) and (max-width: 836px) {
    .da_layout div.image_bevelbox .bevelbox_tab {
        font-size: 9px;
    }
}

@media screen and (min-width: 837px){
    .da_layout div.image_bevelbox .bevelbox_tab {
        font-size: 10px;
    }
}

@media screen and (min-width: 898px){
    .da_layout div.image_bevelbox .bevelbox_tab {
        font-size: 11px;
    }
}
/* End font size in bevelboxes */

@media screen and (min-width: 960px){
    .da_layout div.image_bevelbox .bevelbox_tab {
        font-size: 12px;
    }
}

@media screen and (min-width: 1100px){
    .da_layout div.image_bevelbox > .bevelbox_tab {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px){
    .bevelbox_tab {
      font-size: 12px !important;
    }
  }

@media screen and (max-width: 350px){
    .bevelbox_tab {
      font-size: 10px !important;
    }
  }

/*#endregion */