/* ==========================================================================

   Index:         

  1. BASE STYLES   
	- Fonts/Typography
	- Lists
	- FAQ styles

  2. STRUCTURE
	- Header
	- Navigation
	- Blades and Explore Bar
	- Content
	- Footer
	- Share Icons

  3. COMPONENTS
	- Forms
		- HubSpot Forms
	- Buttons

  4. MISCELLANOUS
	- Panel box    
	- Grey (dark and light) call out box
	- Bio pictures
	- Call out circles
	- Audio Video Media 
	- Callout     

  5. PRINT STYLES   
	- Fonts/Typography

   ==========================================================================
   1. BASE STYLES                                                ========================================================================== */

/* Typography
  ========================================================================== */
/* Basic fonts */

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    /*letter-spacing: .06em;*/
    src: url('/ClientResources/Fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/ClientResources/Fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/ClientResources/Fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/ClientResources/Fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/ClientResources/Fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/ClientResources/Fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('/ClientResources/Fonts/oswald-v36-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''), url('/ClientResources/Fonts/oswald-v36-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/ClientResources/Fonts/oswald-v36-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/ClientResources/Fonts/oswald-v36-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/ClientResources/Fonts/oswald-v36-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/ClientResources/Fonts/oswald-v36-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}



/* Basic text */

body {
    font-family: Arial,sans-serif;
    color: #545454;
}

p, ul, ol {
    font-size: 1.2em;
    line-height: 1.5em;
    font-family: Arial, sans-serif;
}

.label {
    font-weight: 100;
    font-family: Arial,sans-serif !important;
    color: #545454 !important;
    font-size: 1.2em;
    line-height: 1.5em;
}

/* Headings */
h1, .title {
    font-family: 'Roboto';
    color: #253C56;
    font-size: 2.55em;
    line-height: 1.2em;
}

.navCTA { /* used with the drop down menu H4 tags */
    color: #253C56 !important;
    font-family: 'Roboto';
    font-size: 1.5em !important;
    line-height: 1.5em;
    padding-top: .3em;
}

.bladeTitle {
    font-family: 'Roboto';
    font-size: 2em !important;
}

.bladeTitle2 {
    font-family: Oswald;
    font-size: 2em !important;
    line-height: 1.1em;
}

.exploreTitle {
    padding-top: 28px;
    font-size: 1.4em !important;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .exploreTitle {
        text-align: center;
    }
}

h2 {
    color: #253C56;
    font-size: 1.5em !important;
    line-height: 1.6em;
    margin: 30px 0 2px;
}

h3, .articleTitlePS {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 500;
    color: #253C56;
    margin: 10px 0;
}

.articleTitlePS {
    margin-top: -10px;
}

h4 {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 600;
    color: #253C56;
}

/* Text Colors */
.white {
    color: #ffffff;
    background-color: transparent;
}

a.white:focus, a.white:hover {
    color: #ffffff;
    text-decoration: underline;
}
/* Text Links */
a {
    color: #03A4DC;
    text-decoration: underline;
}

    a:focus, a:hover {
        color: #253C56;
        text-decoration: underline;
    }

    /*a.pdf {
		background: transparent url('../../ClientResources/Images/link_pdf.png') no-repeat scroll right center;
		padding-right: 19px;
	}*/

    a.ext {
        background: transparent url('../../ClientResources/Images/link_external.png') no-repeat scroll right center;
        padding-right: 17px;
    }
/* Quotes */
blockquote {
    border: none;
    font-size: 2em;
    line-height: 1.3em;
    color: rgba(37,60,86,.8);
    font-family: Arial, sans-serif;
    padding: 20px;
    margin: 30px 0;
}

    blockquote.short {
        font-size: 2.571em;
    }

/* *****************************************************************
NUMBERED AND UNORDERED LISTS
***************************************************************** */

/* List default */

#main > ul li, ol li {
    margin-bottom: 10px;
}

/* List Unordered NESTED */
li > ul {
    margin: 0px;
    PADDING: 0px 0px 0px 25px;
}

li > ul li {
    text-indent: 0px;
    margin-bottom: 10px;
    list-style: disc outside url('../../ClientResources/Images/bullet_default_enDash.png');
    font-size: .8em;
    line-height: 1.2em;
}

ul > ul li {
    text-indent: 0px;
    margin-bottom: 10px;
    list-style: disc outside url('../../ClientResources/Images/bullet_default_enDash.png');
    font-size: .8em;
    line-height: 1.2em;
}
/* Nested List Ordered Default */
li > ol li {
    margin-bottom: 4px;
    font-size: .8em;
    line-height: 1.5em;
}

/* List Description - use as tag for a paragraph following a list item */
dd {
    line-height: 1.5;
    padding-top: 15px;
}

/* PS article list defaults for Dates - added */
.dated {
    margin-bottom: -30px;
    font-size: 1em;
}

.author {
    font-style: italic;
    font-size: 1em;
}
/* article side bar list - added */
.sideBarList {
    font-size: 0.8em;
    line-height: 1.2em;
}

.memberExclusive {
    background: #ee3204;
    color: #fff;
    font-size: .7em;
    padding: 3px 5px 3px 5px;
    border-radius: 4px;
}

