@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700,700italic,400italic');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700,300');

/* =============================================== */
/*	GLOBAL PAGE STYLES
================================================== */
.nopadding {
    padding: 0;
}

.nomargin {
    padding: 0;
}

.add-margin-bottom {
    margin-bottom: 6% !important;
}

.add-padding-bottom {
    padding-bottom: 6% !important;
}

.add-margin-top {
    margin-top: 6% !important;
}

.add-padding-top {
    padding-top: 6% !important;
}

.add-margin-bottom {
    margin-bottom: 6% !important;
}

.add-double-padding-bottom {
    padding-bottom: 12% !important;
}

.add-double-margin-top {
    margin-top: 12% !important;
}

.add-double-padding-top {
    padding-top: 12% !important;
}

.add-double-margin-bottom {
    margin-bottom: 12% !important;
}

.add-half-margin-top {
    margin-top: 3% !important;
}

.add-half-padding-top {
    padding-top: 3% !important;
}

.add-half-margin-bottom {
    margin-bottom: 3% !important;
}

.add-half-padding-bottom {
    padding-bottom: 3% !important;
}

.add-margin-left {
    margin-left: 3% !important;
}

.add-padding-left {
    padding-left: 3% !important;
}

.add-margin-right {
    margin-right: 3% !important;
}

.add-padding-right {
    padding-right: 3% !important;
}

.add-padding {
    padding: 3% !important;
}

.add-margin {
    margin: 3% !important;
}

.remove-padding-top {
    padding-top: 0 !important;
}

.remove-padding-bottom {
    padding-bottom: 0 !important;
}

.remove-margin-top {
    margin-top: 0 !important;
}

.remove-margin-bottom {
    margin-bottom: 0 !important;
}

.remove-margin-left {
    margin-left: 0 !important;
}

.remove-margin-right {
    margin-right: 0 !important;
}

.remove-margin-left {
    margin-left: 0 !important;
}

img.drop-shadow {
    border: 1px solid #aaa;
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.1);
}

.sfContentBlock ol,
.sfnewsContent ol {
    list-style: decimal;
    margin-left: 40px;
}

.sfContentBlock p {
    margin-bottom: 2%;
    font-size: 1.0em;
}

.sfnewsContent ul,
.sfContentBlock ul {
    margin-left: 15px;
}

    .sfnewsContent ul li:before,
    .sfContentBlock ul li:before {
        font-family: 'FontAwesome';
        content: "\f0da";
        margin-right: 5px;
        color: rgba(100,100,100,.7);
    }

    .sfnewsContent ul.list-unstyled li:before,
    .sfContentBlock ul.list-unstyled li:before {
        font-family: initial;
        content: initial;
        margin-right: 0;
    }

    .sfnewsContent ul.legend li:before,
    .sfContentBlock ul.legend li:before {
        font-family: 'FontAwesome';
        content: "\f0c8";
        /* angle-right */
        margin-right: 5px;
    }

.panel-block {
    background: #f6f6f6;
    padding: 10px 15px;
    margin-bottom: 2%;
}

    .panel-block.yellow {
        background: rgba(255,240,178,.3);
    }

    .panel-block img {
        border: 1px solid #aaa;
        box-shadow: 4px 4px 0 0 rgba(0,0,0,.1);
    }

ul.legend {
    font-size: 80%;
}

    ul.legend li.red:before {
        color: #F7464A;
    }

    ul.legend li.teal:before {
        color: #46BFBD;
    }

    ul.legend li.orange:before {
        color: #FDB45C;
    }

    ul.legend li.blue:before {
        color: #949FB1;
    }

    ul.legend li.green:before {
        color: #8AB047;
    }

    ul.legend li.purple:before {
        color: #6C4E91;
    }

.sf_cols.row {
    width: inherit !important;
}

.sfContentBlock h1,
.sfContentBlock h2,
.sfContentBlock h3,
h1.sfnewsTitle,
h2.sfnewsTitle,
h3.sfnewsTitle {
    font-weight: 300;
    color: #343838;
    margin-bottom: 2%;
}

.sfContentBlock a,
.sfnewsContent a {
    color: #4286b3;
}

    .sfContentBlock a:hover,
    .sfnewsContent a:hover {
        text-decoration: underline;
    }

    .sfContentBlock a.btn,
    .sfnewsContent a.btn {
        color: #fff;
    }

        .sfContentBlock a.btn:hover,
        .sfnewsContent a.btn:hover {
            text-decoration: none;
        }

.sf_2cols_2in_33 .sfContentBlock {
    background: rgba(245,245,245,.6);
    padding: 15px 10px;
    margin-bottom: 3%;
}

    .sf_2cols_2in_33 .sfContentBlock h1,
    .sf_2cols_2in_33 .sfContentBlock h2,
    .sf_2cols_2in_33 .sfContentBlock h3,
    .sf_2cols_2in_33 .sfContentBlock h4 {
        padding-bottom: 2%;
        border-bottom: 1px solid #ddd;
        color: #343838;
        font-weight: 300;
    }

    .sf_2cols_2in_33 .sfContentBlock h1 {
        font-size: 160%;
    }

    .sf_2cols_2in_33 .sfContentBlock h2 {
        font-size: 150%;
    }

    .sf_2cols_2in_33 .sfContentBlock h3 {
        font-size: 140%;
    }

    .sf_2cols_2in_33 .sfContentBlock h4 {
        font-size: 120%;
    }

/* ======================================================
    Interior left nav
========================================================== */
.shelf-wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .shelf-wrapper.toggled {
        padding-left: 300px;
    }

#sidebar-wrapper {
    z-index: 20;
    position: absolute;
    left: 300px;
    width: 0;
    height: 100%;
    margin-left: -300px;
    overflow-y: auto;
    /*background: #000;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.shelf-wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

.page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

.shelf-wrapper.toggled .page-content-wrapper {
    position: absolute;
    margin-right: -300px;
}

.menu-toggle-wrapper {
    position: absolute;
    display: none;
}

a#menu-toggle:before {
    font-family: 'FontAwesome';
    content: '\f00d';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a#menu-toggle,
a#menu-toggle:hover,
a#menu-toggle:active,
a#menu-toggle:focus {
    text-decoration: none;
}

.toggled a#menu-toggle:before {
    font-family: 'FontAwesome';
    content: '\f0c9';
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 20px;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 50px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: #999999;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #343838;
            }

            .sidebar-nav li a.active {
                text-decoration: none;
                color: #4585BA;
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

@media(min-width:768px) {
    .shelf-wrapper {
        padding-left: 300px;
    }

        .shelf-wrapper.toggled {
            padding-left: 0;
        }

    #sidebar-wrapper {
        width: 300px;
    }

    .shelf-wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    .page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    .shelf-wrapper.toggled .page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

@media(max-width:767px) {
    .page-content-wrapper {
        position: relative;
        padding: 0;
    }

    .shelf-wrapper.toggled .page-content-wrapper {
        position: relative;
    }
}

/*	main container(s)
================================================================= */

.content-wrapper {
    padding-top: 12px;
}

    .content-wrapper img {
        position: relative;
        top: -12px;
    }

.lt-ie9 .container {
    width: 940px
}
/* ie less than 9*/

/*=================================================== */
/*	FLEXSLIDER
================================================== */
.service-image {
    width: 50%;
    background: #f3f5f8;
    float: left;
    height: 100%;
    box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

    .service-image .general {
        background: url(http://www.ohiocpa.com/images/default-source/homepage-images/control-427512_1280.png?sfvrsn=2) no-repeat center center;
        height: 100%;
        background-position: 0 0px;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .service-image .firm {
        background: url(http://www.ohiocpa.com/images/default-source/homepage-images/475770511_umbrella_2.png?sfvrsn=2) no-repeat center center;
        height: 100%;
        background-position: 0 0px;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

.fluid-white {
    width: 50%;
    background: #fff;
    float: right;
    height: 100%;
    z-index: 2;
}

.responsive-services {
    position: relative;
}

.designs {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
}

.wrapper {
    height: 500px;
}

.section-padding {
    padding: 90px 0 100px
}

#servicesSlider { /*margin-top: 70px;*/
}

.intro {
    background: #f3f5f8;
    padding: 30px;
}

h1.arrow {
    font-size: 15px;
    text-transform: uppercase;
    color: #353535;
    letter-spacing: 1px;
    background: url('../Images/icons/h1-bg.png') no-repeat center bottom;
    padding-bottom: 30px;
    font-weight: bold;
}

#servicesSlider p {
    color: #8c9398;
    word-spacing: 1px;
    line-height: 25px;
    font-size: 14px;
}

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

    ul.slides li {
        margin-bottom: 20px;
    }

        ul.slides li:before {
            content: '';
        }

.swag {
    background: url(http://www.ohiocpa.com/images/default-source/homepage-images/columbus_cityscape_by_jacob.jpg?sfvrsn=2) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    /*padding:50px 0;*/
}

    .swag h1 {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 5px;
        font-weight: 600;
    }

        .swag h1 span {
            display: block;
            font-size: 24px;
        }

        .swag h1 i,
        .swag h1 em {
            display: block;
            font-size: 14px;
            margin-top: 10px;
            font-weight: normal;
            font-style: italic;
        }

.swag-overlay-lt-blue {
    background: rgba(66,134,179, .6);
    padding: 50px 0;
}

.swag-overlay-dk-blue {
    background: rgba(42,73,93, .6);
    padding: 50px 0;
}

.swag-overlay-orange {
    background: rgba(4237,117,35, .6);
    padding: 50px 0;
}

.swag-overlay-green {
    background: rgba(156,175,53, .6);
    padding: 50px 0;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    background: #59316f;
    top: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    width: 100%; /* 100% width */
    margin-top: 60px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

#overlay-nav .fullwidthbanner-container {
    height: 80px;
    width: 100%;
    background-color: rgb(70, 31, 91);
}

    #overlay-nav .fullwidthbanner-container #close-menu {
        height: 80px;
        background-color: rgb(53, 9, 77);
        width: 165px;
        border-radius: 0;
        color: white;
        font-size: larger;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    #overlay-nav .fullwidthbanner-container .close-button-container {
        position: absolute;
        top: 0;
        right: 0;
    }

#overlay-nav #search-location {
    max-width: unset;
    margin-top: 22px;
    padding: 0;
}
    /*#overlay-nav #search-location {
        max-width: 50%;
        padding: 1%;
        float: right;
    }*/
    #overlay-nav #search-location .sfsearchTxt {
        background-color: #59316f;
        color: white;
        border-color: rgb(53, 9, 77);
    }

    #overlay-nav #search-location .btn {
        background-color: rgb(53, 9, 77);
        color: white;
        border-color: rgb(53, 9, 77);
    }

    #overlay-nav #search-location .input-group-btn input {
        display: none;
    }

