/* ======================================= SANTANDER BANK modular content framework ======================================= */

/*                                                                                                                dddddddd
                                                                                                                  d::::::d
                                                                                                                  d::::::d
                                                                                                                  d::::::d
                                                                                                                  d:::::d 
    ssssssssss      aaaaaaaaaaaaa   nnnn  nnnnnnnn            mmmmmmm    mmmmmmm       ooooooooooo        ddddddddd:::::d 
  ss::::::::::s     a::::::::::::a  n:::nn::::::::nn        mm:::::::m  m:::::::mm   oo:::::::::::oo    dd::::::::::::::d 
ss:::::::::::::s    aaaaaaaaa:::::a n::::::::::::::nn      m::::::::::mm::::::::::m o:::::::::::::::o  d::::::::::::::::d 
s::::::ssss:::::s            a::::a nn:::::::::::::::n     m::::::::::::::::::::::m o:::::ooooo:::::o d:::::::ddddd:::::d 
 s:::::s  ssssss      aaaaaaa:::::a   n:::::nnnn:::::n     m:::::mmm::::::mmm:::::m o::::o     o::::o d::::::d    d:::::d 
   s::::::s         aa::::::::::::a   n::::n    n::::n     m::::m   m::::m   m::::m o::::o     o::::o d:::::d     d:::::d 
      s::::::s     a::::aaaa::::::a   n::::n    n::::n     m::::m   m::::m   m::::m o::::o     o::::o d:::::d     d:::::d 
ssssss   s:::::s  a::::a    a:::::a   n::::n    n::::n     m::::m   m::::m   m::::m o::::o     o::::o d:::::d     d:::::d 
s:::::ssss::::::s a::::a    a:::::a   n::::n    n::::n     m::::m   m::::m   m::::m o:::::ooooo:::::o d::::::ddddd::::::dd
s::::::::::::::s  a:::::aaaa::::::a   n::::n    n::::n     m::::m   m::::m   m::::m o:::::::::::::::o  d:::::::::::::::::d
 s:::::::::::ss    a::::::::::aa:::a  n::::n    n::::n     m::::m   m::::m   m::::m  oo:::::::::::oo    d:::::::::ddd::::d
  sssssssssss       aaaaaaaaaa  aaaa  nnnnnn    nnnnnn     mmmmmm   mmmmmm   mmmmmm    ooooooooooo       ddddddddd   dddd*/

/* ======================================================================================================================= */

/* == san-mod COMMON STYLES == */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');

:focus {
    outline: none !important;
}

.portlet-borderless-container {
    min-height: 0;
}

.portlet-body {
    margin-bottom: 0 !important;
}