/******************************************************************  
FAQ STYLE LISTS
******************************************************************/
ul.qa {
    list-style-image: url();
    list-style-position: inside;
    list-style: none outside none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

    ul.qa > li.q {
        background: transparent url('../../ClientResources/Images/bullet_q.png') no-repeat scroll 0px 3px;
        padding: 0 0 5px 25px;
        list-style: none outside none;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        list-style: none;
    }

    ul.qa > li.a {
        background: transparent url('../../ClientResources/Images/bullet_a.png') no-repeat scroll 0px 3px;
        padding-bottom: 20px;
        list-style: none outside none;
        margin: 0px 0px 0px 0px;
        padding-left: 25px;
        padding-top: 0px;
        list-style: none;
    }
/* ==========================================================================
   2. STRUCTURE                                             
   ========================================================================== */

/* Header/NAVIGATION
 ========================================================================== */


.navbar {
    margin-bottom: 0; /* closes the space between header and body content */
}

h5, .navTitle {
    color: #253C56;
    /*padding-top: 1em;*/
}

h3.navTitle {
    margin-top: 0;
}

.navbar-menu {
    font-size: 1em;
    line-height: 1.3em;
}

ul.navbar-menu {
    padding-left: 0;
}

    ul.navbar-menu li {
        margin-bottom: 10px;
    }

/* Begin MRM Styles */
.svg-wrapper {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -9px;
}

    .svg-wrapper svg {
        /*fill: #FFF;*/
        fill: #808285;
    }

/* Added "-nav" to distinguish header buttons from body buttons */
.btn-skyblue-nav {
    background-color: #03A4DC;
    border: none;
    border-radius: 0;
    color: #F5F6F6 !important;
    text-decoration: none !important;
    margin: 0px !important;
}

    .btn-skyblue-nav a {
        color: #F5F6F6;
        text-decoration: none !important;
    }

    .btn-skyblue-nav:hover, .btn-skyblue-nav:focus {
        color: #F5F6F6 !important;
        background-color: #FCBA2D !important;
    }

        .btn-skyblue-nav:hover a, .btn-skyblue-nav:focus a {
            color: #F5F6F6 !important;
            text-decoration: none !important;
        }

/* Skyblue Outline button for grey nav panels */
.btn-skyblue-outline-nav {
    border: 1px solid #03A4DC !important;
    border-radius: 0;
    color: #03A4DC !important;
}

    .btn-skyblue-outline-nav:hover {
        background-color: #FFF;
    }

        .btn-skyblue-outline-nav:hover a, .btn-skyblue-outline-nav:focus a {
            color: #FFFFFF !important;
            text-decoration: none;
        }


.link-arrow, .navbar-tdc-primary .panel-body li a:hover:not(.expand):not(.no-caret),
.navbar-tdc-secondary .panel-body li a:hover:not(.expand):not(.no-caret), .panel-body li a:focus:not(.expand):not(.no-caret) {
    outline: none;
    position: relative;
}

    .link-arrow:before, .navbar-tdc-primary .panel-body li a:not(.no-caret):not(.expand):hover:before,
    .navbar-tdc-secondary .panel-body li a:not(.no-caret):not(.expand):hover:before {
        content: "";
        position: absolute;
        left: -10px;
        border-left: 5px solid #03A4DC;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-top: 4px;
    }

.vertical-divider {
    position: absolute;
    top: 17px;
    right: 12px;
    border-left: 1px solid #CCC;
    height: 260px;
}

.icon-bar {
    display: block;
    background-color: #808285;
    width: 32px;
    height: 4px;
    border-radius: 4px;
    margin: 4px 0;
}

.navbar-tdc-primary .nav > li > a:hover,
.navbar-tdc-primary .nav > li > a:focus,
.navbar-tdc-primary .nav .open > a,
.navbar-tdc-primary .nav .open > a:hover,
.navbar-tdc-primary .nav .open > a:focus,
.navbar-tdc-secondary .nav > li > a:hover,
.navbar-tdc-secondary .nav > li > a:focus,
.navbar-tdc-secondary .nav .open > a,
.navbar-tdc-secondary .nav .open > a:hover,
.navbar-tdc-secondary .nav .open > a:focus {
    background-color: transparent;
}

li > a.dropdown, a.dropdown-toggle, li.dropdown a {
    text-decoration: none;
}

.navbar-tdc-primary .dropdown-menu,
.navbar-tdc-secondary .dropdown-menu {
    background-color: #F5F6F6;
    margin-top: 0;
}

.dropdown-top-border {
    border-top: 1px solid #03A4DC !important;
}

.navbar-tdc-primary .dropdown-menu a > h5,
.navbar-tdc-secondary .dropdown-menu a > h5 {
    color: #253C56;
}

.no-touch .navbar-tdc-primary .dropdown:hover > a {
    color: #03A4DC;
}

.no-touch .navbar-tdc-primary .dropdown:hover svg {
    fill: #03A4DC;
}

.no-touch .navbar-tdc-secondary .dropdown:hover > a,
.no-touch .navbar-tdc-secondary .dropdown > a span:hover,
.no-touch .navbar-tdc-secondary .dropdown > a span:hover {
    color: #FCBA2D;
}

.navLabel {
    color: #fff;
}

    .navLabel:after {
        content: "\f0dd";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        margin-left: 8px;
        color: #fff;
        vertical-align: text-bottom;
    }

.nav-outer {
    display: flex;
    flex-flow: row wrap;
    width: 985px;
    margin-left: auto;
    margin-right: auto;
}

.nav-inner {
    flex: 0 0 auto;
    padding: 30px;
}

.no-touch .navbar-tdc-secondary .dropdown.open > a .navLabel, .no-touch .navbar-tdc-secondary .dropdown.open > a .navLabel:after {
    color: #FCBA2D;
}

.navLabel:hover, .navLabel:after:hover {
    color: #FCBA2D;
}

.navLabel:focus, .navLabel:after:focus {
    color: #FCBA2D;
}

.navLabel:active, .navLabel:after:active {
    color: #FCBA2D;
}

.navbar-tdc-secondary .dropdown:hover svg {
    fill: #FCBA2D;
}

.navbar-tdc-secondary li.dropdown.open {
    border-bottom: 2px solid #FCBA2D;
    height: 49px;
}

.navbar-tdc-primary .panel-body li a,
.navbar-tdc-secondary .panel-body li a {
    display: block;
    padding: 7px 0;
}

    .navbar-tdc-primary .panel-body li a:hover:not(.expand),
    .navbar-tdc-primary .panel-body li a:focus:not(.expand),
    .navbar-tdc-secondary .panel-body li a:hover:not(.expand),
    .navbar-tdc-secondary .panel-body li a:focus:not(.expand) {
        background-color: transparent;
        color: #03A4DC;
        text-decoration: none;
    }

.navbar-tdc-primary .panel,
.navbar-tdc-secondary .panel {
    border: none;
    box-shadow: none;
    background-color: #F5F6F6;
    margin: 0; /* added */
}

.navbar-tdc-primary .contact .panel {
    padding-bottom: 20px;
}

.navbar-tdc-primary .navbar-secondary .panel {
    padding-bottom: 0px;
}

.navbar-tdc-primary .panel ul,
.navbar-tdc-secondary .panel ul {
    list-style-type: none;
}

    .navbar-tdc-primary .panel ul a,
    .navbar-tdc-secondary .panel ul a {
        color: #808285;
    }

.navbar-tdc-primary h4,
.navbar-tdc-secondary h4 {
    color: #253C56;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin: 5px 0 15px;
}

.navbar-tdc-primary .link-with-icon,
.navbar-tdc-secondary .link-with-icon {
    display: block;
    padding: 5px 0;
    white-space: nowrap;
}

    .navbar-tdc-primary .link-with-icon:first-of-type,
    .navbar-tdc-secondary .link-with-icon:first-of-type {
        margin-top: 40px;
    }

.navbar-tdc-primary .get-a-quote img,
.navbar-tdc-secondary .get-a-quote img {
    width: 15px;
    margin-right: 8px;
}

.navbar-tdc-primary {
    background-color: #f5f6f6;
    border-color: #f5f6f6;
    border-radius: 0;
    margin-bottom: 0;
    height: 140px;
}

    .navbar-tdc-primary .navbar-brand {
        position: absolute;
        /*top: 50%;*/
        top: 40%;
        transform: translate(0, -50%);
        padding: 0 30px;
        z-index: 1;
    }

    .navbar-tdc-primary .tagline {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 50%;
        transform: translate(0, -20%);
        color: #fff;
        font-style: italic;
        float: none;
        font-weight: 300;
        z-index: 0;
    }

    .navbar-tdc-primary .navbar-right {
        margin-right: 0;
    }

        .navbar-tdc-primary .navbar-right > li:not(.dropdown) {
            clear: both;
            float: right;
        }

.navbar-right a:hover {
    color: #03A4DC !important;
}

li.dropdown.contact.open a.dropdown-toggle {
    color: #03A4DC !important;
}

li.dropdown.sign-in.open a.dropdown-toggle {
    color: #03A4DC !important;
}

li.dropdown.search.open a.dropdown-toggle {
    color: #03A4DC !important;
}

a.search-icon:hover {
    color: #03A4DC !important;
}

.navbar-tdc-primary .line-through-container {
    text-decoration: line-through;
    color: #EE3024;
}

    .navbar-tdc-primary .line-through-container span {
        color: #808285;
    }

.navbar-tdc-primary .dropdown > a {
    /*color: #F5F6F6;*/
    color: #808285;
    padding: 15px 0 0 12px;
    height: 52px;
}

    .navbar-tdc-primary .dropdown > a:after {
        content: "|";
        /*color: #F5F6F6;*/
        color: #808285;
        padding-left: 12px;
    }

    .navbar-tdc-primary .dropdown > a.search-icon {
        padding-left: 7px;
    }

        .navbar-tdc-primary .dropdown > a.search-icon img {
            padding: 0;
        }

        .navbar-tdc-primary .dropdown > a.search-icon:after {
            content: "";
            padding: 0;
        }

.navbar-tdc-primary .dropdown.account > a:after {
    padding-left: 9px;
}

.navbar-tdc-primary .dropdown.sign-in .dropdown-menu {
    padding: 30px;
}

.navbar-tdc-primary .dropdown.sign-in .btn-skyblue {
    margin: 2px 0 10px;
}

.navbar-tdc-primary .dropdown.contact > a {
    padding-bottom: 17px;
}

.navbar-tdc-primary .dropdown.contact .dropdown-menu {
    right: -42px;
    padding-left: 20px;
}

    .navbar-tdc-primary .dropdown.contact .dropdown-menu ul {
        padding-left: 20px;
    }

.navbar-tdc-primary .dropdown.contact p {
    color: #808285;
    font-weight: 500;
    line-height: 1.4em;
}

    .navbar-tdc-primary .dropdown.contact p a {
        display: inline;
    }

.navbar-tdc-primary .dropdown.search .dropdown-menu {
    right: -20px;
    padding: 25px 0 20px 45px;
}

.navbar-tdc-primary .dropdown form {
    color: #808285;
}

    .navbar-tdc-primary .dropdown form a {
        color: #03A4DC;
        font-weight: 500;
    }

.navbar-tdc-primary .dropdown .form-inline {
    position: relative;
}

    .navbar-tdc-primary .dropdown .form-inline .btn-skyblue {
        position: relative;
        bottom: 7px;
        left: 15px;
        width: 47px;
        height: 39px;
        text-align: left;
        padding: 10px;
    }

        .navbar-tdc-primary .dropdown .form-inline .btn-skyblue .btn-arrow {
            left: 0;
        }

    .navbar-tdc-primary .dropdown .form-inline .form-group .right-arrow {
        top: 5px;
        left: -17px;
    }

.navbar-tdc-primary .dropdown .form-group .input-wrapper {
    position: relative;
    display: inline-block;
}

.navbar-tdc-primary .dropdown .form-group input {
    background-color: #F5F6F6;
    border: 1px solid rgba(128, 130, 133, 0.5);
    padding: 4px;
    box-shadow: none;
    border-radius: 0;
    font-size: 16px;
}

    .navbar-tdc-primary .dropdown .form-group input:not(#search) {
        width: 95%;
        margin-left: 20px;
    }

    .navbar-tdc-primary .dropdown .form-group input#search {
        width: 148px;
    }

    .navbar-tdc-primary .dropdown .form-group input:before {
        border-left: 5px solid #03A4DC;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
    }

    .navbar-tdc-primary .dropdown .form-group input:focus {
        outline: none;
    }