#mobile-nav #search-location-mobile {
    max-width: unset;
    padding-top: 8%;
    padding: 0;
    padding-left: 8%;
    width: 100%;
}

    #mobile-nav #search-location-mobile .input-group {
        padding-top: 15px;
    }

    #mobile-nav #search-location-mobile .sfsearchTxt {
        background-color: #59316f;
        color: white;
        border-color: rgb(53, 9, 77);
    }

    #mobile-nav #search-location-mobile .btn {
        background-color: rgb(53, 9, 77);
        color: white;
        border-color: rgb(53, 9, 77);
    }

    #mobile-nav #search-location-mobile .input-group-btn input {
        display: none;
    }

#mobile-nav .mm-navbars_bottom > .mm-navbar .mobile-menu-button {
    display: block;
    text-align: center;
    padding: 10px 0 !important;
}

#mobile-nav .mm-navbar {
    background-color: #59316f;
    color: white;
    border-color: rgb(53, 9, 77);
    height: 80px;
}

#mobile-nav .mm-navbars_bottom > .mm-navbar {
    display: block;
    height: auto;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 20px !important;
}

.mm-wrapper_opening #mobile-nav.mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: none;
    transform: none
}

.mm-wrapper_opened #mobile-nav.mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-wrapper_opening #mobile-nav.mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#mobile-nav .mm-btn_next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: transform 350ms ease;
}

#mobile-nav .mm-listitem_opened > .mm-listitem__btn:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mobile-nav {
    z-index: 9999;
}

    #mobile-nav .mm-panel_has-navbar .mm-navbar {
        margin-top: 10%;
        height: 50px;
        font-size: x-large;
    }

.mm-navbar > * {
    padding: 0 !important;
}

.k-list-container {
    top: 5px;
    color: black !important;
    background-color: white !important;
}

    .k-list-container .k-list li:hover {
        background-color: rgb(0, 176, 168) !important;
        color: white !important;
    }

#fullwidthnav .btn-spacer {
    height: 1px;
}

#fullwidthnav .fullwidthbanner-container {
    height: 80px;
    background-color: white;
}

    #fullwidthnav .fullwidthbanner-container .nav-links {
        margin-top: 2%;
    }

        #fullwidthnav .fullwidthbanner-container .nav-links a {
            font-weight: 700;
            font-family: Arial;
            font-size: 17px;
        }

    #fullwidthnav .fullwidthbanner-container .logo img {
        padding: 17px;
        float: left;
        height: 80px;
    }

    #fullwidthnav .fullwidthbanner-container #open-menu, #fullwidthnav .fullwidthbanner-container #mobile-toggle {
        height: 80px;
        background-color: #59316f;
        width: 80%;
        border-radius: 0;
        color: white;
        padding: 23px;
        font-size: large;
    }

.header {
    height: 0;
}

.sfContentBlock .colorbar {
    border-top: white 2px solid;
}

.footer-location .sfContentBlock .colorbar {
    border: none;
}

    .footer-location .sfContentBlock .colorbar .teal, .footer-location .sfContentBlock .colorbar .green, .footer-location .sfContentBlock .colorbar .blue, .footer-location .sfContentBlock .colorbar .purple {
        background-color: #255f90;
    }

body.redesign .header .preheader .preheader_nav {
    padding: 0 !important;
    border-bottom: none !important;
}

body.redesign .header {
    padding: 0 !important;
}

.overlay-content .root-node {
    text-align: left;
    display: block;
    padding-bottom: 50px;
}

.overlay-content .root-node > a{
    text-transform: none;
}

.mobile-overlay {
    display: none;
}

.root-node .root-number {
    font-weight: 700;
    color: white !important;
    font-size: 15px;
    padding-bottom: 5px;
}

.root-node .root-bottom {
    border-bottom: 2px #255f90 solid;
    width: 25px;
    padding-bottom: 5px;
}

.root-node:hover .root-bottom {
    border-bottom: 2px rgb(0, 176, 168) solid;
    width: 100px;
    transition: ease-in-out 1s;
}

/* The navigation links inside the overlay */

.overlay root-node {
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid; /* Theoretically FF 20+ */
    break-inside: avoid-column; /* IE 11 */
    display: table;
    font-weight: 400;
}

.overlay .sub-menu li {
    font-weight: 700;
    padding-bottom: 15px;
    font-size: 15px;
}

.overlay a {
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    color: #f1f1f1 !important;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

.overlay .sub-menu a {
    text-decoration: none;
    text-transform: none;
    font-size: 15px;
    color: #f1f1f1 !important;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: rgb(0, 176, 168) !important;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.footer-location .footer_contact-us a {
    text-transform: none;
}

.mm-panel:not(.mm-hidden) {
    background: #59316f;
    color: white;
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: white !important;
    padding-top: 5% !important;
}

.mm-listitem {
    color: white !important;
}

#close-mobile-menu {
    background-color: rgb(53, 9, 77);
    color: white;
    border-radius: 0;
    height: 80px;
    width: 100%;
    font-size: x-large;
}

.mm-btn_next:after {
    border-color: white !important;
}

#mobile-nav .footer-location {
    margin-top: 200px;
}

.footer-location .container {
    margin-top: 50px;
}

.footer-location a, .sub-footer-location a {
    font-size: 0.8em;
}

    .footer-location a:hover, .sub-footer-location a:hover {
        color: rgb(0, 176, 168) !important;
        text-decoration: none;
    }

.footer-location .fa {
    display: none;
}

.footer-location .fa-stack {
    display: none;
}

.footer-location span {
    height: 0px;
    width: 0;
}

.footer-location img {
    width: 90%;
}

.footer-location .clearfix, .footer-location h4, .sub-footer-location p, .footer-location p {
    color: white !important;
}

.sub-footer-location p {
    font-size: 10px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:1441px) {
    #search-location {
        width: 90%;
    }
}

@media screen and (max-width:1280px) {
    .wrapper {
        height: 540px;
    }

    .wp3 {
        background-position: 50px 0;
    }

    #fullwidthnav .fullwidthbanner-container #open-menu {
        height: 80px;
        width: 80%;
    }

    #fullwidthnav .fullwidthbanner-container {
        height: 80px;
    }

        #fullwidthnav .fullwidthbanner-container .logo img {
            padding: 17px;
            height: 70px;
        }

    .footer-logo {
        width: 60%;
    }

    #overlay-nav #search-location {
        max-width: unset;
        margin-top: 20px;
        padding: 0;
        width: 80%;
    }
}

/* xGA iPad */
@media screen and (max-width:1024px) {
    .wp3 {
        background-position: 50px 0;
    }

    .swag {
        background-attachment: scroll;
    }

    .subscribe {
        background-attachment: scroll;
    }
}
/* 1200px (Small Desktop, Netbook) */
/* Bootstrap 990px Breakpoint to 480px */

@media screen and (max-width:767px) {
    #overlay-nav .fullwidthbanner-container #close-menu {
        height: 80px;
        width: unset !important;
    }

    .overlay-content {
        display: none;
    }

    .mobile-overlay {
        display: contents;
        /*position: relative;*/
    }
}

@media screen and (max-width:480px) {
    .wrapper {
        background: #f3f5f8;
        height: 640px;
    }

    .service-image {
        display: none;
    }

    .fluid-white {
        display: none;
    }

    .wp2, .wp4, .wp5, .light-box {
        margin-bottom: 30px;
    }

    .legals {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .credit {
        text-align: center;
    }

    #overlay-nav .fullwidthbanner-container #close-menu {
        width: 82px !important;
    }

    #overlay-nav .fullwidthbanner-container .btn-text, #fullwidthnav .fullwidthbanner-container .btn-text {
        display: none;
    }

    #fullwidthnav .fullwidthbanner-container #mobile-toggle {
        height: 80px;
        width: 80% !important;
        padding: unset;
        padding-top: 23px;
    }

    #fullwidthnav .fullwidthbanner-container .logo img {
        padding: 17px;
        height: 75px;
    }
}

@media screen and (max-width:376px) {
    #overlay-nav .fullwidthbanner-container #close-menu {
        height: 80px;
        width: 72px !important;
    }
}

@media screen and (max-width:321px) {
    .mobile-overlay {
        margin-top: 30px;
    }

    #overlay-nav #search-location fieldset {
        width: 95%;
        margin-right: 5%;
        float: right;
    }

    #overlay-nav .fullwidthbanner-container #close-menu {
        height: 80px;
        width: 57px !important;
    }
}