/* apply web font */
.san-mod {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.san-mod h1.titpage,
.san-mod h2.titpage {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.san-mod h3.titmain,
.san-mod h4.tit01 {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

/* add css transition to red cta */
.san-mod .button01 {
    padding: 0.62em 1.65em 0.50em;
    border: 2px solid #e20000;
    line-height: 1.15em;
}

.san-mod .button01:active,
.san-mod .button01:hover {
    padding: 0.62em 1.65em 0.50em;
    border: 2px solid #e20000;
}

.ah_wrapper02 {
    background-color: #eff6f9 !important;
}

/* -- new UX core buttons -- */
.san-mod.content-wrapper a {
    cursor: pointer;
}

.san-mod.content-wrapper .content .prod-btn {
    clear: both;
    /*display: inline-block;*/
}

.san-mod.content-wrapper .content .left {
    text-align: left;
}

.san-mod.content-wrapper .content .center {
    text-align: center;
}

.san-mod.content-wrapper .content .right {
    text-align: right;
}

.san-mod.content-wrapper .content a.btn {
    letter-spacing: .03em;
    padding: 0.55em 1.65em 0.50em;
    display: inline-block;
    margin-bottom: 1em;
    font-weight: 400;
    text-decoration: none;
    width: auto;
    line-height: 1.25em;
    font-size: 1.1em;
    /*-webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;*/
}

.san-mod.content-wrapper .content a.btn:hover,
.san-mod.content-wrapper .content a.btn:active {
    text-decoration: none;
    padding: 0.55em 1.65em 0.50em;
    border: 2px solid #e20000;
    /*-webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;*/
}

/* solidRed */
.san-mod.content-wrapper .content a.btn.solidRed {
    border: 2px solid #e20000;
    color: #fff;
    background-color: #e20000;
}

.san-mod.content-wrapper .content a.btn.solidRed:hover,
.san-mod.content-wrapper .content a.btn.solidRed:active {
    background-color: #fff;
    color: #e20000;
}

/* outlineRed */
.san-mod.content-wrapper .content a.btn.outlineRed {
    border: 2px solid #e20000;
    color: #e20000;
    background-color: #fff;
}

.san-mod.content-wrapper .content a.btn.outlineRed:hover,
.san-mod.content-wrapper .content a.btn.outlineRed:active {
    background-color: #e20000;
    color: #fff;
}

/* solidGray */
.san-mod.content-wrapper .content a.btn.solidGray {
    border: 2px solid #697072;
    color: #fff;
    background-color: #697072;
}

.san-mod.content-wrapper .content a.btn.solidGray:hover,
.san-mod.content-wrapper .content a.btn.solidGray:active {
    background-color: #fff;
    color: #697072;
}

/* outlineGray */
.san-mod.content-wrapper .content a.btn.outlineGray {
    border: 2px solid #697072;
    color: #697072;
    background-color: #fff;
}

.san-mod.content-wrapper .content a.btn.outlineGray:hover,
.san-mod.content-wrapper .content a.btn.outlineGray:active {
    background-color: #697072;
    color: #fff;
}




.benefits .san-mod.content-wrapper .content {
    padding-top: 2%;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {

    .san-mod.content-wrapper .content .prod-btn .left,
    .san-mod.content-wrapper .content .prod-btn .center,
    .san-mod.content-wrapper .content .prod-btn .right {
        text-align: center !important;
    }
}


/* common list styling */
.san-mod ul {
    margin-top: .75em;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}


/* common content-wrapper styles */
.san-mod.content-wrapper {
    margin-bottom: 0;
}

/* common bold styles */
.san-mod strong {
    font-weight: 700;
}

/* common SUP styles */
.san-mod sup {
    font-size: .5em;
    line-height: 1em;
}

/* common breadcrumb styles */
.aui .breadcrumb.breadcrumb-horizontal li {
    font-size: 1.1em !important;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif !important;
    margin: .25em auto !important;
}

.aui .breadcrumb.breadcrumb-horizontal li .divider {
    padding-left: 0em !important;
    padding-right: 0em !important;
}

.aui .breadcrumb.breadcrumb-horizontal li .divider {
    visibility: hidden;
}

.aui .breadcrumb.breadcrumb-horizontal li:first-child:before {
    content: "You are in ";
    color: #c90212;
    margin-right: .5em;
}

.aui .breadcrumb.breadcrumb-horizontal li:not(:last-of-type):after {
    content: "> ";
    color: #000;
    margin-right: .5em;
}


/* common nested-portlet styles */
.portlet-nested-portlets {
    margin-top: 1em;
    clear: both;
    float: none;
}

.portlet-nested-portlets .portlet-column {
    display: inline;
    position: relative;
    padding: 0;
    margin: 2px 0;
}

.portlet-nested-portlets .portlet-column {
    float: left;
}

.portlet-nested-portlets .portlet-borderless-container {
    clear: both;
    float: none;
    padding-bottom: 2%;
}

.portlet-nested-portlets .alert.alert-info.hide {
    display: none;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {
    .portlet-nested-portlets {
        margin-top: 0;
        clear: both;
        float: none;
    }

    .portlet-nested-portlets .portlet-column {
        width: 96%;
        float: none;
    }

    .portlet-nested-portlets.full-width .columns-2 .span6,
    .portlet-nested-portlets.full-width .columns-2 .span6 {
        width: 100%;
        padding-right: 0;
    }

    .portlet-nested-portlets .portlet-column.portlet-column-last {
        padding: 0;
    }

}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:867px) {

    .portlet-nested-portlets .columns-2 .span6,
    .portlet-nested-portlets .columns-2 .span6 {
        width: 47.5%;
        padding-right: 5%;
    }

    .portlet-nested-portlets.full-width .columns-2 .span6,
    .portlet-nested-portlets.full-width .columns-2 .span6 {
        width: 100%;
        padding-right: 0;
    }

    .portlet-nested-portlets .columns-3 .span4,
    .portlet-nested-portlets .columns-3 .span4 {
        width: 32%;
        padding-right: 2%;
    }

    .portlet-nested-portlets .portlet-column.portlet-column-last {
        padding: 0;
    }
}

@media only screen and (min-width: 868px) and (max-width:979px) {

    .portlet-nested-portlets .columns-2 .span6,
    .portlet-nested-portlets .columns-2 .span6 {
        width: 47%;
        padding-right: 5%;
    }

    .portlet-nested-portlets.full-width .columns-2 .span6,
    .portlet-nested-portlets.full-width .columns-2 .span6 {
        width: 100%;
        padding-right: 0;
    }

    .portlet-nested-portlets .columns-3 .span4,
    .portlet-nested-portlets .columns-3 .span4 {
        width: 32%;
        padding-right: 2%;
    }

    .portlet-nested-portlets .portlet-column.portlet-column-last {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    /*
        .ah_wrapper .ah_row > div:first-child, 
        .ah_wrapper02 .ah_row > div:first-child, 
        .ah_wrapper .ah_row > div:last-child, 
        .ah_wrapper02 .ah_row > div:last-child, 
        .ah_large82, .ah_medium50, 
        .ah_medium52, 
        .ah_medium55, 
        .ah_medium41, 
        .ah_small27, 
        .ah_small28, 
        .ah_wrapper 
        .ah_row > div:first-child, 
        .ah_wrapper .ah_row > div:last-child, 
        .ah_wrapper .ah_row > .ah_medium55:first-child, 
        .ah_wrapper02 .ah_row > .ah_medium55:first-child, 
        .ah_wrapper .ah_row > .ah_medium55:last-child, 
        .ah_wrapper02 .ah_row > .ah_medium55:last-child, 
        .ah_medium41:first-child, 
        .ah_medium41:last-child, 
        .ah_small27:first-child, 
        .ah_small27:last-child {
            width: 84% !important;
            margin:0 auto;
        }
        */
}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) {

    .portlet-nested-portlets .columns-2 .span6,
    .portlet-nested-portlets .columns-2 .span6 {
        width: 47.5%;
        padding-right: 5%;
    }

    .portlet-nested-portlets.full-width .columns-2 .span6,
    .portlet-nested-portlets.full-width .columns-2 .span6 {
        width: 100%;
        padding-right: 0;
    }

    .portlet-nested-portlets .columns-3 .span4,
    .portlet-nested-portlets .columns-3 .span4 {
        width: 32%;
        padding-right: 2%;
    }

    .portlet-nested-portlets .portlet-column.portlet-column-last {
        padding: 0;
    }
}




/* ----------------------------------- PERSONAL ----------------------------------- */

/* == san-mod per-01 == */
.san-mod.per-01 {}

.san-mod.per-01.content-wrapper.billboard {
    position: relative;
    display: block;
    overflow: hidden;
}

.san-mod.per-01.content-wrapper.billboard .billboard-top {
    position: relative;
}

.san-mod.per-01.content-wrapper.billboard .billboard-top img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    padding: 0;
    float: left;
}

.san-mod.per-01.content-wrapper.billboard .billboard-top-text {
    display: block;
    position: absolute;
    left: 0;
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    border: none;
}

.san-mod.per-01.content-wrapper.billboard .billboard-top-text h2.billboard-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    width: 50%;
    line-height: 1.25em;
    /*letter-spacing: .04em;*/
    text-align: left;
    padding: 0;
    margin: 0;
}

.san-mod.per-01.content-wrapper.billboard .billboard-top-text p.billboard-subtitle {
    font-weight: 400;
    margin-top: .25em;
    margin-bottom: 0;
    line-height: 1.25em;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {
    .san-mod.per-01.content-wrapper.billboard .billboard-image {}

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text .text-wrapper {
        position: relative;
        margin: 0;
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text {
        /*bottom: 8%;
            left: 5%;*/
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text h2.billboard-title {
        /*font-size: 5.2vw;*/
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text p.billboard-subtitle {}

}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {}

@media only screen and (min-width: 768px) and (max-width:1199px) {
    .san-mod.per-01.content-wrapper.billboard .billboard-top-text .text-wrapper {
        position: relative;
        margin: 0;
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text h2.billboard-title {
        font-size: 4.2vw;
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text p.billboard-subtitle {
        font-size: 1.8vw;
    }
}

/* DESKTOP VERSION */
@media only screen and (min-width: 1200px) {
    .san-mod.per-01.content-wrapper.billboard .billboard-image {}

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text .text-wrapper {
        position: relative;
        margin: 0;
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text h2.billboard-title {
        font-size: 3.5em;
    }

    .san-mod.per-01.content-wrapper.billboard .billboard-top-text p.billboard-subtitle {
        font-size: 1.5em;
    }
}



/* == san-mod per-02 == */
.san-mod.per-02 {}

.san-mod.per-02.content-wrapper {
    position: relative;
}

.san-mod.per-02.content-wrapper .image-wrapper {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.san-mod.per-02.content-wrapper .image-wrapper img {
    margin-bottom: -.3em;
    width: 100%;
}

.san-mod.per-02.content-wrapper .content .btn {
    letter-spacing: .03em;
    padding: 0.55em 1.65em;
    border: 2px solid #e20000;
    display: inline-block;
    color: #fff;
    background-color: #e20000;
    margin-bottom: 1em;
    font-weight: 400;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.san-mod.per-02.content-wrapper .content .btn:hover,
.san-mod.per-02.content-wrapper .content .btn:active {
    background-color: #fff;
    color: #e20000;
    text-decoration: none;
    padding: 0.55em 1.65em;
    border: 2px solid #e20000;
}



/* == san-mod per-03 == */
.san-mod.per-03 {}

.san-mod.per-03.content-wrapper.prod-main {
    position: relative;
    width: 100%;
    height: auto;
}

.san-mod.per-03.content-wrapper.prod-main .content {}

.san-mod.per-03.content-wrapper.prod-main .content span.small-text {
    font-size:.75em;
    display: block;
}

.san-mod.per-03.content-wrapper.prod-main .content .prod-text {}

.san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 {
    font-size: 2.45em;
    line-height: 1.25em;
    margin: .25em 0 .5em;
    padding: 0;
    font-weight: 400;
    color: #e20000;
    font-family: 'Open Sans', sans-serif;
}

.san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 span {
    font-style: italic;
    font-size: .65em;
    line-height: 1em;
    font-weight: 700;
    color: #137a7a;
}

.san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 {
    font-size: 2.15em;
    line-height: 1.25em;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: 400;
    color: #e20000;
    font-family: 'Open Sans', sans-serif;
}

.san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 span {
    font-style: italic;
    font-size: .7em;
    line-height: 1em;
    font-weight: 700;
    color: #137a7a;
}

.san-mod.per-03.content-wrapper.prod-main .content div {
    position: relative;
}

.san-mod.per-03.content-wrapper.prod-main .content h4 {
    font-size: 1.75em;
    line-height: 1em;
    margin: 2.25em 0 0;
    font-style: italic;
    font-weight: 700;
    color: #137a7a;
    font-family: 'Open Sans', sans-serif;
}

.san-mod.per-03.content-wrapper.prod-main .content ul {
    list-style: none;
    padding-right: 1em;
}

.san-mod.per-03.content-wrapper.prod-main .content li {
    color: #697072;
    font-size: 1.4em;
    line-height: 1.5em;
}

.san-mod.per-03.content-wrapper.prod-main .content li::before {
    content: "•";
    color: #e20000;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.san-mod.per-03.content-wrapper.prod-main .content .shift-left {
    position: relative;
}

.san-mod.per-03.content-wrapper.prod-main .content .shift-right {
    position: relative;
}

.san-mod.per-03.content-wrapper.prod-main .content .prod-btn {
    margin-bottom: 0;
}

.san-mod.per-03.content-wrapper.prod-main .content .inline-disclosure {
    max-width: 460px;
}

.san-mod.per-03.content-wrapper.prod-main .content .inline-disclosure p {
    color: #697072;
    font-size: 1.1em;
    margin-bottom: 0;
}


/* MOBILE VERSION */
@media only screen and (max-width: 767px) {
    .san-mod.per-03.content-wrapper.prod-main .content .shift-left {
        display: block;
        width: 90%;
        margin: 0 5%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .shift-right {
        display: block;
        width: 70%;
        margin: 0 5%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content {
        background-color: #eff6f9 !important;
    }
    .san-mod.per-03.content-wrapper.prod-main .content span.small-text {
        display:inline-block;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text {
        width: 92%;
        margin: 0 auto;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 {
        font-size: 6vw;
        line-height: 1.25em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 span {
        font-size: 4vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 {
        font-size: 6vw;
        line-height: 1.25em;
        margin-bottom: 0;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 span {
        font-size: 4vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .feature-content {
        width: 92%;
        margin: -1em auto 0;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .feature-content .btn {
        text-align: center;
    }

    .san-mod.per-03.content-wrapper.prod-main .content h4 {
        font-size: 4vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content ul {
        margin-left: -1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content li {
        font-size: 4vw;
        line-height: 1.5em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-btn {
        display: block;
        width: 90%;
        margin: 0 5%;
        padding-bottom: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-btn a.btn.solidRed {
        font-size: 1.05em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .inline-disclosure p {
        font-size: .9em;
        line-height: 1.25em;
        width: 92%;
        margin: 0 auto 1em;
    }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {
    .san-mod.per-03.content-wrapper.prod-main .content .shift-left {
        display: inline-block;
        float: left;
        width: 60%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .shift-right {
        display: inline-block;
        float: left;
        width: 40%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 {
        font-size: 3vw;
        line-height: 1.25em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 span {
        font-size: 2vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 {
        font-size: 3vw;
        line-height: 1.25em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 span {
        font-size: 2vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content h4 {
        font-size: 1.75vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content li {
        font-size: 1.5vw;
        line-height: 1.5em;
    }
}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {
    .san-mod.per-03.content-wrapper.prod-main .content .shift-left {
        display: inline-block;
        float: left;
        width: 60%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .shift-right {
        display: inline-block;
        float: left;
        width: 40%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 {
        font-size: 3vw;
        line-height: 1.25em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h2 span {
        font-size: 2vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 {
        font-size: 3vw;
        line-height: 1.25em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .prod-text h3 span {
        font-size: 2vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content h4 {
        font-size: 1.75vw;
        line-height: 1em;
    }

    .san-mod.per-03.content-wrapper.prod-main .content li {
        font-size: 1.5vw;
        line-height: 1.5em;
    }
}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {
    .san-mod.per-03.content-wrapper.prod-main .content .shift-left {
        display: inline-block;
        float: left;
        width: 60%;
    }

    .san-mod.per-03.content-wrapper.prod-main .content .shift-right {
        display: inline-block;
        float: left;
        width: 40%;
    }
}



/* == san-mod per-04 == */
.san-mod.per-04 {}

.san-mod.per-04.content-wrapper.prod-content {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0;
}
.san-mod.per-04.content-wrapper.prod-content span.small-text {
    font-size:.75em;
    display: block;
}

.san-mod.per-04.content-wrapper.prod-content div {
    position: relative;
    /*margin-top: 2em;*/
}

.san-mod.per-04.content-wrapper.prod-content h1,
.san-mod.per-04.content-wrapper.prod-content h2,
.san-mod.per-04.content-wrapper.prod-content h3,
.san-mod.per-04.content-wrapper.prod-content h4 {
    font-size: 2.43em;
    line-height: 1.25em;
    margin: 0 0 .25em 0;
    padding: 0;
    font-weight: 400;
}

.san-mod.per-04.content-wrapper.prod-content h1 {
    margin-top: 1em;
    color: #e20000;
}

.san-mod.per-04.content-wrapper.prod-content h2 {
    margin-top: 1em;
    color: #e20000;
    font-size: 2.25em;
}

.san-mod.per-04.content-wrapper.prod-content h3 {
    color: #137a7a;
    font-weight: 400;
    font-size: 1.72em;
}

.san-mod.per-04.content-wrapper.prod-content h4 {
    color: #137a7a;
    font-weight: 400;
    font-size: 1.72em;
}

.san-mod.per-04.content-wrapper.prod-content ul,
.san-mod.per-04.content-wrapper.prod-content ol,
.san-mod.per-04.content-wrapper.prod-content li,
.san-mod.per-04.content-wrapper.prod-content p {
    color: #697072
}

.san-mod.per-04.content-wrapper.prod-content p {
    margin: 0 1em 1em 0;
}

.san-mod.per-04.content-wrapper.prod-content .col-wrapper p {
    margin: 0 2em 1em 0;
}

.san-mod.per-04.content-wrapper.prod-content p.subtitle {
    color: #697072;
    font-weight: 400;
    font-size: 1.4em;
    margin: 0 0 1em 0;
    line-height: 1.25em;
}

.san-mod.per-04.content-wrapper.prod-content p span.copy {
    /*margin-bottom: .25em;
    display: inline-block;*/
}

.san-mod.per-04.content-wrapper.prod-content a {}

.san-mod.per-04.content-wrapper.prod-content ul {
    padding: 0 0 0 1.25em;
    margin: .75em 2.75em 0 0;
}

.san-mod.per-04.content-wrapper.prod-content li {
    color: #697072;
    margin-bottom: .125em;
}

.san-mod.per-04.content-wrapper.prod-content img {
    /*margin-bottom: -5%;*/
}

/* col styles */
.san-mod.per-04.content-wrapper.prod-content .col-wrapper {
    display: table;
    width: 100%;
    clear: both;
    margin-bottom: 2em;
}

/* two col */
.san-mod.per-04.content-wrapper.prod-content .col-wrapper .col-1-2 {
    vertical-align: top;
    width: 50%;
    width: calc(100% / 2);
    position: relative;
    display: inline-block;
    float: left;
}

.san-mod.per-04.content-wrapper.prod-content .col-wrapper .col-1-2.left-60 {
    float: left;
    width: 50%;
}

.san-mod.per-04.content-wrapper.prod-content .col-wrapper .col-1-2.right-40 {
    float: right;
    width: 40%;
}

/* three col */
.san-mod.per-04.content-wrapper.prod-content .col-wrapper .col-1-3 {
    vertical-align: top;
    width: 33%;
    width: calc(100% / 3);
    display: inline-block;
    position: relative;
    float: left;
}

/* four col */
.san-mod.per-04.content-wrapper.prod-content .col-wrapper .col-1-4 {
    vertical-align: top;
    width: 25%;
    width: calc(100% / 4);
    display: inline-block;
    position: relative;
    float: left;
}

/* five col */
.san-mod.per-04.content-wrapper.prod-content .col-wrapper .col-1-5 {
    vertical-align: top;
    width: 20%;
    width: calc(100% / 5);
    display: inline-block;
    position: relative;
    float: left;
}

.san-mod.per-04.content-wrapper.prod-content .col-wrapper h4 {
    margin-top: 1em;
    margin-right: 1em;
}

/* -- common-table styles -- */
.san-mod.per-04.prod-content .table-wrapper {
    display: table;
    width: 98.5%;
    clear: both;
    margin-bottom: 2em;
    overflow-x: scroll;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table tbody {
    width: 100%;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table tr {
    border: 1px solid #eff6f9;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table th {
    color: #137a7a;
    background: #eff6f9;
    font-size: 1.75em;
    font-weight: 400;
    border-right: 1px solid #fff;
    vertical-align: top;
    padding: 10px 20px;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table td {
    color: #697072;
    vertical-align: top;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table th:last-child,
.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table td:last-child {
    border-right: none;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table td:first-child {
    border-right: 1px solid #eff6f9;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table ul {
    margin: 0;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table li {
    margin-bottom: .5em;
}

/* -- alternating table styles -- */
.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table tbody {
    width: 100%;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table tr:nth-child(even) {
    /*border: 1px solid #eff6f9;*/
    background: #eff6f9;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table th {
    color: #e20000;
    background: #fff;
    font-size: 1em;
    font-weight: 700;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
    vertical-align: top;
    text-align: left;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table td {
    color: #697072;
    vertical-align: top;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table td:first-child {
    border-right: 1px solid #eff6f9;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table tr:nth-child(even) td {
    border-right: 1px solid #fff;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table th:last-child,
.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table td:last-child {
    border-right: none;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table ul {
    margin: 0;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table li {
    margin-bottom: .5em;
}

/* -- nested table styles -- */
.san-mod.per-04.prod-content .table-wrapper table.nested-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table tbody {
    width: 100%;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table tr {
    border: 1px solid #eff6f9;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table th {
    color: #e20000;
    background: #eff6f9;
    font-size: 1em;
    font-weight: 700;
    border-right: 1px solid #fff;
    padding: 10px 20px;
    vertical-align: top;
    text-align: left;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table td {
    color: #697072;
    vertical-align: top;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table td:first-child {
    border-right: 1px solid #eff6f9;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table tr:nth-child(odd) td {
    border-right: 1px solid #fff;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table th:last-child,
.san-mod.per-04.prod-content .table-wrapper table.nested-table td:last-child {
    border-right: none;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table ul {
    margin: 0;
}

.san-mod.per-04.prod-content .table-wrapper table.nested-table li {
    margin-bottom: .5em;
}

/* -- simple-table styles -- */
.san-mod.per-04.content-wrapper.prod-content .table-wrapper table table.simple-table {
    margin-bottom: 0
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.simple-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.simple-table tbody {
    width: 100%;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.simple-table tr {
    border: none;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.simple-table th {
    color: #697072;
    background: none;
    font-size: inherit;
    font-weight: 400;
    border-right: none;
    padding: 0;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.simple-table td {
    color: #697072;
    vertical-align: top;
    border-right: none;
    padding: 0;
}

.san-mod.per-04.content-wrapper.prod-content .table-wrapper table.simple-table td:first-child {
    border-right: none;
}

/* -- table column presets -- */
.san-mod.per-04.prod-content .table-wrapper .col-1-2 th,
.san-mod.per-04.prod-content .table-wrapper .col-1-2 td {
    width: 50%;
}

.san-mod.per-04.prod-content .table-wrapper .col-1-3 th,
.san-mod.per-04.prod-content .table-wrapper .col-1-3 td {
    width: 33%;
    width: calc(100% / 3);
}

.san-mod.per-04.prod-content .table-wrapper .col-1-4 th,
.san-mod.per-04.prod-content .table-wrapper .col-1-4 td {
    width: 25%;
}

.san-mod.per-04.prod-content .table-wrapper .col-1-5 th,
.san-mod.per-04.prod-content .table-wrapper .col-1-5 td {
    width: 20%;
}

/*calculator styles */
.san-mod.per-04.content-wrapper.prod-content .calc.rTable {
    display: table;
    width: 98%;
    padding: 1%;
    margin: 1em auto 2em;
    background: #eff6f9;
}

.san-mod.per-04.content-wrapper.prod-content .calc .rTableRow {
    display: table-row;
}

.san-mod.per-04.content-wrapper.prod-content .calc .rTableHeading {
    display: table-header-group
}

.san-mod.per-04.content-wrapper.prod-content .calc .rTableBody {
    display: table-row-group
}

.san-mod.per-04.content-wrapper.prod-content .calc .rTableCell {
    display: table-cell;
    width: 8%;
    padding-right: 2%;
    text-align: center;
    vertical-align: middle;
}

.san-mod.per-04.content-wrapper.prod-content .calc .rTableCell2 {
    display: table-cell;
    width: 86%;
    padding-right: 1%;
    margin: 0;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.1em;
    vertical-align: middle;
}

.san-mod.per-04.content-wrapper.prod-content .calc .rTableCell2 a {
    text-decoration: none;
    color: #697072;
    display: block;
}

.san-mod.per-04.content-wrapper.prod-content .calc .calc-icon {
    padding-right: .75em;
}

.san-mod.per-04.content-wrapper.prod-content .calc .calc-icon img {
    width: 50px;
    margin-bottom: -.25em;
}

.san-mod.per-04.content-wrapper.prod-content .calc .plus-minus {
    padding-right: 0 !important;
    width: 3% !important;
    opacity: .8;
}

.san-mod.per-04.content-wrapper.prod-content .calc:hover .plus-minus,
.san-mod.per-04.content-wrapper.prod-content .calc:active .plus-minus {
    opacity: 1;
}

.san-mod.per-04.content-wrapper.prod-content .calc .plus-minus img {
    width: 1.05em;
    height: 1.05em;
}

.san-mod.per-04.content-wrapper.prod-content .disclosure {
    margin: inherit;
    line-height: inherit;
    font-size: 1em;
}

.san-mod.per-04.content-wrapper.prod-content .disclosure p {
    margin: 0 5% 1em;
    color: #000 !important;
    line-height: 1.4em;
    width: 90%;
}

.san-mod.per-04.content-wrapper.prod-content .disclosure p sup {
    font-size: .75em;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {

    .san-mod.per-04.content-wrapper.prod-content h1,
    .san-mod.per-04.content-wrapper.prod-content h2,
    .san-mod.per-04.content-wrapper.prod-content h3,
    .san-mod.per-04.content-wrapper.prod-content h4 {
        font-size: 1.5em;
        margin: .75em 2% .25em;
    }

    .san-mod.per-04.content-wrapper.prod-content h2 {
        margin-top: 1em;
    }

    .san-mod.per-04.content-wrapper.prod-content h3 {
        color: #e20000;
        font-size: 1.2em;
        margin-top: .5em;
    }

    .san-mod.per-04.content-wrapper.prod-content h4 {
        font-style: italic;
        font-size: 1.2em;
        margin-top: .5em;
    }

    .san-mod.per-04.content-wrapper.prod-content .content .h-divider {
        width: 96% !important;
        margin: 0 auto .5em;
    }

    .san-mod.per-04.content-wrapper.prod-content ul,
    .san-mod.per-04.content-wrapper.prod-content ol,
    .san-mod.per-04.content-wrapper.prod-content li,
    .san-mod.per-04.content-wrapper.prod-content p {
        color: #000;
        width: 96%;
    }

    .san-mod.per-04.content-wrapper.prod-content p {
        margin: 0 auto 1em;
        line-height: 1.25em;
    }

    .san-mod.per-04.content-wrapper.prod-content p.subtitle {
        color: #137a7a;
        margin: 0 auto .5em;
        font-size: 1.2em;
    }

    .san-mod.per-04.content-wrapper.prod-content p.details {
        font-size: .9em;
    }

    .san-mod.per-04.content-wrapper.prod-content p.copy strong {
        font-weight: 400;
        font-style: italic;
        color: #137a7a;
    }

    .san-mod.per-04.content-wrapper.prod-content {
        width: 96%;
        margin: 0 auto;
    }
    .san-mod.per-04.content-wrapper.prod-content span.small-text {
        display: inline-block;
    }

    .san-mod.per-04.content-wrapper.prod-content ul {
        padding: 0 0 0 1.25em;
        margin: .75em 2% 0;
        width: 96%;
    }

    /*
    .san-mod.per-04.content-wrapper.prod-content .col-1-2,
    .san-mod.per-04.content-wrapper.prod-content .col-1-3,
    .san-mod.per-04.content-wrapper.prod-content .col-1-4, 
    .san-mod.per-04.content-wrapper.prod-content .col-1-5 {float:none; width:80%;margin:10% auto;}
    */

    .san-mod.per-04.prod-content .col-wrapper {
        display: table;
        width: 96%;
        clear: both;
        margin: 0 auto 2em;
    }


    /* two col */
    .san-mod.per-04.prod-content .col-wrapper .col-1-2 {
        float: none !important;
        width: 100% !important;
    }

    .san-mod.per-04.prod-content .col-1-2.left-60 {
        float: none !important;
        width: 96% !important;
        margin: 0 auto 1em !important;
    }

    .san-mod.per-04.prod-content .col-1-2.right-40 {
        float: none !important;
        width: 80% !important;
        margin: 0 auto 1em !important;
        left: 10% !important;
    }

    /* three col */
    .san-mod.per-04.prod-content .col-wrapper .col-1-3 {
        float: none !important;
        width: 100% !important;
    }

    .san-mod.per-04.prod-content .col-wrapper .col-1-3 ul {
        margin: 0 2%;
    }

    /* four col */
    .san-mod.per-04.prod-content .col-wrapper .col-1-4 {
        float: none !important;
        width: 50% !important;
    }

    /* five col */
    .san-mod.per-04.prod-content .col-wrapper .col-1-5 {
        float: none !important;
        width: 100% !important;
    }

    .san-mod.per-04.content-wrapper.prod-content .col-wrapper p {
        margin: 0 auto 1em;
    }

    /* -- mobile table styles -- */
    .san-mod.per-04.prod-content .table-wrapper {
        margin-top: 1em;
        overflow-x: scroll;
    }

    .san-mod.per-04.content-wrapper.prod-content .table-wrapper table.common-table th {
        font-size: 1.25em;
    }

    .san-mod.per-04.content-wrapper.prod-content .table-wrapper table.alt-table th {
        color: #137a7a;
        font-size: .9em;
        line-height: 1.25em;
    }

    .san-mod.per-04.prod-content .table-wrapper.nested-table-wrapper {
        display: block;
    }

    .san-mod.per-04.prod-content .table-wrapper table.nested-table th {
        color: #137a7a;
        font-size: .9em;
        line-height: 1.25em;
    }

    /* -- mobile calc styles -- */

    .san-mod.per-04.content-wrapper.prod-content .calc .rTableRow {
        display: table-row;
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .rTableHeading {
        display: table-header-group
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .rTableBody {
        display: table-row-group
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .rTableCell {
        display: table-cell;
        width: 8%;
        padding-right: 2%;
        text-align: center;
        vertical-align: middle;
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .rTableCell2 {
        font-size: 1.25em;
        line-height: 1.25em;
        padding-right: 2%;
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .calc-icon {
        padding-right: .25em;
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .plus-minus {
        padding-right: 2.2% !important;
        width: 5% !important;
    }

    .san-mod.per-04.content-wrapper.prod-content .calc .plus-minus img {
        width: 1.05em;
        height: 1.05em;
    }

    .san-mod.per-04.content-wrapper.prod-content .disclosure {
        margin: inherit;
        line-height: inherit;
        font-size: .9em;
    }

    .san-mod.per-04.content-wrapper.prod-content .disclosure p {
        margin: 0 auto 1em;
        color: #000 !important;
        line-height: 1.2em;
        width: 100%;
    }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {

    /* four col */
    .san-mod.per-04.content-wrapper.prod-content .col-1-4 {
        width: 50%;
        width: calc(100% / 2);
    }

}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}


/* == san-mod per-04_inline-icons == */
.san-mod.per-04.content-wrapper.prod-content .inline-icon.content {
    padding-bottom:1em;
}
.san-mod.per-04.content-wrapper.prod-content .inline-icon .heading-wrapper {
    display:table;
    padding: .5em 0;
}
.san-mod.per-04.content-wrapper.prod-content .inline-icon .title-wrapper {
    display:table-row;
}
.san-mod.per-04.content-wrapper.prod-content .inline-icon img,
.san-mod.per-04.content-wrapper.prod-content .inline-icon h1,
.san-mod.per-04.content-wrapper.prod-content .inline-icon h2,
.san-mod.per-04.content-wrapper.prod-content .inline-icon h3,
.san-mod.per-04.content-wrapper.prod-content .inline-icon h4 {
    display:table-cell;
    vertical-align: middle;
    padding-right:.5em;
}


/* == san-mod per-05 == */
.san-mod.per-05 {}

.san-mod.per-05.content-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0;
    clear: both;
    /*padding-bottom: 1.5em;*/
}

.san-mod.per-05.content-wrapper div {
    position: relative;
    /*margin-top: 2em;*/
}

.san-mod.per-05.content-wrapper article div {
    padding: 1em .57em .5em;
}

.san-mod.per-05.content-wrapper h1,
.san-mod.per-05.content-wrapper h2,
.san-mod.per-05.content-wrapper h3,
.san-mod.per-05.content-wrapper h4 {
    font-size: 2.43em;
    line-height: 1.25em;
    margin: 0 0 .25em 0;
    padding: 0;
    font-weight: 400;
}

.san-mod.per-05.content-wrapper h1 {
    margin-top: 1em;
    color: #e20000;
}

.san-mod.per-05.content-wrapper h2 {
    margin-top: 1em;
    color: #e20000;
    font-size: 2.25em;
}

.san-mod.per-05.content-wrapper h3 {
    color: #137a7a;
    font-weight: 400;
    font-size: 1.72em;
}

.san-mod.per-05.content-wrapper h4 {
    color: #137a7a;
    font-weight: 400;
    font-size: 1.72em;
}

.san-mod.per-05.content-wrapper ul,
.san-mod.per-05.content-wrapper ol,
.san-mod.per-05.content-wrapper li,
.san-mod.per-05.content-wrapper p {
    color: #697072
}

.san-mod.per-05.content-wrapper p {
    margin: 0 1em 1em;
}

.san-mod.per-05.content-wrapper p.subtitle {
    color: #697072;
    font-weight: 400;
    font-size: 1.4em;
    margin: 0 0 1em 0;
    line-height: 1.25em;
}

.san-mod.per-05.content-wrapper article p.subtitle {
    margin: 1em 1em 0;
}

.san-mod.per-05.content-wrapper p span.copy {
    /*margin-bottom: .25em;
    display: inline-block;*/
}

.san-mod.per-05.content-wrapper a {}

.san-mod.per-05.content-wrapper ul {
    padding: 0 0 0 1em;
    margin: .5em 2.75em 1em 1em;
}

.san-mod.per-05.content-wrapper li {
    color: #697072;
    margin-bottom: .125em;
}

.san-mod.per-05.content-wrapper .content .content-top,
.san-mod.per-05.content-wrapper .content .content-bottom {
    margin: 1em auto;
}

.san-mod.per-05.content-wrapper .content .content-top p,
.san-mod.per-05.content-wrapper .content .content-bottom p {
    margin: 0 auto 1em;
}



/* MOBILE VERSION */
@media only screen and (max-width: 767px) {

    .san-mod.per-05.content-wrapper h1,
    .san-mod.per-05.content-wrapper h2,
    .san-mod.per-05.content-wrapper h3,
    .san-mod.per-05.content-wrapper h4 {
        font-size: 1.5em;
        margin: .75em 2% .25em;
    }

    .san-mod.per-05.content-wrapper h3 {
        /*font-size: 3em;*/
        line-height: 1.15em;
        margin: 0 0 .5em 0;
        padding: 0;
        color: #ec0000;
    }

    .san-mod.per-05.content-wrapper h4 {
        font-style: italic;
        font-size: 1.2em;
    }

    .san-mod.per-05.content-wrapper ul,
    .san-mod.per-05.content-wrapper ol,
    .san-mod.per-05.content-wrapper li,
    .san-mod.per-05.content-wrapper p {
        color: #000;
        width: 94%;
    }

    .san-mod.per-05.content-wrapper p {
        margin: 0 auto 1em;
        line-height: 1.25em;
    }

    .san-mod.per-05.content-wrapper p.subtitle {
        color: #137a7a;
        margin: 0 auto .5em;
        font-size: 1.2em;
    }

    .san-mod.per-05.content-wrapper p.details {
        font-size: .9em;
        width: 92%;
    }

    .san-mod.per-05.content-wrapper p.copy strong {
        font-weight: 400;
        font-style: italic;
        color: #137a7a;
    }

    .san-mod.per-05.content-wrapper {
        width: 96%;
        margin: 0 auto;
    }

    .san-mod.per-05.content-wrapper ul {
        padding: 0 0 0 1.25em;
        margin: .75em 2% 0;
        width: 96%;
    }

    .san-mod.per-05.content-wrapper article div {
        /*overflow-x: scroll;*/
    }

    /*
    .san-mod.per-04.content-wrapper.prod-content .col-1-2,
    .san-mod.per-04.content-wrapper.prod-content .col-1-3,
    .san-mod.per-04.content-wrapper.prod-content .col-1-4, 
    .san-mod.per-04.content-wrapper.prod-content .col-1-5 {float:none; width:80%;margin:10% auto;}
    */

}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}



/* == san-mod per-05 TAB == */

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {
    .san-mod .prod-tabs .tab-content section a.trk-btn {
        padding-bottom: 1em;
        display: inline-block;
    }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {
    .san-mod .prod-tabs .tab-content section a.trk-btn {
        padding-bottom: 1em;
        display: inline-block;
    }
}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}



/* == san-mod per-05 ACCORDION == */
.san-accordion-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 1em auto 2em auto;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

.san-accordion-wrapper div {
    /*padding-bottom: 1%;*/
    padding-bottom: 0%;
}

.san-accordion-wrapper label {
    padding: .65em 2.25em .65em 1em;
    position: relative;
    z-index: 20;
    display: block;
    height: auto;
    cursor: pointer;
    vertical-align: middle;
    color: #697072;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    line-height: 1.5em;
    font-size: 1.4em;
    background: #eff6f9;
    /*background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
            background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
            background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
            background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
            background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );*/
    /*box-shadow: 
            0px 0px 0px 1px rgba(155,155,155,0.3), 
            1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
            0px 2px 2px rgba(0,0,0,0.1);*/
    border: 1px solid #9ac4d2;
}

.san-accordion-wrapper label:hover {
    /*background: #eef6f9;*/
    background: #fff;
}

.san-accordion-wrapper label img.accordion-icon {
    margin: 0 .75em 0 0;
    vertical-align: middle;
}

.san-accordion-wrapper input:checked + label {
    background: #eef6f9;
    color: #697072;
    /*font-weight:700;*/
    /*text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
        box-shadow: 
            0px 0px 0px 1px rgba(155,155,155,0.3), 
            0px 2px 2px rgba(0,0,0,0.1);*/

}

.san-accordion-wrapper input:checked + label:hover {
    background: #fff;
}

.san-accordion-wrapper label:after,
.san-accordion-wrapper input:checked + label:after {
    content: '';
    position: absolute;
    width: .75em;
    height: .75em;
    right: .75em;
    top: 40%;
    background: transparent url('/us/documents/23594/2107820/info-more_plus.png/e962a4a6-46ac-48b1-9175-2d274aa43224') no-repeat center center;
    background-size: 100%;
    opacity: .7;
}

.san-accordion-wrapper label:hover:after,
.san-accordion-wrapper input:checked + label:hover:after {
    opacity: 1;
}

.san-accordion-wrapper input:checked + label:after {
    background-image: url('/us/documents/23594/2107820/info-less_minus.png/8f2e9082-c6ae-4020-bfbe-098b89480e9d');
}

.san-accordion-wrapper input {
    display: none;
}

.san-accordion-wrapper article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.san-accordion-wrapper article p,
.san-accordion-wrapper article li {
    /*color: #000;
        line-height: 1.25em;
        font-size: 1em;*/
    padding: 0 0 0;
    margin-bottom: 0;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
}

.san-accordion-wrapper input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    /*box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);*/
    border-top: 1px solid #9ac4d2;
    border-right: 1px solid #9ac4d2;
    border-left: 1px solid #9ac4d2;
    height: auto;
}

.san-accordion-wrapper div:last-of-type input:checked ~ article {
    border-bottom: 1px solid #9ac4d2;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {
    .san-accordion-wrapper label {
        font-size: 1.2em !important;
        line-height: 1.25em !important;
    }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}


/* == san-mod per-05 TAB 2 ACCORDION == */
.tab2accordion .tab_container .tab_content p.mobile-show {
    display: none;
}

.tab2accordion .tab_container .tab_content .white-background {
    background: #fff;
    margin: 0 -1.75em -1.75em;
    padding: 1.75em;
}

.tab2accordion .tab_container .tab_content .col-wrapper {}

.tab2accordion .tab_container .tab_content .col-wrapper .col-1-2 {
    position: relative;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

.tab2accordion .tab_container .tab_content .quote-wrapper {
    display: table;
    padding-top: 1em;
}

.tab2accordion .tab_container .tab_content .quote-wrapper .col-wrapper {
    display: table-row;
}

.tab2accordion .tab_container .tab_content .quote-wrapper .col-wrapper.quote .col-1-2,
.tab2accordion .tab_container .tab_content .quote-wrapper .col-wrapper.quote .col-1-2 {
    display: table-cell;
    vertical-align: middle;
    clear: both;
    float: none;
}

.tab2accordion .tab_container .tab_content .col-wrapper .col-1-2.left-30 {
    width: 32%;
    margin: 1.5%;
}

.tab2accordion .tab_container .tab_content .col-wrapper .col-1-2.right-70 {
    width: 70%;
    padding: 1.5% 10%;
    color: #137a7a;
    font-weight: 400;
    font-size: 1.72em;
    line-height: 1.2em;
}

.tab2accordion .tab_container .tab_content .col-wrapper .col-1-3 {
    width: 30%;
    padding-right: 3%;
    padding-top: 1em;
    float: left;
}

.tab2accordion .table-wrapper .common-table {
    width: 100%;
    padding-top: 1em;
}

.tab2accordion .table-wrapper .common-table.col-1-2,
.tab2accordion .table-wrapper .common-table.col-1-3,
.tab2accordion .table-wrapper .common-table.col-1-4,
.tab2accordion .table-wrapper .common-table.col-1-5 {
    width: 100%;
}

.tab2accordion .table-wrapper .common-table.col-1-2 th,
.tab2accordion .table-wrapper .common-table.col-1-2 td {
    width: 50%;
}

.tab2accordion .table-wrapper .common-table.col-1-3 th,
.tab2accordion .table-wrapper .common-table.col-1-3 td {
    width: 33%;
}

.tab2accordion .table-wrapper .common-table.col-1-4 th,
.tab2accordion .table-wrapper .common-table.col-1-4 td {
    width: 25%;
}

.tab2accordion .table-wrapper .common-table.col-1-5 th,
.tab2accordion .table-wrapper .common-table.col-1-5 td {
    width: 20%;
}

.tab2accordion .table-wrapper .common-table.var-width th,
.tab2accordion .table-wrapper .common-table.var-width td {
    width: auto;
}

.tab2accordion .table-wrapper table.common-table th {
    color: #e20000;
    font-weight: 700;
    background: #eff6f9;
    font-size: 1.25em;
    line-height: 1.25em;
    border-top: 1px solid #9ac4d2;
    border-right: 1px solid #9ac4d2;
    border-bottom: 1px solid #9ac4d2;
    vertical-align: top;
    /*padding: 10px 20px;*/
    padding: .75em 1em;
}

.tab2accordion .table-wrapper table.common-table td {
    border-right: 1px solid #9ac4d2;
    border-bottom: 1px solid #9ac4d2;
    padding: 1em 1.25em;
}

.tab2accordion .table-wrapper table.common-table th:nth-of-type(1),
.tab2accordion .table-wrapper table.common-table td:nth-of-type(1) {
    border-left: 1px solid #9ac4d2;
}

.tab2accordion .tab_container .tab_content {
    color: #697072
}

.tab2accordion .tab_container .tab_content p {
    margin: .25em 0 .75em;
}

.quote-wrapper p {}

.tab2accordion .tab_container .tab_content .quote-wrapper .quote p {
    /*font-weight: 700 !important;*/
}

.tab2accordion .tab_container .tab_content .quote-wrapper .quote p span {
    font-weight: 400 !important;
    color: #697072 !important;
    display: inline-block;
    line-height: .85em;
    margin-left: 1em;
    font-size: .85em;
}

.tab2accordion .tabs span.small-text,
.tab2accordion .tab_container span.small-text {
    font-size: .75em;
    line-height: 0;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {
    .tab2accordion .tab_container .tab_content span.mobile-hide {
        display: none !important;
    }

    .tab2accordion .tab_container .tab_content p.mobile-show {
        display: block;
    }

    .tab2accordion .tab_container .tab_content p.mobile-show span {
        font-weight: 400 !important;
        color: #137a7a !important;
        display: inline-block;
        line-height: 1em;
        margin-left: 0;
        margin-top: .5em;
        font-size: 1em;
    }

    .tab2accordion .tab_container .tab_content .quote-wrapper .quote p {
        /*color: #137a7a !important;
        font-size: .85em;*/
    }

    .tab2accordion .tab_container .tab_content .quote-wrapper .quote p span {
        color: #137a7a !important;
        font-size: .85em;
    }

    .tab2accordion .content .content-top p,
    .tab2accordion .content .content-bottom p {
        width: 100%;
        color: #137a7a;
    }

    .tab2accordion .tabs span.small-text,
    .tab2accordion .tab_container span.small-text {
        display: inline-block;
    }

    .san-mod.per-05.content-wrapper.tab2accordion h2 {
        margin: 0 0 .25em;
        font-size: 4.75vw;
    }

    .tab2accordion ul.tabs li {
        font-size: 1em;
    }

    .tab2accordion ul.tabs p.subtitle {
        font-size: 1em;
    }

    .tab2accordion .tab_container .tab_drawer_heading {
        border-top: 1px solid #9ac4d2 !important;
        margin-bottom: 0 !important;
    }

    .tab2accordion .tab_container .tab_drawer_heading:last-of-type {
        border-bottom: 1px solid #9ac4d2 !important;
    }

    .tab2accordion .table-wrapper table.common-table th {
        font-size: 3.5vw;
    }

    .tab2accordion .table-wrapper table.common-table td {
        font-size: .95em;
        line-height: 1.25em;
        padding: .75em 1em;
    }

    .tab2accordion .table-wrapper table.common-table ul {
        margin: .25em 2% 0;
    }

    .tab2accordion .table-wrapper table.common-table li {
        line-height: 1.25em;
    }

    .tab2accordion .tab_container .tab_content .quote-wrapper {
        display: table;
        padding-top: 0;
    }

    .tab2accordion .tab_container .tab_content .col-wrapper .col-1-3 {
        width: 100%;
        padding-right: 0;
        padding-top: 1em;
        float: none;
        clear: both;
    }

    .tab2accordion .tab_container .tab_content .quote-wrapper .col-wrapper {
        display: table-row;
    }

    .tab2accordion .tab_container .tab_content .quote-wrapper .col-wrapper.quote .col-1-2,
    .tab2accordion .tab_container .tab_content .quote-wrapper .col-wrapper.quote .col-1-2 {
        display: table-cell;
        clear: both;
        float: none;
    }

    .tab2accordion .tab_container .tab_content .col-wrapper .col-1-2.left-30 {
        width: 40%;
        margin: 1.5% auto;
    }

    .tab2accordion .tab_container .tab_content .col-wrapper .col-1-2.right-70 {
        width: 60%;
        padding: 0 5%;
        font-size: 3.75vw;
        color: #e20000;
        line-height: 1.2em;
    }

    .tab2accordion .tab_container .tab_content p.subtitle {
        color: #137a7a !important;
        margin: 1em auto 1.25em;
        width: 100%;
    }

    .tab2accordion .table-wrapper .common-table {
        overflow: auto;
    }

    .tab2accordion .table-wrapper .common-table.col-1-5 {
        overflow-x: scroll;
    }
}


/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {}

@media only screen and (min-width: 768px) and (max-width:1199px) {

    .tab2accordion .tabs span.small-text,
    .tab2accordion .tab_container span.small-text {
        display: block;
    }

    .san-mod.per-05.content-wrapper.tab2accordion h2 {
        margin-top: 0;
        font-size: 2.25vw;
    }

    .tab2accordion .tabs li {
        font-size: 1.8vw !important;
    }

    .tab2accordion .tabs p.subtitle {
        font-size: 1.25vw !important;
    }

}

/* DESKTOP VERSION */
@media only screen and (min-width: 1200px) {

    .tab2accordion .tabs span.small-text,
    .tab2accordion .tab_container span.small-text {
        display: block;
    }

    .san-mod.per-05.content-wrapper.tab2accordion h2 {
        margin-top: 0;
        font-size: 2.4em;
        line-height: 1.2em;
    }
}


/* ----------------------------------- BUSINESS ----------------------------------- */
/* ---------------------------------- COMMERCIAL ---------------------------------- */