.navbar-tdc-primary .dropdown .form-group .right-arrow {
    position: absolute;
    top: 10px;
}

.navbar-tdc-primary .dropdown.open .icon-bar {
    background-color: #03A4DC;
}

.navbar-tdc-primary .dropdown.open svg {
    fill: #03A4DC;
}

.navbar-tdc-primary .dropdown.open:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #03A4DC;
    display: inline-block;
    z-index: 1000;
    width: 0;
}

.navbar-tdc-primary .nav-icon {
    position: relative;
    top: -3px;
    padding-left: 10px;
}

.navbar-tdc-primary .dropdown-menu {
    position: absolute;
    right: -141px;
    top: 52px;
    border: none;
    width: 284px;
    padding: 15px 0 0;
    border-radius: 0;
}

    .navbar-tdc-primary .dropdown-menu li a {
        text-decoration: none;
    }

        .navbar-tdc-primary .dropdown-menu li a.expand {
            display: block;
            padding: 3px 0;
        }

        .navbar-tdc-primary .dropdown-menu li a > h5 {
            color: #253C56;
            margin: 0;
        }

li > ul.dropdown-menu li {
    list-style: none;
    font-size: 1em; /* for public side */
}

.navbar-tdc-primary .panel-group {
    margin-bottom: 0;
    padding-left: 20px;
}