@media screen and (min-width:480px) and (max-width:991px) {
    .service-image {
        display: none;
    }

    .fluid-white {
        display: none;
    }

    .wrapper {
        background: #f3f5f8;
        height: 410px;
    }

    .wp2, .wp4, .wp5, .light-box {
        margin-bottom: 30px;
    }

    .legals {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .credit {
        text-align: center;
    }
}

/*=================================================== */
/*	END FLEXSLIDER
================================================== */

/*=================================================== */
/*	TESTIMONY ACCORDION
================================================== */
/* Flexible Slide-to-top Accordion Style*/
.st-accordion {
    width: 100%;
    min-width: 270px;
    margin: 0 auto;
}

    .st-accordion ul li {
        height: 100px;
        border-bottom: 1px solid #c7deef;
        border-top: 1px solid #fff;
        overflow: hidden;
    }

        .st-accordion ul li:before {
            content: '';
            margin-right: 0;
        }

        .st-accordion ul li:first-child {
            border-top: none;
        }

        .st-accordion ul li > a {
            font-family: 'Raleway',Georgia, serif;
            font-weight: 300;
            text-shadow: 1px 1px 1px #fff;
            font-size: 28px;
            display: block;
            position: relative;
            line-height: 100px;
            outline: none;
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
        }

            .st-accordion ul li > a span {
                background: transparent url(../Images/icons/down.png) no-repeat center center;
                text-indent: -9000px;
                width: 26px;
                height: 14px;
                position: absolute;
                top: 50%;
                right: -26px;
                margin-top: -7px;
                opacity: 0;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            .st-accordion ul li > a:hover {
                color: #1693eb;
            }

            .st-accordion ul li > a:hover,
            .st-accordion ul li > a:active,
            .st-accordion ul li > a:visited,
            .st-accordion ul li > a:focus {
                text-decoration: none;
            }

                .st-accordion ul li > a:hover span {
                    opacity: 1;
                    right: 10px;
                }

        .st-accordion ul li.st-open > a {
            color: #1693eb;
        }

            .st-accordion ul li.st-open > a span {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                transform: rotate(180deg);
                right: 10px;
                opacity: 1;
            }

.st-content {
    padding: 5px 0px 30px 0px;
}

    .st-content p {
        /*font-size:  16px;*/
        font-family: 'Ubuntu', Georgia, serif;
        /*font-style: italic;*/
        /*line-height:  28px;*/
        /*padding: 0px 4px 15px 4px;*/
    }

    .st-content img {
        width: 125px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

@media screen and (max-width: 320px) {
    .st-accordion ul li > a {
        font-size: 36px;
    }
}

/*=================================================== */
/*	END TESTIMONY ACCORDION
================================================== */

/*=================================================== */
/*	PERSONALIZED SPECIFIC SECTIONS
================================================== */
.personalized-wrapper p {
    color: #8c9398;
    word-spacing: 1px;
    line-height: 25px;
}

.personalized-wrapper li:before {
    content: '' !important;
    margin: 0 !important;
}

.features-wrapper {
    margin-top: 70px;
}

    .features-wrapper h2 {
        font-size: 15px;
        color: #353535;
        text-transform: uppercase;
    }

        .features-wrapper h2:after {
            content: " ";
            border: solid 2px #4286b3;
            display: block;
            width: 35px;
            margin: 25px auto;
        }

.shadow {
    text-shadow: rgb(46, 94, 125) 1px 1px, rgb(46, 95, 126) 2px 2px, rgb(47, 96, 128) 3px 3px, rgb(48, 98, 130) 4px 4px, rgb(48, 99, 132) 5px 5px, rgb(49, 100, 134) 6px 6px, rgb(50, 102, 136) 7px 7px, rgb(50, 103, 138) 8px 8px, rgb(51, 105, 139) 9px 9px, rgb(52, 106, 141) 10px 10px, rgb(52, 107, 143) 11px 11px, rgb(53, 109, 145) 12px 12px, rgb(54, 110, 147) 13px 13px, rgb(54, 111, 149) 14px 14px, rgb(55, 113, 151) 15px 15px, rgb(56, 114, 152) 16px 16px, rgb(57, 116, 154) 17px 17px, rgb(57, 117, 156) 18px 18px, rgb(58, 118, 158) 19px 19px, rgb(59, 120, 160) 20px 20px, rgb(59, 121, 162) 21px 21px, rgb(60, 122, 164) 22px 22px, rgb(61, 124, 165) 23px 23px, rgb(61, 125, 167) 24px 24px, rgb(62, 127, 169) 25px 25px, rgb(63, 128, 171) 26px 26px, rgb(63, 129, 173) 27px 27px, rgb(64, 131, 175) 28px 28px, rgb(65, 132, 177) 29px 29px, rgb(66, 134, 179) 30px 30px;
}

.icon {
    height: 175px;
    width: 175px;
    line-height: 175px;
    max-width: 100%; /*background: #4286B3;*/
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    font-size: 55px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 50px;
}

.personalized-wrapper ul.sfnewsList {
}

.personalized-wrapper li.news-list-item {
    background-image: url(../Images/icons/hr.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

    .personalized-wrapper li.news-list-item:last-child {
        background-image: none;
    }

.personalized-wrapper h2.news-list-title {
    font-size: 120%;
}

.personalized-wrapper h2.events-list-title {
    font-size: 120% !important;
}

    .personalized-wrapper h2.events-list-title a {
        font-weight: 300 !important;
    }

.no-padding {
    padding: 0 !important;
}

.light-blue {
    background: #4286b3;
}

.dark-blue {
    background: #2a495d;
}
/*
    need to further specifiy these colors
*/
/*.green {background:#9caf35;}
.orange {background:#ed7523;}*/
.text-invert {
    color: #fff !important;
}

.angle-wrapper-left, .angle-wrapper-right {
    position: relative;
    width: 100%;
    box-shadow: inset 0 0 12px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0 12px 0 rgba(0,0,0,.5);
}

    .angle-wrapper-left .angle-image-wrapper {
        padding-left: 0px;
        position: absolute;
        height: 300px;
        overflow: hidden;
    }

    .angle-wrapper-right .angle-image-wrapper {
        padding-right: 0px;
        position: absolute;
        height: 300px;
        overflow: hidden;
        right: 0;
        top: 0;
    }

.angle-image-wrapper [class^="content-"] {
    overflow: hidden;
    box-shadow: 0 0px 16px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0px 16px 0px rgba(0,0,0,.5);
}

.single-wrapper [class="container"] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.single-wrapper img {
    display: block;
    margin: 0 auto;
}

.single-wrapper h1 {
    margin-top: 25px;
}

    .single-wrapper h1 span {
        display: block;
        font-size: 24px;
    }

.angle-wrapper .btn-default,
.single-wrapper .btn-default {
    color: #333333 !important;
}

.angle-wrapper [class="container"] {
    padding-top: 30px;
    padding-bottom: 40px;
}

.angle-wrapper h1,
.angle-wrapper h2,
.angle-wrapper h3,
.angle-wrapper h4,
.angle-wrapper h5,
.angle-wrapper h6 {
    color: #fff;
}

.angle-wrapper h1 {
    font-size: 250%;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0,0,0,.3);
}

@media only screen and (max-width: 767px) {
    .single-wrapper [class="container"] {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .single-wrapper img,
    .single-wrapper h1 {
        margin-top: 0;
        margin-bottom: 20px;
    }

        .single-wrapper h1 span {
            padding-top: 6px;
            font-size: 16px;
        }

    .single-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .angle-wrapper h1 {
        font-size: 140%;
    }

    .swag h1 span {
        display: block;
        font-size: 16px;
    }

    .swag h1 i,
    .swag h1 em {
        display: block;
        font-size: 12px;
        margin-top: 10px;
    }
}

.angle-image-wrapper .content-left {
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    background: url(http://teewallpapers.net/wp-content/uploads/2014/12/wallpaper-abstract-2.jpg) center center;
    background-size: cover;
    background-position: center center;
    height: 1000px;
    position: relative;
    top: -9em;
    left: -4em;
}

.angle-image-wrapper .content-right {
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    background: url(http://teewallpapers.net/wp-content/uploads/2014/12/wallpaper-abstract-2.jpg) center center;
    background-size: cover;
    background-position: center center;
    height: 1000px;
    position: relative;
    top: -9em;
    right: -4em;
}

.minus15 {
    -moz-transform: rotate(-15deg) !important;
    -webkit-transform: rotate(-15deg) !important;
    -o-transform: rotate(-15deg) !important;
}

.plus15 {
    -moz-transform: rotate(15deg) !important;
    -webkit-transform: rotate(15deg) !important;
    -o-transform: rotate(15deg) !important;
}

.content-left.plus15 {
    left: -9em !important;
    -moz-transform: rotate(15deg) !important;
    -webkit-transform: rotate(15deg) !important;
    -o-transform: rotate(15deg) !important;
}

.content-right.minus15 {
    right: -9em !important;
    -moz-transform: rotate(-15deg) !important;
    -webkit-transform: rotate(-15deg) !important;
    -o-transform: rotate(-15deg) !important;
}

/*.img1 {
	background:url(http://www.shockmansion.com/wp-content/myimages/2013/05/Posted-On-Shock-Mansion1.jpg) no-repeat!important;
	background-size: cover!important;
	background-position: -50px -20px!important;
}*/

/*.angle-image-wrapper .img1 {
	background:url("http://www.ohiocpa.com/images/default-source/Development/accounting.png?sfvrsn=2") no-repeat;
	background-size: cover;
	background-position: 0 0;
	min-height: 100%;
}
.angle-image-wrapper .img2 {
	background:url("http://www.ohiocpa.com/images/default-source/Development/vip.png?sfvrsn=2") no-repeat;
	background-position: 100% 0;
	background-size: cover;
	min-height: 100%;
}
.angle-image-wrapper .img3 {
	background:url("http://www.ohiocpa.com/images/default-source/Development/scholarship.png?sfvrsn=2") no-repeat;
	background-position: 0 0;
	background-size: cover;
	min-height: 100%;
}
.angle-image-wrapper .img4 {
	background:url("http://www.ohiocpa.com/images/default-source/Development/what_it_takes.png?sfvrsn=2") no-repeat;
	background-position: 100% 0;
	background-size: cover;
	min-height: 100%;
}*/

/*=================================================== */
/*	END PERSONALIZED SPECIFIC SECTIONS
================================================== */

/* ==========================================================================
    WAYPOINTS
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12, .wp13, .wp14 {
    visibility: hidden;
}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight {
    visibility: visible;
}

.delay-05s {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

/*=================================================== */
/*	STORE HOME
================================================== */

.solidYellow {
    background: #FFF0B2;
}

.solidBlue {
    background: #DBE9F3;
}

.solidGreen {
    background: #E3EADB;
}

/* Link Styles
================================================== */
a.underline {
    text-decoration: underline;
}

a {
    text-decoration: none;
}

    a:hover {
        color: #3bbfab;
        text-decoration: none;
        cursor: pointer;
    }

p a,
p a:visited {
    line-height: inherit
}

h2 a:hover,
h3 a:hover {
    text-decoration: none
}

a img {
    border: none;
    text-decoration: none;
}

a:hover,
a:active,
a,
object,
embed,
*:focus {
    -moz-outline-style: none;
    outline: none !important; /*remove dotted border */
}
/* Don't collapse these into one ruleset. When a browser doesn't
recognise a selector it discards the whole ruleset.
By using vendor selectors in one ruleset you guarentee
nothing will be applied */
::-webkit-selection {
    background-color: #758694;
    color: #fff;
}

::-moz-selection {
    background-color: #758694;
    color: #fff;
}

::selection {
    background-color: #758694;
    color: #fff;
}

a.tele { /*turn off telephone link on desktop */
    text-decoration: none;
    cursor: text;
    pointer-events: none;
    color: inherit !important;
}

/* Typography Resets & Settings
================================================== */
h1, h2, h3 {
    text-rendering: optimizeLegibility
}
/*only use on headlines, otherwise page load on IOS is not good;source: http: //aestheticallyloyal.com/public/optimize-legibility/
do not use with: font-variant: small-caps; do not use with ex sizing; */
h1 {
    font-size: 220%
}

h2 {
    font-size: 200%
}

h3 {
    font-size: 160%
}

h4 {
    font-size: 130%
}

h5 {
    font-size: 120%
}

h6 {
    font-size: 110%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin-top: 2%;
    margin-bottom: 2%;
}

.primary-column:first-child h2,
.primary-column:first-child h3,
.primary-column:first-child h1 {
    margin-top: 0;
}

h4,
h5,
h6 {
    line-height: 1.4
}

h1,
h2,
h3 {
    line-height: 1.2
}

h1 {
    margin-top: 0
}

p,
ul,
ol,
pre {
    margin-top: 0%;
    margin-bottom: 2%;
}

    /* I don't know why bootstrap has no bottom margin on their ul and ol classes,
even though I added them in, they don't override bootsrap, so this is a fix*/
    ul + p, ol + p {
        margin-top: 2%;
    }

li,
dd {
    line-height: 1.5
}

em,
dfn,
cite {
    font-style: italic
}

ins {
    text-decoration: overline
}

del {
    text-decoration: strikethrough
}

strong,
dfn {
    font-weight: bold
}

small,
.small {
    font-size: 75%
}

big,
.big {
    font-size: 160%
}

dl {
    margin: 0 5% 2%
}

dt {
    font-weight: bold;
    text-decoration: underline;
    margin-top: .3em;
    margin-bottom: .3em;
}

dd {
    margin: 0 0 0 1em;
    padding: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted #333;
    cursor: help;
    white-space: nowrap;
}

pre {
    border: 1px solid #7caf32;
    margin: 1.5em 0;
    background: #f8f8f8;
    white-space: pre;
    overflow: auto;
    padding: 1%;
}

pre,
code,
tt,
kbd,
samp {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

sup {
    font-size: 75%;
    position: relative;
    bottom: 0.4em;
}

sub {
    font-size: 75%;
    position: relative;
    bottom: -0.2em;
}

hr {
    border: 0px;
    clear: both;
    margin: 30px 0 40px;
    background: url(../Images/icons/hr.png) repeat-x;
    height: 3px;
}

    hr.empty {
        border: 0px;
        background: none;
    }

pre {
    margin: 2% 0px 5% 0px;
    padding: 3%;
    display: block;
    clear: both;
    background: url(../Images/icons/5p.png) repeat;
    border: 0px;
}

    pre code,
    code {
        padding: 0;
        margin: 0;
        color: inherit;
    }

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

code {
    color: #ea4800
}

ul.square li {
    list-style-type: square
}

ul.circle li {
    list-style-type: disc
}

/* blockquotes / quotes / dropcap
================================================== */
blockquote {
    clear: both;
    font-style: italic;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 20px 0 50px;
    position: relative;
    quotes: none;
    background: url(../Images/icons/open-quote.png) 0 0 no-repeat;
    border: 0px;
    /*font-size: 120%;*/
    line-height: 175%;
}

    blockquote p {
        font-size: 100%;
        line-height: 175%;
    }

        blockquote p:last-child {
            margin-bottom: 0px
        }

    blockquote footer {
        clear: both;
        display: block;
        text-align: right;
        font-size: 80%;
    }

        blockquote footer:before {
            content: "\2014 \0020"
        }

q {
    display: inline;
    quotes: none;
}

    q:before {
        content: "\201c"
    }

    q:after {
        content: "\201d"
    }

    q q:before {
        content: "\2018"
    }

    q q:after {
        content: "\2019"
    }

.dropcap {
    display: block;
    color: #758694;
    float: left;
    font-size: 45px;
    line-height: 45px;
    padding: 0;
    margin: 3px 5px 0 0;
    text-transform: uppercase;
    font-style: normal;
}

/*	accessibility
================================================== */
.visuallyhidden, .search form label {
    border: 0;
    clip: rect(0000);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0;
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .search form label:focus {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static;
        width: auto;
        margin: 0;
    }

    .visuallyhidden ul li {
        list-style: none;
    }

/* headline short lines
================================================== */
.short_headline {
    border-bottom: 1px solid #ddd;
    margin: 0 0 1em 0;
    /*text-transform: lowercase;*/
    padding-bottom: 9px;
    line-height: normal;
}

    .short_headline span {
        border-bottom: 5px solid #ddd;
        padding-bottom: 10px;
    }

p + .short_headline,
table + .short_headline,
blockquote + .short_headline,
ul + .short_headline,
ol + .short_headline,
dl + .short_headline,
form + .short_headline,
h1 + .short_headline,
h2 + .short_headline,
h3 + .short_headline,
h4 + .short_headline,
h5 + .short_headline,
h6 + .short_headline,
.row + .short_headline {
    margin-top: 3%
}

.short_headline + h1 {
    margin-top: 3%
}

.short_headline.margin-top {
    margin: 2em 0 1em 0;
}

/*	images
================================================== */
.lt-ie9 img {
    -ms-interpolation-mode: bicubic;
}

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

    img.alignright {
        float: right;
        margin: 1% 0 1% 3%;
    }

    img.alignleft {
        float: left;
        margin: 1% 3% 1% 0;
    }

    img.aligncenter,
    img.alignnone {
        display: block;
        margin-bottom: 3%;
    }

/*  general misc
================================================== */
p.statement {
    font-size: 160%;
    font-style: italic
}

.right {
    text-align: right
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.center {
    text-align: center
}

.small {
    font-size: 70%;
    font-size: 70%;
}

.bold {
    font-weight: bold;
}

.leading {
    line-height: 2
}

.underline {
    text-decoration: underline
}

iframe {
    margin: 0 0 2em 0
}

.fade {
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
}

textarea {
    resize: vertical
}

.detailsPop {
    cursor: pointer
}

.popover {
    text-align: left
}

    .popover h3 {
        font-weight: bold
    }

strong .tooltip,
b .tooltip,
em .tooltip,
i .tooltip {
    font-weight: normal;
    font-style: normal
}

.print {
    display: none
}
/*turn off print for desktop*/
.alert .close {
    text-decoration: none
}

.clear {
    clear: both
}

.form-actions {
    background: transparent;
    border: 0px;
}

.audiojs {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        border: solid transparent;
        border-width: 0 0 100px 200px;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: translate(-300px, 0) scale(4);
        direction: ltr;
        cursor: pointer;
    }

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.brand {
    line-height: 1;
    text-decoration: none;
}

.navbar a, .nav a {
    text-decoration: none;
}

/*  webkit fix
================================================== */
input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"] {
    -webkit-appearance: textfield;
}

/* well
================================================== */
.well {
    background: #eaeef2;
    padding: 4% 5%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .well h2 {
        margin-top: 0;
    }

/* call to action
================================================== */
.call-to-action {
    position: relative;
    text-align: center;
    padding: 25px 0 28px 0;
    margin-bottom: 20px;
    border-top: 4px double #c8d2da;
    border-bottom: 4px double #c8d2da;
}

    .call-to-action h3 {
        margin-top: 0;
        margin-bottom: 1.5%;
        font-size: 220%;
    }

    .call-to-action p {
        font-size: 120%;
    }

    /* Call to Action Traditional Layout : Message Left Button Right */
    .call-to-action.trad .message {
        float: left;
        width: 75%;
        text-align: left;
        margin-right: 5%
    }

        .call-to-action.trad .message p:last-child {
            margin-bottom: 0;
        }

    .call-to-action.trad .action {
        float: right;
        width: 20%;
        text-align: right;
        padding-top: 2%;
    }

/* Call to Action Customizations */
.call-to-action-grey {
    background: #f6f6f6;
    text-align: left;
    position: relative;
    padding: 25px 0 28px 0;
    margin-bottom: 20px;
    border-top: 4px double #c8d2da;
    border-bottom: 4px double #c8d2da;
}

.call-to-action-lightgrey {
    background: #fcfcfc;
    text-align: left;
    position: relative;
    padding: 25px 0 28px 0;
    margin-bottom: 20px;
    border-top: 4px double #c8d2da;
    border-bottom: 4px double #c8d2da;
}

/* basic image slider
================================================== */
.image-slider.flexslider {
    margin-bottom: 2%;
    position: relative;
}

    .image-slider.flexslider .flex-direction-nav a:hover {
        background-color: #a3b0bb
    }

    .image-slider.flexslider .flex-direction-nav a {
        position: absolute;
        z-index: 200;
        top: 30%;
        right: 0;
        width: 30px;
        border: 1px solid #fff;
        border-right: 0px;
        height: 50px;
        text-indent: -9999px;
        display: block;
        background: #4c5966 url(../Images/icons/sliderarrows.png) -80px 50% no-repeat;
    }

    .image-slider.flexslider .flex-direction-nav .flex-prev {
        right: auto;
        left: 0;
        border-left: 0px;
        border-right: 1px solid #fff;
        left: auto;
        background-position: -110px 50%;
    }

    .image-slider.flexslider .caption {
        text-align: left;
        margin-top: 0px;
        padding: 10px 0;
        clear: both;
        font-size: 90%;
        font-style: italic;
        background: url(../Images/icons/hr.png) 0 100% repeat-x;
    }

        .image-slider.flexslider .caption.no-border {
            background: none;
        }

        .image-slider.flexslider .caption p:last-child {
            margin-bottom: 0;
        }

    .image-slider.flexslider .flex-direction-nav .flex-disabled,
    .image-slider.flexslider .flex-direction-nav .disabled {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
        cursor: default;
    }

/******  ie support  ******/
.lt-ie9 .widget {
    background: url(../Images/icons/5p.png);
    padding: 15px;
}

/****** sidebar and blog related posts navigation (in related posts area) ******/
ul.navigation {
    margin-left: 0;
    padding-left: 0;
}

    ul.navigation li {
        margin-left: 0;
        padding: 3px 0 3px 13px;
        list-style: none;
        display: block;
        background: url(../Images/icons/sidebar-list-icon.png) 0 8px no-repeat;
    }

        ul.navigation li a {
            text-decoration: none;
            display: block;
        }

        ul.navigation li.active a,
        ul.navigation a:hover {
            color: #53a3b7
        }

            ul.navigation li.active a:before,
            ul.navigation li:hover a:before {
                color: #53a3b7
            }

    ul.navigation ul {
        margin-left: 10px;
        margin-bottom: 5px;
        font-size: 90%;
    }

/****** sidebar text box ******/
.widget p {
    font-size: 90%;
}

    .widget p:last-child {
        margin: 0px;
    }

/*sidebar images*/
.widget img.alignleft {
    margin: 5px 10px 0 0;
}

.widget img.alignright {
    margin: 5px 0 0 10px;
}

.widget img.aligncenter {
    margin: 0 0 10px 0;
    display: block;
    float: none;
    width: 100%
}

/*================================================== */
/*	bootstrap's thumbnail classes modified
================================================== */
.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
}

    .thumbnails:before,
    .thumbnails:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .thumbnails:after {
        clear: both;
    }

.row .thumbnails {
    margin-left: 0;
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

.thumbnail {
    display: block;
    padding: 4px;
    border: 1px solid #d8dfe5;
}

a.thumbnail:hover {
    border-color: #a3b0bb;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #555555;
}

/*===================================================
	NEWS LIST
========================================================== */
.news-list-wrapper {
}

    .news-list-wrapper .news-list-content {
    }

body:not(.redesign) .news-list-item {
    padding: 15px 10px;
}

    body:not(.redesign) .news-list-item:nth-child(even) {
        background: #f9f9f9;
        border-radius: 6px;
    }

.news-list-item-info {
}

body:not(.redesign) h2.news-list-title {
    font-weight: 300;
    font-size: 140%;
    color: #4286B3;
    margin-top: 0;
    margin-bottom: 0;
}

    body:not(.redesign) h2.news-list-title a:hover {
        color: #305D82;
    }

body:not(.redesign) .news-list-item .news-list-date {
    font-family: Raleway, sans-serif;
    color: #5d6060
}

body:not(.redesign) .news-list-item .news-list-summary {
    color: #5d6060;
}

body:not(.redesign) .news-list-item a.news-list-fullstory-link {
    color: #5d6060;
    float: right;
}

body:not(.redesign) .news-list-pager {
    position: relative;
    right: -3px;
    float: right;
    margin-bottom: 3%;
}

/*=================================================== */
/*	DOWNLOAD LIST
========================================================== */
ul.sfdownloadList {
}

li.sfdownloadFile {
    line-height: 2em;
}

.sfdownloadTitle {
}

    .sfdownloadTitle:before,
    .sfdownloadTitle::before {
        font-family: 'FontAwesome';
        content: "\f0ed";
        margin-right: 10px;
        float: left;
    }

li.sfdownloadFile .sfMetaInfo {
    clear: both;
    display: none;
}

    li.sfdownloadFile .sfMetaInfo .sfInfo {
    }

/*=================================================== */
/*	EVENTS LIST
========================================================== */
.custom-event-list.events-list-wrapper {
    border-bottom: 1px solid #fff;
    padding: 15px 0 5px 0;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.1);
}

.custom-event-list h1,
.custom-event-list h2,
.custom-event-list h3 {
    color: #4286b3;
    font-weight: 300;
    margin-bottom: 2%;
}

.custom-event-list .events-list-content {
    /*padding:0 10px;*/
}

.custom-event-list.events-list-wrapper section {
    border-top: 1px solid rgba(220,220,220,.4);
    text-align: right;
}

.custom-event-list .events-list-item {
    margin-bottom: 15px;
    padding: 0 10px;
}

.custom-event-list h2.events-list-title {
    font-weight: 300;
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 0;
    color: #4286b3;
    text-shadow: 0 1px 0px #ffffff;
    position: relative;
    background-color: transparent;
}

    .custom-event-list h2.events-list-title a {
        font-weight: 500;
        -webkit-transition: background-color 0.3s, border-color 0.3s;
        transition: background-color 0.3s, border-color 0.3s;
        padding: 3px 5px;
        display: inline-block;
    }

.events-list-title p {
    color: #111;
    padding-left: 1px;
    font-size: 90%;
}

.custom-event-list h2.events-list-title a:hover,
.custom-event-list h2.events-list-title a:focus {
    border-color: rgba(52,73,94,0);
    background-color: rgba(52,73,94,0.1);
    color: #4286b3;
}

.custom-event-list .sfeventMetaInfo {
    padding: 0 5px;
    color: #111;
    font-size: 90%;
    float: left;
}

.custom-event-list .events-list-city {
    float: right;
    color: #aaa;
}

.custom-event-list .events-list-date {
    float: left;
    color: #aaa;
}

.custom-event-list .events-list-pager {
    margin: 10px 5px 5px 0;
}

*/
/*================================================== */
/*	COMMENTS WIDGET
================================================== */
#commentsWidget {
    /*background:url(../Images/icons/7p.png);*/
    /*padding:5px 10px 10px 10px;*/
}

#commentsWidget img {
    display: none;
}

.sfcommentsTitle {
    font-weight: 300;
    color: #4286b3;
    margin-bottom: 0;
    float: left;
}

    .sfcommentsTitle:after {
        clear: both;
    }

.sfcommentsForm {
    clear: both;
}

table.k-editor {
    border-width: 0;
    border-spacing: 0;
    height: 100%;
}

.k-editor .k-content {
    display: block;
    /*padding: 6px 12px;*/
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.k-editor .k-editable-area {
    border-width: 0;
    border-style: none;
}

    .k-editor .k-editable-area body {
        padding: 10px;
        height: initial !important;
        min-height: initial !important;
    }

.sfcommentsOrderFilterWrp a {
    display: none;
    content: "";
}

a.sfLeaveCommentLnk {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #ffffff;
    background-color: #50A6CE;
    border-color: #4894BE;
    float: right;
    margin-top: 2%;
}

    a.sfLeaveCommentLnk:hover,
    a.sfLeaveCommentLnk:focus,
    a.sfLeaveCommentLnk:active,
    a.sfLeaveCommentLnk.active {
        color: #ffffff;
        background-color: #4286B3;
        border-color: #3B78A8;
    }

.a.sfLeaveCommentLnk:active,
.a.sfLeaveCommentLnk.active {
    background-image: none;
}

ol.sfcommentsList.sfserverList {
    clear: both;
    padding-top: 1%;
}

li.sfcommentDetails {
    padding: 1em;
    border-top: 1px solid rgba(200,200,200,.5);
}

    li.sfcommentDetails:nth-child(even) {
        background: rgba(200,200,200,.2);
    }

.sfcommentDetails .sfcommentAuthor {
    color: #4286b3;
}

.sfcommentDetails .sfcommentSeparator {
    color: #aaaaaa;
}

    .sfcommentDetails .sfcommentSeparator:before,
    .sfcommentDetails .sfcommentSeparator::before,
    .sfcommentDetails .sfcommentSeparator:after,
    .sfcommentDetails .sfcommentSeparator::after {
        content: "\00a0 \00a0 \00a0 ";
    }

.sfcommentDetails .sfcommentDate {
    color: #aaaaaa;
}

.sfcommentDetails .sfcommentText {
    padding: .25em 0 0 3em;
}

ol.sfcommentsFieldsList li > .sfFieldWrp > div {
    padding-top: .25em;
}

    ol.sfcommentsFieldsList li > .sfFieldWrp > div > .sfTxtLbl {
        font-weight: normal;
        margin-right: 1em;
        /*display:none;*/
    }

ol.sfcommentsFieldsList li.sfcommentsField > div input[type="text"]:focus ol.sfcommentsFieldsList li > .sfFieldWrp > div > .sfTxtLbl {
    text-indent: 0;
}

ol.sfcommentsFieldsList li.sfcommentsField > div input[type="text"] {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*================================================== */
/*	SITEFINITY BREADCRUMBS
================================================== */
body.redesign .breadcrumb-trail {
    /*margin-top:-1%;*/
    margin-bottom: 1%;
}

body.redesign .breadcrumb {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    text-transform: capitalize;
    padding: 0 0 0 80px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
    background: url("https://www.ohiocpa.com/images/default-source/patterns/breadcrumb-bkgd.jpg?sfvrsn=2") repeat-x 0 0;
}

    body.redesign .breadcrumb li:first-child a {
        color: #ccc;
        text-decoration: none;
        font-size: 20px;
        position: relative;
        top: 2px;
    }

    body.redesign .breadcrumb > li + li:before {
        font-family: 'Lato', sans-serif;
        /*content: '\005C';*/
        font-size: 24px;
        font-weight: 100;
        line-height: 0;
        position: relative;
        top: 4px;
        left: 3px;
        color: #999;
    }

    body.redesign .breadcrumb li {
        line-height: 38px;
        padding-bottom: 2px;
    }

        body.redesign .breadcrumb li a {
            color: #7c5591;
            text-decoration: none;
        }

    body.redesign .breadcrumb a:hover {
        color: #7c5591;
        text-decoration: none;
    }

    body.redesign .breadcrumb a.active,
    body.redesign .breadcrumb a.active:hover {
        color: #333333;
        text-decoration: none;
    }

div.sfBreadcrumbWrp.content-wrapper {
    padding-top: 0;
}

/*================================================== */
/*	SITEFINITY PAGINATION
================================================== */
.pagination > div {
    display: inline
}

    .pagination > div > a,
    .pagination > div > span,
    .pagination > a,
    .pagination > span {
        float: left;
        padding: 3px 6px;
        line-height: 20px;
        text-decoration: none;
        background-color: transparent;
        background-image: url(../Images/icons/7p.png);
        border: 0 solid #ddd;
        border-left-width: 0;
        margin: 0 3px 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .pagination > div:first-child > a,
    .pagination > div:first-child > span {
        border-left-width: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0
    }

    .pagination > div:last-child > a,
    .pagination > div:last-child > span {
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    .pagination > div > a:hover,
    .pagination > div > span:hover,
    .pagination > div > a:focus,
    .pagination > div > span:focus,
    .pagination > div > a.sf_PagerCurrent,
    .pagination > div > span.sf_PagerCurrent,
    .pagination > a:hover,
    .pagination > span:hover,
    .pagination > a:focus,
    .pagination > span:focus,
    .pagination > a.sf_PagerCurrent,
    .pagination > span.sf_PagerCurrent {
        background-color: transparent;
        background-image: url(../Images/icons/70p.png);
        color: #fff
    }

/*================================================== */
/*	SECONDARY NAVIGATIONS
================================================== */

/* Inline Pills */
.inline-pills {
}

    .inline-pills .list-group .list-group-item {
        padding: 8px 15px;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
        border: none;
        background: #f2f2f2;
        margin-bottom: 3px;
        line-height: 30px;
        font-size: 120%;
    }

        .inline-pills .list-group .list-group-item:after,
        .inline-pills .list-group .list-group-item::after {
            font-family: 'FontAwesome';
            content: "\f101";
            /* angle-double-right */
            font-size: 200%;
            float: right;
            color: #aaa;
            text-shadow: 0 1px 1px #ffffff;
            opacity: 0;
        }

        .inline-pills .list-group .list-group-item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .inline-pills .list-group .list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

    .inline-pills .list-group-item:hover {
        color: #343838;
        /*padding-left:18px;*/
        background: #ddd;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

    .inline-pills .list-group-item.active,
    .inline-pills .list-group-item.active:hover,
    .inline-pills .list-group-item.active:focus {
        background-color: #50A3CF;
        border-color: #50A3CF;
        font-weight: normal;
        color: #fff;
    }

    .inline-pills .list-group .list-group-item:hover:after,
    .inline-pills .list-group .list-group-item:hover::after {
        opacity: 1;
    }

    .inline-pills .list-group-item.active:after,
    .inline-pills .list-group-item.active::after,
    .inline-pills .list-group-item.active:focus:after,
    .inline-pills .list-group-item.active:focus::after {
        opacity: 1;
        color: #fff;
        text-shadow: none;
    }

/*================================================== */
/*	FOOTER
================================================== */
#Footer {
    background: #ffffff;
    border-top: 3px solid #4286b3;
    clear: both;
    padding: 25px 0 0 0;
}

    #Footer a {
        text-decoration: none;
    }

        #Footer a:hover {
            text-decoration: underline
        }

    #Footer h4 {
        margin-bottom: 10px;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #525656;
    }

    #Footer,
    #Footer p,
    #Footer h4,
    #Footer ul { /*color: #dddddd*/
    }

        #Footer .row {
            margin-bottom: 2%
        }

        #Footer section {
            padding: 0 0 15px 0
        }

body:not(.redesign) #Subfooter {
    background: #fff;
    color: #343838;
    font-size: 70%;
    padding: 15px 0;
    border-top: 3px solid #f1f1f1;
}
/*.subfooter-nav {
    margin:15px 0 15px 30%;
}*/
/*#Subfooter .subfooter-content {
    float:left;
    padding:10px 0;
}*/
.subfooter-nav ul {
    color: #343838;
    text-align: center;
    margin-bottom: 10px;
}

.subfooter-nav .sfNavHorizontal li {
    float: none;
}

body:not(.redesign) #Subfooter li {
    /*float: left;*/
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #343838;
}

    body:not(.redesign) #Subfooter li:first-child {
        padding: 0 10px 0 0;
    }

    body:not(.redesign) #Subfooter li:last-child {
        border-right: none;
    }

body:not(.redesign) #Subfooter a {
    display: inline-block;
}