.navbar-tdc-primary .panel-body {
    padding: 0;
}

    .navbar-tdc-primary .panel-body ul {
        padding-left: 12px;
    }

.navbar-tdc-secondary {
    background-color: #4D638C;
    height: 35px;
    border-radius: 0;
    border-bottom: 1px solid #c3c4c4;
}

    .navbar-tdc-secondary .navbar-collapse {
        text-align: center;
    }

    .navbar-tdc-secondary .nav {
        display: inline-block;
        float: none;
    }

        .navbar-tdc-secondary .nav > li > a {
            padding: 15px 30px;
            font-size: .875em;
        }

    .navbar-tdc-secondary .dropdown {
        position: static;
    }

        .navbar-tdc-secondary .dropdown > a {
            /*color: #FFF;*/
            color: #545454;
        }

        .navbar-tdc-secondary .dropdown.risk-management .dropdown-menu img {
            width: 18px;
            margin-right: 10px;
        }

        .navbar-tdc-secondary .dropdown.open > a {
            position: relative;
        }

    /* .navbar-tdc-secondary .dropdown.open > a:after {
                content: "";
                position: absolute;
                top: 45px;
                right: 0;
                left: 0;
                margin: 0 auto;
                border-left: 70px solid #03A4DC;
                border-right: 70px solid #03A4DC;
                border-bottom: 5px solid #03A4DC;
                display: inline-block;
                width: 0;
                z-index: 1001;
            }*/

    .navbar-tdc-secondary .dropdown-menu {
        /*padding: 20px 20px 30px;*/
        top: 48px;
        right: 0;
        margin: 0 auto;
        /*width: 985px;*/
        /*height: 325px;*/
    }

    .navbar-tdc-secondary .panel-body {
        position: relative;
        display: inline-block;
        float: left;
        width: 33%;
        padding-top: 0;
    }

        .navbar-tdc-secondary .panel-body ul {
            padding-left: 15px;
        }

    .navbar-tdc-secondary .panel > a {
        color: #03A4DC;
        /*text-decoration: none;*/
    }

.no-touch .navbar-tdc-secondary .panel > a:hover {
    color: #253C56;
}

.navbar-tdc-secondary .panel > a span {
    vertical-align: text-bottom;
}

.navbar-tdc-secondary .panel > a:focus {
    color: #253C56;
}

.navbar-tdc-secondary .panel ul a {
    padding: 1px 0;
}

.navbar-tdc-secondary .panel .narrow-block {
    width: 75%;
}

.navbar-tdc-secondary .panel p {
    color: #808285;
}

    .navbar-tdc-secondary .panel p:first-child {
        margin: 10px 0 5px;
    }

    .navbar-tdc-secondary .panel p a {
        color: #03A4DC;
    }
/* added for the PS sidebar menu */
ul.sidebar-menu li {
    list-style-type: none;
    font-size: 1em;
    line-height: 1.3em;
    margin-left: -35px;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .nav .tagline {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    div.container-width-fix {
        width: 100% !important;
    }

    .nav-outer {
        width: 700px;
    }

    /*iPad nav wrap fix*/
    .navbar-tdc-secondary .nav > li > a {
        padding: 15px 12px !important;
    }
}

@media screen and (max-width: 1040px) {
    .navbar-tdc-secondary .dropdown-menu {
        /*width: 830px;
        height: 340px;*/
    }
}

@media screen and (max-width: 940px) {
    .navbar-tdc-secondary .dropdown-menu {
        /*width: 730px;
        height: 358px;*/
    }

    .navbar-tdc-secondary .panel-body {
        padding-left: 10px;
    }

        .navbar-tdc-secondary .panel-body ul {
            padding-left: 10px;
        }

    .navbar-tdc-primary .dropdown-menu li a > h5 {
        margin: 10px 0 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .navbar-tdc-primary {
        height: 100px;
    }

        .navbar-tdc-primary .hamburger-icon {
            margin: 35px 0 0 3px;
            display: block;
        }

        .navbar-tdc-primary .tagline {
            transform: inherit;
            top: 66%;
            font-size: 10.5px;
        }

        .navbar-tdc-primary > .container-fluid .navbar-brand {
            margin-left: auto;
        }

        .navbar-tdc-primary .navbar-brand {
            max-width: 47%;
            top: 21px;
            left: -35px;
            right: 0;
            transform: inherit;
            padding: 0;
            margin: 0 auto;
        }

    _:-ms-fullscreen, :root .navbar-tdc-primary .navbar-brand {
        max-width: none;
    }

    .navbar-tdc-primary .navbar-brand img {
        margin: 0 auto;
        max-width: 225px;
        width: 100%;
    }

    a.navbar-brand {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .navbar-tdc-primary .navbar-right {
        margin: -35px -15px 0 0;
    }

    .navbar-tdc-primary .dropdown.account > a:after {
        padding: 0;
    }

    .navbar-tdc-primary .dropdown > a {
        padding: 0;
        height: 42px;
    }

        .navbar-tdc-primary .dropdown > a:after {
            content: "";
            padding: 0;
        }

    .navbar-tdc-primary .dropdown.open:after {
        right: 0;
    }

    .navbar-tdc-primary .dropdown.search .dropdown-menu {
        right: -7px;
    }

    .navbar-tdc-primary .dropdown-menu {
        right: -30px;
        top: 42px;
        width: 284px;
        margin-bottom: 20px;
    }

    .get-a-quote {
        position: relative;
        left: -20px;
        width: 284px;
        padding: 20px;
        margin-top: 20px;
        background-color: #253C56;
        color: #F5F6F6;
    }

        .get-a-quote h4, .get-a-quote a {
            color: #F5F6F6;
        }

        .get-a-quote p {
            margin-bottom: 20px;
        }

        .get-a-quote .panel {
            background-color: #253C56;
        }

        .get-a-quote .link-with-icon:first-of-type {
            margin-top: 30px;
        }
}

@media (min-width: 320px) {
    .form-inline .form-group {
        display: inline-block;
    }
}
/* End MRM Styles */

/* ==========================================================================
   Blades and Explore Bar
   ========================================================================== */

/** Explorer Bar **/
.exploreBar {
    padding: 12px 12px;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 0;
    min-width: 280px;
    margin: 20px 0 0;
}

.exploreDropDown {
    text-align: left;
    border: 1px solid transparent;
    border-radius: 0;
    width: 280px;
}

.exploreBar, .exploreBar.active, .exploreBar:active, .exploreBar:active:hover, .open > .dropdown-toggle.exploreBar, .open > .dropdown-toggle.exploreBar:hover {
    color: #253C56;
    background-color: #ffffff;
    border-color: #ffffff;
}

.caret { /** Explorer Bar dropdown icon **/
    float: right;
    margin-top: 10px;
    border-top: .5em dashed;
    border-top: 11px solid\9;
    border-right: .5em solid transparent;
    border-left: .5em solid transparent;
}
/** copy inside a divided blade **/
.panel {
    margin: 20px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/** for flexing col in a row **/
.equal, .equal > div[class*='col-'] {
    -webkit-flex: auto;
    display: flex;
    flex: 1 1 auto;
    flex-flow: row wrap;
}

/** Blades **/
.blade {
    padding: 5px 20px 30px 20px;
}

.darkblue, .darkBlue {
    background-color: #253C56;
    padding: 5px 20px 30px 20px;
    color: #ffffff;
}

.bladeDarkBlue {
    background-color: #253C56;
}

    .bladeDarkBlue:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #253C56;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.bladeMedDarkBlue, .bladeBlueViolet {
    background-color: #4D638C;
}

    .bladeMedDarkBlue:after, .bladeBlueViolet:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #4D638C;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.meddkblue, .blueViolet {
    background-color: #4D638C;
    padding: 5px 20px 30px 20px;
    color: #ffffff;
}

.bladeMedBlue, .bladeLavender {
    background-color: #8CA7D0;
}

    .bladeMedBlue:after, .bladeLavender:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #8CA7D0;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.medblue, .lavender {
    background-color: #8CA7D0;
    padding: 5px 20px 30px 20px;
    color: #ffffff;
}

.bladeMedLightBlue, .bladeSkyBlue {
    background-color: #03A4DC;
}

    .bladeMedLightBlue:after, .bladeSkyBlue:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #03A4DC;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.medltblue, .skyBlue {
    background-color: #03A4DC;
    padding: 5px 20px 30px 20px;
    color: #ffffff;
}

.bladeLightBlue {
    background-color: #60CAE2;
}

    .bladeLightBlue:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #60CAE2;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.ltblue, .lightBlue {
    background-color: #60CAE2;
    padding: 5px 20px 30px 20px;
    color: #ffffff;
}

.bladeOffWhite {
    background-color: #F5F6F6;
}

    .bladeOffWhite:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #F5F6F6;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.offWhite {
    background-color: #F5F6F6;
    padding: 5px 20px 30px 20px;
}

.bladePlainWhite {
    background-color: #FFF;
}

    .bladePlainWhite:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #FFF;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.plainWhite {
    background-color: #FFF;
    padding: 5px 20px 30px 20px;
}

.bladeRed {
    background-color: #EE3024;
}

    .bladeRed:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #EE3024;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.red {
    background-color: #EE3024;
    padding: 5px 20px 30px 20px;
}

.bladeDarkGreen {
    background-color: #1D656B;
}

    .bladeDarkGreen:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #1D656B;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.darkGreen {
    background-color: #1D656B;
    padding: 5px 20px 30px 20px;
}

.bladeLightGreen {
    background-color: #9ABF3C;
}

    .bladeLightGreen:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #9ABF3C;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.lightGreen {
    background-color: #9ABF3C;
    padding: 5px 20px 30px 20px;
}

.bladeAmber, .bladeGold {
    background-color: #FCBA2D;
}

    .bladeAmber:after, .bladeGold:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #FCBA2D;
        display: inline-block;
        z-index: 100;
        width: 0;
    }

.amber, .gold {
    background-color: #FCBA2D;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.siteMap_Heading a, .siteMap_Title a, .footertextCW a {
    color: #808285;
}