#footer a:hover {
    color: #4286b3;
}

.social li a {
    font-size: 200%;
}

/*=================================================== */
/*	Social Media Links
========================================================== */
/* general social icon styles */
.social-wrapper .social {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: -7px;
}

    .social-wrapper .social li {
        display: inline-block;
        padding: 0 7px 0 7px;
        *padding: 0;
        *display: inline;
        *zoom: 1;
    }

        .social-wrapper .social li a {
            font-size: 100%;
        }

            .social-wrapper .social li a:hover {
                opacity: .5
            }

        .social-wrapper .social li img:hover {
            opacity: .5
        }

/* preheader social icons */
#Preheader .social-wrapper {
    float: right;
    line-height: 33px;
}

    #Preheader .social-wrapper .social li a {
        /*color:#4894be;*/
        font-size: 120%;
    }

        #Preheader .social-wrapper .social li a:hover {
            color: #343838;
        }

/*=================================================== */
/*   social icons override
===================================================== */
#Footer .social {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

    #Footer .social li:before {
        content: '';
        margin: 0;
    }

    #Footer .social li {
        display: inline-block;
        padding: 0 0 6px 0;
        *padding: 0;
        *display: inline;
        *zoom: 1;
    }

        #Footer .social li a {
            font-size: 160%;
            padding: 10px;
        }

        #Footer .social li.facebook {
            background: #fff;
            border-bottom: 6px solid #4e7ac0;
        }

        #Footer .social li a > .fa-facebook {
            color: #4e7ac0;
        }

        #Footer .social li.twitter {
            background: #fff;
            border-bottom: 6px solid #5EA9DD;
        }

        #Footer .social li a > .fa-twitter {
            color: #5EA9DD;
        }

        #Footer .social li.googleplus {
            background: #fff;
            border-bottom: 6px solid #F83533;
        }

        #Footer .social li a > .fa-google-plus {
            color: #F83533;
        }

        #Footer .social li.linkedin {
            background: #fff;
            border-bottom: 6px solid #8ecade;
        }

        #Footer .social li a > .fa-linkedin {
            color: #8ecade;
        }

        #Footer .social li.youtube {
            background: #fff;
            border-bottom: 6px solid #f3615d;
        }

        #Footer .social li a > .fa-youtube {
            color: #f3615d;
        }

        #Footer .social li.instagram {
            background: #fff;
            border-bottom: 6px solid #5851DB;
            position: relative;
            color: white;
        }

        #Footer .social li a > .fa-instagram {
            color: #5851DB;
        }

        #Footer .social li:hover {
            opacity: .5;
            position: relative;
            bottom: 8px;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            transition: all 200ms linear;
        }

    #Footer .social li {
        opacity: 1;
        position: relative;
        bottom: 4px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