.siteMap_Heading {
    text-transform: uppercase;
    font-size: 1em;
    padding-top: 1.1em;
    font-weight: bold;
}

.siteMap_Title {
    font-size: 1em;
    line-height: 1.1em;
    margin-bottom: 5px;
}

p.footertextCW a span {
    text-decoration: underline;
}

.siteMap_Heading a:hover, .siteMap_Title a:hover, .footertextCW a:hover {
    color: #253C56;
}

.footertextCW {
    text-align: center;
    font-size: 1em;
    margin: 30px 0 0 0;
    padding-bottom: 30px;
}

/* ** Content Footnotes within articles on pages */
.footnotes {
    color: #808285;
    font-size: 1em;
    line-height: 1.5em;
}

    .footnotes P {
        margin: 0px 0px 20px;
    }

    .footnotes OL {
        list-style-position: inside;
        list-style-type: decimal;
        padding: 0 0 0 0px;
        margin: 0 0 0 0;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }

        .footnotes ol > li {
            background: transparent url('') no-repeat scroll 0px 0px;
            padding-bottom: .8em;
            margin: 0px 0px 20px;
            padding-left: 25px;
            text-indent: -25px;
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
        }

/*  ==========================================================================
	SHARE ICONS
	========================================================================== */

ul.share-buttons {
    list-style: none;
    padding: 0;
    float: right;
    display: inline-flex;
}

    ul.share-buttons li {
        display: inline-flex;
        margin-right: 10px;
    }

    ul.share-buttons .sr-only {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

/* ==========================================================================
   3. COMPONENTS                                        
   ========================================================================== */

/*  ==========================================================================
	BUTTONS
	========================================================================== */
/* Common */
button {
    outline: none !important;
}

.btn-big {
    min-width: 190px;
    height: 39px;
}

.btn {
    padding: 10px 12px !important;
    font-size: 1em;
    white-space: normal;
    text-decoration: none !important;
    margin: 20px 0;
}

    .btn > a {
        text-decoration: none;
    }

.btn-arrow {
    position: relative;
    left: 3px;
    border-left: 5px solid #FFF;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    vertical-align: middle !important;
    bottom: 1px;
    height: 0;
}

.right-arrow {
    border-left: 8px solid #03A4DC;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: inline-block;
}

.down-arrow {
    position: relative;
    top: -2px;
    border-top: 5px solid #03A4DC;
    border-bottom: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    font-size: 0;
}

.up-arrow {
    border-bottom: 5px solid #FCBA2D;
    border-top: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
}

.btn-navyblue a, .btn-skyblue a {
    color: #F5F6F6;
}

/* Sky Blue button on a Navy Blue or White background */
.btn-skyblue {
    background-color: #03A4DC;
    border: none;
    border-radius: 0;
    color: #F5F6F6;
}

    .btn-skyblue:hover, .btn-skyblue:focus {
        color: #F5F6F6;
        background-color: rgba(2, 163, 218, 0.7);
    }

        .btn-skyblue:hover a, .btn-skyblue:focus a {
            color: #F5F6F6;
            text-decoration: none;
        }

/* Skyblue Outline button for white background */
.btn-skyblue-outline {
    border: 1px solid #03A4DC !important;
    border-radius: 0;
    color: #03A4DC !important;
    width: 80% !important;
}

    .btn-skyblue-outline:hover {
        background-color: #F5F6F6;
        /*color: #FFF;*/
    }

        .btn-skyblue-outline:hover a, .btn-skyblue-outline:focus a {
            color: #FFFFFF !important;
            text-decoration: none;
        }

.btn-arrow-skyblue-outline {
    position: relative;
    left: 3px;
    border-left: 5px solid #03A4DC;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    vertical-align: middle !important;
    bottom: 1px;
    height: 0;
}

/* 67% Black Outline button for white background */
.btn-67black-outline {
    border: 1px solid #545454 !important;
    border-radius: 0;
    color: #545454 !important;
    width: 80% !important;
}

    .btn-67black-outline:hover {
        background-color: #F5F6F6;
    }

        .btn-67black-outline:hover a, .btn-67black-outline:focus a {
            color: #FFFFFF !important;
            text-decoration: none;
        }

/* Navy Blue Outline button */
.btn-navyblue-outline {
    border: 1px solid #253C56 !important;
    border-radius: 0;
    color: #253C56 !important;
    width: 80% !important;
}

    .btn-navyblue-outline:hover {
        background-color: #F5F6F6;
    }

        .btn-navyblue-outline:hover a, .btn-navyblue-outline:focus a {
            color: #253C56 !important;
            text-decoration: none;
        }

.buttonTxtArrow:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
}

/* White Outline button for Blue-violet background */
.btn-blueviolet-outline {
    border: 1px solid #FFFFFF !important;
    border-radius: 0;
    color: #FFFFFF !important;
    background: transparent;
}

    .btn-blueviolet-outline:hover {
        background-color: #9AB0D9 !important;
    }

        .btn-blueviolet-outline:hover a, .btn-blueviolet-outline:focus a {
            color: #FFFFFF;
            text-decoration: none;
        }

/* Navy Blue button on a Navy Blue background */
.btn-navyblue {
    background-color: #253C56;
    border: none;
    border-radius: 0;
    color: #F5F6F6;
}

    .btn-navyblue:hover, .btn-navyblue:focus {
        color: #F5F6F6 !important;
        background-color: rgba(37, 60, 86, 0.7) !important;
        box-shadow: none !important;
        border: none !important;
    }

        .btn-navyblue:hover a, .btn-navyblue:focus a {
            color: #F5F6F6;
            text-decoration: none;
        }