/*	footer credit
================================================== */
#footer .footerCredits {
    padding: 0;
    clear: both;
    text-align: right;
    position: relative; /*ie fix*/
    background: #576674;
}

    #footer .footerCredits ul {
        list-style: none;
        padding: 10px 0;
        margin: 0;
        position: relative;
        left: -10px;
    }

    #footer .footerCredits p {
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
        position: relative;
        left: -10px;
        color: #343838;
    }

    #footer .footerCredits li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #a3b0bb;
    }

        #footer .footerCredits li:last-child,
        #footer .footerCredits .last {
            border: none
        }

        #footer .footerCredits li:first-child {
            padding-left: 0
        }

#footer .footerCredits {
    padding: 10px;
    font-size: 70%;
}

    #footer .footerCredits a,
    #footer .footerCredits li {
        text-decoration: none;
        color: #d8dfe5;
        margin: 0;
        text-transform: uppercase;
    }

        #footer .footerCredits a:hover {
            color: #fff
        }

/*	go to top
================================================== */
.backToTop {
    position: fixed;
    bottom: 10px;
    z-index: 10050;
    right: 10px;
}

    .backToTop a {
        width: 50px;
        text-indent: -9999px;
        height: 50px;
        display: block;
        margin: 0;
        background: #53a3b7 url(../Images/icons/top.png) no-repeat center center;
    }

        .backToTop a:hover {
            background-color: #9bd9e9;
        }

/*  contact page
================================================== */
.contact-page .icon-map-marker {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 80px;
    float: right;
}

    .contact-page .icon-map-marker:before {
        font-size: 50px;
        line-height: 1;
        color: #53a3b7;
    }

.contact-page textarea {
    height: 250px;
}

/*================================================
/*	components
================================================== */

/*	responsive videos using fit-vids.js
================================================== */
/* .video-wrapper all video has to have a wrapper with the class video*/
.no-js .video-wrapper iframe {
    display: none;
}

.no-js noscript {
    font-weight: bold;
    background: #000;
    color: #fff;
    display: block;
    padding: 10px;
    margin: 10px 0;
}

    .no-js noscript * {
        color: #fff;
    }

iframe {
    border: 0px;
}

/* flexslider base styles - base
================================================== */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        position: relative;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

* html .slides {
    height: 1%;
}

html[xmlns] .slides, .no-js .slides > li:first-child {
    display: block !important;
}

/* isotope/masonry base styles - base
================================================== */
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: 0 opacity;
        -moz-transition-property: 0 opacity;
        transition-property: transform, opacity;
    }

/*=====================================*/
/* MAIN MARQUEE */
/*=====================================*/
#main-marquee {
    display: block;
    height: 400px;
    position: relative;
    margin-bottom: 2%;
}

    #main-marquee img {
        float: right;
    }

    #main-marquee .caption {
        /*width:70%;*/
        width: 100%;
        position: absolute;
        /*bottom:10px;*/
        bottom: 0;
        /*left:10px;*/
        background: rgba(0,0,0, .5);
        /*border:1px solid rgba(255,255,255,.5);*/
        border-top: 1px solid rgba(255,255,255,.4);
        /*border-radius:6px;*/
        /*text-shadow:0 1px 1px rgba(255,255,255,1);*/
        padding: 1px 15px;
    }

        #main-marquee .caption h1,
        #main-marquee .caption h2,
        #main-marquee .caption h3 {
            color: #fff;
            margin-bottom: 2%;
            margin-top: 2%;
            font-size: 170%;
            font-weight: 300;
        }