/* Blue-Violet Button for light background */
.btn-blueviolet {
    background-color: #9AB0D9;
    border: none;
    border-radius: 0;
    color: #FFF;
}

    .btn-blueviolet:hover {
        color: #F5F6F6 !important;
        background-color: #476491 !important;
        box-shadow: none !important;
        border: none !important;
    }

        .btn-blueviolet:hover a, .btn-blueviolet:focus a {
            color: #F5F6F6;
            text-decoration: none;
        }

/* Yellow & Amber buttons on a Navy Blue background */
.btn-yellow {
    background-color: #F8DA21;
    border: none;
    border-radius: 0;
    color: #253C56;
}

.btn-amber {
    background-color: #FCBA2D;
    border: none;
    border-radius: 0;
    color: #253C56;
}

.btn-yellow:hover, .btn-yellow:focus {
    color: #253C56;
    background-color: rgba(248, 218, 33, 0.75);
}

.btn-amber a, .btn-yellow a {
    color: #253C56;
}

.btn-amber:hover, .btn-amber:focus {
    color: #253C56;
    background-color: rgba(252, 186, 45, 0.75);
}

    .btn-amber:hover a, .btn-amber:focus a, .btn-yellow:hover a, .btn-yellow:focus a {
        color: #253C56;
        text-decoration: none;
    }

.btn-arrow-amber, .btn-arrow-yellow {
    position: relative;
    left: 3px;
    border-left: 5px solid #253C56;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    vertical-align: middle !important;
    bottom: 1px;
    height: 0;
}

/* ==========================================================================
4. MISCELLANOUS                                        
   ========================================================================== */
/* Panel box with no header background */

/*Legacy call-out styles*/
.panel-custom-snow-white {
    border-color: #808285;
}

    .panel-custom-snow-white > .panel-heading {
        background: #FFFFFF;
        color: #ffffff;
        border-color: #808285;
    }

.dk_grey-box, .lt_grey-box {
    PADDING: 20px;
    BORDER-TOP-STYLE: none;
    margin: 20px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.dk_grey-box {
    background-color: #cccccc;
}

.lt_grey-box {
    border-bottom: #FFFFFF 1px solid;
    background-color: #F0F0F0;
    zoom: 1;
    z-index: 3;
}

.callout {
    font-size: 2.0em;
    line-height: 1.2em;
    font-family: 'Roboto';
    font-weight: 500;
    color: #1E656B;
}

/*End Legacy call-out styles*/

.call-out {
    margin-left: 0;
}

.grey-box {
    margin: 20px 0;
    background: #f5f6f6;
    padding: 20px;
    text-align: center;
}

/* Bio pics floating left of content */
#picLeft, .picLeft {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* Why Choose Us-Blade Content */
.circle {
    margin: 0 auto;
    width: 121px;
    height: 121px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

    .circle p.headline {
        position: relative;
        margin: 0;
        top: 30%;
        font-size: 2em;
        text-align: center;
        color: #FFF;
    }

    .circle p.body {
        position: relative;
        margin: 0;
        top: 25%;
        font-size: 1.2em;
        text-align: center;
        color: #FFF;
    }

p.whyChoose {
    font-size: 1.2em;
    color: #808285;
    text-align: center;
    margin-top: 15px;
}

.list-icon-trendingTopics {
    width: 150px;
    height: 150px;
    padding: 25px;
    text-align: center;
}

.list-icon-background {
    background-color: #F5F6F6;
    width: 150px;
    height: auto;
    padding: 47px;
    text-align: center;
    margin: auto;
}

.list-icon-skyblue {
    font-size: 4em;
    color: #03A4DC;
}

.list-icon-red {
    font-size: 4em;
    color: #EE3024;
}

/* Featured List Blocks */
.featureListWrapper {
    background-color: #f5f6f6;
    padding: 20px 20px 10px 20px;
}

.featuredItem {
    width: 100% !important;
    margin: 20px 0 10px 0 !important;
    padding: 20px !important;
    background-color: #fff;
    border-radius: 10px;
    min-height: 150px;
    background-image: url("/siteassets/images/web/right-arrow-bk.png");
    background-repeat: no-repeat, repeat;
    background-position: 96% 90%;
}

    .featuredItem p {
        color: #707070;
        font-size: 1em !important;
        padding-right: 20px;
    }

    .featuredItem h3 {
        font-family: Oswald;
        font-size: 1.5em;
        line-height: 1.2em;
        margin-top: 0;
    }

/******************************************************************
AUDIO/VIDEO MEDIA
***************************************************************** */
.videoLabel {
    background-color: #F5F6F6;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    font-size: .7em;
    border: 1px solid #545454;
}

.agentLabel {
    background-color: #F5F6F6;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    font-size: .7em;
    border: 1px solid #545454;
}

a.video {
    background: transparent url('../../ClientResources/Images/icon_video_sm.png') no-repeat scroll 0px center;
    display: inline-block;
    padding: 10px 0 10px 35px;
    text-indent: 0px;
    vertical-align: middle;
    margin-left: -5px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=ie8-logo.png,sizingMethod='crop');
}

    a.video:hover {
        background: transparent url('../../ClientResources/Images/icon_video_sm_hover.png') no-repeat scroll 0px center;
    }

a.video_big {
    background: transparent url('../../ClientResources/Images/icon_video.png') no-repeat scroll 0px 0px;
    display: block;
    width: 80px;
    height: 60px;
    display: table-cell;
    vertical-align: top;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=ie8-logo.png,sizingMethod='crop');
}

    a.video_big:hover {
        background: transparent url('../../ClientResources/Images/icon_video_hover.png') no-repeat scroll 0px 0px;
    }

.avdescription {
    padding: 20px 0 10px 0px;
}

.source {
    color: #999999;
    font-style: italic;
    text-indent: 0px;
    text-decoration: none;
    cursor: default;
    padding-left: 5px;
    font-weight: normal;
}

/* icons placed to the left of a dynamic list */
.list-icon {
    float: right !important;
}