/*=====================================*/
/* CALLOUTS */
/*=====================================*/
body:not(.redesign) .callout {
    width: 94.5%;
    background: url(../Images/icons/80pwhite.png);
    position: relative;
    height: 100%;
    left: 10px;
    margin-bottom: 15px;
    border: 1px solid #aaa;
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.1);
}

    body:not(.redesign) .callout.callout-invert {
        width: 93.5%;
    }

    body:not(.redesign) .callout section.content,
    body:not(.redesign) .callout p.content,
    body:not(.redesign) .callout p {
        margin: 0 15px;
    }

body:not(.redesign) .callout-banner .banner-border {
    background: url(../Images/white-kids.png) no-repeat;
    background-size: contain;
    background-position: 0px 10px;
}

body:not(.redesign) .callout-banner h2 {
    color: #fff;
}

body:not(.redesign) .banner-border section.content,
body:not(.redesign) .banner-border p.content {
    margin-left: 80px;
    padding-top: 20px;
}

/* BASE RIBBON */
/*=====================================*/
.ribbon {
    background: #343838;
    position: relative;
    left: -10px;
    top: 5px;
    padding: 5px 10px;
    margin-bottom: 20px;
}

    .ribbon:before,
    .ribbon::before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 0;
        bottom: -10px;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #000;
    }

    .ribbon h1,
    .ribbon h2,
    .ribbon-invert h1,
    .ribbon-invert h2 {
        color: #fff;
        margin-bottom: 2%;
        margin-top: 2%;
        font-size: 150%;
        font-weight: 300;
        line-height: 20px;
    }

    .ribbon h3,
    .ribbon-invert h3 {
        color: #fff;
        margin-bottom: 2%;
        margin-top: 2%;
        font-size: 110%;
        font-weight: 300;
        line-height: 20px;
    }

/* RIBBON INVERT */
/*=====================================*/
.ribbon-invert {
    background: #50A3CF;
    position: relative;
    /*left:-10px;*/
    left: 10px;
    right: -10px;
    top: 5px;
    padding: 5px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .ribbon-invert a {
        color: #fff;
    }

        .ribbon-invert a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .ribbon-invert:before,
    .ribbon-invert::before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        right: 0;
        top: -10px;
        border-top: 10px solid transparent;
        border-bottom: none;
        border-left: 10px solid #999;
    }

    .ribbon-invert.invert-bottom:before,
    .ribbon-invert.invert-bottom::before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        right: 0;
        top: 100%;
        bottom: -10px;
        border-bottom: 10px solid transparent;
        border-top: none;
        border-left: 10px solid #30627C;
    }

/* RIBBON COLORS */
/*=====================================*/
.ribbon.blue,
.banner.blue {
    background: #50A3CF;
    padding: 5px 10px;
}

    .banner.blue h1,
    .banner.blue h2,
    .banner.blue h3 {
        color: #fff;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 0;
    }

    .ribbon.blue:before,
    .ribbon.blue::before {
        border-right: 10px solid #30627C;
    }

.ribbon.yellow {
    background: #FFF0B2;
}

    .ribbon.yellow:before,
    .ribbon.yellow::before {
        border-right: 10px solid #CCC08E;
    }

.ribbon.green,
.banner.green {
    background: rgb(210,230,178);
    padding: 5px 10px;
}

    .ribbon.green h1,
    .ribbon.green h2,
    .ribbon.green h3,
    .banner.green h1,
    .banner.green h2,
    .banner.green h3 {
        color: #343838;
        font-weight: 500;
        margin-top: 0;
    }

    .ribbon.green:before,
    .ribbon.green::before {
        border-right: 10px solid #B6BBAF;
    }

/*================================================== */
/*	Video Blocks (Financial Advice page)
================================================== */
.video-block {
    text-align: center;
    margin-top: 10px;
}

    .video-block iframe {
        margin-bottom: 0;
        padding: 0 10px;
        width: 100%;
        /*max-height:215px;*/
    }

    .video-block .content,
    .video-block pre {
        text-align: left;
        padding-bottom: 10px;
        font-size: 90%;
    }

/*================================================== */
/* SECTION-BLOCK */
/*=====================================*/
.section-block {
    margin-bottom: 40px;
    margin-top: 20px;
}

    .section-block section.title {
        background: #f2f2f2;
        position: relative;
        left: -10px;
        top: -10px;
        padding: 5px 10px;
        margin-bottom: 20px;
    }

section.title h1,
section.title h2,
section.title h3 {
    color: #343838;
    margin-bottom: 2%;
    margin-top: 2%;
    font-size: 150%;
    font-weight: 300;
    line-height: 20px;
}

.callout section.action {
    /*background:#f8f8f8;*/
    text-align: right;
    position: relative;
    float: right;
    padding: 12px 0 12px 60px;
    bottom: 0;
}

    .callout section.action a {
        color: #fff;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

        .callout section.action a:hover {
            text-decoration: none;
        }

.ribbon-invert section.action {
    float: none;
    position: initial;
    background: transparent;
    padding: 5px 0;
}

    .ribbon-invert section.action a {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

/*
***********************************************************************************
/*	BEGIN MEDIA QUERIES
***********************************************************************************
 */

/*====================================================
******************************************************
/*	DEVICES greater than 980 pixels wide
******************************************************
====================================================== */

@media only screen and (min-width: 980px) {
    body {
        font-size: 14px;
        font-size: 1.4rem; /* =15px */
        line-height: 1.65;
    }
}
/*** end greater than 980 ***/

/*====================================================
******************************************************
/*	DEVICES greater than 1100 pixels wide
******************************************************
====================================================== */

@media only screen and (min-width: 1100px) {
    .widget ul.navigation li {
        background: url(../Images/icons/sidebar-list-icon.png) 0 10px no-repeat;
    }
}
/*** end greater than 1100px ***/

/*====================================================
******************************************************
/*	DEVICES less than 1100 pixels wide
******************************************************
====================================================== */

@media only screen and (max-width: 1100px) {
    /* call to action
================================================== */

    .call-to-action.trad .message {
        width: 65%;
        text-align: left;
        margin-right: 5%
    }

    .call-to-action.trad .action {
        float: right;
        width: 30%
    }
}
/**** end max width 1100 ****/

/*====================================================
******************************************************
/*	DEVICES less than 980 pixels wide
******************************************************
====================================================== */

@media only screen and (max-width: 980px) {
    .landingMarquee {
        height: 320px;
    }

    .clientlogos .slides li {
        margin: 0 1px 0 0;
        position: relative;
        width: 175px !important;
        float: left;
    }

    /* call to action
================================================== */
    .call-to-action h3 {
        font-size: 210%;
    }

    .call-to-action.trad .message {
        width: 65%;
        text-align: left;
        margin-right: 5%
    }

    .call-to-action.trad .action {
        float: right;
        width: 30%
    }
}
/**** end max width 980 ****/

/*====================================================
******************************************************
/*	DEVICES less than 768 pixels wide
******************************************************
====================================================== */

@media only screen and (max-width: 768px) {
    .landingMarquee {
        position: relative;
    }

    .clientlogos .slides li {
        margin: 0 1px 0 0;
        position: relative;
        width: 170px !important;
        float: left;
    }

    .sequence-spacer {
        height: 0px;
    }
}
/**** end max width 768 ****/

/*====================================================
******************************************************
/*	DEVICES less than 767 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 767px) {
    /* MAIN MARQUEE */
    /*=====================================*/
    #main-marquee {
        display: none;
    }

    /*  various resets max-width 767px
================================================== */
    .hideResponsiveColumn,
    .pinned .hideResponsiveColumn {
        display: none;
    }

    .nav-drop-menu {
        position: relative;
        top: 0;
        padding: 4% 15px;
    }

    .thumbnails {
        margin-left: 0;
    }

        .thumbnails > li {
            float: none;
            margin-left: 0;
        }

    hr {
        margin: 2% 0 4% 0
    }

    .clientlogos .slides li {
        margin: 0 1px 0 0;
        position: relative;
        width: 100px !important;
        float: left;
    }

    h1 small {
        font-size: 20px;
    }

    .leading {
        line-height: inherit
    }

    .contact-page textarea {
        height: 100px
    }

    .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }

    /*  short headline mobile max-width 767px
================================================== */
    .short_headline {
        border-bottom: 3px solid #d8dfe5;
        padding-bottom: 9px;
    }

        .short_headline span {
            border-bottom: none;
            padding-bottom: 0;
        }
    /*  sidebar mobile max-width 767px
================================================== */
    .widget {
        margin: 0 0 1.5% 0 !important;
        background: url(../Images/icons/5p.png);
        padding: 15px !important;
    }

    /*  sitemap mobile max-width 767px
================================================== */
    .sitemap {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }

    /*  call-to-action max-width 767px
================================================== */
    .call-to-action.trad .message {
        float: none;
        width: 100%;
        text-align: center;
        margin-right: 0%;
    }

        .call-to-action.trad .message p:last-child {
            margin-bottom: 2%
        }

    .call-to-action.trad .action {
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 0;
    }
}
/**** end max width 767 ****/

/*====================================================
******************************************************
/*	DEVICES less than 600 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 600px) {
    .custom-form-section {
        padding: 0px;
        background: none;
    }
}

/*====================================================
******************************************************
/*	DEVICES less than 550 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 550px) {
    h1 small {
        font-size: 18px;
    }
}
/**** end max width 550 ****/

/*====================================================
******************************************************
/*	DEVICES less than 500 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 500px) {
    body {
        font-size: 14px;
        font-size: 1.4rem; /* =14px */
        line-height: 1.4;
    }

    h1 small {
        font-size: 14px;
    }

    /*** font-sizes max-width 500px***/
    h1 {
        font-size: 140%
    }

    h2 {
        font-size: 130%
    }

    h3 {
        font-size: 120%
    }

    h4 {
        font-size: 110%
    }

    h5 {
        font-size: 100%
    }

    h6 {
        font-size: 95%
    }

        p + .short_headline,
        table + .short_headline,
        blockquote + .short_headline,
        ul + .short_headline,
        ol + .short_headline,
        dl + .short_headline,
        form + .short_headline,
        h1 + .short_headline,
        h2 + .short_headline,
        h3 + .short_headline,
        h4 + .short_headline,
        h5 + .short_headline,
        h6 + .short_headline {
            margin-top: 5%
        }

    blockquote p {
        line-height: 1.4
    }

    .dropcap {
        font-size: 30px;
        line-height: 30px;
    }

    /*** blockquote adjustment max-width 500px***/
    blockquote {
        font-size: 110%;
        line-height: 135%;
    }

    /* mobile in page navigation max-width 500px***/
    .container.visible-xs.hidden-sm.hidden-md.hidden-lg .btn {
        margin: 0 0 5px 5px;
        float: right;
    }

    .form-actions {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-top: 2%;
        padding: 0;
    }

    .call-to-action h3 {
        font-size: 150%;
    }

    .call-to-action p {
        font-size: 100%;
    }
}
/**** end max width 500px ****/

/*====================================================
******************************************************
/*	DEVICES less than 600 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 600px) {
    body {
        font-size: 13px;
        font-size: 1.3rem; /* =15px */
        line-height: 1.5;
    }

    /*** Turn ON telephone max-width 600px
================================================== */
    a.tele {
        cursor: pointer;
        pointer-events: visible;
    }

    /*  images max-width 600px
================================================== */
    img.alignright {
        width: 45%
    }

    img.alignleft {
        width: 45%
    }

    .well img.alignleft,
    .well img.alignright {
        width: auto;
        max-width: 100%;
    }

    /*  sidebar nav max-width 600px
================================================== */

    ul.navigation {
        font-size: 110%;
    }

        ul.navigation ul {
            font-size: 100%;
        }

    /*  bootstrap fluid corrections max-width 600px
================================================== */
    label.checkbox.inline,
    label.radio.inline,
    .form-inline label {
        width: 100% !important;
        clear: both;
        margin: 0 !important;
        display: block;
    }

    .btn-group {
        clear: both;
        margin: 0 0 10px 0;
    }

    #registration-form-extended select,
    #registration-form select {
        margin-bottom: 5px;
    }

    form span.info {
        clear: both;
        display: block;
    }
}
/**** end max width 600 ****/

/* ==================================================
	MAIN RETINA BACKGROUND IMAGE REPLACEMENT & RETINA INFORMATION
	http://weedygarden.net/2012/04/hi-res-retina-display-css-sprites/
	http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/
	http://www.webresourcesdepot.com/3-solutions-for-serving-high-res-images-to-retina-display-devices/
================================================== */

/*	change the webkit number to 1 to test on webkit to make sure
	the sizes and the images show up correctly then switch back before launch */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    hr, figcaption, .image-slider.flexslider .caption {
        background-image: url(../Images/retina/hr_@2x.png);
        -moz-background-size: 3px 3px; /*w & h of total ORIGINAL 72dpi image*/
        -ie-background-size: 3px 3px;
        -o-background-size: 3px 3px;
        -webkit-background-size: 3px 3px;
        background-size: 3px 3px;
    }

    blockquote {
        background-image: url(../Images/retina/open-quote_@2x.png);
        -moz-background-size: 38px 38px;
        -ie-background-size: 38px 38px;
        -o-background-size: 38px 38px;
        -webkit-background-size: 38px 38px;
        background-size: 38px 38px;
    }

    span.plus {
        background-image: url(../Images/retina/plus_@2x.png);
        -moz-background-size: 50px 50px;
        -ie-background-size: 50px 50px;
        -o-background-size: 50px 50px;
        -webkit-background-size: 50px 50px;
        background-size: 50px 50px;
    }

    .testimonial-gallery li.highlight blockquote {
        background-image: url(../Images/retina/open-quote-white_@2x.png);
        -moz-background-size: 38px 38px;
        -ie-background-size: 38px 38px;
        -o-background-size: 38px 38px;
        -webkit-background-size: 38px 38px;
        background-size: 38px 38px;
    }

    .backToTop a {
        background-image: url(../Images/retina/top_@2x.png);
        -moz-background-size: 50px 50px;
        -ie-background-size: 50px 50px;
        -o-background-size: 50px 50px;
        -webkit-background-size: 50px 50px;
        background-size: 50px 50px;
    }

    .flex-direction-nav a, .twitter.flexslider .flex-direction-nav a, .clientlogos .flex-direction-nav a {
        background-image: url(../Images/retina/sliderarrows_@2x.png);
        -moz-background-size: 360px 100px;
        -ie-background-size: 360px 100px;
        -o-background-size: 360px 100px;
        -webkit-background-size: 360px 100px;
        background-size: 360px 100px;
    }

    ul.navigation li, .widget ul.navigation li {
        background-image: url(../Images/retina/sidebar-list-icon_@2x.png);
        -moz-background-size: 6px 8px;
        -ie-background-size: 6px 8px;
        -o-background-size: 6px 8px;
        -webkit-background-size: 6px 8px;
        background-size: 6px 8px;
    }
}
/* end desktop and main retina swapping */

/*====================================================
******************************************************
/*	MOBILE SPECIFIC RETINA SWAPPING
******************************************************
====================================================== */

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-device-pixel-ratio: 2) {
    /* nothing now but keep this for reference */
}
/*end mobile specific retina swapping */

/* ==================================================
	Print Media Styles
================================================== */
@media print {
    .print {
        display: block;
    }
    /*turn on print for printers*/
    .no-print {
        display: none;
    }

    .btn {
        display: none;
    }

    hr {
        margin: 10px 0;
    }

    .print.logo {
        margin: 0 auto;
    }

    iframe {
        display: none;
    }

    ul {
        margin: 0;
    }

    .container {
        clear: both;
        width: 100% !important;
        padding: 0;
        max-width: 100%;
    }

    blockquote, blockquote p {
        padding-left: 0 !important;
    }

    .addthis_toolbox, .preheader, #footer, .main-nav ul, .visuallyhidden, .video-wrapper, .sidebar, .zoom-image, .sort, #carousel, .related, .widget, .post-pagination, .pagination, .flex-control-nav, .flex-direction-nav {
        display: none !important;
    }

    .flexslider li:first-child {
        display: block !important;
    }

    .flexslider li img {
        max-width: 600px !important;
    }

    .jumbotron {
        margin: 0;
        padding: 0;
        background-image: none
    }
    /* masonry isotope doesn't have print support */
    .gallery, #filter, .pagination, [class^="icon-"]:before, [class*=" icon-"]:before, .socicon, #comment_form_wrapper, #contact-form, .date_share, .pager, .pagination {
        display: none !important;
    }

    .blog-detail .article, .blog-summary .article {
        float: none;
        width: 100%;
    }

    .header {
        width: 100%;
        display: block;
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 10px 0 10px 0 !important;
    }

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    #logo a[href]:after {
        display: none !important
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.8cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    #logo {
        display: none;
    }

    .pinned {
        display: none;
    }

    .subheader {
        display: none;
    }
}
/*end print*/

.modal-dialog {
    left: auto; /* Fix but in sitefinity admin with modals sticking to the right */
}