@media screen and (max-width: 992px) {
    .list-icon {
        float: left !important;
    }
}

.ui-autocomplete {
    z-index: 1000;
}

/* TinyMCE Font Classes for custom font families*/
.TradeGothicLT {
    font-family: 'Roboto';
}

.TradeGothicLT-Bold {
    font-family: 'Roboto';
    font-weight: bold;
}

.TradeGothicLT-CondEighteen {
    font-family: Oswald;
}

.TradeGothicLT-BoldCondTwenty {
    font-family: Oswald;
    font-weight: bold;
}

.Roboto {
    font-family: 'Roboto';
}

.Oswald {
    font-family: 'Oswald';
}



/* Search Page pagination*/
.pagination-search > li > a {
    border: 0 none;
}

    .pagination-search > li > a.prev {
        margin-right: 12px;
    }

    .pagination-search > li > a.next {
        margin-left: 12px;
    }

/* Social Sharing Links */
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block;
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em;
}

.resp-sharing-button {
    border-radius: 4px;
    transition: 25ms ease-out;
    padding: 0.01em 0.4em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    cursor: pointer;
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: middle;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}

.resp-sharing-button--twitter {
    background-color: #000;
}

    .resp-sharing-button--twitter:hover {
        background-color: #414042;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
}

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover {
        background-color: #046293;
    }


/* ==========================================================================
5. PRINT STYLES                                        
   ========================================================================== */

@media print {
    body {
        font-size: 1em;
        margin-left: 20px;
        margin-right: 20px;
    }

    .footnotes {
        font-size: .7em;
    }

    a.ext {
        padding-right: 0px;
        background: none;
    }

    a.pdf {
        padding-right: 0px;
        background: none;
    }
}

/* ==========================================================================
Accordion styles                                   
   ========================================================================== */
.accordion {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .accordion h3 {
        margin: 0;
        padding: 0;
    }

.accordionitemblock-block {
    margin-bottom: 40px;
    border: 2px solid #f5f6f6;
    border-radius: 7px;
}

.accordion-trigger {
    background: none;
    color: hsl(0deg 0% 13%);
    display: block;
    font-size: 1.25rem;
    font-weight: normal;
    margin: 0;
    padding: 1em;
    position: relative;
    text-align: left;
    width: 100%;
    outline: none;
}

    .accordion-trigger:focus {
        outline: 4px solid transparent;
    }

.accordion > *:first-child .accordion-trigger,
.accordion > *:first-child {
    border-radius: 5px 5px 0 0;
}

.accordion > *:last-child .accordion-trigger,
.accordion > *:last-child {
    border-radius: 0 0 5px 5px;
}

button {
    border-style: none;
}

.accordion button::-moz-focus-inner {
    border: 0;
}

.accordion-title {
    display: block;
    pointer-events: none;
    border: transparent 2px solid;
    border-radius: 5px;
    outline: none;
}

    .accordion-title h4 {
        margin-right: 60px;
        font-size: 1.7rem;
    }

.accordion-icon {
    border: solid currentcolor;
    border-width: 0 2px 2px 0;
    height: 1rem;
    pointer-events: none;
    position: absolute;
    right: 2em;
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    width: 1rem;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}

.accordion-trigger[aria-expanded="true"] .accordion-icon {
    transform: translateY(-50%) rotate(-135deg);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    color: #4974b5;
}

.accordion-panel {
    margin: 0;
    padding: 1em 1.5em;
}

.tdc_accordion_sidemenu div.accordionitemblock-block {
    background-color: #f5f6f6;
    margin-bottom: 10px;
    border: none;
    border-radius: unset;
}

.tdc_accordion_sidemenu .accordion-trigger {
    padding: 0 0 0 10px;
}

.accordionblock h2 {
    color: #fff;
    background-color: #4d638c;
    padding: 13px;
    font-family: Oswald;
    font-size: 2em;
    margin: 0 0 5px 0;
}

@media screen and (max-width:500px) {
    .accordion-title h4 {
        margin-right: 60px;
        font-size: 1.7rem;
    }
}

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.accordion-panel[hidden] {
    display: none;
}

/* Quote form styles */

div#quote {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#quote_form {
    text-align: left;
}

button.btn_quote:focus, button#btn_quote_next {
    outline: none;
}

h4.modal-title {
    text-align: left;
}

div.modal-body > p {
    text-align: left;
}

input#ZipCode {
    border: 1px solid #333;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 22px;
    padding: 5px 15px;
    min-height: 27px;
    margin-top: 15px;
}

#quoteErrZip {
    display: none;
    margin: 5px 0;
    color: #ee3024;
}

button#btn_quote_next {
    text-align: center;
    padding: 8px 0 !important;
    min-width: 80px;
    outline: none;
    display: block;
    margin: 20px auto 10px auto !important;
}

.form-group {
    margin: 2rem 0;
}

.labelProdCategory {
    text-align: left !important;
    margin-bottom: 5px;
}

input[type="radio"] {
    display: none;
}

label.quoteType {
    cursor: pointer;
    position: relative;
    margin-left: 33px;
    margin-bottom: 10px;
    text-align: left !important;
    display: block;
}

    label.quoteType::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: transparent;
        border: 2px solid #03a4dc;
        border-radius: 50%;
        top: 50%;
        left: -3.5rem;
        transform: translateY(-50%);
        transition: border-color 400ms ease;
    }

    label.quoteType::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #03a4dc;
        border: 2px solid #03a4dc;
        border-radius: 50%;
        top: 50%;
        left: -3.5rem;
        transform: translateY(-50%) scale(0);
        transition: transform 400ms ease;
    }

input[type="radio"]:checked + label.quoteType::before {
    border-color: #03a4dc;
}

input[type="radio"]:checked + label.quoteType::after {
    transform: translateY(-50%) scale(0.55);
}

label.labelQuoteZip {
    display: none;
}

p.find_agent {
    text-align: center !important;
}