@charset "UTF-8";

@font-face {
    font-family: "Bupa";
    src: url(/fonts/site_general/metropolis/Metropolis-Thin.woff2) format("woff2"), url(/fonts/site_general/metropolis/Metropolis-Thin.woff) format("woff"), url(/fonts/site_general/metropolis/Metropolis-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Bupa";
    src: url(/fonts/site_general/metropolis/Metropolis-Light.woff2) format("woff2"), url(/fonts/site_general/metropolis/Metropolis-Light.woff) format("woff"), url(/fonts/site_general/metropolis/Metropolis-Light.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Bupa";
    src: url(/fonts/site_general/metropolis/Metropolis-Regular.woff2) format("woff2"), url(/fonts/site_general/metropolis/Metropolis-Regular.woff) format("woff"), url(/fonts/site_general/metropolis/Metropolis-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Bupa";
    src: url(/fonts/site_general/metropolis/Metropolis-Medium.woff2) format("woff2"), url(/fonts/site_general/metropolis/Metropolis-Medium.woff) format("woff"), url(/fonts/site_general/metropolis/Metropolis-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Bupa";
    src: url(/fonts/site_general/metropolis/Metropolis-SemiBold.woff2) format("woff2"), url(/fonts/site_general/metropolis/Metropolis-SemiBold.woff) format("woff"), url(/fonts/site_general/metropolis/Metropolis-SemiBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Bupa";
    src: url(/fonts/site_general/metropolis/Metropolis-Bold.woff2) format("woff2"), url(/fonts/site_general/metropolis/Metropolis-Bold.woff) format("woff"), url(/fonts/site_general/metropolis/Metropolis-Bold.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "bupaicons";
    src: url(/fonts/site_general/bupaicons/bupaicons.eot);
    src: url(/fonts/site_general/bupaicons/bupaicons.eot?#iefix) format("embedded-opentype"), url(/fonts/site_general/bupaicons/bupaicons.woff2) format("woff2"), url(/fonts/site_general/bupaicons/bupaicons.woff) format("woff"), url(/fonts/site_general/bupaicons/bupaicons.ttf) format("truetype"), url(/fonts/site_general/bupaicons/bupaicons.svg#montserratregular) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "bupa-elderly-icons";
    src: url(/fonts/site_general/bupa-elderly/bupa-elderly-icons.eot);
    src: url(/fonts/site_general/bupa-elderly/bupa-elderly-icons.eot?#iefix) format("embedded-opentype"), url(/fonts/site_general/bupa-elderly/bupa-elderly-icons.woff2) format("woff2"), url(/fonts/site_general/bupa-elderly/bupa-elderly-icons.woff) format("woff"), url(/fonts/site_general/bupa-elderly/bupa-elderly-icons.ttf) format("truetype"), url(/fonts/site_general/bupa-elderly/bupa-elderly-icons.svg#montserratregular) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "bupascript";
    src: url(/fonts/site_general/bupascript/BupaScript-Regular.eot);
    src: url(/fonts/site_general/bupascript/BupaScript-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/site_general/bupascript/BupaScript-Regular.woff2) format("woff2"), url(/fonts/site_general/bupascript/BupaScript-Regular.woff) format("woff"), url(/fonts/site_general/bupascript/BupaScript-Regular.ttf) format("truetype"), url(/fonts/site_general/bupascript/BupaScript-Regular.svg#montserratregular) format("svg");
    font-weight: 100;
    font-style: normal
}

.clearfix-parent:before,
.clearfix-parent:after {
    content: "";
    display: table
}

.clearfix-parent:after {
    clear: both
}

i,
.icon {
    font-family: "bupaicons";
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    line-height: 1
}

.icon-xs {
    font-size: .8rem
}

.icon-sm {
    font-size: 2.4rem
}

.icon-md,
.icon-me {
    font-size: 3.2rem
}

.icon-lg {
    font-size: 4rem
}

.icon-xl {
    font-size: 5.6rem
}

.icon-border {
    border: 2px solid #0079c8;
    padding: .8rem;
    border-radius: 50%
}

i.xs,
.icon.xs {
    font-size: 1.5rem
}

i.sm,
.icon.sm {
    font-size: 2.5rem
}

i.me,
.icon.me {
    font-size: 3.5rem
}

i.lg,
.icon.lg {
    font-size: 4.5rem
}

i.xl,
.icon.xl {
    font-size: 6.5rem
}

a:not(.btn)>i,
a>.icon {
    margin-right: .8rem
}

svg.icon path {
    fill: #0079c8
}

svg.icon.twhite path {
    fill: #fff
}

.rounded svg.icon path {
    fill: #fff
}

.circle {
    border-radius: 50%;
    display: inline-table;
    text-align: center;
    background-color: #0079c8;
    color: #fff;
    vertical-align: middle
}

td>.circle {
    margin-left: .3rem;
    margin-right: .3rem
}

.circle>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: inherit
}

.circle-xs {
    width: 3.4rem;
    height: 3.4rem
}

.circle-xs>i {
    font-size: 2rem;
    line-height: 3.4rem;
    width: 3.4rem
}

.circle-sm {
    width: 5.4rem;
    height: 5.4rem
}

.circle-sm>i {
    font-size: 3rem;
    line-height: 5.4rem;
    width: 5.4rem
}

.circle-md,
.circle-me {
    width: 6.6rem;
    height: 6.6rem
}

.circle-md>i,
.circle-me>i {
    font-size: 3.4rem;
    width: 6.6rem
}

.circle-lg {
    width: 10.7rem;
    height: 10.7rem
}

.circle-lg>i {
    font-size: 5.5rem;
    line-height: 10.7rem;
    width: 10.7rem
}

.circle-xl {
    width: 14.6rem;
    height: 14.6rem
}

.circle-xl>i {
    font-size: 7.5rem;
    line-height: 14.6rem;
    width: 14.6rem
}

.square {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: .8rem;
    text-align: center;
    overflow: hidden;
    background-color: #e6e6e6;
    color: #333;
    vertical-align: middle
}

.square>* {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.square>*>* {
    display: table-cell;
    height: 100%;
    padding: .8rem;
    vertical-align: middle;
    text-align: center;
    color: inherit
}

a.square {
    color: #333
}

a.square.white {
    color: #0079c8
}

.square>input {
    height: auto;
    left: auto;
    opacity: 0;
    right: 0;
    width: auto
}

.square p {
    margin: 0
}

.square.checked {
    background-color: #0079c8;
    color: #fff !important
}

.square.checked label {
    color: #fff
}

.square.checked:after {
    background: #fff;
    border-radius: 100%;
    color: #0079c8;
    content: "\e9d4";
    font-family: bupaicons;
    font-size: 1.5rem;
    height: 2.8rem;
    line-height: 2.8rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 2.8rem
}

.square i {
    font-size: 6.5rem
}

@media only screen and (min-width:481px) {
    .square>*>*>i:first-child {
        font-size: 4.5rem
    }
}

@media only screen and (min-width:721px) {
    .square>*>*>i:first-child {
        font-size: 5.5rem
    }
}

@media only screen and (min-width:961px) {
    .square>*>*>i:first-child {
        font-size: 5.5rem
    }
}

@media only screen and (min-width:1281px) {
    .square>*>*>i:first-child {
        font-size: 6.5rem
    }
}

.iconlist>* {
    text-align: center;
    margin-bottom: 2.4rem;
    line-height: 2.4rem
}

.iconlist>*:first-child {
    margin-left: 0
}

.iconlist>*:last-child {
    margin-right: 0
}

.iconlist>*>i:first-child,
.iconlist>*>.icon:first-child {
    font-size: 3.2rem;
    width: 4rem;
    height: 4rem;
    color: #0079c8;
    display: block;
    clear: both;
    margin: 0 auto .8rem auto
}

.iconlist.iconlist-xs>*>i,
.iconlist.iconlist-xs>*>.icon {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem
}

.iconlist.iconlist-sm>*>i,
.iconlist.iconlist-sm>*>.icon {
    font-size: 2.5rem;
    width: 2.5rem;
    height: 2.5rem
}

.iconlist.rounded>*>i,
.iconlist.rounded>*>.icon {
    font-size: 2.4rem;
    padding: .8rem;
    border-radius: 50%;
    color: #fff;
    background-color: #0079c8
}

.iconlist.rounded.bgcolor>* {
    color: inherit
}

.iconlist.rounded.bgcolor>* span {
    color: #fff
}

.iconlist.rounded.bgcolor>*>i,
.iconlist.rounded.bgcolor>*>.icon {
    color: inherit;
    background-color: #fff;
    font-size: 1.9rem;
    padding: .8rem
}

.iconlist.rounded.iconlist-xs>*>i,
.iconlist.rounded.iconlist-xs>*>.icon {
    font-size: 1.1rem;
    padding: .2rem;
    width: 1.5rem;
    height: 1.5rem
}

.iconlist.rounded.iconlist-sm>*>i,
.iconlist.rounded.iconlist-sm>*>.icon {
    font-size: 1.5rem;
    padding: .5rem;
    width: 2.5rem;
    height: 2.5rem
}

.iconlist .icon-pdf {
    float: left;
    margin-left: 1.6rem;
    padding: .8rem 1.2rem
}

.iconlist .filename {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 4rem;
    text-align: left
}

@media only screen and (min-width:481px) {
    .piped>* {
        border-right: .1rem solid #e6e6e6
    }

    .piped>*:last-child {
        border-right: 0
    }

    .piped.dotted>* {
        border-right-style: dotted
    }

    .bgcolor>.row .piped>* {
        border-color: #fff
    }

    .iconlist .icon-pdf {
        padding: .8rem 1rem
    }

    .iconlist .filename {
        display: inline-block;
        margin-left: 1rem
    }

    .iconlist>*,
    .iconlist>li>a:only-child,
    .iconlist>li {
        padding: 0 .8rem .8rem 4.8rem;
        min-height: 4.8rem;
        text-align: left;
        clear: both;
        overflow: hidden;
        margin-bottom: .8rem
    }

    .iconlist>li>a:only-child {
        margin-left: -4.8rem;
        padding-left: 6rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .iconlist.iconlist-xs>* {
        padding: 0 .8rem 0 2.4rem;
        min-height: 0
    }

    .iconlist.iconlist-sm>* {
        padding: 0 .8rem 0 3.2rem;
        min-height: 0
    }

    .iconlist.iconlist-xs.list>*,
    .iconlist.iconlist-sm.list>* {
        padding-top: .8rem;
        padding-bottom: .8rem
    }

    .iconlist.iconlist-xs.list>*>i,
    .iconlist.iconlist-sm.list>*>i {
        top: .8rem
    }

    .iconlist.piped>* {
        padding-left: 5.6rem
    }

    .iconlist.piped>*:first-child {
        padding-left: 4.8rem
    }

    .iconlist>* span {
        display: inline
    }

    .iconlist.double>* {
        float: left;
        clear: none;
        width: 50%;
        padding-right: 3.2rem
    }

    .iconlist.triple>* {
        float: left;
        clear: none;
        width: 33.333333%;
        padding-right: 1.6rem
    }

    .iconlist.vmiddle>* {
        padding-top: .8rem
    }

    .iconlist.iconlist.list>*:not(dd) {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }

    .iconlist.iconlist.list>li {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
        padding-left: 4.8rem
    }

    .iconlist.iconlist.list>*:not(dd)>i {
        top: 24px
    }

    .iconlist.iconlist.list>*>i,
    .iconlist.iconlist.list>*>.icon {
        top: 8px
    }

    .iconlist>* i:first-child,
    .iconlist>* .icon:first-child {
        position: absolute;
        left: 2px;
        top: 1px;
        clear: none
    }

    .iconlist.rounded>*>i,
    .iconlist.rounded>*>.icon {
        left: 0
    }

    .iconlist.iconlist-xs>*>i,
    .iconlist.iconlist-xs>*>.icon {
        top: .5rem
    }

    .iconlist.iconlist-sm>*>i,
    .iconlist.iconlist-sm>*>.icon {
        top: .3rem
    }

    .iconlist.piped>*>i,
    .iconlist.piped>*>.icon {
        position: absolute;
        left: .8rem;
        top: 1px;
        clear: none
    }
}

.icon-subway:before {
    content: "\e900" !important;
    font-family: "bupaicons"
}

.icon-train:before {
    content: "\e901" !important;
    font-family: "bupaicons"
}

.icon-bus:before {
    content: "\e902" !important;
    font-family: "bupaicons"
}

.icon-info-doctor:before {
    content: "\e903" !important;
    font-family: "bupaicons"
}

.icon-doc-image:before {
    content: "\e904" !important;
    font-family: "bupaicons"
}

.icon-doc:before {
    content: "\e905" !important;
    font-family: "bupaicons"
}

.icon-linkedin:before {
    content: "\e906" !important;
    font-family: "bupaicons"
}

.icon-tag:before {
    content: "\e9d7" !important;
    font-family: "bupaicons"
}

.icon-contact:before {
    content: "\e9d8" !important;
    font-family: "bupaicons"
}

.icon-masage:before {
    content: "\e9d5" !important;
    font-family: "bupaicons"
}

.icon-bullet:before {
    content: "\e9d6" !important;
    font-family: "bupaicons"
}

.icon-acupuncture:before {
    content: "\e907" !important;
    font-family: "bupaicons"
}

.icon-aesthetic:before {
    content: "\e908" !important;
    font-family: "bupaicons"
}

.icon-aesthetic-plastic-surgery:before {
    content: "\e909" !important;
    font-family: "bupaicons"
}

.icon-air-conditioning:before {
    content: "\e90a" !important;
    font-family: "bupaicons"
}

.icon-alcohol:before {
    content: "\e90b" !important;
    font-family: "bupaicons"
}

.icon-alert:before {
    content: "\e90c" !important;
    font-family: "bupaicons"
}

.icon-allergology:before {
    content: "\e90d" !important;
    font-family: "bupaicons"
}

.icon-anesthetists:before {
    content: "\e90e" !important;
    font-family: "bupaicons"
}

.icon-angiology-vascular-surgery:before {
    content: "\e90f" !important;
    font-family: "bupaicons"
}

.icon-appointments:before {
    content: "\e910" !important;
    font-family: "bupaicons"
}

.icon-approval:before {
    content: "\e911" !important;
    font-family: "bupaicons"
}

.icon-down:before {
    content: "\e912" !important;
    font-family: "bupaicons"
}

.icon-arrow-bottom:before {
    content: "\e9cd" !important;
    font-family: "bupaicons"
}

.icon-left:before {
    content: "\e903" !important;
    font-family: "bupaicons"
}

.icon-arrow-left:before {
    content: "\e9ce" !important;
    font-family: "bupaicons"
}

.icon-right:before {
    content: "\e904" !important;
    font-family: "bupaicons"
}

.icon-arrow-right:before {
    content: "\e9cf" !important;
    font-family: "bupaicons"
}

.icon-up:before {
    content: "\e915" !important;
    font-family: "bupaicons"
}

.icon-arrow-top:before {
    content: "\e9d0" !important;
    font-family: "bupaicons"
}

.icon-at:before {
    content: "\e916" !important;
    font-family: "bupaicons"
}

.icon-authorizations:before {
    content: "\e917" !important;
    font-family: "bupaicons"
}

.icon-baby-boy:before {
    content: "\e918" !important;
    font-family: "bupaicons"
}

.icon-baby-girl:before {
    content: "\e919" !important;
    font-family: "bupaicons"
}

.icon-back:before {
    content: "\e91a" !important;
    font-family: "bupaicons"
}

.icon-bag:before {
    content: "\e91b" !important;
    font-family: "bupaicons"
}

.icon-bed:before {
    content: "\e91c" !important;
    font-family: "bupaicons"
}

.icon-bell:before {
    content: "\e91d" !important;
    font-family: "bupaicons"
}

.icon-billing:before {
    content: "\e91e" !important;
    font-family: "bupaicons"
}

.icon-blipo:before {
    content: "\e91f" !important;
    font-family: "bupaicons"
}

.icon-blog:before {
    content: "\e920" !important;
    font-family: "bupaicons"
}

.icon-box:before {
    content: "\e921" !important;
    font-family: "bupaicons"
}

.icon-boy:before {
    content: "\e922" !important;
    font-family: "bupaicons"
}

.icon-briefcase:before {
    content: "\e923" !important;
    font-family: "bupaicons"
}

.icon-brochure:before {
    content: "\e924" !important;
    font-family: "bupaicons"
}

.icon-bupa-card:before {
    content: "\e925" !important;
    font-family: "bupaicons"
}

.icon-button-down:before {
    content: "\e926" !important;
    font-family: "bupaicons"
}

.icon-button-left:before {
    content: "\e927" !important;
    font-family: "bupaicons"
}

.icon-button-right:before {
    content: "\e928" !important;
    font-family: "bupaicons"
}

.icon-button-up:before {
    content: "\e929" !important;
    font-family: "bupaicons"
}

.icon-calculator:before {
    content: "\e92a" !important;
    font-family: "bupaicons"
}

.icon-calendar:before {
    content: "\e92b" !important;
    font-family: "bupaicons"
}

.icon-camera:before {
    content: "\e92c" !important;
    font-family: "bupaicons"
}

.icon-car:before {
    content: "\e92d" !important;
    font-family: "bupaicons"
}

.icon-card:before {
    content: "\e92e" !important;
    font-family: "bupaicons"
}

.icon-cards:before {
    content: "\e92f" !important;
    font-family: "bupaicons"
}

.icon-change-appointment:before {
    content: "\e930" !important;
    font-family: "bupaicons"
}

.icon-childcare:before {
    content: "\e931" !important;
    font-family: "bupaicons"
}

.icon-chiropody:before {
    content: "\e932" !important;
    font-family: "bupaicons"
}

.icon-clinical-analyzes:before {
    content: "\e933" !important;
    font-family: "bupaicons"
}

.icon-clock:before {
    content: "\e934" !important;
    font-family: "bupaicons"
}

.icon-icocerrar:before {
    content: "\e9d1" !important;
    font-family: "bupaicons"
}

.icon-coffee:before {
    content: "\e935" !important;
    font-family: "bupaicons"
}

.icon-comb:before {
    content: "\e936" !important;
    font-family: "bupaicons"
}

.icon-copayment:before {
    content: "\e937" !important;
    font-family: "bupaicons"
}

.icon-dentistry:before {
    content: "\e938" !important;
    font-family: "bupaicons"
}

.icon-dermatology:before {
    content: "\e939" !important;
    font-family: "bupaicons"
}

.icon-diet:before {
    content: "\e93a" !important;
    font-family: "bupaicons"
}

.icon-digestive-apparatus:before {
    content: "\e93b" !important;
    font-family: "bupaicons"
}

.icon-direct-debit:before {
    content: "\e93c" !important;
    font-family: "bupaicons"
}

.icon-direct-debit-logo:before {
    content: "\e93d" !important;
    font-family: "bupaicons"
}

.icon-documents:before {
    content: "\e93e" !important;
    font-family: "bupaicons"
}

.icon-dollar:before {
    content: "\e93f" !important;
    font-family: "bupaicons"
}

.icon-download:before {
    content: "\e940" !important;
    font-family: "bupaicons"
}

.icon-emergency:before {
    content: "\e941" !important;
    font-family: "bupaicons"
}

.icon-endocrinologist:before {
    content: "\e942" !important;
    font-family: "bupaicons"
}

.icon-endocrinology-nutrition:before {
    content: "\e943" !important;
    font-family: "bupaicons"
}

.icon-euro:before {
    content: "\e944" !important;
    font-family: "bupaicons"
}

.icon-evening:before {
    content: "\e945" !important;
    font-family: "bupaicons"
}

.icon-exercise:before {
    content: "\e946" !important;
    font-family: "bupaicons"
}

.icon-exit:before {
    content: "\e947" !important;
    font-family: "bupaicons"
}

.icon-facebook:before {
    content: "\e948" !important;
    font-family: "bupaicons"
}

.icon-filter:before {
    content: "\e949" !important;
    font-family: "bupaicons"
}

.icon-first-aid-kit:before {
    content: "\e94a" !important;
    font-family: "bupaicons"
}

.icon-folder:before {
    content: "\e94b" !important;
    font-family: "bupaicons"
}

.icon-food:before {
    content: "\e94c" !important;
    font-family: "bupaicons"
}

.icon-general-digestive-surgery:before {
    content: "\e94d" !important;
    font-family: "bupaicons"
}

.icon-general-medicine:before {
    content: "\e94e" !important;
    font-family: "bupaicons"
}

.icon-general-surgeon:before {
    content: "\e94f" !important;
    font-family: "bupaicons"
}

.icon-generic-search:before {
    content: "\e950" !important;
    font-family: "bupaicons"
}

.icon-geriatrics:before {
    content: "\e951" !important;
    font-family: "bupaicons"
}

.icon-girl:before {
    content: "\e952" !important;
    font-family: "bupaicons"
}

.icon-glucose:before {
    content: "\e953" !important;
    font-family: "bupaicons"
}

.icon-google-plus:before {
    content: "\e954" !important;
    font-family: "bupaicons"
}

.icon-hand:before {
    content: "\e955" !important;
    font-family: "bupaicons"
}

.icon-handicapped:before {
    content: "\e956" !important;
    font-family: "bupaicons"
}

.icon-health-programs:before {
    content: "\e957" !important;
    font-family: "bupaicons"
}

.icon-heart:before {
    content: "\e958" !important;
    font-family: "bupaicons"
}

.icon-height:before {
    content: "\e959" !important;
    font-family: "bupaicons"
}

.icon-help:before {
    content: "\e95a" !important;
    font-family: "bupaicons"
}

.icon-hematology:before {
    content: "\e95b" !important;
    font-family: "bupaicons"
}

.icon-history:before {
    content: "\e95c" !important;
    font-family: "bupaicons"
}

.icon-home:before {
    content: "\e95d" !important;
    font-family: "bupaicons"
}

.icon-home-assistance:before {
    content: "\e95e" !important;
    font-family: "bupaicons"
}

.icon-homeopathy:before {
    content: "\e95f" !important;
    font-family: "bupaicons"
}

.icon-hospital:before {
    content: "\e960" !important;
    font-family: "bupaicons"
}

.icon-image:before {
    content: "\e961" !important;
    font-family: "bupaicons"
}

.icon-impotence:before {
    content: "\e962" !important;
    font-family: "bupaicons"
}

.icon-information:before {
    content: "\e963" !important;
    font-family: "bupaicons"
}

.icon-injuries:before {
    content: "\e964" !important;
    font-family: "bupaicons"
}

.icon-instagram:before {
    content: "\e9e1" !important;
    font-family: "bupaicons"
}

.icon-internal-medicine:before {
    content: "\e965" !important;
    font-family: "bupaicons"
}

.icon-internists:before {
    content: "\e966" !important;
    font-family: "bupaicons"
}

.icon-key:before {
    content: "\e967" !important;
    font-family: "bupaicons"
}

.icon-ko:before {
    content: "\e968" !important;
    font-family: "bupaicons"
}

.icon-library:before {
    content: "\e969" !important;
    font-family: "bupaicons"
}

.icon-life-style:before {
    content: "\e96a" !important;
    font-family: "bupaicons"
}

.icon-location:before {
    content: "\e96b" !important;
    font-family: "bupaicons"
}

.icon-mail:before {
    content: "\e96c" !important;
    font-family: "bupaicons"
}

.icon-man:before {
    content: "\e96d" !important;
    font-family: "bupaicons"
}

.icon-medical-advice:before {
    content: "\e96e" !important;
    font-family: "bupaicons"
}

.icon-medical-report:before {
    content: "\e96f" !important;
    font-family: "bupaicons"
}

.icon-medical-sport:before {
    content: "\e970" !important;
    font-family: "bupaicons"
}

.icon-medication:before {
    content: "\e971" !important;
    font-family: "bupaicons"
}

.icon-medicine:before {
    content: "\e972" !important;
    font-family: "bupaicons"
}

.icon-menu:before {
    content: "\e973" !important;
    font-family: "bupaicons"
}

.icon-mic-off:before {
    content: "\e974" !important;
    font-family: "bupaicons"
}

.icon-mic-on:before {
    content: "\e975" !important;
    font-family: "bupaicons"
}

.icon-midwives:before {
    content: "\e976" !important;
    font-family: "bupaicons"
}

.icon-minus:before {
    content: "\e977" !important;
    font-family: "bupaicons"
}

.icon-less:before {
    content: "\e9d2" !important;
    font-family: "bupaicons"
}

.icon-mobile:before {
    content: "\e978" !important;
    font-family: "bupaicons"
}

.icon-mobile-app:before {
    content: "\e979" !important;
    font-family: "bupaicons"
}

.icon-mobile-menu:before {
    content: "\e97a" !important;
    font-family: "bupaicons"
}

.icon-nephrology:before {
    content: "\e97b" !important;
    font-family: "bupaicons"
}

.icon-neurology:before {
    content: "\e97c" !important;
    font-family: "bupaicons"
}

.icon-neurosurgery:before {
    content: "\e97d" !important;
    font-family: "bupaicons"
}

.icon-no-smoking:before {
    content: "\e97e" !important;
    font-family: "bupaicons"
}

.icon-nuclear-medicine:before {
    content: "\e97f" !important;
    font-family: "bupaicons"
}

.icon-nursery:before {
    content: "\e980" !important;
    font-family: "bupaicons"
}

.icon-obstetrics-gynecology:before {
    content: "\e981" !important;
    font-family: "bupaicons"
}

.icon-ok:before {
    content: "\e982" !important;
    font-family: "bupaicons"
}

.icon-oncology:before {
    content: "\e983" !important;
    font-family: "bupaicons"
}

.icon-ophthalmology:before {
    content: "\e984" !important;
    font-family: "bupaicons"
}

.icon-oral-maxillofacial-surgery:before {
    content: "\e985" !important;
    font-family: "bupaicons"
}

.icon-otolaryngology:before {
    content: "\e986" !important;
    font-family: "bupaicons"
}

.icon-paperclip:before {
    content: "\e987" !important;
    font-family: "bupaicons"
}

.icon-parking:before {
    content: "\e988" !important;
    font-family: "bupaicons"
}

.icon-password:before {
    content: "\e989" !important;
    font-family: "bupaicons"
}

.icon-pathologists:before {
    content: "\e98a" !important;
    font-family: "bupaicons"
}

.icon-pause:before {
    content: "\e98b" !important;
    font-family: "bupaicons"
}

.icon-pdf:before {
    content: "\e98c" !important;
    font-family: "bupaicons"
}

.icon-pediatric-surgery:before {
    content: "\e98d" !important;
    font-family: "bupaicons"
}

.icon-pediatrics:before {
    content: "\e98e" !important;
    font-family: "bupaicons"
}

.icon-pencil:before {
    content: "\e98f" !important;
    font-family: "bupaicons"
}

.icon-people:before {
    content: "\e990" !important;
    font-family: "bupaicons"
}

.icon-pharmacy:before {
    content: "\e991" !important;
    font-family: "bupaicons"
}

.icon-phone:before {
    content: "\e992" !important;
    font-family: "bupaicons"
}

.icon-physiotherapy:before {
    content: "\e993" !important;
    font-family: "bupaicons"
}

.icon-plane:before {
    content: "\e994" !important;
    font-family: "bupaicons"
}

.icon-play:before {
    content: "\e995" !important;
    font-family: "bupaicons"
}

.icon-plus:before {
    content: "\e996" !important;
    font-family: "bupaicons"
}

.icon-plus-2:before {
    content: "\e9d3" !important;
    font-family: "bupaicons"
}

.icon-pneumology:before {
    content: "\e997" !important;
    font-family: "bupaicons"
}

.icon-pointer:before {
    content: "\e998" !important;
    font-family: "bupaicons"
}

.icon-post-billpay:before {
    content: "\e999" !important;
    font-family: "bupaicons"
}

.icon-post-billpay-logo:before {
    content: "\e99a" !important;
    font-family: "bupaicons"
}

.icon-postal-card:before {
    content: "\e99b" !important;
    font-family: "bupaicons"
}

.icon-pound:before {
    content: "\e99c" !important;
    font-family: "bupaicons"
}

.icon-price:before {
    content: "\e99d" !important;
    font-family: "bupaicons"
}

.icon-print:before {
    content: "\e99e" !important;
    font-family: "bupaicons"
}

.icon-psychiatry:before {
    content: "\e99f" !important;
    font-family: "bupaicons"
}

.icon-psychology:before {
    content: "\e9a0" !important;
    font-family: "bupaicons"
}

.icon-purse:before {
    content: "\e9a1" !important;
    font-family: "bupaicons"
}

.icon-radio-diagnosis:before {
    content: "\e9a2" !important;
    font-family: "bupaicons"
}

.icon-radiotherapy:before {
    content: "\e9a3" !important;
    font-family: "bupaicons"
}

.icon-refunds:before {
    content: "\e9a4" !important;
    font-family: "bupaicons"
}

.icon-rehabilitation:before {
    content: "\e9a5" !important;
    font-family: "bupaicons"
}

.icon-relatives:before {
    content: "\e9a6" !important;
    font-family: "bupaicons"
}

.icon-report:before {
    content: "\e9a7" !important;
    font-family: "bupaicons"
}

.icon-reports:before {
    content: "\e9a8" !important;
    font-family: "bupaicons"
}

.icon-rheumatology:before {
    content: "\e9a9" !important;
    font-family: "bupaicons"
}

.icon-running:before {
    content: "\e9aa" !important;
    font-family: "bupaicons"
}

.icon-sand-clock:before {
    content: "\e9ab" !important;
    font-family: "bupaicons"
}

.icon-search-specialist:before {
    content: "\e9ac" !important;
    font-family: "bupaicons"
}

.icon-send:before {
    content: "\e9ad" !important;
    font-family: "bupaicons"
}

.icon-sexual-life:before {
    content: "\e9ae" !important;
    font-family: "bupaicons"
}

.icon-share:before {
    content: "\e9af" !important;
    font-family: "bupaicons"
}

.icon-shop:before {
    content: "\e9b0" !important;
    font-family: "bupaicons"
}

.icon-shrine:before {
    content: "\e9b1" !important;
    font-family: "bupaicons"
}

.icon-sleep:before {
    content: "\e9b2" !important;
    font-family: "bupaicons"
}

.icon-smile:before {
    content: "\e9b3" !important;
    font-family: "bupaicons"
}

.icon-smoking:before {
    content: "\e9b4" !important;
    font-family: "bupaicons"
}

.icon-specialist-advice:before {
    content: "\e9b5" !important;
    font-family: "bupaicons"
}

.icon-specialties-inquiry:before {
    content: "\e9b6" !important;
    font-family: "bupaicons"
}

.icon-speech-therapist:before {
    content: "\e9b7" !important;
    font-family: "bupaicons"
}

.icon-speech-therapy:before {
    content: "\e9b8" !important;
    font-family: "bupaicons"
}

.icon-star:before {
    content: "\e9b9" !important;
    font-family: "bupaicons"
}

.icon-star-solid:before {
    content: "\e9e0" !important;
    font-family: "bupaicons"
}

.icon-stop:before {
    content: "\e9ba" !important;
    font-family: "bupaicons"
}

.icon-sun:before {
    content: "\e9bb" !important;
    font-family: "bupaicons"
}

.icon-talk:before {
    content: "\e9bc" !important;
    font-family: "bupaicons"
}

.icon-tension:before {
    content: "\e9bd" !important;
    font-family: "bupaicons"
}

.icon-test:before {
    content: "\e9be" !important;
    font-family: "bupaicons"
}

.icon-test-tube:before {
    content: "\e9bf" !important;
    font-family: "bupaicons"
}

.icon-thoracic-surgery:before {
    content: "\e9c0" !important;
    font-family: "bupaicons"
}

.icon-stick:before {
    content: "\e9d4" !important;
    font-family: "bupaicons"
}

.icon-trash:before {
    content: "\e9c1" !important;
    font-family: "bupaicons"
}

.icon-traumatology:before {
    content: "\e9c2" !important;
    font-family: "bupaicons"
}

.icon-twitter:before {
    content: "\e9c3" !important;
    font-family: "bupaicons"
}

.icon-two-people:before {
    content: "\e9c4" !important;
    font-family: "bupaicons"
}

.icon-ultrasonography:before {
    content: "\e9c5" !important;
    font-family: "bupaicons"
}

.icon-up-down:before {
    content: "\e9c6" !important;
    font-family: "bupaicons"
}

.icon-urology:before {
    content: "\e9c7" !important;
    font-family: "bupaicons"
}

.icon-user-profile:before {
    content: "\e9c8" !important;
    font-family: "bupaicons"
}

.icon-uvi:before {
    content: "\e9c9" !important;
    font-family: "bupaicons"
}

.icon-video-call:before {
    content: "\e9ca" !important;
    font-family: "bupaicons"
}

.icon-view-list:before {
    content: "\e9cb" !important;
    font-family: "bupaicons"
}

.icon-view-map:before {
    content: "\e9cc" !important;
    font-family: "bupaicons"
}

.icon-waiting-room:before {
    content: "\e9d9" !important;
    font-family: "bupaicons"
}

.icon-walk:before {
    content: "\e9da" !important;
    font-family: "bupaicons"
}

.icon-whatsapp:before {
    content: "\e9db" !important;
    font-family: "bupaicons"
}

.icon-wifi:before {
    content: "\e9dc" !important;
    font-family: "bupaicons"
}

.icon-woman:before {
    content: "\e9dd" !important;
    font-family: "bupaicons"
}

.icon-world:before {
    content: "\e9de" !important;
    font-family: "bupaicons"
}

.icon-youtube:before {
    content: "\e9df" !important;
    font-family: "bupaicons"
}

.icon-elderly:before {
    content: "\e9e2" !important;
    font-family: "bupaicons"
}

.icon-metrics:before {
    content: "\e9e3" !important;
    font-family: "bupaicons"
}

.icon-vascular-surgery-2:before {
    content: "\e9e4" !important;
    font-family: "bupaicons"
}

.icon-assisted-reproduction:before {
    content: "\e9e5" !important;
    font-family: "bupaicons"
}

.icon-robotic-surgery:before {
    content: "\e9e6" !important;
    font-family: "bupaicons"
}

.icon-vascular-surgery-2:before {
    content: "\e9e4" !important;
    font-family: "bupaicons"
}

.icon-assisted-reproduction:before {
    content: "\e9e5" !important;
    font-family: "bupaicons"
}

.icon-robotic-surgery:before {
    content: "\e9e6" !important;
    font-family: "bupaicons"
}

.icon-pharmacy-bag-linear:before {
    content: "\e9e7" !important;
    font-family: "bupaicons"
}

.icon-pharmacy-bag-solid:before {
    content: "\e9e8" !important;
    font-family: "bupaicons"
}

.icon-bra:before {
    content: "\e9e9" !important;
    font-family: "bupaicons"
}

.icon-orthopantomography:before {
    content: "\e9ea" !important;
    font-family: "bupaicons"
}

.icon-hyperbaric-linear:before {
    content: "\e9eb" !important;
    font-family: "bupaicons"
}

.icon-blank:before {
    content: "\e900";
    font-family: "bupa-elderly-icons"
}

.icon-administration:before {
    content: "\e91d";
    font-family: "bupa-elderly-icons"
}

.icon-animal-therapy:before {
    content: "\e911";
    font-family: "bupa-elderly-icons"
}

.icon-appetite-loss:before {
    content: "\e929";
    font-family: "bupa-elderly-icons"
}

.icon-application:before {
    content: "\e945";
    font-family: "bupa-elderly-icons"
}

.icon-avoid-change:before {
    content: "\e92f";
    font-family: "bupa-elderly-icons"
}

.icon-avoid-confrontation:before {
    content: "\e930";
    font-family: "bupa-elderly-icons"
}

.icon-blankness:before {
    content: "\e908";
    font-family: "bupa-elderly-icons"
}

.icon-care-apartments:before {
    content: "\e955";
    font-family: "bupa-elderly-icons"
}

.icon-common-area:before {
    content: "\e917";
    font-family: "bupa-elderly-icons"
}

.icon-compare:before {
    content: "\e90b";
    font-family: "bupa-elderly-icons"
}

.icon-courses:before {
    content: "\e907";
    font-family: "bupa-elderly-icons"
}

.icon-daily-task:before {
    content: "\e937";
    font-family: "bupa-elderly-icons"
}

.icon-day-care-home:before {
    content: "\e956";
    font-family: "bupa-elderly-icons"
}

.icon-dementia-experts:before {
    content: "\e936";
    font-family: "bupa-elderly-icons"
}

.icon-dementia-stage:before {
    content: "\e92d";
    font-family: "bupa-elderly-icons"
}

.icon-dependence-level:before {
    content: "\e944";
    font-family: "bupa-elderly-icons"
}

.icon-disorientation:before {
    content: "\e93a";
    font-family: "bupa-elderly-icons"
}

.icon-down:before {
    content: "\e902";
    font-family: "bupa-elderly-icons"
}

.icon-dress:before {
    content: "\e901";
    font-family: "bupa-elderly-icons"
}

.icon-elderly-service:before {
    content: "\e95a";
    font-family: "bupa-elderly-icons"
}

.icon-fast-scale:before {
    content: "\e93b";
    font-family: "bupa-elderly-icons"
}

.icon-financing:before {
    content: "\e958";
    font-family: "bupa-elderly-icons"
}

.icon-ictus-experts:before {
    content: "\e935";
    font-family: "bupa-elderly-icons"
}

.icon-individual-care:before {
    content: "\e93c";
    font-family: "bupa-elderly-icons"
}

.icon-left:before {
    content: "\e903";
    font-family: "bupa-elderly-icons"
}

.icon-medical-advice:before {
    content: "\e924";
    font-family: "bupa-elderly-icons"
}

.icon-memory-loss:before {
    content: "\e90f";
    font-family: "bupa-elderly-icons"
}

.icon-mood-change:before {
    content: "\e92b";
    font-family: "bupa-elderly-icons"
}

.icon-musical-workshop:before {
    content: "\e905";
    font-family: "bupa-elderly-icons"
}

.icon-no-interest:before {
    content: "\e90c";
    font-family: "bupa-elderly-icons"
}

.icon-object-loss:before {
    content: "\e938";
    font-family: "bupa-elderly-icons"
}

.icon-occupational-therapy:before {
    content: "\e95e";
    font-family: "bupa-elderly-icons"
}

.icon-one-person:before {
    content: "\e960";
    font-family: "bupa-elderly-icons"
}

.icon-open-door:before {
    content: "\e912";
    font-family: "bupa-elderly-icons"
}

.icon-pain:before {
    content: "\e909";
    font-family: "bupa-elderly-icons"
}

.icon-parkinson-experts:before {
    content: "\e934";
    font-family: "bupa-elderly-icons"
}

.icon-pathology:before {
    content: "\e941";
    font-family: "bupa-elderly-icons"
}

.icon-person-compromise:before {
    content: "\e947";
    font-family: "bupa-elderly-icons"
}

.icon-phone-list:before {
    content: "\e925";
    font-family: "bupa-elderly-icons"
}

.icon-reconsider:before {
    content: "\e932";
    font-family: "bupa-elderly-icons"
}

.icon-resident:before {
    content: "\e91c";
    font-family: "bupa-elderly-icons"
}

.icon-respect:before {
    content: "\e94a";
    font-family: "bupa-elderly-icons"
}

.icon-right:before {
    content: "\e904";
    font-family: "bupa-elderly-icons"
}

.icon-sadness:before {
    content: "\e90a";
    font-family: "bupa-elderly-icons"
}

.icon-same-question-emphasis:before {
    content: "\e939";
    font-family: "bupa-elderly-icons"
}

.icon-save-phone-number:before {
    content: "\e923";
    font-family: "bupa-elderly-icons"
}

.icon-search-care-apartment:before {
    content: "\e950";
    font-family: "bupa-elderly-icons"
}

.icon-search-care-home:before {
    content: "\e952";
    font-family: "bupa-elderly-icons"
}

.icon-search-day-care-home:before {
    content: "\e951";
    font-family: "bupa-elderly-icons"
}

.icon-shower:before {
    content: "\e913";
    font-family: "bupa-elderly-icons"
}

.icon-split-task:before {
    content: "\e933";
    font-family: "bupa-elderly-icons"
}

.icon-time-track-loss:before {
    content: "\e92a";
    font-family: "bupa-elderly-icons"
}

.icon-traditional-flavour:before {
    content: "\e943";
    font-family: "bupa-elderly-icons"
}

.icon-tremor:before {
    content: "\e90d";
    font-family: "bupa-elderly-icons"
}

.icon-two-persons:before {
    content: "\e961";
    font-family: "bupa-elderly-icons"
}

.icon-up:before {
    content: "\e906";
    font-family: "bupa-elderly-icons"
}

.icon-visit-care-home:before {
    content: "\e927";
    font-family: "bupa-elderly-icons"
}

.icon-wander-around:before {
    content: "\e928";
    font-family: "bupa-elderly-icons"
}

.icon-weakness:before {
    content: "\e90e";
    font-family: "bupa-elderly-icons"
}

.icon-worng-decision:before {
    content: "\e92c";
    font-family: "bupa-elderly-icons"
}

.icon-writing-workshop:before {
    content: "\e910";
    font-family: "bupa-elderly-icons"
}

.transparent {
    background-color: transparent !important;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none
}

.black,
.tabs.black75 .active a {
    background-color: #000 !important;
    color: #fff !important
}

.cyan,
.tabs.cyan .active a {
    background-color: #0079c8 !important;
    color: #fff !important
}

.cyan75,
.tabs.cyan75 .active a {
    background-color: #409bd6 !important;
    color: #fff !important
}

.cyan50,
.tabs.cyan50 .active a {
    background-color: #7fbce3 !important;
    color: #fff !important
}

.cyan25,
.tabs.cyan25 .active a,
.cyan .tint {
    border: none;
    background-color: #bfddf1 !important;
    color: #333
}

.cyan15,
.tabs.cyan15 .active a {
    background-color: #ddedf9 !important;
    color: #333
}

.cyan5,
.tabs.cyan5 .active a {
    background-color: #f3f8fd !important;
    color: #333
}

.cyan125,
.tabs.cyan125 .active a {
    background-color: #006ab6 !important;
    color: #fff
}

.cyan .btn.blanco {
    color: #0079c8 !important;
    background-color: #0079c8 !important
}

.cyan.active {
    background-color: #00548c !important;
    border-color: #00548c !important
}

.btn:hover {
    background-color: #00548c !important;
    border-color: #00548c
}

.btn.sec.active {
    border-color: #00548c
}

.white {
    background-color: #fff !important;
    color: #333
}

.white.active {
    background-color: #fff !important;
    border-color: #fff !important
}

.btn.white.active,
.btn.white:hover {
    background-color: #fff !important;
    border-color: #fff !important
}

.bupablack {
    background-color: #333 !important;
    color: #fff !important
}

.bupablack.active {
    background: #242424 !important;
    border-color: #242424 !important
}

.btn.bupablack:hover {
    background: #242424 !important;
    border-color: #242424 !important
}

.gray,
.tabs.gray .active a {
    background-color: #6c6e71 !important;
    color: #fff !important
}

.gray75,
.tabs.gray75 .active a {
    background-color: #919295 !important;
    color: #fff !important
}

.gray50,
.tabs.gray50 .active a {
    background-color: #b5b6b8 !important;
    color: #fff !important
}

.gray25,
.tabs.gray25 .active a {
    border: none;
    background-color: #dadbdb !important;
    color: #333
}

.gray .tint {
    border: none;
    background-color: #dadbdb !important;
    color: #333
}

.gray .btn.blanco {
    color: #6c6e71 !important;
    background-color: #6c6e71 !important
}

.gray.active {
    background: #4b4d4f !important;
    border-color: #4b4d4f !important
}

.btn.gray:hover {
    background: #4b4d4f !important;
    border-color: #4b4d4f !important
}

.teal {
    background-color: #008385 !important;
    color: #fff !important
}

.tabs.teal {
    background: none
}

.tabs.teal .active a {
    background-color: #008385 !important;
    color: #fff !important
}

.teal75,
.tabs.teal75 .active a {
    background-color: #40a2a4 !important;
    color: #fff !important
}

.teal50,
.tabs.teal50 .active a {
    background-color: #7fc1c2 !important;
    color: #fff !important
}

.teal25,
.tabs.teal25 .active a {
    border: none;
    background-color: #bfe0e0 !important;
    color: #333
}

.teal .tint {
    border: none;
    background-color: #bfe0e0 !important;
    color: #333
}

.teal .btn.blanco {
    color: #008385 !important;
    background-color: #008385 !important
}

.teal.active {
    background-color: #005b5d !important;
    border-color: #005b5d !important
}

.btn.teal:hover {
    background-color: #005b5d !important;
    border-color: #005b5d !important
}

.burgundy {
    background-color: #942151 !important;
    color: #fff !important
}

.tabs.burgundy .active a {
    background-color: #942151 !important;
    color: #fff !important
}

.tabs.teal {
    background: none
}

.burgundy75,
.tabs.burgundy75 .active a {
    background-color: #af597d !important;
    color: #fff !important
}

.burgundy50,
.tabs.burgundy50 .active a {
    background-color: #c990a8 !important;
    color: #fff !important
}

.burgundy25,
.tabs.burgundy25 .active a {
    border: none;
    background-color: #e4c7d3 !important;
    color: #333
}

.burgundy .tint {
    border: none;
    background-color: #e4c7d3 !important;
    color: #333
}

.burgundy .btn.blanco {
    color: #942151 !important;
    background-color: #942151 !important
}

.burgundy.active {
    background-color: #671739 !important;
    border-color: #671739 !important
}

.btn.burgundy:hover {
    background-color: #671739 !important;
    border-color: #671739 !important
}

.purple {
    background-color: #6a2ca1 !important;
    color: #fff !important
}

.tabs.purple .active a {
    background-color: #6a2ca1 !important;
    color: #fff !important
}

.tabs.teal {
    background: none
}

.purple75,
.tabs.purple75 .active a {
    background-color: #9062b9 !important;
    color: #fff !important
}

.purple50,
.tabs.purple50 .active a {
    background-color: #b495d0 !important;
    color: #fff !important
}

.purple25,
.tabs.purple25 .active a {
    border: none;
    background-color: #dacae7 !important;
    color: #333
}

.purple .tint {
    border: none;
    background-color: #dacae7 !important;
    color: #333
}

.purple .btn.blanco {
    color: #6a2ca1 !important;
    background-color: #6a2ca1 !important
}

.purple.active {
    background-color: #4a1f70 !important;
    border-color: #4a1f70 !important
}

.btn.purple:hover {
    background-color: #4a1f70 !important;
    border-color: #4a1f70 !important
}

.violet {
    background-color: #a4219b !important;
    color: #fff !important
}

.tabs.violet .active a {
    background-color: #a4219b !important;
    color: #fff !important
}

.tabs.teal {
    background: none
}

.violet75,
.tabs.violet75 .active a {
    background-color: #bb59b4 !important;
    color: #fff !important
}

.violet50,
.tabs.violet50 .active a {
    background-color: #d190cd !important;
    color: #fff !important
}

.violet25,
.tabs.violet25 .active a {
    border: none;
    background-color: #e8c7e6 !important;
    color: #333
}

.violet .tint {
    border: none;
    background-color: #e8c7e6 !important;
    color: #333
}

.violet .btn.blanco {
    color: #a4219b !important;
    background-color: #a4219b !important
}

.violet.active {
    background-color: #72176c !important;
    border-color: #72176c !important
}

.btn.violet:hover {
    background-color: #72176c !important;
    border-color: #72176c !important
}

.fuchsia,
.tabs.fuchsia .active a {
    background-color: #c6007e !important;
    color: #fff !important
}

.fuchsia75,
.tabs.fuchsia75 .active a {
    background-color: #d4409e !important;
    color: #fff !important
}

.fuchsia75 .btn.blanco {
    color: #d4409e !important;
    background-color: #d4409e !important
}

.fuchsia50,
.tabs.fuchsia50 .active a {
    background-color: #e27fbe !important;
    color: #fff !important
}

.fuchsia25,
.tabs.fuchsia25 .active a,
.fuchsia .tint {
    border: none;
    background-color: #f1bfdf !important;
    color: #333
}

.fuchsia5,
.tabs.fuchsia5 .active a {
    border: none;
    background-color: #fcf2f8 !important;
    color: #333
}

.fuchsia .tint {
    border: none;
    background-color: #fcf2f8 !important;
    color: #333
}

.fuchsia .btn.blanco {
    color: #c6007e !important;
    background-color: #c6007e !important
}

.fuchsia.active {
    background-color: #9c2d6f !important;
    border-color: #9c2d6f !important
}

.btn.fuchsia:hover {
    background-color: #9c2d6f !important;
    border-color: #9c2d6f !important
}

.red,
.tabs.red .active a {
    background-color: #d81e05 !important;
    color: #fff !important
}

.red75,
.tabs.red75 .active a {
    background-color: #e25644 !important;
    color: #fff !important
}

.red50,
.tabs.red50 .active a {
    background-color: #eb8e82 !important;
    color: #fff !important
}

.red25,
.tabs.red25 .active a {
    border: none;
    background-color: #f5c7c0 !important;
    color: #333
}

.red .tint {
    border: none;
    background-color: #f5c7c0 !important;
    color: #333
}

.red .btn.blanco {
    color: #d81e05 !important;
    background-color: #d81e05 !important
}

.red.active {
    background-color: #971503 !important;
    border-color: #971503 !important
}

.btn.red:hover {
    background-color: #971503 !important;
    border-color: #971503 !important
}

.orange,
.tabs.orange .active a {
    background-color: #db3907 !important;
    color: #fff !important
}

.orange75,
.tabs.orange75 .active a {
    background-color: #e46b45 !important;
    color: #fff !important
}

.orange50,
.tabs.orange50 .active a {
    background-color: #ed9c83 !important;
    color: #333
}

.orange25,
.tabs.orange25 .active a {
    border: none;
    background-color: #f6cec1 !important;
    color: #333
}

.orange .tint {
    border: none;
    background-color: #f6cec1 !important;
    color: #333
}

.orange .btn.blanco {
    color: #db3907 !important;
    background-color: #db3907 !important
}

.orange.active {
    background-color: #982704 !important;
    border-color: #982704
}

.btn.orange:hover {
    background-color: #982704 !important;
    border-color: #982704 !important
}

.yellow,
.tabs.yellow .active a {
    background-color: #ffc300 !important;
    color: #fff !important
}

.yellow75,
.tabs.oyellow75 .active a {
    background-color: #ffd240 !important;
    color: #fff !important
}

.yellow50,
.tabs.yellow50 .active a {
    background-color: #ffe278 !important;
    color: #333
}

.yellow25,
.tabs.yellowe25 .active a,
.yellowe .tint {
    border: none;
    background-color: #fff1bc !important;
    color: #333
}

.yellow.active,
.btn.yellow:hover {
    background-color: #b38900 !important;
    border-color: #b38900 !important
}

.orange .btn.blanco {
    color: #db3907 !important;
    background-color: #db3907 !important
}

.green,
.tabs.green .active a {
    background-color: #007a3d !important;
    color: #fff !important
}

.green75,
.tabs.green75 .active a {
    background-color: #409b6e !important;
    color: #fff !important
}

.green50,
.tabs.green50 .active a {
    background-color: #7fbc9e !important;
    color: #fff !important
}

.green25,
.tabs.green25 .active a,
.green .tint {
    border: none;
    background-color: #bfdece !important;
    color: #333
}

.green5,
.tabs.green5 .active a {
    border: none;
    background-color: #f2f8f5 !important;
    color: #333
}

.green .btn.blanco {
    color: #007a3d !important;
    background-color: #007a3d !important
}

.green.active {
    background-color: #00552b !important;
    border-color: #00552b !important
}

.btn.green:hover {
    background-color: #00552b !important;
    border-color: #00552b !important
}

.lime,
.tabs.lime .active a {
    background-color: #678004 !important;
    color: #fff !important
}

.lime75,
.tabs.lime75 .active a {
    background-color: #8da043 !important;
    color: #fff !important
}

.lime50,
.tabs.lime50 .active a {
    background-color: #b3bf81 !important;
    color: #fff !important
}

.lime25,
.tabs.lime25 .active a,
.lime .tint {
    border: none;
    background-color: #d9dfc0 !important;
    color: #333
}

.lime5,
.tabs.lime5 .active a {
    background-color: #f7f9f2 !important
}

.lime .btn.blanco {
    color: #939905 !important;
    background-color: #939905 !important
}

.lime.active {
    background-color: #526700 !important;
    border-color: #526700 !important
}

.btn.lime:hover {
    background-color: #526700 !important;
    border-color: #526700 !important
}

.lightgray {
    background-color: #e6e6e6 !important;
    color: #6c6e71
}

.tabs.lime .active a {
    background-color: #e6e6e6 !important;
    color: #6c6e71
}

.lightgray75,
.tabs.lightgray75 .active a {
    background-color: #f0f0f0 !important;
    color: #6c6e71
}

.lightgray50,
.tabs.lightgray50 .active a {
    background-color: #f7f7f7 !important;
    color: #6c6e71
}

.lightgray .btn.blanco {
    color: #6c6e71 !important;
    background-color: #6c6e71 !important
}

.lightgraygrad,
.landing>.lightgraygrad {
    background: #fff;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6));
    background: linear-gradient(to bottom, white 0%, #e6e6e6 100%)
}

.darkgreen,
.tabs.darkgreen .active a {
    background-color: #18542c !important;
    color: #fff !important
}

.darkgreen75,
.tabs.darkgreen75 .active a {
    background-color: #527f61 !important;
    color: #fff !important
}

.darkgreen50,
.tabs.darkgreen50 .active a {
    background-color: #8ba995 !important;
    color: #fff !important
}

.darkgreen25,
.tabs.darkgreen25 .active a {
    border: none;
    background-color: #c5d4ca !important;
    color: #333
}

.darkgreen .tint {
    border: none;
    background-color: #c5d4ca !important;
    color: #333
}

.darkgreen .btn.blanco {
    color: #18542c !important;
    background-color: #18542c !important
}

.darkgreen.active {
    background-color: #113b1f !important;
    border-color: #113b1f !important
}

.btn.darkgreen:hover {
    background-color: #113b1f !important;
    border-color: #113b1f !important
}

.navy,
.tabs.navy .active a {
    background-color: #00335b !important;
    color: #fff !important
}

.navy75,
.tabs.navy75 .active a {
    background-color: #406684 !important;
    color: #fff !important
}

.navy50,
.tabs.navy50 .active a {
    background-color: #7f99ad !important;
    color: #fff !important
}

.navy25,
.tabs.navy25 .active a {
    border: none;
    background-color: #bfccd6 !important;
    color: #333
}

.navy .tint {
    border: none;
    background-color: #bfccd6 !important;
    color: #333
}

.navy .btn.blanco {
    color: #00335b !important;
    background-color: #00335b !important
}

.navy.active {
    background-color: #00294c !important;
    border-color: #00294c !important
}

.btn.navy:hover {
    background-color: #00294c !important;
    border-color: #00294c !important
}

.gold,
.tabs.gold .active a {
    background-color: #ae9962 !important;
    color: #fff !important
}

.gold75,
.tabs.gold75 .active a {
    background-color: #c2b389 !important;
    color: #fff !important
}

.gold50,
.tabs.gold50 .active a {
    background-color: #d6ccb0 !important;
    color: #fff !important
}

.gold25,
.tabs.gold25 .active a {
    border: none;
    background-color: #ebe5d8 !important;
    color: #333
}

.gold .tint {
    border: none;
    background-color: #ebe5d8 !important;
    color: #333
}

.gold .btn.blanco {
    color: #ae9962 !important;
    background-color: #ae9962 !important
}

.bg80.white {
    background: url(/img/site_general/diseno/bg-white80.png) transparent 0 0 repeat !important
}

.bg80:not(.white) .title {
    color: #fff
}

.bg80.cyan {
    background: url(/img/site_general/diseno/bg-cyan80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.teal {
    background: url(/img/site_general/diseno/bg-teal80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.burgundy {
    background: url(/img/site_general/diseno/bg-burgundy80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.purple {
    background: url(/img/site_general/diseno/bg-purple80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.violet {
    background: url(/img/site_general/diseno/bg-violet80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.fuchsia {
    background: url(/img/site_general/diseno/bg-fuchsia80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.red {
    background: url(/img/site_general/diseno/bg-red80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.orange {
    background: url(/img/site_general/diseno/bg-orange80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.yellow {
    background: url(/img/site_general/diseno/bg-yellow80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.green {
    background: url(/img/site_general/diseno/bg-green80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.lime {
    background: url(/img/site_general/diseno/bg-lime80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.darkgreen {
    background: url(/img/site_general/diseno/bg-darkgreen80.png) transparent 0 0 repeat !important
}

.bg80.navy {
    background: url(/img/site_general/diseno/bg-navy80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg80.gold {
    background: url(/img/site_general/diseno/bg-gold80.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.white {
    background: url(/img/site_general/diseno/bg-white90.png) transparent 0 0 repeat !important
}

.bg90:not(.white) .title {
    color: #fff
}

.bg90.cyan {
    background: url(/img/site_general/diseno/bg-cyan90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.teal {
    background: url(/img/site_general/diseno/bg-teal90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.burgundy {
    background: url(/img/site_general/diseno/bg-burgundy90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.purple {
    background: url(/img/site_general/diseno/bg-purple90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.violet {
    background: url(/img/site_general/diseno/bg-violet90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.fuchsia {
    background: url(/img/site_general/diseno/bg-fuchsia90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.red {
    background: url(/img/site_general/diseno/bg-red90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.orange {
    background: url(/img/site_general/diseno/bg-orange90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.yellow {
    background: url(/img/site_general/diseno/bg-yellow90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.green {
    background: url(/img/site_general/diseno/bg-green90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.lime {
    background: url(/img/site_general/diseno/bg-lime90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.darkgreen {
    background: url(/img/site_general/diseno/bg-darkgreen90.png) transparent 0 0 repeat !important
}

.bg90.navy {
    background: url(/img/site_general/diseno/bg-navy90.png) transparent 0 0 repeat !important;
    color: #fff
}

.bg90.gold {
    background: url(/img/site_general/diseno/bg-gold90.png) transparent 0 0 repeat !important;
    color: #fff
}

.fondo,
.tabs.fondo .active a {
    background-color: #e6e6e6 !important;
    color: #333
}

.transparente {
    background: transparent none
}

div.fucsia,
.tabs.fucsia .active a {
    background-color: #c6007e !important;
    color: #fff !important
}

div.tfucsia a {
    color: #c6007e !important
}

.tfucsia h3,
.tfucsia h4 {
    color: #c6007e !important
}

div.naranja,
.tabs.naranja .active a,
input.naranja {
    background-color: #db3907 !important;
    color: #fff !important
}

.naranja a,
.naranja .cont h3,
.naranja h4 {
    color: #db3907
}

div.azul,
.tabs.azul .active a {
    background-color: #f2f8fc !important;
    color: #fff !important
}

.blanco {
    background-color: #fff;
    color: #333
}

div.verde3,
.tabs.verde3 .active a {
    border: none;
    background-color: #939905 !important;
    color: #fff !important
}

div.morado,
.tabs.morado .active a {
    background-color: #6a2ca1 !important;
    color: #fff !important
}

div.azul2,
.tabs.azul2 .active a {
    border: none;
    background-color: #00335b;
    color: #fff !important
}

.gris {
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6;
    color: #00335b
}

.gris h2,
.gris h3 {
    color: #00335b
}

.gris h2 a,
.gris h3 a {
    color: #00335b
}

.btn.blanco.sec {
    color: #fff !important
}

.black.sec>* {
    border-color: #000 !important;
    color: #000 !important
}

.cyan.sec>* {
    border-color: #0079c8 !important;
    color: #0079c8 !important
}

.gray.sec>* {
    border-color: #6c6e71 !important;
    color: #6c6e71 !important
}

.teal.sec>* {
    border-color: #008385 !important;
    color: #008385 !important
}

.burgundy.sec>* {
    border-color: #942151 !important;
    color: #942151 !important
}

.purple.sec>* {
    border-color: #6a2ca1 !important;
    color: #6a2ca1 !important
}

.violet.sec>* {
    border-color: #a4219b !important;
    color: #a4219b !important
}

.fuchsia.sec>* {
    border-color: #c6007e !important;
    color: #c6007e !important
}

.red.sec>* {
    border-color: #d81e05 !important;
    color: #d81e05 !important
}

.orange.sec>* {
    border-color: #db3907 !important;
    color: #db3907 !important
}

.yellow.sec>* {
    border-color: #ffc300 !important;
    color: #ffc300 !important
}

.green.sec>* {
    border-color: #007a3d !important;
    color: #007a3d !important
}

.lime.sec>* {
    border-color: #939905 !important;
    color: #939905 !important
}

.lightgray.sec>* {
    border-color: #6c6e71 !important;
    color: #6c6e71 !important
}

.cyan .icon-border,
.grey .icon-border,
.lightgrey .icon-border,
.teal .icon-border,
.burgundy .icon-border,
.purple .icon-border,
.violet .icon-border,
.fuchsia .icon-border,
.red .icon-border,
.orange .icon-border,
.green .icon-border,
.lime .icon-border,
.darkgreen .icon-border,
.navy .icon-border,
.gold .icon-border {
    border-color: #fff !important
}

.twhite.icon-border {
    border-color: #fff !important
}

.tblack.icon-border {
    border-color: #000 !important
}

.tcyan.icon-border {
    border-color: #0079c8 !important
}

.tgrey.icon-border {
    border-color: #6c6e71 !important
}

.tlightgrey.icon-border {
    border-color: #e6e6e6 !important
}

.tteal.icon-border {
    border-color: #008385 !important
}

.tburgundy.icon-border {
    border-color: #942151 !important
}

.tpurple.icon-border {
    border-color: #6a2ca1 !important
}

.tviolet.icon-border {
    border-color: #a4219b !important
}

.tfuchsia.icon-border {
    border-color: #c6007e !important
}

.tred.icon-border {
    border-color: #d81e05 !important
}

.torange.icon-border {
    border-color: #db3907 !important
}

.tgreen.icon-border {
    border-color: #007a3d !important
}

.tlime.icon-border {
    border-color: #678004 !important
}

.tdarkgreen.icon-border {
    border-color: #18542c !important
}

.tnavy.icon-border {
    border-color: #00335b !important
}

.tgold.icon-border {
    border-color: #ae9962 !important
}

.fcyan path {
    fill: #0079c8 !important
}

.fcyan75 path {
    fill: #409bd6 !important
}

.fwhite path {
    fill: #fff !important
}

.fblack path {
    fill: #000 !important
}

.fgrey path {
    fill: #6c6e71 !important
}

.fgray50 path {
    fill: #b5b6b8 !important
}

.fnavy path {
    fill: #00335b !important
}

.fteal path {
    fill: #008385 !important
}

.fpurple path {
    fill: #6a2ca1 !important
}

.fviolet path {
    fill: #a4219b !important
}

.fburgundy path {
    fill: #942151 !important
}

.ffuchsia path {
    fill: #c6007e !important
}

.fred path {
    fill: #d81305 !important
}

.fdarkgreen path {
    fill: #18542c !important
}

.fgreen path {
    fill: #007a3d !important
}

.flime path {
    fill: #939905 !important
}

.forange path {
    fill: #db3907 !important
}

.forange75 path {
    fill: #e46b45 !important
}

.flime25 path {
    fill: #e4e5c1 !important
}

.fyellow path {
    fill: #ffc300 !important
}

.social {
    clear: both;
    height: 4rem;
    margin: .8rem auto;
    list-style-type: none
}

.social li {
    display: inline-block;
    margin-right: .6rem
}

.social a {
    display: block;
    width: 4rem;
    height: 4rem;
    font-weight: normal;
    background: #0079c8;
    color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 2rem
}

.bgcolor .social a {
    display: block;
    width: 4rem;
    height: 4rem;
    font-weight: normal;
    background: #0079c8;
    color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 2rem
}

.social a i {
    line-height: 4rem;
    margin: 0;
    color: #fff
}

.social a span {
    display: none;
    text-indent: -9999px
}

.fb,
a.fb {
    background-color: #3b5998;
    color: #fff !important
}

.tw,
a.tw {
    background-color: #39cdff;
    color: #fff !important
}

.yt,
a.yt {
    background-color: #cc181e;
    color: #fff !important
}

.wa,
a.wa {
    background-color: #3eb72b;
    color: #fff !important
}

footer .social a {
    background: #fff !important
}

footer .social a i {
    color: #00335b !important;
    font-size: 1.5rem
}

.landing footer .social a {
    background: #0079c8 !important
}

.landing footer .social a i {
    color: #fff !important
}

.ok {
    background-color: #efffda;
    padding: .8rem;
    color: #439135 !important
}

.ok * {
    color: #439135 !important
}

div.ok {
    padding: 2.3rem;
    color: #439135 !important;
    background-color: #efffda;
    border: 1px solid #439135
}

div.ok>* {
    color: #439135 !important
}

.error,
.zemError {
    background-color: #fcf1f0;
    border: 1px solid #d81e05;
    color: #d81e05 !important;
    padding: .7rem
}

.error,
.zemError {
    color: #d81e05 !important
}

.error *,
.zemError * {
    color: #d81e05 !important
}

.error-msg,
.zemError {
    border: none;
    padding: .8rem
}

.alert {
    background-color: #fdf6dd;
    padding: .8rem;
    color: #635a15 !important
}

.alert * {
    color: #635a15 !important
}

.info {
    background-color: #dbf1fa;
    padding: .8rem;
    color: #0079c8 !important
}

.info * {
    color: #0079c8 !important
}

.tcyan {
    color: #0652AE !important
}

.sec.tcyan {
    border-color: #0652AE !important
}

.tcyan75 {
    color: #409bd6 !important
}

.sec.tcyan75 {
    border-color: #409bd6 !important
}

.twhite {
    color: #fff !important
}

.sec.twhite {
    border-color: #fff !important
}

.tblack {
    color: #333 !important
}

.sec.tblack {
    border-color: #333 !important
}

.tgrey {
    color: #6c6e71 !important
}

.sec.tgrey {
    border-color: #6c6e71 !important
}

.tgray50 {
    color: #b5b6b8 !important
}

.sec.tgray50 {
    border-color: #b5b6b8 !important
}

.tnavy {
    color: #00335b !important
}

.sec.tnavy {
    border-color: #00335b !important
}

.tteal {
    color: #008385 !important
}

.sec.tteal {
    border-color: #008385 !important
}

.tteal75 {
    color: #40a2a4 !important
}

.sec.tteal75 {
    border-color: #40a2a4 !important
}

.tpurple {
    color: #6a2ca1 !important
}

.sec.tpurple {
    border-color: #6a2ca1 !important
}

.tpurple75 {
    color: #9062b9 !important
}

.sec.tpurple75 {
    border-color: #9062b9 !important
}

.tviolet {
    color: #a4219b !important
}

.sec.tviolet {
    border-color: #a4219b !important
}

.tburgundy {
    color: #942151 !important
}

.sec.tburgundy {
    border-color: #942151 !important
}

.tfuchsia {
    color: #c6007e !important
}

.sec.tfuchsia {
    border-color: #c6007e !important
}

.tfuchsia75 {
    color: #d4409e !important
}

.sec.tfuchsia75 {
    border-color: #d4409e !important
}

.tred {
    color: #d81305 !important
}

.sec.tred {
    border-color: #d81305 !important
}

.tdarkgreen {
    color: #18542c !important
}

.sec.tdarkgreen {
    border-color: #18542c !important
}

.tgreen {
    color: #007a3d !important
}

.sec.tgreen {
    border-color: #007a3d !important
}

.tlime {
    color: #939905 !important
}

.sec.tlime {
    border-color: #939905 !important
}

.torange {
    color: #db3907 !important
}

.sec.torange {
    border-color: #db3907 !important
}

.torange75 {
    color: #e46b45 !important
}

.sec.torange75 {
    border-color: #e46b45 !important
}

.tyellow {
    color: #ffc300 !important
}

.sec.tyellow {
    border-color: #ffc300 !important
}

.tlime25 {
    color: #e4e5c1 !important
}

.sec.tlime25 {
    border-color: #e4e5c1 !important
}

@media only screen and (min-width:961px) {
    .lg-transparent {
        background-color: transparent !important
    }

    footer .social {
        float: right;
        margin: -.5rem 0 0 0
    }
}

.blue-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#ecf6ff), to(#fff));
    background: linear-gradient(to bottom, #ecf6ff 0%, #fff 100%)
}

* {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Bupa, Arial, Helvetica, sans-serif
}

html {
    font-size: 62.5%
}

p,
ul,
ol,
dl,
p+ul,
p+dl .sidenav,
*[role="complementary"] section,
.lead,
article,
.contributed>ul:not(.grid)>li,
.contributed>ul:not(.grid)>li>ul:not(.grid)>li,
.contributed>ol>li>ul:not(.grid)>li,
ol>li {
    line-height: 2rem;
    margin-bottom: 2rem
}

body {
    font-size: 1.3rem;
    color: #6c6e71;
    margin: 0;
    padding: 0;
    font-weight: 400
}

@media only screen and (min-width:721px) {

    p,
    ul,
    ol,
    dl,
    p+ul,
    p+dl .sidenav,
    *[role="complementary"] section,
    .lead,
    article,
    .contributed>ul:not(.grid)>li,
    .contributed>ul:not(.grid)>li>ul:not(.grid)>li,
    .contributed>ol>li>ul:not(.grid)>li,
    ol>li {
        margin-bottom: 2rem;
        line-height: 2rem
    }

    body {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width:961px) {

    p,
    ul,
    ol,
    dl,
    p+ul,
    p+dl .sidenav,
    *[role="complementary"] section,
    .lead,
    article,
    .contributed>ul:not(.grid)>li,
    .contributed>ul:not(.grid)>li>ul:not(.grid)>li,
    .contributed>ol>li>ul:not(.grid)>li,
    ol>li {
        margin-bottom: 2.4rem;
        line-height: 2.4rem
    }

    body {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.t-xs {
    font-size: 1.1rem;
    line-height: 1.6rem
}

.t-sm {
    font-size: 1.1rem;
    line-height: 1.6rem
}

.t-md,
.t-me {
    font-size: 1.3rem;
    line-height: 2rem
}

.t-lg {
    font-size: 1.4rem;
    line-height: 2rem
}

.t-xl {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width:481px) {
    .t-xs {
        font-size: 1.1rem;
        line-height: 1.6rem
    }

    .t-sm {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .t-md,
    .t-me {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .t-lg {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .t-xl {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width:961px) {
    .t-xs {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .t-sm {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .t-md,
    .t-me {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .t-lg {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .t-xl {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1.6rem;
    color: #000
}

a {
    text-decoration: none;
    color: #0652AE
}

a.block {
    display: block
}

.bgcolor a:not(.btn),
.bg90:not(.white) a:not(.btn),
.bg80:not(.white) a:not(.btn) {
    color: #fff
}

.bgcolor p>a:not(.btn),
.bg90:not(.white) p>a,
.bg80:not(.white) p>a {
    text-decoration: underline
}

.banner.bgcolor a,
.banner.bg90:not(.white) a,
.banner.bg80:not(.white) a {
    text-decoration: none
}

a.active:not(.btn) {
    color: #0079c8
}

a.goback {
    color: #0079c8;
    font-weight: 700
}

.tags {
    overflow: hidden;
    margin: .8rem 0
}

.tags>i:first-child {
    font-size: 3.2rem
}

.tags>* {
    float: left;
    margin: 0 .8rem .8rem 0
}

.taggued {
    display: block;
    color: #6c6e71;
    background-color: #f7f7f7;
    border-radius: .8rem;
    padding: .3rem .7rem;
    font-size: 1.3rem;
    border: 1px solid #e6e6e6
}

a.taggued {
    color: #0079c8
}

a.taggued:hover {
    color: #fff;
    border-color: #0079c8;
    background-color: #0079c8;
    cursor: pointer
}

img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    display: block
}

ul {
    list-style-type: none
}

blockquote {
    font-style: italic
}

nav,
.nav {
    content: " "
}

.play {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 20%;
    margin-top: 0;
    background: transparent url(/img/site_general/diseno/xplay.png.pagespeed.ic.t-hfOpUdg9.png) 50% 50% no-repeat;
    background-size: contain;
    z-index: 100;
    text-indent: -99999px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.play:hover {
    background-image: url(/img/site_general/diseno/xplay-hover.png.pagespeed.ic.UzglLQs7Vf.png)
}

.icon-overlay {
    position: absolute;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    z-index: 90;
    -webkit-transition: .5s;
    transition: .5s
}

.icon-overlay:hover {
    opacity: 0
}

.icon-overlay:before {
    position: absolute;
    border: 2px solid #fff;
    padding: 8px;
    border-radius: 50%;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sidenav {
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(224, 224, 224, .9);
    box-shadow: 0 0 25px 0 rgba(224, 224, 224, .9)
}

.sidenav a {
    display: block;
    padding: 1.1rem .8rem 1.2rem 1.6rem;
    color: #0079c8;
    border-top: 1px solid #e6e6e6
}

.sidenav .off {
    display: block;
    padding: 1.1rem .8rem 1.2rem 1.6rem;
    color: #0079c8;
    border-top: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    color: #6c6e71
}

.sidenav a:hover {
    border-left: 1px solid #0079c8;
    padding-left: 1.5rem;
    color: #333
}

.sidenav .active {
    background-color: #f2f8fc
}

.sidenav a.active {
    border-bottom: 0;
    border-left: 2px solid #0079c8;
    padding-left: 1.4rem;
    color: #333;
    font-weight: bold
}

.sidenav .nav.articles .active {
    background-color: #f2f8fc
}

.sidenav .nav.articles .active>a {
    background-color: #f2f8fc;
    color: #333
}

.sidenav .active>a {
    font-weight: bold;
    background-color: #0079c8;
    color: #fff
}

.sidenav .nav {
    margin-bottom: 0
}

.sidenav .nav .nav .active>a {
    background-color: transparent;
    color: #333
}

.sidenav .nav a,
.sidenav .nav .off {
    padding: 1.1rem .8rem 1.2rem 2.4rem
}

.sidenav .nav a:hover,
.sidenav .nav a.active:hover {
    padding-left: 2.3rem
}

.sidenav .nav .nav a {
    padding-left: 3.2rem
}

.sidenav .nav .nav a:hover {
    padding-left: 3.1rem
}

.sidenav .nav .nav a.active:hover {
    padding-left: 3.2rem
}

.sidenav .nav * {
    font-size: 1.4rem
}

*[role="complementary"] section {}

.title {
    color: #00335b;
    font-weight: 400
}

.title+p {
    margin-top: .8rem
}

.contributed.nopad {
    margin-bottom: 2.4rem
}

.contributed>h2,
.contributed>h3,
.contributed>h4,
.contributed>h5,
.contributed>h6 {
    color: #00335b;
    font-weight: 400
}

i+.title,
.icon+.title {
    margin-top: .6rem
}

.contributed>h2,
.contributed>h3,
.contributed>h4,
.contributed>h5.contributed>h6 {
    clear: both
}

.bgcolor>.title,
.bg90:not(.white)>.title,
.bg80:not(.white)>.title {
    color: #fff
}

a>.title:not(.sub) {
    color: #0079c8
}

a>.sub {
    color: #000
}

.bgcolor:not(.lightgray50) p,
.bgcolor:not(.lightgray50) label,
.bgcolor:not(.lightgray50) div,
.bgcolor:not(.lightgray50) h2,
.bgcolor:not(.lightgray50) h3,
.bgcolor:not(.lightgray50) h4 {
    color: #fff
}

.bgcolor .icon-border {
    border-color: #fff
}

.banner section:not(.place) a>.title,
a.banner>.title {
    color: #fff
}

.plus,
.bold {
    font-weight: 700
}

.bolder {
    font-weight: 900
}

.sub {
    font-weight: 300
}

.lead {
    margin-top: 2.4rem;
    font-weight: 300
}

.lead:last-child {
    margin-bottom: 0
}

.uppercase {
    text-transform: uppercase
}

.title.plus+.sub {}

.title.plus+.sub * {}

.contributed>h5:not(.title) {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.title-xs,
.contributed>h4:not(.title) {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.title-xs+.sub,
.title-xs+.lead {
    font-size: 1.4rem;
    line-height: 2rem
}

.title-sm,
.contributed>h3:not(.title) {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.title-sm+.sub,
.title-sm+.lead {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.title-md,
.contributed>h2:not(.title),
.title-me {
    font-size: 2rem;
    line-height: 2.4rem
}

.title-md+.sub,
.title-md+.lead {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.title-me+.sub,
.title-me+.lead {
    font-size: 2rem;
    line-height: 2.4rem
}

.title-lg {
    font-size: 2.2rem;
    line-height: 2.4rem
}

.title-lg+.sub,
.title-lg+.lead {
    font-size: 2rem;
    line-height: 2.4rem
}

.title-xl {
    font-size: 2.6rem;
    line-height: 3.2rem
}

.title-xl+.sub,
.title-xl+.lead {
    font-size: 2.2rem;
    line-height: 2.4rem
}

.title-xxl {
    font-size: 3rem;
    line-height: 3.6rem
}

.title-xxl+.sub,
.title-xxl+.lead {
    font-size: 2.6rem;
    line-height: 3.2rem
}

@media only screen and (min-width:481px) {
    .contributed>h5:not(.title) {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .title-xs,
    .contributed>h4:not(.title) {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .title-xs+.sub,
    .title-xs+.lead {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .title-sm,
    .contributed>h3:not(.title) {
        font-size: 2.2rem;
        line-height: 2.4rem
    }

    .title-sm+.sub,
    .title-sm+.lead {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .title-md,
    .contributed>h2:not(.title),
    .title-me {
        font-size: 2.6rem;
        line-height: 3.2rem
    }

    .title-md+.sub,
    .title-md+.lead {
        font-size: 2.2rem;
        line-height: 2.4rem
    }

    .title-me+.sub,
    .title-me+.lead {
        font-size: 2.2rem;
        line-height: 2.4rem
    }

    .title-lg {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .title-lg+.sub,
    .title-lg+.lead {
        font-size: 2.6rem;
        line-height: 3.2rem
    }

    .title-xl {
        font-size: 3.6rem;
        line-height: 4rem
    }

    .title-xl+.sub,
    .title-xl+.lead {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .title-xxl {
        font-size: 4.2rem;
        line-height: 4.8rem
    }

    .title-xxl+.sub,
    .title-xxl+.lead {
        font-size: 3.6rem;
        line-height: 4rem
    }
}

@media only screen and (min-width:961px) {
    .contributed>h5:not(.title) {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .title-xs,
    .contributed>h4:not(.title) {
        font-size: 2.2rem;
        line-height: 2.4rem
    }

    .title-xs+.sub,
    .title-xs+.lead {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .title-sm,
    .contributed>h3:not(.title) {
        font-size: 2.6rem;
        line-height: 3.2rem
    }

    .title-sm+.sub,
    .title-sm+.lead {
        font-size: 2.2rem;
        line-height: 2.4rem
    }

    .title-md,
    .contributed>h2:not(.title),
    .title-me {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .title-md+.sub,
    .title-md+.lead {
        font-size: 2.6rem;
        line-height: 3.2rem
    }

    .title-me+.sub,
    .title-me+.lead {
        font-size: 2.6rem;
        line-height: 3.2rem
    }

    .title-lg {
        font-size: 3.6rem;
        line-height: 4rem
    }

    .title-lg+.sub,
    .title-lg+.lead {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .title-xl {
        font-size: 4.2rem;
        line-height: 4.8rem
    }

    .title-xl+.sub,
    .title-xl+.lead {
        font-size: 3.6rem;
        line-height: 4rem
    }

    .title-xxl {
        font-size: 4.8rem;
        line-height: 5.6rem
    }

    .title-xxl+.sub,
    .title-xxl+.lead {
        font-size: 4.2rem;
        line-height: 4.8rem
    }
}

p+.title,
ol+.title,
ul+.title,
dl+.title {
    margin-top: 2.4rem
}

p+article>.title:first-child {
    margin-top: -.8rem
}

.title.sub+p {
    margin-top: 2.4rem
}

.title+.lead,
.title+.subtitle {
    margin-top: .8rem
}

.title>i.xl {
    clear: both;
    margin: 0 auto 1rem auto;
    display: block;
    color: #0079c8
}

i.icon-xl {
    color: #0079c8
}

.bgcolor i.icon-xl,
.bg90:not(.white) i.icon-xl,
.bg80:not(.white) i.icon-xl {
    color: #fff
}

.contributed>h1,
.contributed>h2,
.contributed>h3,
.contributed>h4,
.contributed>h5,
.contributed>h6 {
    margin-top: 4.8rem;
    margin-bottom: 1.6rem;
    font-weight: bold;
    color: #00335b
}

.contributed>h1+h2,
.contributed>h2+h3,
.contributed>h3+h4,
.contributed>h4+h5,
.contributed>h5+h6 {
    margin-top: 2.4rem
}

.contributed>ul:not(.grid)>li>ul,
.contributed>ol>li>ul {
    margin-top: .8rem
}

.contributed>ul:not(.grid):not(.iconlist)>li {
    padding-left: 2.4rem
}

.contributed>ul:not(.grid):not(.iconlist)>li>ul:not(.grid)>li {
    padding-left: 2.4rem
}

.contributed>ol>li>ul:not(.grid)>li {
    padding-left: 2.4rem
}

ol>li {
    padding-left: 2.4rem;
    padding-left: 2.4rem !important
}

.contributed>ul:not(.grid):not(.iconlist)>li:before,
.contributed>ul:not(.grid):not(.iconlist)>li>ul:not(.grid):not(.iconlist)>li:before {
    content: "•";
    font-family: "Arial, Helvetica,Sans-serif";
    position: absolute;
    background-color: transparent;
    color: #0079c8;
    height: 1.8rem;
    width: 1.8rem;
    text-align: center;
    font-size: 2rem;
    left: 0;
    top: 0
}

.contributed>ol>li>ul:not(.grid)>li:before {
    content: "•";
    font-family: "Arial, Helvetica,Sans-serif";
    position: absolute;
    background-color: transparent;
    color: #0079c8;
    height: 1.8rem;
    width: 1.8rem;
    text-align: center;
    font-size: 2rem;
    left: 0;
    top: 0
}

.contributed>ul.list>li:before {
    content: ""
}

ol {
    counter-reset: li;
    list-style: none
}

ol>li:before {
    content: counter(li, decimal);
    counter-increment: li;
    position: absolute;
    top: 1px;
    background-color: #fff;
    color: #0079c8;
    border-color: #87ceeb;
    height: 1.8rem;
    width: 1.8rem;
    font-size: 1.1rem;
    border: 1px solid #87ceeb;
    text-align: center;
    font-weight: bold;
    border-radius: 100%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ol.abc li::before {
    content: counter(li, lower-alpha)
}

ol.square-rounded>li {
    border-left: 1px solid #e6e6e6;
    margin-bottom: 0;
    margin-left: 3rem;
    min-height: 12rem;
    padding-bottom: 5rem;
    padding-left: 9rem !important;
    padding-top: 2rem
}

@media screen and (max-width:481px) {
    ol.square-rounded>li {
        margin-left: 1.6rem;
        padding-left: 3.2rem !important;
        padding-top: 1rem
    }
}

ol.square-rounded>li:last-child {
    border-color: transparent;
    padding-bottom: 0
}

ol.square-rounded>li::before {
    -moz-box-align: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #333;
    content: counter(li, decimal);
    counter-increment: li;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    height: 6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: -3rem;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 6rem
}

@media screen and (max-width:481px) {
    ol.square-rounded>li::before {
        width: 4rem;
        height: 4rem;
        left: -2.4rem
    }
}

ol.square-rounded>li:first-child::before {
    background-color: #0079c8;
    color: #fff
}

.contributed>* strong {
    color: #000;
    font-weight: bold
}

.contributed>hr {
    border-style: inset;
    border: 1px solid #e6e6e6;
    margin: 3.5rem
}

ul.tic>li:before,
.contributed ul.tic>li:before {
    content: "\e9d4";
    font-family: "bupaicons" !important;
    color: #0079c8;
    position: absolute;
    top: 0;
    background-color: transparent;
    color: #0079c8;
    height: 1.8rem;
    width: 1.8rem;
    font-size: 1.1rem;
    text-align: center;
    font-weight: bold;
    border-radius: 100%;
    left: 0
}

.bgcolor ul.tic>li:before {
    background-color: transparent;
    color: #fff
}

.contributed>ul.gallery li {
    padding: .5rem;
    background-image: none
}

.contributed>dl {
    margin-bottom: 1.6rem
}

.contributed+.contributed,
.contributed+dl {
    margin-top: 1.6rem
}

dl+.contributed {
    margin-top: 1.6rem
}

.handwritten {
    font-family: bupascript !important
}

p,
ul,
ol,
dl {}

p {}

p+ul {}

ol,
p+dl {}

p.mini {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-top: .8rem
}

*>p:last-child {
    margin-bottom: 0
}

article {
    text-align: left
}

blockquote,
article blockquote {
    clear: both;
    margin: 2.4rem 1.6rem;
    text-align: center;
    color: #0079c8
}

blockquote p,
article blockquote p {
    font-size: 2.8rem;
    line-height: 4rem
}

@media only screen and (min-width:961px) {
    *[role="main"] {}

    *[role="main"] article {
        margin-right: 1.6rem
    }
}

ul.checkbox {
    padding-left: 1.6rem
}

.bullets {
    text-align: left
}

.title+.bullets {
    margin-top: 1.6rem
}

.bullets>li,
.tic>li {
    padding-left: 2.4rem;
    margin-bottom: 1.6rem;
    position: relative
}

table .bullets>li {
    margin-bottom: 0
}

.bullets>li:before {
    position: absolute;
    font-size: 2rem;
    left: 0;
    top: 0;
    content: "•";
    font-family: "Arial, Helvetica,Sans-serif";
    background-color: transparent;
    color: #0079c8;
    height: 1.6rem;
    width: 1.6rem;
    line-height: 100%;
    text-align: center
}

.bgcolor .bullets>li:before {
    color: #fff
}

.bgcolor>.bullets>li:before {
    color: #fff
}

@media only screen and (min-width:721px) {
    .air {
        padding: 1.6rem .8rem
    }
}

@media only screen and (min-width:961px) {
    .air {
        padding: 3.2rem
    }
}

.list-map {
    border-top: 1px solid #d6d6d6;
    background: #fff
}

.list-map>ul {
    width: 100%
}

.list-map .func {
    margin-top: .8rem
}

.list-map>ul.listresults>li {
    padding: .8rem
}

.list-map>ul.listresults>li:first-child {
    border-top: none
}

.list-map>li>a:hover {
    background-color: #f2f8fc !important
}

.map-list {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}

.map-list iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

@media only screen and (min-width:769px) {
    .list-map {
        float: left;
        display: block;
        width: 33.3333%;
        height: 0;
        padding: 0 0 70%;
        overflow-y: scroll;
        border-bottom: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6
    }

    .list-map>ul {
        position: absolute
    }

    .list-map>ul.listresults>li {
        padding: 1.6rem
    }

    .list-map .func>*:last-child {
        text-align: left !important
    }

    .map-list {
        width: 66.6666%
    }
}

@media only screen and (min-width:1281px) {
    .square>*>*>i:first-child {
        font-size: 6.5rem
    }
}

.place {
    display: block;
    border: 1px solid #e7e7e7;
    text-align: center
}

.place.bgcolor {
    border: none
}

li>.place {
    margin: 0;
    border: none
}

.list>li>.place {
    padding: 0
}

.list>li>.place *[itemtype="http://schema.org/LocalBusiness"],
.list>li>.place *[itemtype="https://schema.org/LocalBusiness"] {
    padding: 0
}

.place>* {
    display: block
}

.place *[itemtype="http://schema.org/LocalBusiness"],
.place *[itemtype="https://schema.org/LocalBusiness"] {
    padding: .8rem 1.6rem
}

.place *[itemprop="name"] {
    font-weight: bold
}

.place>.gallery {
    padding-right: 0;
    margin: .8rem 0;
    width: 100%
}

.place>.media {
    margin: 1.5rem auto;
    width: 100%
}

.place>.media.thumb {
    width: 6rem;
    margin: 1.6rem auto;
    border-radius: 50%
}

.place>.media.thumb+*[itemtype="http://schema.org/LocalBusiness"],
.place>.media.thumb+*[itemtype="https://schema.org/LocalBusiness"] {
    width: 100%
}

.place .bgcolor a,
.place.bgcolor a {
    text-decoration: none
}

.place a *[itemprop="name"] {
    color: #0079c8
}

.place *[itemprop="address"] {
    color: #6c6e71
}

.place.bgcolor *[itemprop="address"],
.place.bgcolor *[itemprop="name"] {
    color: #fff
}

.place.bgcolor a *[itemprop="name"] {
    color: #fff
}

.themap {
    width: auto;
    height: 15rem;
    background-position: 50% 50%
}

.themap:hover {
    border-color: #0079c8
}

.gifmap {
    position: relative;
    display: block
}

.pushpin {
    z-index: 100;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: -1.6rem 0 0 -1.6rem;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(/img/site_general/diseno/chincheta.png);
    background-repeat: no-repeat
}

#maplist li>.place>div {
    padding: .8rem
}

#maplist .place *[itemprop="name"],
#maplist .place p {
    font-size: 1.6rem
}

*[role="complementary"] .place {
    display: block
}

*[role="complementary"] .list>li>.place {
    padding: 0
}

*[role="complementary"] .place>* {
    display: block
}

*[role="complementary"] .place>div {
    width: auto
}

*[role="complementary"] .place *[itemtype="http://schema.org/LocalBusiness"],
*[role="complementary"] .place *[itemtype="https://schema.org/LocalBusiness"] {
    padding: 1.6rem
}

*[role="complementary"] .themap {
    width: auto;
    min-height: 15rem;
    height: 100%
}

.contributed .place p {
    margin-top: 0
}

.place.bgcolor .btn {
    border-color: #fff !important
}

.gm-style-iw,
.gm-style {
    font-size: 1.4rem !important;
    color: #6c6e71 !important
}

@media only screen and (min-width:481px) {
    .place {
        display: table;
        clear: both;
        margin: 0 0 2.4rem;
        width: 100%;
        text-align: left
    }

    .place>.media {
        margin: 0 1.6rem 0 0;
        width: 15rem
    }

    .place>.media.thumb {
        width: 10rem;
        margin: 0 1.6rem 0 0;
        border-radius: 0
    }

    .list>li>.place {
        margin: 0;
        border-top: 0
    }

    .place>* {
        display: table-cell;
        vertical-align: top;
        width: 9999px
    }

    .place.vplace>* {
        display: block;
        width: 100% !important;
        clear: both
    }

    .place>div:not(.media) {
        padding: 1.6rem
    }

    .place .themap {
        width: 38.2%
    }

    .place.bgcolor p {
        color: #fff
    }

    .hero .place {
        margin: 0
    }

    .hero .place>div {
        width: 44%
    }

    .hero .place *[itemprop="name"] {
        font-size: 1.5rem;
        line-height: 1.2em;
        color: #fff !important
    }

    .place.bgcolor a *[itemprop="name"] {
        color: #fff !important
    }

    *[role="complementary"] .place .btns>* {
        width: 100% !important;
        clear: both;
        margin: 0
    }

    .place>.gallery {
        padding-right: 1.6rem;
        margin: 0;
        width: 38.2%
    }
}

@media only screen and (min-width:961px) {
    .place>.media {
        width: 25rem
    }
}

@media only screen and (max-width:481px) {
    .place>.media.thumb img {
        border-radius: 0
    }

    .themap.full-height {
        height: 20rem
    }
}

#bodyContent p {
    margin-bottom: .8rem
}

legend {
    width: 100%
}

.form-group {
    margin-bottom: 1.6rem
}

*>.form-group:last-child {
    margin-bottom: 0
}

*>.form-group:first-child {
    margin-bottom: 1.6rem
}

.form-group>i,
.form-horizontal .withicon>i {
    position: absolute;
    left: .8rem;
    top: 0;
    line-height: 4.8rem;
    font-size: 2rem;
    color: #333 !important;
    z-index: 3
}

.grid>.form-group>i,
.grid>.form-horizontal .withicon>i {
    left: 2.4rem
}

.row>.form-group>i {
    left: 2.4rem
}

.form-horizontal .form-group>i,
.form-horizontal .withicon>i {
    left: 2.4rem
}

.form-horizontal .form-group>i+select,
.form-horizontal .withicon>i+select {
    padding-left: 4.8rem
}

label {
    font-size: 1.8rem;
    color: #333;
    padding-top: .8rem;
    padding-bottom: .8rem
}

.input-help {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.form-horizontal .form-group label {
    padding-left: 1.6rem
}

.checkbox label {
    font-size: 1.5rem
}

.control-label {
    font-weight: 700
}

.checkbox {
    text-align: left
}

input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="tel"] {
    -webkit-appearance: none;
    width: 100%;
    min-height: 4.8rem;
    line-height: 1.6rem;
    padding-left: 1.6rem;
    background-color: transparent;
    border: none;
    border-color: #fff;
    border-bottom: 1px solid #409bd6;
    border-radius: 0;
    font-size: 1.5rem;
    color: #333;
    text-align: left;
    z-index: 2;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    display: block
}

select,
textarea {
    -webkit-appearance: none;
    width: 100%;
    min-height: 4.8rem;
    line-height: 1.6rem;
    padding-left: 1.6rem;
    background-color: transparent;
    border: none;
    border-color: #fff;
    border-bottom: 1px solid #409bd6;
    border-radius: 0;
    font-size: 1.5rem;
    color: #333;
    text-align: left;
    z-index: 2;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.input-help {
    font-size: 1rem;
    line-height: 120%
}

fieldset {
    border: none
}

.form-border .ifile {
    height: 5.2rem
}

.form-border .ifile::-webkit-file-upload-button {
    visibility: hidden;
    width: .1rem;
    text-align: left
}

.form-border .ifile::before {
    content: '\e944';
    font-family: 'bupaicons';
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    line-height: 4rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 4px;
    left: auto;
    right: 4px;
    z-index: 2;
    text-align: center;
    background-color: #0079c8;
    color: #fff;
    cursor: pointer
}

.form-border .ifile:hover::before {
    background-color: #409bd6
}

.form-group>i+input,
.form-group>i+select,
.form-group>i+textarea {
    padding-left: 4rem !important
}

.withicon>i+input,
.withicon>i+select,
.withicon>i+textarea {
    padding-left: 4rem !important
}

textarea {
    border: 1px solid #409bd6;
    min-height: 16rem
}

select,
input[type="date"] {
    padding-right: 4.8rem;
    text-align: left;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

select+i.icon-arrow-bottom {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 2.4rem;
    margin-top: -.8rem;
    left: auto;
    color: #0079c8;
    font-size: 2rem;
    line-height: 4.8rem;
    z-index: 2
}

input[type="date"]+i.icon-calendar {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 2.4rem;
    margin-top: -.8rem;
    left: auto;
    color: #0079c8;
    font-size: 2rem;
    line-height: 4.8rem;
    z-index: 3
}

.grid>*>select+i.icon-arrow-bottom,
.grid>*>input[type="date"]+i.icon-calendar {
    right: 1.6rem
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: #0079c8;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #000
}

select:focus,
textarea:focus {
    border-color: #0079c8;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #000
}

input+i.icon-pencil {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 1.6rem;
    margin-top: 0;
    left: auto;
    color: #000;
    font-size: 1.5rem
}

input:focus+i.icon-pencil {
    display: none
}

select:focus,
textarea:focus {
    border-color: #047ecb;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 121, 200, .5);
    box-shadow: 0 0 6px 0 rgba(0, 121, 200, .5)
}

.cyan input[type="text"]:focus,
.cyan input[type="search"]:focus,
.cyan input[type="password"]:focus,
.cyan input[type="email"]:focus {
    border-color: #409bd6
}

.cyan select:focus,
.cyan textarea:focus {
    border-color: #409bd6
}

input[type="search"] {
    padding-left: 4rem
}

select option[selected] {
    color: #0079c8 !important;
    font-weight: bold
}

select::-ms-expand {
    display: none
}

.placeholder {
    color: #333 !important;
    font-style: italic;
    font-weight: lighter
}

input::-webkit-input-placeholder {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5rem;
    opacity: 1 !important;
    color: #6c6e71
}

input:-moz-placeholder,
input::-moz-placeholder {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    color: #6c6e71
}

input:-ms-input-placeholder {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #6c6e71
}

input.checkbox {
    margin-right: .5rem
}

label.hidden {
    display: none
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 2.4rem;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: absolute;
    margin-top: .4rem;
    margin-left: -1.6rem
}

.checkbox label,
.checkbox-inline label {
    text-align: left
}

.form-horizontal .form-group {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
    padding: 0 .8rem;
    display: block;
    overflow: hidden;
    clear: both
}

input.error,
select.error,
textarea.error {
    border: 1px solid #d81e05 !important;
    background-color: #fcf1f0 !important;
    -webkit-box-shadow: -1px -1px 12px -2px #d81e05 !important;
    box-shadow: -1px -1px 12px -2px #d81e05 !important
}

.required:before {
    content: "*";
    color: #d81e05
}

label.required:before,
label.zemRequired:before {
    content: "*";
    color: #d81e05
}

label.hleft.required:before,
label.hleft.zemRequired:before {
    content: "";
    color: #d81e05
}

label.hleft.required:after,
label.hleft.zemRequired:after {
    content: "*";
    color: #d81e05
}

input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    margin-bottom: .8rem
}

select,
textarea {
    margin-bottom: .8rem
}

label {
    display: block;
    text-align: center !important;
    margin: .8rem 0
}

label.hleft,
label.hright {
    display: block;
    text-align: center !important;
    margin: .8rem 0
}

@media only screen and (min-width:481px) {

    input[type="text"],
    input[type="date"],
    input[type="search"],
    input[type="password"],
    input[type="email"],
    input[type="tel"] {
        margin-bottom: 0
    }

    select,
    textarea {
        margin-bottom: 0
    }

    label {
        text-align: left !important;
        margin: 0
    }

    label.hleft,
    label.hright {
        text-align: left !important;
        margin: 0
    }
}

@media (min-width:721px) {
    label.hright {
        text-align: right !important
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control,
    .form-inline label {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-right: 2rem
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type="checkbox"],
    .form-inline .radio input[type="radio"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-border input,
.form-border select,
.form-border textarea {
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 3px
}

.form-border input[type="radio"],
.form-border input[type="checkbox"] {
    border: none
}

.form-border select {
    padding: 1.4rem 4.8rem 1.4rem 1.4rem;
    background-image: url(/img/site_general/diseno/icon-select-blue.png);
    background-repeat: no-repeat;
    background-position: center right
}

.form-border input,
.form-border textarea {
    padding: .8rem
}

.form-border input[type="radio"],
.form-border input[type="checkbox"] {
    padding: 0
}

.ccform label {
    color: #acacac;
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.ccform input {
    color: #333;
    font-weight: bold;
    font-size: 2rem
}

@media only screen and (min-width:721px) {
    .control-label {
        text-align: right
    }

    .form-horizontal .form-group {
        text-align: left
    }
}

@media only screen and (min-width:961px) {
    .control-label {
        text-align: right
    }
}

.superinline {
    margin: 0 .8rem
}

input.superinline {
    width: auto;
    padding: 0 1.6rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-height: auto
}

select.superinline {
    width: auto
}

input.bkg-primary-check {
    display: none
}

input.bkg-primary-check+label {
    font-weight: lighter;
    line-height: 1.3rem;
    margin-right: 1.5rem;
    vertical-align: middle;
    padding: 0
}

input.bkg-primary-check+label span {
    display: inline-block
}

input.bkg-primary-check+label small {
    display: block
}

input.bkg-primary-check+label::before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    width: 2.4rem
}

input.bkg-primary-check:checked+label::before {
    background-color: #409bd6;
    border: medium none;
    color: #fff;
    content: "\e9d4";
    font-family: "bupaicons" !important;
    font-size: 1.3rem;
    height: 2.6rem;
    text-shadow: 1px 2px 3px rgba(51, 51, 51, .5);
    width: 2.6rem
}

input.bkg-primary-check[type="radio"]+label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 2rem;
    padding: 0;
    position: relative;
    text-align: center
}

input.bkg-primary-check[type="radio"]+label::before {
    border-radius: 100%;
    margin-bottom: 1rem
}

input.bkg-primary-check[type="radio"]:checked+label::before {
    color: #fff;
    content: " ";
    font-size: 1.8rem
}

input.bkg-primary-check[type="radio"]:checked+label::after {
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 3px rgba(51, 51, 51, .5);
    box-shadow: 1px 2px 3px rgba(51, 51, 51, .5);
    content: " ";
    height: .8rem;
    left: 50%;
    position: absolute;
    top: .9rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .8rem
}

.hero {}

.hero .form-group {
    border-radius: 2px;
    background: #fff;
    border: 1px solid #fff;
    position: relative;
    height: 7rem
}

.hero .form-group button {
    width: 11rem;
    font-size: 1.8rem;
    z-index: 100;
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0
}

.hero .form-group input {
    border: 0;
    padding-right: 12rem;
    padding-left: 6rem !important;
    height: 7rem;
    line-height: 7rem;
    font-size: 1.8rem
}

.hero .form-group input::-webkit-input-placeholder {
    color: #333;
    font-style: normal;
    font-size: 1.8rem;
    opacity: .9
}

.hero .form-group input::-moz-placeholder {
    color: #333;
    font-style: normal;
    font-size: 1.8rem;
    opacity: .9
}

.hero .form-group input:-ms-input-placeholder {
    color: #333;
    font-style: normal;
    font-size: 1.8rem;
    opacity: .9
}

.hero .form-group input::-ms-input-placeholder {
    color: #333;
    font-style: normal;
    font-size: 1.8rem;
    opacity: .9
}

.hero .form-group input::placeholder {
    color: #333;
    font-style: normal;
    font-size: 1.8rem;
    opacity: .9
}

.hero .form-group input::-webkit-input-placeholder {
    font-weight: normal;
    color: #333;
    line-height: inherit
}

.hero .form-group input:-moz-placeholder,
.hero .form-group input::-moz-placeholder {
    font-weight: normal;
    color: #333
}

.hero .form-group input:-ms-input-placeholder {
    font-weight: normal;
    color: #333
}

.hero .form-group>i {
    line-height: 7rem;
    font-size: 2.4rem;
    left: 2rem;
    color: #7f7f7f !important
}

.hero .plus {
    font-weight: 700
}

.hero .sub {
    font-weight: 400 !important
}

@media only screen and (min-width:721px) {
    .hero .form-group {
        margin: 2rem 16.66667% 0
    }
}

@media only screen and (max-width:721px) {
    .hero .form-group {
        height: 4rem
    }

    .hero .form-group button {
        display: none !important
    }

    .hero .form-group input {
        border: 0;
        padding-right: 2rem;
        padding-left: 4rem !important;
        height: 4rem;
        min-height: 4rem;
        line-height: 4rem;
        font-size: 1.4rem
    }

    .hero .form-group input::-webkit-input-placeholder {
        color: #333;
        font-style: normal;
        font-size: 1.4rem;
        opacity: .9
    }

    .hero .form-group input::-moz-placeholder {
        color: #333;
        font-style: normal;
        font-size: 1.4rem;
        opacity: .9
    }

    .hero .form-group input:-ms-input-placeholder {
        color: #333;
        font-style: normal;
        font-size: 1.4rem;
        opacity: .9
    }

    .hero .form-group input::-ms-input-placeholder {
        color: #333;
        font-style: normal;
        font-size: 1.4rem;
        opacity: .9
    }

    .hero .form-group input::placeholder {
        color: #333;
        font-style: normal;
        font-size: 1.4rem;
        opacity: .9
    }

    .hero .form-group>i {
        line-height: 4rem;
        font-size: 2rem;
        left: 1rem
    }
}

button {
    border: none
}

.more {
    position: relative;
    font-weight: 700;
    padding-right: 3.2rem;
    display: inline-block;
    color: #0079c8
}

.bgcolor .more {
    color: #fff
}

.more i:last-child {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.8rem;
    font-size: 1.6rem
}

.more.block {
    padding: .8rem 3.2rem .8rem .8rem;
    display: block
}

.btn {
    position: relative !important;
    width: 100%;
    display: inline-block !important;
    text-align: center;
    font: bold 1.4rem Bupa, Arial, Helvetica, sans-serif;
    line-height: 1.6rem;
    text-decoration: none;
    color: #fff;
    background-color: #0079c8;
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 3px
}

.btn.active {
    border-color: #0079c8
}

.btn.dropdown-toggle {
    padding-right: 3rem
}

.btn.dropdown-toggle>i:last-child {
    right: .8rem
}

.btn.btn-rounded {
    border-radius: 25px
}

.btn.full-width {
    width: 100%
}

.btn>span {
    margin-left: .8rem;
    margin-right: .8rem;
    font-weight: bold;
    line-height: 1em;
    display: inline-block
}

.btn>i .icon:first-child,
.btn>i:first-child:not(.icon-arrow-left) {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2.4rem
}

.btn>i:not(.icon-arrow-left)+span,
.btn>.icon+span {
    margin-left: 3.2rem
}

.btn>span+i {
    margin-right: 0;
    margin-left: .8rem
}

.btn-xs>span {
    margin: 0 .8rem
}

.btn.white {
    background-color: #fff;
    color: #0079c8
}

.btn.trans {
    background-color: transparent;
    color: #0079c8
}

.sec {
    background-color: transparent !important;
    border-color: #0079c8;
    color: #0079c8
}

.btn.sec:hover,
.btn.sec.active {
    background-color: transparent !important;
    color: #00548c;
    opacity: .8
}

.btn.sec.tfuchsia:hover,
.btn.sec.tfuchsia.active {
    color: #9c2d6f !important;
    border-color: #9c2d6f
}

.btn.sec.navy {
    border-color: #00335b;
    color: #00335b !important
}

.btn.sec.navy:hover,
.btn.sec.navy.active {
    color: #00294c !important;
    border-color: #00294c
}

.btn.ter:hover,
.btn.ter.active {
    opacity: .8
}

.btn.ter.tfuchsia:hover,
.btn.ter.tfuchsia.active {
    color: #9c2d6f !important
}

.bgcolor .sec,
.bg90:not(.white) .sec,
.bg80:not(.white) .sec {
    border-color: #fff;
    color: #fff
}

.bordered {
    border: 2px solid #fff
}

span.bordered {
    display: inline-block
}

.btn.sec.white {
    color: #fff;
    border-color: #fff
}

.btn.sec.white:hover {
    color: #fff
}

.btn.block {
    width: 100%;
    clear: both
}

.ter {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #0079c8
}

.btn.ter:hover {
    background-color: transparent !important
}

.bgcolor .ter {
    color: #fff
}

.btn {
    padding: 1.4rem
}

.btn-xs {
    padding: 1.1rem;
    font-size: 1.2rem;
    border-width: 1px
}

.btn-sm {
    padding: 1.1rem
}

.btn-lg {
    padding: 2.2rem;
    border-radius: 5px;
    font-size: 2.2rem
}

.btn-xl {
    padding: 2.2rem;
    border-radius: 5px;
    font-size: 2.4rem
}

.btn.overlay {
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    background-image: none !important;
    z-index: 90;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 2.2rem
}

.btn.overlay.left {
    position: absolute;
    left: 0;
    right: auto;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn.overlay>i {
    left: .8rem
}

.overlay.left+input {
    padding-left: 5.6rem
}

.btns {
    margin-top: 2.4rem
}

p+.btns {
    margin-top: 0
}

.btns>* {
    margin: 0 auto .8rem auto
}

.btns>*:first-child {
    margin-left: 0
}

.btns>*:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.btns:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:481px) {
    .btn {
        width: auto
    }

    .btn-xs>span {
        margin: 0
    }

    .btn-xs>i:first-child:not(.icon-arrow-left) {
        font-size: 2rem;
        position: absolute;
        left: 5px;
        top: 50%
    }

    .btn-xs>i:first-child:not(.icon-arrow-left)+span {
        margin-left: 2.4rem
    }

    .btn-sm>i:first-child:not(.icon-arrow-left) {
        font-size: 1.8rem;
        position: absolute;
        left: .8rem;
        top: 50%
    }

    .btn-sm>i:first-child:not(.icon-arrow-left)+span {
        margin-left: 2.4rem
    }

    .btns {
        display: inline-block
    }

    .btns>* {
        float: left;
        margin: 0 .8rem .8rem 0
    }

    .btns-bar {
        margin-top: 0
    }

    .btns-bar>* {
        margin: 0 1px 0 0
    }

    .btns-bar>*>* {
        margin: 0;
        border-radius: 0
    }

    .btns-bar>*>.sec {
        margin: 0 0 0 -.4rem
    }

    .btns-bar .sec.active {
        background-color: #0079c8 !important;
        color: #fff
    }

    .btns-bar>*:first-child>.sec {
        margin: 0
    }

    .btns-bar>*:first-child>* {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .btns-bar>*:first-child>.sec:after {
        border-right: 1px solid #0079c8;
        content: "\00a0";
        height: calc(100% + 4px);
        position: absolute;
        right: -3px;
        top: -2px
    }

    .btns-bar>*:last-child>* {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .btns .btn.active:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(91, 105, 115, 0);
        border-top-color: inherit;
        border-width: 9px;
        margin-left: -9px
    }
}

@media only screen and (min-width:721px) {
    .btn-xs {
        padding: .7rem
    }

    .btn-sm {
        padding: 1rem
    }
}

@media only screen and (min-width:1281px) {
    .btn-xl {
        padding: 3rem;
        border-radius: 8px
    }
}

.view-before {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.view-before:focus {
    outline: 0
}

.view-before i {
    font-size: 1.2rem
}

.pagination_lite li {
    float: left
}

.pagination_lite i {
    color: #0079c8
}

.pagination_lite a {
    padding: .8rem;
    color: #0079c8
}

.pagination_lite i {
    color: #0079c8
}

.bgcolor>.pagination.overline {
    border-color: #fff
}

.bgcolor>.pagination .btn {
    background-color: #fff;
    color: #0079c8
}

.pagination .active .btn.sec {
    background-color: #00548c !important;
    border-color: #00548c;
    color: #fff !important
}

@media only screen and (max-width:721px) {
    .pagination li {
        display: none
    }

    .pagination li:first-child,
    .pagination li:last-child {
        display: block
    }
}

table {
    display: block;
    min-width: 100%;
    width: auto;
    border-collapse: collapse;
    border: none;
    font-size: 1.6rem;
    text-align: left;
    color: #333
}

caption,
thead,
tfoot,
tbody,
tr {
    position: static
}

caption {
    padding: 1.6rem 0;
    text-align: center;
    color: #000;
    font-size: 1.64rem
}

.bars tbody tr td:nth-child(even),
.bars tbody tr th:nth-child(even) {
    background-color: #f9f9f9
}

.bars tbody tr td:nth-child(odd),
.bars tbody tr th:nth-child(odd) {
    background-color: #fff
}

td,
th {
    border: none;
    text-align: center;
    position: static;
    padding: 1.6rem
}

thead tr {
    border-bottom: .2rem solid #0079c8
}

thead tr * {
    padding: 1.4rem 1.6rem 1.6rem 1.6rem
}

.vdotted thead tr {
    border-bottom-width: 4px
}

thead th,
.destacada thead th:first-child {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
    color: #000;
    background-color: transparent
}

thead th i {
    margin-right: .8rem;
    color: #0079c8
}

tbody th {
    vertical-align: middle;
    color: #000
}

tbody tr {
    border-top: .2rem solid #e6e6e6
}

.vdotted tbody tr {
    border-top-width: 4px
}

tbody td {
    vertical-align: middle
}

tbody tr>*.error {
    color: #d81e05 !important
}

tbody tr>*.progress {
    color: #db3907 !important
}

tbody td a {
    color: #0079c8;
    font-weight: bold
}

tbody td ul {
    text-align: left
}

table.vtop tbody tr>* {
    vertical-align: top
}

table.vmiddle tbody tr>* {
    vertical-align: middle
}

table.vbottom tbody tr>* {
    vertical-align: bottom
}

tbody td.vtop {
    vertical-align: top
}

tbody td.vmiddle {
    vertical-align: middle
}

tbody td.vbottom {
    vertical-align: bottom
}

tbody .btn {
    width: 100%
}

tbody td>i {
    display: block;
    clear: both;
    color: #0079c8;
    font-size: 2.5rem
}

tbody td .circle {
    clear: both
}

tbody td .circle+*:not(.circle) {
    display: block;
    clear: both
}

tfoot tr {
    border-top: 1px solid #e5e5e5
}

tfoot td {
    font-size: 1.1rem;
    color: #585858
}

@media only screen and (min-width:721px) {
    table {
        display: table
    }

    caption {
        display: table-caption
    }

    thead {
        display: table-header-group;
        background: #fff
    }

    tbody {
        display: table-row-group
    }

    tfoot {
        display: table-footer-group
    }

    tr {
        display: table-row
    }

    tbody tr {
        padding: 0;
        border-top: 1px solid #e5e5e5
    }

    .strips tbody tr {
        border: none
    }

    .strips tbody tr:nth-child(even) {
        background-color: #f5faff
    }

    td,
    th {
        display: table-cell;
        padding: 1.6rem;
        text-align: left
    }

    tbody .btn {
        width: auto
    }

    tbody td>i {
        display: none;
        clear: none;
        color: inherit;
        margin-right: .8rem;
        font-size: inherit
    }

    tbody td .circle {
        display: inline-table
    }

    table.vdotted tbody tr td {
        border-right: .2rem dotted #e6e6e6
    }

    table.vdotted tbody tr td:last-child {
        border-right: none
    }
}

.table-list {
    display: table;
    width: 100%;
    background: none
}

.table-list thead {
    display: none
}

.table-list tr {
    padding: 1.6rem;
    display: block;
    width: 100%
}

.table-list tr:first-child {
    border-top: none
}

.table-list td {
    display: block;
    position: static;
    text-align: center;
    white-space: normal;
    padding: .8rem 0;
    border-bottom: none;
    background: none
}

.table-scroll,
table {
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap
}

.table-scroll {
    display: inline-block;
    min-width: auto
}

.table-shadow {
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(ellipse at left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
    background-size: 15px 100%, 15px 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-attachment: scroll, scroll
}

.shadow-left {
    background-attachment: scroll, fixed
}

.shadow-right {
    background-attachment: fixed, scroll
}

.table-scroll td:first-child,
.table-flip tbody tr:first-child,
table td:first-child {
    background-repeat: no-repeat;
    background-size: 25px 100%
}

.table-scroll td:last-child,
.table-flip tbody tr:last-child,
table td:last-child {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 25px 100%
}

.table-scroll th {
    background: #fff;
    white-space: nowrap
}

.table-scroll td {
    white-space: nowrap
}

table thead th,
table td {
    white-space: nowrap
}

.table-flip {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow: hidden;
    background: none;
    min-width: auto
}

.table-flip thead {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content
}

.table-flip th {
    border-right: .2rem solid #0079c8;
    background: #f2f8fc;
    border-bottom: none
}

.table-flip td {
    border-bottom: none;
    border-right: 1px solid #e5e5e5
}

.table-flip tbody {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow-x: auto;
    overflow-y: hidden
}

.table-flip thead tr {
    border-bottom: none
}

.table-flip tr {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none
}

.table-flip td,
.table-flip th {
    display: block
}

.table-flip td {
    background-image: none !important;
    border-left: 0
}

@media only screen and (min-width:721px) {
    table td {
        white-space: normal
    }

    .table-list {
        display: table;
        width: auto;
        min-width: 100%
    }

    .table-list tr {
        display: table-row;
        border: none
    }

    .table-list td,
    .table-list th {
        display: table-cell;
        text-align: left;
        padding: 1.6rem;
        border-bottom: 1px solid #e5e5e5
    }

    .table-list thead {
        display: table-header-group;
        border-bottom: .2rem solid #0079c8
    }
}

#table-informes .resumen {
    display: none
}

#table-informes a.expand {
    width: 3.6rem;
    height: 1.8rem;
    text-align: center;
    color: #fff;
    background: #0079c8;
    border-radius: 36px 36px 0 0;
    padding: .2rem 0 0 .8rem
}

#table-informes a.expand i,
#table-informes a.expand .icon {
    vertical-align: sub;
    margin-right: .8rem;
    display: inline
}

#table-informes td {
    padding: .4rem 0
}

#table-informes td i {
    display: none
}

#table-informes td:last-child {
    padding: .8rem 0 0 0
}

#table-informes tr {
    padding-bottom: 0 !important
}

#table-informes .uploaded::before {
    content: "Añadido por: ";
    font-size: .9rem;
    color: #999
}

@media only screen and (min-width:721px) {

    #table-informes td:last-child,
    #table-informes th:last-child {
        text-align: center !important;
        white-space: nowrap
    }

    #table-informes td {
        padding: 1.6rem
    }

    #table-informes td:last-child {
        padding: .8rem 0
    }

    #table-informes tr {
        padding-bottom: 1.6rem !important
    }

    #table-informes .resumen {
        display: table-cell
    }

    #table-informes a.expand {
        display: none
    }

    #table-informes td i {
        display: inherit
    }

    #table-informes .uploaded::before {
        content: ""
    }
}

.table-seguros-dentales,
.table-insurance-products {
    overflow-x: scroll;
    margin: 0 -1.6rem;
    padding: 0 1.6rem
}

.table-seguros-dentales .container,
.table-insurance-products .container {
    border: none
}

.table-seguros-dentales [class*="col-"],
.table-insurance-products [class*="col-"] {
    padding: 1.6rem
}

.table-seguros-dentales [class*="col-"]>form,
.table-insurance-products [class*="col-"]>form {
    margin: 0 -.8rem
}

.table-seguros-dentales .row .title.plus,
.table-seguros-dentales dt,
.table-insurance-products .row .title.plus,
.table-insurance-products dt {
    text-align: left
}

.table-seguros-dentales>.row,
.table-insurance-products>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.table-seguros-dentales>.row:not(.sticky)>*:nth-of-type(2n),
.table-insurance-products>.row:not(.sticky)>*:nth-of-type(2n) {
    background-color: #f7f7f7
}

.table-seguros-dentales>.row:not(.sticky)>[class*="col-"],
.table-insurance-products>.row:not(.sticky)>[class*="col-"] {
    border-top: 1px solid #f0f0f0
}

.table-seguros-dentales>.row:nth-child(2)>[class*="col-"],
.table-insurance-products>.row:nth-child(2)>[class*="col-"] {
    border: none
}

.table-seguros-dentales dl,
.table-insurance-products dl {
    margin: 0 -1.6rem
}

.table-seguros-dentales dd .row,
.table-insurance-products dd .row {
    margin: 0
}

.table-seguros-dentales dd .row>*,
.table-insurance-products dd .row>* {
    background-color: #f7f7f7
}

.table-seguros-dentales dd .row>*:first-child,
.table-insurance-products dd .row>*:first-child {
    background-color: #fff
}

.table-seguros-dentales dd .title.plus,
.table-insurance-products dd .title.plus {
    padding-left: 1.6rem
}

.table-seguros-dentales .fan .row>*:first-child,
.table-insurance-products .fan .row>*:first-child {
    text-align: left
}

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

    .table-seguros-dentales .sticky,
    .table-insurance-products .sticky {
        width: 100vw;
        -webkit-transition: .5s height ease-in;
        transition: .5s height ease-in
    }

    .table-seguros-dentales .sticky button,
    .table-insurance-products .sticky button {
        padding: .8rem 0;
        margin: .8rem 0 0 !important
    }

    .table-seguros-dentales .sticky button>span,
    .table-seguros-dentales .sticky button>i,
    .table-insurance-products .sticky button>span,
    .table-insurance-products .sticky button>i {
        margin: 0
    }
}

.table-seguros-dentales .sticky.fixed,
.table-insurance-products .sticky.fixed {
    position: static !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff !important;
    z-index: 1030
}

@media only screen and (max-width:960px) and (orientation:portrait) {

    .table-seguros-dentales .sticky.fixed,
    .table-insurance-products .sticky.fixed {
        position: fixed !important
    }

    .table-seguros-dentales .sticky.fixed>.row,
    .table-insurance-products .sticky.fixed>.row {
        margin: 0 -.8rem
    }

    .table-seguros-dentales .sticky.fixed [class*="col-"],
    .table-insurance-products .sticky.fixed [class*="col-"] {
        padding-top: .4rem
    }

    .table-seguros-dentales .sticky.fixed [class*="col-"]>p,
    .table-insurance-products .sticky.fixed [class*="col-"]>p {
        display: none
    }

    .table-seguros-dentales .sticky.fixed .title,
    .table-insurance-products .sticky.fixed .title {
        display: none
    }

    .table-seguros-dentales .sticky.fixed [class*="col-"]>p.oferta,
    .table-insurance-products .sticky.fixed [class*="col-"]>p.oferta {
        display: block
    }

    .table-seguros-dentales .sticky.fixed .oferta,
    .table-insurance-products .sticky.fixed .oferta {
        margin: 0
    }

    .table-seguros-dentales .sticky.fixed .oferta span,
    .table-insurance-products .sticky.fixed .oferta span {
        font-size: 1.4rem;
        margin-top: 0
    }

    .table-seguros-dentales .sticky.fixed .oferta span.precio,
    .table-insurance-products .sticky.fixed .oferta span.precio {
        font-size: 2.2rem;
        margin-top: 0
    }
}

.table-seguros-dentales .sticky>.row,
.table-insurance-products .sticky>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100vw
}

@media only screen and (max-width:960px) and (orientation:portrait) {

    .table-seguros-dentales .sticky>.row,
    .table-insurance-products .sticky>.row {
        margin: 0 -2rem;
        width: calc(100vw + 1.6rem)
    }
}

.table-seguros-dentales .sticky>.row>*,
.table-insurance-products .sticky>.row>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    color: #fff !important
}

.table-seguros-dentales .sticky .title,
.table-insurance-products .sticky .title {
    color: #fff
}

.table-seguros-dentales .sticky .title.title-sm,
.table-insurance-products .sticky .title.title-sm {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.table-seguros-dentales .sticky [class*="col-"],
.table-insurance-products .sticky [class*="col-"] {
    background-color: #0079c8
}

.table-seguros-dentales .sticky [class*="col-"]:first-child,
.table-insurance-products .sticky [class*="col-"]:first-child {
    background-color: #00335b
}

.table-seguros-dentales .sticky [class*="col-"]:last-child,
.table-insurance-products .sticky [class*="col-"]:last-child {
    background-color: #7fbce3
}

@media only screen and (min-width:481px) {

    .table-seguros-dentales,
    .table-insurance-products {
        overflow: visible
    }

    .table-seguros-dentales .sticky [class*="col-"]:first-child,
    .table-insurance-products .sticky [class*="col-"]:first-child {
        margin-left: 25%
    }

    .table-seguros-dentales>.row,
    .table-insurance-products>.row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width:961px) {

    .table-seguros-dentales,
    .table-insurance-products {
        margin: 0;
        padding: 0
    }

    .table-seguros-dentales .sticky,
    .table-insurance-products .sticky {
        margin: 0 -1.6rem
    }

    .table-seguros-dentales .sticky>.row,
    .table-insurance-products .sticky>.row {
        width: 96.2rem
    }

    .table-seguros-dentales .sticky [class*="col-"],
    .table-insurance-products .sticky [class*="col-"] {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .table-seguros-dentales .sticky.fixed,
    .table-insurance-products .sticky.fixed {
        position: fixed !important;
        z-index: 1030;
        -webkit-box-shadow: 0 6px 5px -4px rgba(0, 0, 0, .31);
        box-shadow: 0 6px 5px -4px rgba(0, 0, 0, .31);
        width: 100%;
        margin: 0;
        left: 0;
        background-color: #fff
    }

    .table-seguros-dentales .sticky.fixed>.row,
    .table-insurance-products .sticky.fixed>.row {
        margin: 0 auto
    }

    .table-seguros-dentales .sticky.fixed [class*="col-"]>p:not(.oferta),
    .table-insurance-products .sticky.fixed [class*="col-"]>p:not(.oferta) {
        display: none
    }

    .table-seguros-dentales .sticky.fixed .precio,
    .table-insurance-products .sticky.fixed .precio {
        font-size: 2.4rem;
        margin-top: .8rem
    }

    .table-seguros-dentales .sticky.fixed .oferta>span,
    .table-insurance-products .sticky.fixed .oferta>span {
        display: inline-block
    }

    .table-seguros-dentales .sticky.fixed .title,
    .table-insurance-products .sticky.fixed .title {
        font-size: 2.2rem
    }

    .table-seguros-dentales .sticky.fixed .oferta,
    .table-insurance-products .sticky.fixed .oferta {
        margin: 0
    }
}

@media only screen and (min-width:1281px) {

    .table-seguros-dentales .sticky>.row,
    .table-insurance-products .sticky>.row {
        width: 124.8rem
    }

    .table-seguros-dentales.pricing-table .sticky>.row,
    .table-insurance-products.pricing-table .sticky>.row {
        width: 121.2rem
    }
}

.container.breadcrumb {
    display: none
}

.nonav+.container.breadcrumb {
    border: none
}

#breadcrumb {
    font-size: 1.3rem;
    text-align: left;
    padding: 1.5rem 0 1.6rem 0;
    margin-bottom: 0
}

.nonav+.container #breadcrumb {
    padding: 0 0 1.6rem 0
}

#breadcrumb li,
#breadcrumb h1 {
    display: inline-block
}

#breadcrumb a {
    color: #000
}

#breadcrumb a span,
#breadcrumb a:hover span {
    color: #0079c8
}

#breadcrumb a:after {
    content: "/"
}

#breadcrumb span {
    padding: 0 .8rem
}

#breadcrumb h1 {
    font-size: 1.3rem;
    padding-left: .8rem;
    font-weight: normal
}

#breadcrumb li:first-child span,
#breadcrumb li:first-child h1 {
    padding-left: 0
}

@media only screen and (min-width:961px) {
    .container.breadcrumb {
        display: block
    }
}

dl.data {
    color: #333
}

dl.data dt {
    display: block;
    margin: 0 0 1rem 0;
    text-align: left;
    font-weight: normal
}

dl.data dd {
    display: block;
    margin: 0 0 1rem 0;
    text-align: left;
    font-weight: bold
}

dl.data dd * {
    font-weight: bold
}

@media only screen and (min-width:961px) {
    dl.data {
        text-align: left
    }

    dl.data dt,
    dl.data dd {
        display: inline-block
    }
}

.calendar.monthly td,
.calendar.monthly th {
    width: 14.2%
}

.calendar thead tr {
    border-bottom: none
}

.calendar tbody tr {
    border-top: 1px solid #e6e6e6
}

.calendar th {
    border-left: 1px solid #e6e6e6;
    text-align: center
}

.calendar td {
    border-left: 1px solid #e6e6e6;
    vertical-align: top
}

.calendar tr>*:first-child {
    border-left: none
}

.calendar .holiday {
    background-color: #f9f9f9
}

.calendar.weekly tbody th {
    vertical-align: middle;
    text-transform: uppercase
}

.calendar.weekly tbody th span {
    display: block;
    clear: both;
    text-transform: uppercase;
    color: #919295
}

.calendar.weekly tbody th i {
    color: #0079c8
}

.calendar.lite tr {
    border-top: none
}

.calendar.lite tr>* {
    border: none;
    padding: 0 .8rem;
    text-align: center;
    height: 3.2rem;
    vertical-align: middle
}

.calendar.lite .holiday {
    background-color: #fff;
    color: #acafb0
}

.calendar.lite .othermonth {
    background-color: #fff;
    color: #d9dbde
}

#mod_calendar {
    overflow: hidden;
    border: 1px solid #e6e6e6
}

#mod_calendar .main {
    border-right: 1px solid #e6e6e6
}

#mod_calendar .main .pagination_lite {
    float: right
}

#mod_calendar .main .func {
    width: 100%
}

#mod_calendar .main .func li {
    float: right
}

#mod_calendar .main .func a {
    padding: .4rem
}

#mod_calendar .main .func a:hover {
    color: #0079c8
}

#mod_calendar .calendar.weekly {
    border-top: 1px solid #e6e6e6
}

.date {
    overflow: hidden;
    color: #000
}

.date input,
.date select {
    float: left;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.date .day:not(span),
.date .month:not(span) {
    width: 23% !important;
    margin-right: 2% !important
}

.date .year:not(span) {
    width: 50% !important;
    margin-right: 0 !important
}

.date select.month {
    width: 43% !important
}

.date select.year {
    width: 25% !important
}

.form-group.date {
    padding-left: 0
}

.form-group.cp {
    padding-left: 0;
    padding-right: 0
}

.form-group.cp input {
    text-align: center
}

@media only screen and (min-width:961px) {
    .dataselector {
        display: table;
        margin: 2rem auto
    }

    .dataselector .selection {
        width: 50%;
        display: table-cell;
        vertical-align: middle
    }

    .dataselector .data {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        padding-right: 4rem;
        border-right: 1px solid #e6e6e6
    }

    .dataselector .date,
    .dataselector .selector {
        display: inline-block
    }

    .dataselector .selection {
        text-align: left;
        padding-left: 4rem
    }
}

.filedownload {
    margin-bottom: 2.4rem;
    display: block;
    clear: both;
    text-align: center
}

.filedownload p {
    margin-bottom: 0
}

.filedownload .circle {
    margin-bottom: .8rem
}

.filetitle {
    color: #333;
    font-weight: 400;
    font-size: 1.7rem
}

.filename {
    color: #0079c8;
    font-weight: 700
}

a[download]:not(.filedownload) {
    display: block;
    clear: both;
    margin-bottom: 2rem;
    text-align: center;
    color: #0079c8;
    font-weight: 700 !important
}

a[download]:not(.filedownload) .circle {
    display: block;
    clear: both;
    left: 50%;
    margin-left: -2.7rem;
    margin-right: 50%;
    margin-bottom: .8rem
}

a[download]:not(.filedownload) .circle i {
    display: inline;
    margin: 0
}

a[download]:not(.filedownload) .filetitle {
    color: #333;
    font-weight: 400;
    font-size: 1.7rem
}

.avatar {
    width: 10rem
}

.person .pagination li {
    display: inline-block
}

>.media {
    width: 10rem;
    padding-bottom: 0;
    background-color: #f7f7f7
}

>.media.media-status {
    margin-bottom: 2.5rem
}

>img {
    width: 10rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 4px solid #e6e6e6
}

.jobtitle,
.person [itemprop="jobTitle"] {
    color: #000;
    text-transform: lowercase
}

.jobtitle:first-letter,
.person [itemprop="jobTitle"]:first-letter {
    text-transform: uppercase
}

a.person.active img,
a.person:hover img {
    border-color: #7fbce3
}

a:hover .person img {
    border-color: #7fbce3
}

a.person.active,
a.person:hover {
    color: #0079c8
}

a.person.active>*:last-child {
    display: inline-block;
    padding-bottom: .8rem;
    border-bottom: 4px solid #0079c8
}

.steps {
    width: 100%;
    display: table;
    text-align: center;
    color: #000;
    margin: 0 0 2.4rem 0 !important;
    z-index: 0
}

.steps ol {
    width: 100%;
    display: table-row
}

.steps ol>li {
    width: 10rem;
    padding-top: 1.5rem;
    padding-left: 0 !important;
    border-top: .8rem solid #e6e6e6;
    display: table-cell;
    vertical-align: bottom
}

.steps ol>li:before {
    content: "";
    display: none
}

.steps li.active,
.steps li.visited {
    border-color: #0079c8
}

.steps li.active {
    color: #0079c8
}

.steps li.visited {
    color: #000
}

.steps li span {
    display: block;
    position: absolute;
    top: -1.6rem;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #e6e6e6
}

.steps li span:last-child {
    position: absolute;
    left: -1px;
    right: auto
}

.steps li span:first-child {
    right: -1px;
    left: auto
}

.steps li.active span,
.steps li.visited span {
    background-color: #0079c8;
    z-index: 100
}

.steps li div {
    position: absolute;
    display: none
}

.steps li.active div {
    position: fixed;
    left: 0;
    width: 100%;
    display: block;
    text-align: center
}

@media only screen and (min-width:481px) {
    .steps li div {
        position: relative;
        display: initial
    }

    .steps li.active div {
        position: relative;
        left: auto;
        width: auto;
        display: block
    }
}

.prominent {
    background: #409bd6;
    display: table;
    width: 10rem;
    height: 10rem;
    margin: 0 auto 1.6rem auto;
    border-radius: 50%;
    text-align: center
}

.prominent .photo {
    border-radius: 50%;
    overflow: hidden
}

.prominent+div {
    color: #409bd6
}

.prominent>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.prominent>i {
    font-size: 4.5rem;
    color: #fff
}

.prominent.sec {
    background: #fff;
    border: 3px solid #95d5ff
}

.prominent.sec>i {
    color: #95d5ff
}

.active>.prominent {
    background-color: #0079c8
}

.active>.prominent.sec {
    border-color: #0079c8;
    background-color: #fff
}

.active>.prominent.sec>i {
    color: #0079c8
}

.active>.prominent+div {
    color: #0079c8
}

.off>.prominent.sec {
    border-color: #acacac
}

.off>.prominent.sec>i,
.off>.prominent.sec+div {
    color: #acacac
}

.prominent *>* {
    color: #fff;
    text-align: center
}

tr .prominent {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0
}

a:hover .prominent {
    border-color: #0079c8;
    background-color: #0079c8
}

a:hover .prominent.sec {
    background-color: #fff
}

a:hover .prominent.sec>i {
    color: #0079c8
}

a:hover .prominent+div {
    color: #0079c8
}

.grid>li>a,
.list>li>a {
    display: block;
    margin: 0 !important
}

li>a.active:not(.btn) {
    border-bottom: 3px solid #0079c8
}

li>a:not(.btn):hover {
    border-bottom-color: #0079c8
}

.status {
    border-radius: 50%;
    background-color: #d9220a;
    color: #fff
}

.status.ok {
    background-color: #939905
}

.status.alert {
    background-color: #c6007e
}

.status.progress {
    background-color: #db3907
}

.status.error {
    background-color: #e53b36
}

.status>* {
    color: #fff
}

div>.status {
    position: absolute;
    bottom: -2rem;
    top: auto;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 4rem;
    border: 3px solid #fff;
    font-size: 1.6rem;
    line-height: 3.4rem
}

.media+.status {
    position: absolute;
    top: 8rem;
    left: 50%;
    padding: 0;
    color: #fff !important;
    margin-left: -2rem
}

.prominent .status {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 4rem;
    border: 3px solid #fff;
    line-height: 3.2rem
}

table .status {
    position: relative;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
    text-align: center !important;
    margin-right: .5rem
}

.prominent .year {
    display: none
}

.prominent .weekday,
.prominent .month,
.prominent [itemprop="priceCurrency"] {
    font-size: 1.7rem;
    line-height: 1.7rem;
    display: block;
    width: auto !important;
    margin: 0
}

.prominent .monthday {
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-weight: normal;
    display: block;
    width: auto
}

.prominent [itemprop="price"] {
    font-size: 2.8rem;
    line-height: 3rem;
    font-weight: bold;
    display: block;
    width: auto
}

li>.appointment-list {
    padding-left: 12rem;
    text-align: left
}

li>.appointment-list .prominent {
    position: absolute;
    left: 0;
    top: 0
}

.rating>* {
    display: inline-block;
    vertical-align: middle
}

.rating .allrating {
    color: #0079c8;
    display: block;
    margin-top: .8rem
}

.rating .allrating i {
    color: #0079c8 !important;
    font-size: 1.2rem;
    vertical-align: initial
}

.rating .stars {
    vertical-align: middle;
    font-size: 1.6rem
}

.rating .stars>i {
    color: #f7a164 !important;
    vertical-align: baseline;
    display: inline-block
}

.icon-star-half:after {
    background: transparent url(/img/site_general/diseno/star-half-solid.svg) no-repeat 0 0;
    content: "\00a0";
    left: 0;
    position: absolute;
    top: 0;
    width: 1.6rem
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .icon-star-half:after {
        top: -1px
    }
}

.stars a {
    display: inline-block;
    text-indent: -9999px;
    float: left;
    position: relative;
    width: 4.5rem;
    height: 1rem;
    margin-top: .5rem;
    margin-right: .5rem;
    background: transparent url(/img/site_general/diseno/estrella.png) 0 0 repeat-x
}

.p0,
.p1,
.p2,
.p3,
.p4,
.p5 {
    position: absolute;
    z-index: 100;
    height: 1rem;
    width: 0;
    background: transparent url(/img/site_general/diseno/estrella.png) 0 -20px repeat-x
}

.p1 {
    width: .9rem
}

.p2 {
    width: 1.8rem
}

.p3 {
    width: 2.7rem
}

.p4 {
    width: 3.6rem
}

.p5 {
    width: 4.5rem
}

.review-number {
    color: #f7a164
}

.action {
    font-weight: bold;
    color: #0079c8
}

.action i {
    margin-right: .8rem;
    font-size: 4rem;
    font-weight: normal;
    vertical-align: middle;
    color: #fff;
    background-color: #0079c8;
    border-radius: 100%
}

.document {
    font-weight: bold;
    color: #333
}

.document i {
    margin-right: .8rem;
    padding: 1rem;
    font-size: 2rem;
    font-weight: normal;
    vertical-align: middle;
    color: #fff;
    background-color: #939905;
    border-radius: 100%
}

.oferta {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-bottom: .8rem
}

.oferta>span:first-child {
    display: block
}

.oferta .precio {
    display: inline-block;
    font-size: 4rem;
    margin-top: 1.6rem
}

.oferta .literal {
    font-weight: normal;
    font-size: 1.6rem
}

@media only screen and (min-width:481px) {
    .oferta .precio {
        font-size: 4rem
    }
}

.with-ribbon {
    position: relative;
    overflow: hidden
}

.diagonal-ribbon {
    position: absolute;
    top: 35px;
    left: -50px;
    z-index: 10;
    width: 200px;
    padding: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #7fbce3;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: center
}

.diagonal-ribbon-right {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: auto;
    right: -50px
}

.media {
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.contributed>.media {
    margin-bottom: 1.5rem
}

.media>*:not(.play) {
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.person .media {
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #e6e6e6;
    text-align: center;
    padding: 0
}

.person .media>img {
    width: 100%
}

.media.relauto img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media.relauto-h img {
    width: 100%;
    height: auto
}

.media.relauto>*:not(.play) {
    position: absolute;
    height: 100%
}

.media>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.rel16x9 {
    height: 0 !important;
    padding-bottom: 56.26% !important;
    overflow: hidden
}

.rel3x1 {
    height: 0 !important;
    padding-bottom: 33.33% !important;
    overflow: hidden
}

.rel3x2 {
    height: 0 !important;
    padding-bottom: 66.66% !important;
    overflow: hidden
}

.rel4x2 {
    height: 0 !important;
    padding-bottom: 50% !important;
    overflow: hidden
}

.rel4x3 {
    height: 0 !important;
    padding-bottom: 75% !important;
    overflow: hidden
}

.rel1x1 {
    height: 0 !important;
    padding-bottom: 100% !important;
    overflow: hidden
}

.rel1x2 {
    height: 0 !important;
    padding-bottom: 200% !important;
    overflow: hidden
}

.rel1x3 {
    height: 0 !important;
    padding-bottom: 300% !important;
    overflow: hidden
}

.rel1x4 {
    height: 0 !important;
    padding-bottom: 400% !important;
    overflow: hidden
}

.rel2x3 {
    height: 0 !important;
    padding-bottom: 150% !important;
    overflow: hidden
}

.rel3x4 {
    height: 0 !important;
    padding-bottom: 133.33% !important;
    overflow: hidden
}

.relauto {
    height: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden
}

.thumb {
    width: 5.6rem;
    height: 5.6rem;
    padding-bottom: 5.6rem !important;
    overflow: hidden
}

.media.rel1x1>*:not(.play),
.media.rel1x1 img {
    width: auto !important;
    height: 100% !important
}

.media.rel1x1>*:not(.play) {
    position: absolute
}

.media.thumb img {
    width: auto !important;
    height: 5.6rem !important;
    border-radius: 50%
}

.media-caption {
    color: #000;
    background-color: #e6e6e6;
    display: block;
    padding: .8rem;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6rem
}

.picture {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 1.6rem 0
}

.picture .media {
    height: auto;
    padding: 0
}

.picture .media>* {
    position: relative;
    display: block
}

.picture .media>a {
    z-index: 100
}

.picture.left {
    width: 33%;
    float: left;
    clear: left;
    margin: 0 1.6rem 0 0
}

.picture.right {
    width: 33%;
    float: right;
    clear: right;
    margin: 0 0 0 1.6rem
}

.full.mediacont .thecont {
    padding: 1.6rem 0;
    text-align: left !important
}

.full>* {
    float: none !important;
    width: 100% !important
}

.mediacont.thumbleft .thecont,
.mediacont.thumbright .thecont {
    text-align: center
}

.banner.mediacont {
    height: 0;
    padding-bottom: 75%
}

.banner.mediacont.bgcolor .thecont {
    padding: 0
}

.banner.mediacont .themedia {
    position: absolute;
    top: 0;
    z-index: 90;
    float: none;
    width: 100%
}

.banner.mediacont .thecont {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100
}

.banner.mediacont .thecont>* {
    padding: 1.6rem
}

.banner.mediacont .thecont>*+* {
    padding-top: 0
}

.banner.mediacont .thecont>*:not(.title) {
    display: none
}

.list>li.mediacont.tablerow {
    margin-bottom: 1rem !important;
    padding: 0
}

.mediacont.tablerow>div {
    float: none
}

.bgcolor .rounded i {
    border: 1px solid;
    height: 5rem;
    padding: 1.2rem;
    width: 5rem
}

.mediacont.phi.tablerow .themedia {
    width: 62.8%
}

.mediacont.phi.tablerow .thecont {
    width: 38.2%
}

@media only screen and (min-width:481px) {

    .container>.sm-relauto,
    .sm-relauto {
        height: 100% !important;
        padding-bottom: 0 !important;
        overflow: hidden
    }

    .thumbleft {
        padding-left: 7rem !important;
        text-align: left;
        min-height: 10rem
    }

    .thumbright {
        padding-right: 7rem !important;
        text-align: left;
        min-height: 10rem
    }

    .thumbleft .thumb {
        position: absolute;
        top: 0;
        left: 0;
        right: auto
    }

    .thumbright .thumb {
        position: absolute;
        top: 0;
        left: auto;
        right: 0
    }

    .thumb {
        width: 10rem;
        height: 10rem;
        padding-bottom: 10rem !important;
        overflow: hidden
    }

    .media.thumb img {
        width: auto !important;
        height: 10rem !important
    }

    .thumbleft {
        padding: 1.6rem 1.6rem 1.6rem 12rem !important
    }

    .thumbright {
        padding: 1.6rem 12rem 1.6rem 1.6rem !important
    }

    .mediacont.thumbleft,
    .mediacont.thumbright {
        display: table-row;
        padding: 0 !important;
        margin-bottom: 0
    }

    .mediacont.thumbleft .themedia {
        float: none;
        display: table-cell;
        width: 10rem;
        padding: 0
    }

    .mediacont.thumbright .themedia {
        float: right;
        display: table-cell;
        width: 10rem;
        padding: 0
    }

    .mediacont.thumbleft .thecont {
        float: none;
        display: table-cell;
        width: auto;
        padding: 0 0 0 .8rem;
        vertical-align: top;
        text-align: left
    }

    .mediacont.thumbright .thecont {
        float: left;
        display: table-cell;
        width: auto;
        min-height: 10rem;
        padding: 0 12rem 0 0;
        vertical-align: top;
        text-align: left
    }

    .media.thumb img {
        border-radius: 0
    }
}

@media only screen and (min-width:721px) {

    .container>.md-relauto,
    .md-relauto {
        height: 100% !important;
        padding-bottom: 0 !important;
        overflow: hidden
    }
}

@media only screen and (min-width:961px) {

    .container>.lg-relauto,
    .lg-relauto {
        height: 100% !important;
        padding-bottom: 0 !important;
        overflow: hidden
    }

    .media.lg-relauto img {
        position: absolute;
        width: auto;
        height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .media.lg-relauto-h img {
        width: 100%;
        height: auto
    }

    .media.lg-relauto>*:not(.play) {
        position: absolute;
        height: 100%
    }

    .banner.mediacont:hover {
        overflow: hidden
    }

    .banner.mediacont:hover .thecont {
        top: 0;
        height: 0;
        padding-bottom: 75%
    }

    .banner.mediacont:hover .thecont>* {
        display: block
    }

    .banner.mediacont:hover .thecont>*.title {
        padding-bottom: .8rem
    }
}

.mediacont {
    clear: both;
    width: 100%
}

.thecont {
    padding: 1.6rem 0
}

.list>li.mediacont {
    padding: 2.4rem 0
}

.list>li.mediacont:first-child {
    padding-top: 0
}

@media only screen and (min-width:721px) {
    .mediacont {
        float: left;
        clear: both
    }

    .list>li.mediacont {
        float: none;
        clear: none;
        margin-bottom: 0
    }

    .list>*.mediacont {
        margin-bottom: 0
    }

    .mediacont .themedia {
        float: left;
        width: 50%;
        padding: 0
    }

    .mediacont .thecont {
        float: left;
        width: 50%;
        padding: 0 3.2rem
    }

    .mediacont.phi .themedia {
        width: 38.2%
    }

    .mediacont.phi .thecont {
        width: 61.8%;
        padding: 0 1.6rem
    }

    .vphi>*:first-child {
        height: 0;
        padding-bottom: 61.8% !important
    }

    .vphi>*:first-child+* {
        height: 0;
        padding-bottom: 38.2% !important
    }

    .mediacont.bgcolor .thecont {
        padding: 1.6rem
    }

    .thecont {
        text-align: left
    }

    .zigzag>li.mediacont,
    .zagzig>li.mediacont {
        margin-bottom: 4rem
    }

    .zigzag>li.mediacont:nth-child(even) .themedia {
        float: left;
        clear: left
    }

    .zigzag>li.mediacont:nth-child(even) .thecont {
        text-align: left
    }

    .zigzag>li.mediacont:nth-child(odd) .themedia {
        float: right;
        clear: right
    }

    .zigzag>li.mediacont:nth-child(odd) .thecont {
        text-align: right
    }

    .zagzig>li.mediacont:nth-child(even) .themedia {
        float: right;
        clear: right
    }

    .zagzig>li.mediacont:nth-child(even) .thecont {
        text-align: right
    }

    .zagzig>li.mediacont:nth-child(odd) .themedia {
        float: left;
        clear: left
    }

    .zagzig>li.mediacont:nth-child(odd) .thecont {
        text-align: left
    }
}

.mapviewer {
    display: none;
    margin-bottom: 3rem
}

.overlay-layer {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    z-index: 90;
    -webkit-transition: .5s;
    transition: .5s
}

.overlay-layer:hover {
    opacity: 0
}

.overlay-layer .txt-bordered {
    color: #fff;
    padding: .8rem;
    font-size: 1.8rem;
    display: block;
    width: 80%;
    border-radius: 5px;
    border: 2px solid #fff
}

.banner {
    color: #666;
    text-align: center
}

.banner iframe.gmaps {
    border: none;
    width: 100%;
    height: 100%
}

.banner #map_canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.hero iframe.gmaps {
    border: none;
    width: 100%;
    height: 100%
}

.hero #map_canvas {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 33vh;
    overflow: hidden;
    display: inline-block
}

@media only screen and (min-width:961px) {

    .banner iframe.gmaps,
    .hero iframe.gmaps {
        position: absolute;
        top: 0;
        left: 0
    }

    .banner iframe.gmaps+.row>*,
    .hero iframe.gmaps+.row>*,
    .banner .row.over-gmaps>*,
    .hero .row.over-gmaps>* {
        float: left
    }

    .hero #map_canvas {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

a.banner {
    display: block
}

*[role="complementary"] .banner {
    margin-bottom: 2.4rem
}

.banner>a {
    display: block;
    padding: 8px;
    margin: 0;
    text-align: center;
    text-decoration: none
}

.banner>a>i {
    display: block;
    margin-bottom: 16px
}

.banner>a.btn>i {
    display: inline
}

.graybgimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-filter: grayscale(1) opacity(.3);
    filter: grayscale(1) opacity(.3)
}

.gradbgimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .9)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.bgimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.hero {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    color: #fff !important;
    position: relative;
    background-color: #000
}

.hero a {
    color: #fff
}

.hero .bgcolor a,
.hero .bg90 a,
.hero .bg80 a {
    color: #0079c8
}

.hero .title,
.hero .p,
.hero *:not(.btn)>i {
    color: #fff
}

.hero .title,
.hero .p,
.hero .title>i {
    text-shadow: 0 0 2px rgba(0, 0, 0, .8)
}

.hero .bgcolor *,
.hero .bg90 *,
.hero .bg80 * {
    text-shadow: none
}

.hero .title>i {
    clear: both;
    display: block
}

.hero div.photo {
    overflow: visible
}

.hero picture {
    display: block
}

.hero .slick {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hero .slick .slick-slide {
    margin: 0
}

.hero .slick img {
    position: relative
}

.wide picture,
wide .media {
    display: block
}

.item.wide {
    height: 0;
    padding-bottom: 33%
}

.carousel .item.wide {
    padding-bottom: 0
}

.hero>picture img {
    position: absolute;
    padding: 0 !important;
    background-color: #000;
    opacity: .7
}

.hero .row img {
    opacity: 1
}

.hero .plus {
    font-weight: 900
}

.wide {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.wide>.row {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.wide>.row>* {
    margin: 0;
    padding: 0
}

.hero .btn {
    display: block !important;
    margin: .8rem .4rem 0 .4rem
}

.hero .xtitle i {
    display: block;
    font-size: 4.5rem;
    clear: both
}

.hero .sub {
    font-weight: 700 !important;
    color: #fff !important;
    margin-top: .8rem !important
}

.hero .lead {
    font-weight: 400 !important
}

.megabanner {
    display: block;
    width: 100%;
    clear: both
}

.megabanner .media {
    width: 100%;
    clear: both
}

.megabanner .banner {
    width: 100%;
    clear: both;
    padding: 1.6rem
}

.megabanner.limited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.megabanner.limited picture {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (max-width:480px) {
    .megabanner.limited picture {
        position: absolute;
        top: -1rem;
        left: 0;
        opacity: .8
    }

    .megabanner.limited picture:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ddedf9));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ddedf9 100%);
        content: "\00a0";
        width: 100%;
        height: 9rem;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9
    }

    .megabanner.limited .banner {
        margin-top: 8rem;
        padding-bottom: 0 !important
    }
}

@media only screen and (min-width:961px) {
    .megabanner.limited {
        padding-bottom: 0;
        height: auto;
        display: block
    }

    .megabanner.limited picture {
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .megabanner.limited .banner {
        position: relative;
        left: 0
    }

    .banner-image-right img {
        margin-left: 33.33333%
    }

    .banner-image-left img {
        width: 66.6666%
    }
}

.minibanner {
    display: block;
    width: 100%;
    clear: both
}

.minibanner+.minibanner {
    margin-top: 2.4rem
}

.minibanner .media {
    width: 100%;
    clear: both
}

.minibanner .banner {
    width: 100%;
    clear: both;
    padding: .8rem
}

.halfhalfbanner {
    display: block;
    width: 100%;
    clear: both
}

.halfhalfbanner .media {
    width: 100%;
    clear: both
}

.megabanner .banner {
    width: 100%;
    clear: both
}

.halfhalfbanner .banner {
    padding: 3.2rem;
    margin-bottom: 0
}

@media only screen and (min-width:481px) {
    .hero .btn {
        display: inline-block !important;
        margin: .8rem
    }

    .hero .title>i {
        font-size: 2.5rem;
        line-height: 3rem
    }

    .banner>a {
        padding: 1.6rem
    }

    .megabanner {
        height: 0;
        padding-bottom: 50%;
        overflow: hidden
    }

    .megabanner .media {
        padding-bottom: 50%;
        position: absolute;
        clear: none
    }

    .megabanner .banner {
        position: absolute;
        clear: none;
        position: absolute;
        left: 1.6rem;
        right: 1.6rem;
        bottom: 1.6rem;
        width: auto;
        height: auto;
        text-align: center;
        z-index: 10
    }

    .minibanner {
        height: 0;
        padding-bottom: 50%;
        overflow: hidden
    }

    .minibanner .media {
        padding-bottom: 50%;
        position: absolute;
        clear: none
    }

    .minibanner .banner {
        margin-left: 1.6rem;
        margin-top: 1.6rem;
        margin-right: 1.6rem;
        width: auto;
        height: auto;
        text-align: center;
        z-index: 10
    }

    .halfhalfbanner {
        display: table;
        margin: 0 -1.6rem
    }

    .halfhalfbanner .media,
    .halfhalfbanner .banner {
        display: table-cell;
        width: 50%
    }

    .halfhalfbanner .media {
        height: auto;
        padding-bottom: 0
    }

    .halfhalfbanner .media img {
        width: auto;
        max-width: 200%;
        margin-top: -10%;
        margin-left: -25%
    }
}

@media only screen and (min-width:721px) {

    .wide>.row>.tablerow-xs,
    .wide>.row>.tablerow-sm,
    .wide>.row>.tablerow-md,
    .wide>.row>.tablerow-lg,
    .wide>.row>.tablerow-xl {
        padding: 0
    }

    .hero .title>i {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .halfhalfbanner .media img {
        max-width: 130%;
        margin-left: 0
    }
}

@media only screen and (max-width:960px) {
    .wide>.row>.bgcolor {
        width: 100%
    }
}

@media only screen and (min-width:961px) {

    body>.phi,
    .container>.phi {
        height: 31.2rem !important
    }

    body>.rel3x2,
    .container>.rel3x2 {
        height: 32rem !important;
        padding-bottom: 0 !important
    }

    body>.rel3x1,
    .container>.rel3x1 {
        height: 21rem !important;
        padding-bottom: 0 !important
    }

    .megabanner {
        padding-bottom: 33%
    }

    .hero .btn {
        margin: .8rem 1.6rem 0 1.6rem
    }

    .hero .title>i {
        font-size: 4.5rem;
        line-height: 5rem
    }

    .megabanner .banner {
        left: 2%;
        top: auto;
        bottom: 6%;
        width: 30%;
        padding: 2.4rem;
        height: auto;
        text-align: left
    }

    .minibanner {
        min-height: 130px
    }

    .minibanner .banner {
        left: 0;
        top: 0;
        bottom: auto;
        width: 61.8%;
        padding: .8rem;
        height: auto;
        text-align: left
    }

    .wide picture,
    .wide .media {
        position: absolute;
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:1281px) {
    .banner>a {
        padding: 2.4rem
    }

    .hero .title>i {
        font-size: 5.6rem;
        line-height: 7.2rem
    }
}

.hero {
    margin-bottom: 0
}

.hero .xtitle i,
.hero .sstitle {
    display: none
}

.hero .row,
.hero .carousel-inner .item>.row {
    padding: 1.6rem .8rem
}

.hero.promo-hero>.row {
    padding: 32px;
    z-index: 10
}

@media only screen and (max-width:961px) {
    .hero.promo-hero>.row {
        padding: 30px 0 0 0
    }
}

.hero .promo-hero-banner {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (min-width:961px) {
    .hero .promo-hero-banner .row {
        padding: 32px 0
    }
}

.hero .promo-hero-banner .row p {
    margin: 0 0 10px 0 !important
}

@media only screen and (max-width:961px) {
    .hero .promo-hero-banner {
        position: static
    }
}

.carousel-inner .item>.row>div.pad-sm:last-child {
    padding-bottom: 3.2rem !important
}

.hero .sub {
    display: none
}

.wide>picture {
    height: 0;
    overflow: hidden;
    padding-bottom: 25vh
}

@media only screen and (orientation:landscape) and (max-width:720px) {
    .wide>picture {
        height: auto;
        padding-bottom: 0
    }
}

@media only screen and (min-width:481px) {

    .hero .row,
    .hero .carousel-inner .item>.row {
        padding: 1.6rem 1.6rem
    }

    .hero .sstitle,
    .hero .sub {
        display: block
    }
}

@media only screen and (min-width:721px) {

    .hero .row,
    .hero .carousel-inner .item>.row {
        padding: 2.4rem 1.6rem
    }

    .hero .xtitle i {
        display: block
    }
}

@media only screen and (min-width:961px) {

    .hero .row,
    .hero .carousel-inner .item>.row {
        padding: 7.2rem 1.6rem
    }

    .carousel-inner .item>.row>div.pad-sm:last-child {
        padding-bottom: 1.6rem !important
    }

    .wide>picture {
        height: auto;
        overflow: auto;
        padding-bottom: 0
    }

    .wide>.row {
        min-height: 24rem
    }

    .wide>.row>* {
        margin: inherit;
        padding: 1.6rem
    }
}

@media only screen and (min-width:1281px) {

    .hero .row,
    .hero .carousel-inner .item>.row {
        padding: 12rem 1.6rem
    }

    .wide>.row {
        min-height: 31.2rem
    }
}

@media only screen and (min-width:961px) {
    .container.banner {
        width: 100%;
        display: table
    }

    .banner iframe.gmaps,
    .hero iframe.gmaps {
        position: absolute;
        top: 0;
        left: 0
    }

    .container.banner .row.over-gmaps {
        height: 0
    }

    .banner iframe.gmaps+.row>*,
    .hero iframe.gmaps+.row>*,
    .banner .row.over-gmaps>*,
    .hero .row.over-gmaps>* {
        float: left
    }

    .hero #map_canvas {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

.visualchecklist>* {
    float: left;
    margin-bottom: 1.6rem;
    width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    cursor: pointer
}

.visualchecklist .option {
    background-color: #0079c8;
    border: 1px solid #0079c8
}

.visualchecklist .active .option {
    background-color: #fff
}

.visualchecklist .legend {
    width: 100%;
    border-top: 1px solid #0079c8;
    background-color: #fff
}

.visualchecklist .legend p {
    display: table-cell;
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0079c8;
    width: 100rem
}

.visualchecklist .option>i {
    display: block;
    clear: both;
    font-size: 4.5rem;
    color: #fff
}

.visualchecklist .active .option>i {
    color: #0079c8
}

.visualchecklist .status {
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #0079c8;
    position: absolute;
    top: 1.5rem;
    left: auto;
    right: 1.5rem;
    width: 4rem;
    height: 4rem
}

.visualchecklist .active .status {
    visibility: visible
}

.visualchecklist .status>i {
    color: #0079c8
}

@media only screen and (min-width:481px) {
    .visualchecklist>* {
        width: 33.33333333%;
        margin-bottom: 3rem
    }

    .visualchecklist>*:nth-child(4n) {
        clear: left
    }
}

@media only screen and (min-width:721px) {
    .visualchecklist>* {
        width: 25%
    }

    .visualchecklist>*:nth-child(4n) {
        clear: none
    }

    .visualchecklist>*:nth-child(5n) {
        clear: left
    }
}

.itinere {
    display: block;
    clear: both;
    margin: 0 1.6rem
}

.itinere>* {
    border-left: 1px dotted #0079c8;
    padding: 0 1.6rem 1.6rem 1.6rem;
    text-align: left;
    color: #666;
    line-height: 130%
}

.itinere>*:last-child {
    border-color: transparent
}

.itinere>*>span:first-child {
    display: block;
    position: absolute;
    top: 0;
    left: -.3rem;
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    background-color: #0079c8
}

.itinere .title {
    font-weight: 700;
    color: #333
}

.itinere i {
    margin-right: .5rem;
    color: #0079c8
}

@media only screen and (min-width:721px) {
    .itinere {
        height: 14rem
    }

    .itinere>* {
        border-left: 2px dotted #0079c8;
        float: left;
        width: 22%;
        height: 7rem;
        padding: 0 1.6rem 1.6rem 1.6rem;
        margin-left: -11%;
        border-left: 2px dotted #0079c8;
        font-size: 1.2rem;
        border-bottom: 2px solid #0079c8
    }

    .itinere>*:last-child {
        border-color: #0079c8
    }

    .itinere>*>span:first-child {
        left: -.5rem;
        width: .8rem;
        height: .8rem
    }

    .itinere>*:nth-child(even) {
        bottom: -7rem;
        padding-top: 1.6rem;
        border-bottom: none
    }

    .itinere>*:first-child {
        margin-left: 0%
    }

    .itinere>*:nth-child(even)>span:first-child {
        top: auto;
        bottom: 0
    }
}

.list>*:not(dd) {
    padding: 1.5rem 0 1.6rem 0;
    margin-bottom: 0 !important;
    overflow: hidden;
    border-top: 1px solid #e7e7e7
}

.list.noborder>* {
    padding-top: 1.6rem;
    border-top: 0
}

.list.list-xs>* {
    padding: .8rem 0;
    font-size: 1.4rem
}

.list.list-sm>* {
    padding: 1.2rem 0;
    font-size: 1.5rem
}

.list.list-md>*,
.list.list-me>* {
    padding: 1.6rem 0;
    font-size: 1.6rem
}

.list.list-lg>* {
    padding: 2.4rem 0
}

.list.list-xl>* {
    padding: 3.2rem 0
}

.list>*:first-child {
    border-top: none
}

.list a:not(.btn) {
    color: #6c6e71
}

.list a.more {
    color: #0079c8
}

.list a .tcyan {
    font-weight: bold
}

.listresults a .plus {
    color: #333 !important;
    font-weight: normal
}

.list .func {
    border: none
}

.list .func>* {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0;
    border: none
}

.list .func a {
    display: block;
    border: 2px solid #0079c8;
    color: #0079c8;
    margin-bottom: .8rem;
    padding: .5rem;
    font-weight: 700;
    font-size: 1.3rem
}

.list .func>*:last-child a {
    background-color: #0079c8;
    color: #fff
}

.listresults>* {
    padding: 0;
    text-align: left
}

.listresults a .title:not(.sub) {
    color: #0079c8
}

.list .bullets>li {
    margin-bottom: 0
}

.listresults>*>a:hover {
    background-color: #f2f8fc
}

.listresults .thumbleft {
    padding-left: 0;
    padding-bottom: .8rem;
    text-align: center
}

.listresults .thumbleft .thumb {
    position: relative;
    left: auto;
    right: auto;
    margin: .8rem 0;
    width: 100%
}

.listresults .thumbright .thumb {
    position: relative;
    left: auto;
    right: auto;
    margin: .8rem 0;
    width: 100%
}

.listresults .media.thumb img {
    width: 100% !important;
    height: auto !important;
    min-height: 5.6rem
}

.listresults .thumbleft+.func {
    padding-left: 0
}

.listresults .mapviewer {
    padding-bottom: 66.66% !important
}

.list>* a:first-child .title:first-child {
    color: #0079c8
}

.list.bgcolor>* a:first-child .title:first-child {
    color: #fff
}

.list.strips>*:nth-child(even) {
    background-color: #f9f9f9
}

@media only screen and (min-width:481px) {
    .list {
        text-align: left
    }

    .listresults .thumbleft {
        text-align: left;
        padding-left: 12rem
    }

    .listresults .thumbright {
        text-align: left;
        padding-right: 12rem
    }

    .listresults .thumbleft .thumb {
        position: absolute;
        left: 0;
        right: auto;
        margin: .8rem 0;
        width: 10rem
    }

    .listresults .thumbright .thumb {
        position: absolute;
        left: auto;
        right: 0;
        margin: .8rem 0;
        width: 10rem
    }

    .list .func {
        display: table;
        width: 100%
    }

    .list .func>* {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        width: .8rem
    }

    .list .func>*:last-child {
        text-align: right;
        width: 300rem
    }

    .list .func a {
        border: none;
        display: inline-block;
        white-space: nowrap;
        padding: .8rem 0;
        margin-right: 3rem;
        margin-bottom: 0;
        font-size: 1.3rem
    }

    .list .func a i {
        font-size: 2.6rem
    }

    .list .func>*:last-child a {
        padding: .8rem;
        margin-right: 0
    }
}

@media only screen and (min-width:721px) {
    .list .thumbleft+.func {
        padding-left: 12rem
    }
}

.insights {
    color: #333
}

.insights>* {
    margin-bottom: 0 !important;
    text-align: center
}

@media only screen and (max-width:481px) {
    .insights>* {
        margin-bottom: 2.4rem !important
    }
}

.insights>*>i {
    display: block;
    clear: both;
    font-size: 4.5rem;
    color: #0079c8;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 0
}

.insights>*>a>i {
    display: block;
    clear: both;
    font-size: 4.5rem;
    color: #0079c8;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 0
}

.insights>*>a>i.icon-border:after {
    border: 2px solid #0079c8;
    border-radius: 50%;
    content: "\00a0";
    height: 7.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7.5rem
}

.insights.border-icon {
    padding: 3.2rem
}

.insights.border-icon>li {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.insights.border-icon i:after {
    border: 2px solid #0079c8;
    border-radius: 50%;
    content: "\00a0";
    height: 7.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7.5rem
}

.insights.border-icon a>i,
.insights.border-icon i {
    border: medium none;
    margin-bottom: 2.4rem
}

.insights.tabbed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.insights.tabbed>li {
    margin: 0 auto
}

.insights.tabbed .circle {
    font-size: 4rem;
    padding-bottom: 2rem
}

.insights.tabbed .circle i {
    font-size: 4rem
}

.insights.tabbed .active {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 4px solid #0079c8
}

.insights.tabbed .active p {
    font-weight: bold
}

.insights.tabbed.gray-theme .circle {
    background-color: #b5b6b8
}

.insights.tabbed.gray-theme .active .circle {
    background-color: #0079c8
}

.insights.tabbed.gray-theme a {
    color: #6c6e71
}

.insights.tabbed.gray-theme a.active {
    color: #0079c8
}

.bgcolor .insights {
    color: #fff
}

.bgcolor .insights i {
    color: #fff
}

.insights i.bgcolor {
    border-radius: 50%;
    width: 13rem;
    height: 13rem;
    line-height: 13rem;
    margin: .8rem auto;
    color: #fff
}

.insights+p {
    margin-top: 1.6rem
}

.search-results {
    clear: both;
    padding: 0 .1rem;
    text-align: center;
    color: #333;
    background-color: #f7f7f7;
    overflow: hidden
}

.search-results>.data {
    margin: 1.6rem;
    width: 100%;
    clear: both
}

.search-results a {
    float: right;
    font-weight: bold;
    color: #0079c8
}

.search-results>.nav-tabs {
    width: 100%;
    clear: both;
    border-bottom: none
}

.search-results>.nav-tabs>* {
    display: table-cell;
    float: none;
    text-align: center
}

.search-results>.nav-tabs>*>a {
    width: 100%
}

.search-results>.nav-tabs>*>a:hover {
    background-color: #fff
}

.search-results select {
    background: rgba(0, 0, 0, 0) url(/img/site_general/diseno/icon-select-blue.png) no-repeat scroll 100% .6rem;
    border: medium none;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    min-height: auto;
    padding: 0 .4rem 0 0;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width:721px) {
    .search-results {
        text-align: left
    }

    .search-results>.data,
    .search-results>.nav-tabs {
        width: auto;
        clear: none
    }

    .search-results>.data {
        float: left
    }

    .search-results>.nav-tabs {
        float: right
    }

    .search-results>.nav-tabs>* {
        display: block;
        float: left
    }
}

.goals>li {
    margin-top: 3.2rem;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 3.2rem
}

.goals i {
    display: inline-block;
    margin: 0 .8rem;
    vertical-align: unset
}

@media only screen and (min-width:721px) {
    .goals>li {
        margin-top: 1.6rem;
        padding-bottom: 0;
        overflow: hidden;
        border-bottom: none
    }

    .goals>li:before {
        background-color: #0079c8;
        border-radius: 100%;
        content: " ";
        height: 5.6rem;
        left: calc(50% - 2.8rem);
        line-height: 5.6rem;
        position: absolute;
        top: 0;
        width: 5.6rem;
        z-index: 100
    }

    .goals>li:after {
        border-left: 2px solid #0079c8;
        content: " ";
        height: calc(100% - 1.6rem);
        left: calc(50%);
        position: absolute;
        top: calc(5.6rem + 1.6rem)
    }

    .goals.zigzag>li:nth-child(2n) {
        padding-right: calc(50% + 4.8rem);
        text-align: right
    }

    .goals.zigzag>li:nth-child(2n+1) {
        padding-left: calc(50% + 4.8rem);
        text-align: left
    }

    .goals>li:nth-child(2n+1) i {
        margin-left: 0
    }
}

.btn-list {
    margin: 1.6rem 0
}

.btn-list li {
    margin-bottom: 1.6rem
}

.btn-list li a {
    width: 100%;
    padding: 8px;
    border-radius: 25px;
    font-size: 1.3rem;
    color: #0079c8;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.btn-list li a:hover {
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.price-comparative {
    text-align: center
}

.price-comparative .comparative-title {
    color: #00335b;
    font-size: 1.6rem;
    margin-bottom: 16px
}

.price-comparative .insurance,
.price-comparative .no-insurance {
    display: inline-block;
    margin: 0 16px
}

.price-comparative .pill {
    border: 1px solid #0079c8;
    display: inline-block;
    color: #0079c8;
    font-size: 1.1rem;
    border-radius: 25px;
    padding: 0 8px;
    margin-bottom: 8px
}

.price-comparative .insurance {
    color: #0079c8
}

.price-comparative .no-insurance {
    color: #6c6e71
}

.price-comparative .no-insurance .pill {
    border-color: #6c6e71;
    color: #6c6e71
}

.recommended {
    border: 1px solid #c6007e !important;
    border-top: none !important;
    padding: 1.6rem;
    padding-top: 0 !important;
    border-radius: 4px
}

.recommended .place.recommended-place {
    padding: 1.6rem
}

.recommended .title {
    background-color: #c6007e;
    position: relative;
    color: #fff;
    padding: .4rem 1.6rem
}

.recommended .title i {
    color: #c6007e;
    font-size: 1.4rem
}

.recommended .ribbon {
    margin-right: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 4px rgba(127, 188, 227, .5);
    box-shadow: 0 4px 4px rgba(127, 188, 227, .5);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    min-height: 2.8rem;
    min-width: 2.2rem;
    height: 100%;
    top: 0;
    right: 0
}

.recommended .ribbon svg {
    -webkit-filter: drop-shadow(0 2px 2px rgba(127, 188, 227, .5));
    filter: drop-shadow(0 2px 2px rgba(127, 188, 227, .5));
    position: absolute;
    left: -3px;
    top: 82%;
    width: 3rem;
    z-index: 0
}

.ribbon span {
    line-height: normal;
    height: 2.5rem
}

.ribbon svg polygon {
    fill: #fff
}

.separatorRow>li {
    margin-top: 2rem;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 3.2rem;
    padding-left: 0 !important
}

@media only screen and (min-width:961px) {
    .separatorRow>li {
        margin-top: 3.2rem
    }
}

.separatorRow>li:before {
    display: none
}

.separatorRow>li:last-of-type {
    border: none
}

.m-cards__item {
    margin: 1.6rem
}

.m-cards__item:first-of-type {
    margin-top: 0
}

.m-cards__item:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:721px) {
    .m-cards__item {
        margin: 0 1.6rem
    }
}

@media only screen and (min-width:961px) {
    .m-cards__item:first-of-type {
        margin-left: 0
    }

    .m-cards__item:last-of-type {
        margin-right: 0
    }
}

@media only screen and (max-width:720px) {
    .m-cards__mainContent {
        text-align: left;
        margin-left: 1.6rem
    }
}

@media only screen and (min-width:721px) {
    .m-cards__mainContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .m-cards__mainContent .btn {
        margin-top: auto
    }
}

.carousel {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.carosusel picture {
    background-color: #000
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1;
    opacity: .7;
    filter: alpha(opacity=70)
}

.carousel-inner>.item[class*="rel"] {
    overflow: visible
}

.carousel .video iframe {
    border: none;
    margin: 0 0 2.5rem;
    width: 70%
}

@media only screen and (min-width:321px) {
    .carousel .video iframe {
        border: none;
        margin: 0 0 2.5rem;
        width: auto
    }
}

@media only screen and (min-width:721px) {
    .carousel .video iframe {
        width: 45rem;
        height: 25.3rem;
        margin: 5rem 0
    }
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: transform .6s ease-in-out;
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    opacity: .5;
    filter: alpha(opacity=50)
}

.carousel-control.left {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-next,
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 100;
    display: inline-block;
    margin-top: -.8rem
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 2.4rem;
    margin-left: -.8rem
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 2.4rem;
    margin-right: -.8rem
}

.carousel-control .icon-next {
    width: 2.4rem;
    height: 2.4rem;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev {
    width: 2.4rem;
    height: 2.4rem;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: "\e913";
    font-family: "bupaicons" !important
}

.carousel-control .icon-next:before {
    content: "\e914";
    font-family: "bupaicons" !important
}

.carousel-indicators {
    position: absolute;
    bottom: .8rem;
    left: 50%;
    z-index: 100;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    margin: .1rem;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: .8rem;
    padding: 0 !important
}

.carousel-indicators li:before {
    display: none
}

.wizard .carousel-indicators li {
    cursor: default
}

.carousel-indicators .active {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 4rem;
    left: 15%;
    z-index: 100;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    color: #fff !important;
    text-align: center;
    text-shadow: rgba(0, 0, 0, .8) 0 0 2px
}

.carousel-caption>* {
    color: #fff !important
}

@media screen and (min-width:721px) {
    .carousel-control .icon-next {
        width: 3.2rem;
        height: 3.2rem;
        margin-top: -.8rem;
        font-size: 3.2rem
    }

    .carousel-control .icon-prev {
        width: 3.2rem;
        height: 3.2rem;
        margin-top: -.8rem;
        font-size: 3.2rem;
        margin-left: -.8rem
    }

    a.right.carousel-control {
        margin-right: -.8rem
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 3.2rem
    }

    .carousel-indicators {
        bottom: 2.4rem
    }
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 2.4rem;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    opacity: .5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.carousel.vertical {
    background-color: transparent
}

.carousel.vertical .carousel-inner {
    height: 0;
    padding-top: 75%;
    width: auto;
    margin: 0 3rem
}

.carousel.wizard {
    height: 0
}

.carousel-inner .item.doble .row {
    display: table-row
}

.item.active {
    display: table;
    width: 100%
}

.carousel-inner .item .content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 3rem
}

.carousel.vertical .carousel-inner>.item {
    height: 100%;
    opacity: 0;
    padding: 0;
    -webkit-transition: top 1s ease-in-out 0s;
    transition: top 1s ease-in-out 0s;
    width: 100%
}

.carousel.vertical .carousel-inner>.active {
    display: table !important;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel.vertical .carousel-indicators {
    display: table;
    left: auto;
    margin-left: 0;
    right: 0;
    top: 50%;
    width: 2.5rem
}

.carousel.vertical .carousel-indicators .active {
    background-color: #0079c8;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel.vertical .carousel-indicators li {
    background-color: #666;
    border: medium none;
    display: block;
    margin-bottom: .5rem;
    opacity: .3;
    filter: alpha(opacity=30)
}

.carousel.vertical .carousel-inner>.next,
.carousel.vertical .carousel-inner>.prev {
    display: table
}

.carousel.vertical .carousel-inner>.active {
    top: 0;
    position: absolute
}

.carousel.vertical .carousel-inner>.next,
.carousel.vertical .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel.vertical .carousel-inner>.next {
    top: 100%
}

.carousel.vertical .carousel-inner>.prev {
    top: -100%
}

.carousel.vertical .carousel-inner>.next.left,
.carousel.vertical .carousel-inner>.prev.right {
    top: 0
}

.carousel.vertical .carousel-inner>.active.left {
    top: -100%
}

.carousel.vertical .carousel-inner>.active.right {
    top: 100%
}

.carousel.vertical .carousel-control {
    left: auto;
    width: 5rem
}

.carousel.vertical .carousel-control.up {
    top: 0;
    right: 0;
    bottom: 50%
}

.carousel.vertical .carousel-control.down {
    top: 50%;
    right: 0;
    bottom: 0
}

.carousel.vertical .carousel-control .icon-prev,
.carousel.vertical .carousel-control .icon-next,
.carousel.vertical .carousel-control .glyphicon-chevron-up,
.carousel.vertical .carousel-control .glyphicon-chevron-down {
    position: absolute;
    top: 50%;
    z-index: 100;
    display: inline-block
}

.carousel.vertical .carousel-control .icon-prev,
.carousel.vertical .carousel-control .glyphicon-chevron-up,
.carousel.vertical .carousel-control .icon-next,
.carousel.vertical .carousel-control .glyphicon-chevron-down {
    left: 50%;
    margin-left: -.8rem;
    top: 50%;
    margin-top: -.8rem
}

.carousel.vertical .carousel-control .icon-up,
.carousel.vertical .carousel-control .icon-down {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 1;
    font-family: serif
}

.carousel.vertical .carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel.vertical .carousel-control .icon-next:before {
    content: "\203a"
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel.vertical .carousel-inner>.item {
        -webkit-transition: .6s ease-in-out;
        transition: .6s ease-in-out
    }

    .carousel.vertical .carousel-inner>.item.next,
    .carousel.vertical .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        top: 0
    }

    .carousel.vertical .carousel-inner>.item.prev,
    .carousel.vertical .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        top: 0
    }

    .carousel.vertical .carousel-inner>.item.next.left,
    .carousel.vertical .carousel-inner>.item.prev.right,
    .carousel.vertical .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0
    }
}

.check-wizard {
    cursor: pointer;
    font-size: 1.5rem;
    padding: 0
}

@media only screen and (max-width:480px) {
    .carousel.wizard {
        width: 100%;
        height: 100%;
        padding-bottom: 0 !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background-color: transparent;
        display: block;
        padding-top: 10rem
    }

    .carousel.vertical .carousel-inner {
        height: 100%;
        padding-top: 0 !important;
        margin: 0;
        background-color: #fff;
        overflow-y: scroll
    }

    .carousel.wizard .square {
        display: block;
        padding-bottom: 0;
        height: 100%
    }

    .carousel.wizard .square>* {
        display: block;
        position: relative
    }

    .carousel.wizard .square>*>* {
        display: block;
        position: relative
    }

    .carousel.wizard .square.checked>* {
        background-color: #0079c8
    }

    .carousel.wizard .square>input {
        display: none
    }

    .carousel.vertical .carousel-indicators {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -.5rem
    }

    .carousel.vertical .carousel-inner .row.vmar-lg>* {
        font-size: 2rem
    }

    .carousel.vertical .active .grid.cols6>li {
        display: block
    }

    .carousel.vertical .carousel-inner .item .content {
        background-color: #fff;
        display: table;
        height: 100%;
        padding: 0 3rem;
        vertical-align: middle;
        width: 100%
    }

    .carousel.vertical .active .content>* {
        margin: 0
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {

    .carousel.wizard .grid.cols2>*,
    .carousel.wizard .grid.cols3>*,
    .carousel.wizard .grid.cols4>*,
    .carousel.wizard .grid.cols5>*,
    .carousel.wizard .grid.cols6>* {
        width: 33% !important
    }
}

.slick.list>*:not(dd) {
    padding: 0;
    border-top: 0
}

.slick-slider {
    -moz-user-select: none;
    display: block;
    position: relative
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-list:focus {
    outline: medium none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track::before {
    content: "";
    display: table
}

.slick-track::after {
    content: "";
    display: table;
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin: 0 .8rem;
    min-height: 1px
}

.slick-slide:focus,
.slick-slide a:focus {
    outline: 0
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff none repeat scroll 0 0
}

.slick-prev,
.slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 100
}

.slick-prev:hover,
.slick-prev:focus {
    color: transparent;
    outline: medium none
}

.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: medium none
}

.slick-prev:hover::before,
.slick-prev:focus::before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: .25;
    filter: alpha(opacity=25)
}

.slick-prev::before,
.slick-next::before {
    color: #0079c8;
    font-family: "bupaicons";
    font-size: 4rem;
    line-height: 1;
    opacity: .75;
    filter: alpha(opacity=75)
}

.slick-prev {
    left: -4rem
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -4rem
}

.slick-prev::before,
[dir="rtl"] .slick-prev::before {
    content: "\e9ce"
}

.slick-next {
    right: -4rem
}

[dir="rtl"] .slick-next {
    left: -4rem;
    right: auto
}

.slick-next::before,
[dir="rtl"] .slick-next::before {
    content: "\e9cf"
}

.slick-dotted.slick-slider {
    margin-bottom: 3rem
}

.slick-dots {
    bottom: -2.5rem;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    margin: 0 .5rem;
    padding: 0;
    position: relative;
    width: 2rem
}

.slick-dots li button {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 4px 0 #333;
    box-shadow: 0 0 4px 0 #333;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 1rem;
    padding: .5rem;
    width: 1rem
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: medium none
}

.slick-dots li.slick-active button {
    opacity: .75;
    filter: alpha(opacity=75)
}

@media only screen and (max-width:960px) {
    .slick-prev {
        width: 5rem;
        left: .8rem;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1)
    }

    .slick-next {
        width: 5rem;
        right: .8rem;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5)));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80ffffff', GradientType=1)
    }
}

@media only screen and (max-width:481px) {
    .slick-prev {
        left: 0;
        width: 5rem
    }

    .slick-prev:before {
        font-size: 3rem
    }

    .slick-next {
        right: 0;
        width: 5rem
    }

    .slick-next:before {
        font-size: 3rem
    }

    .slick-slide {
        margin: 0
    }
}

.slick-single {
    margin-bottom: 0 !important
}

.slick-single .slick-prev:before,
.slick-single .slick-next:before {
    color: #fff;
    text-shadow: 1px 2px 3px #333
}

@media only screen and (max-width:481px) {
    .slick-single .wide .row.vmar-xl.vpad-xl .bg80.cyan {
        background: #0079c8 !important
    }

    .slick-single .wide picture img {
        height: 100%;
        width: auto;
        position: absolute
    }
}

@media only screen and (max-width:960px) {
    .slick-single .wide .row.vmar-xl.vpad-xl {
        margin: 0 !important;
        padding: 0 !important
    }
}

@media only screen and (min-width:961px) and (max-width:1440px) {
    .slick-single .wide>picture {
        height: 100%;
        overflow: hidden
    }

    .slick-single .wide>picture img {
        height: 100%;
        width: auto
    }
}

.slick-single .slick-slide {
    margin: 0
}

@media only screen and (min-width:961px) {
    .slick-single .slick-slide>* {
        min-height: 54rem
    }
}

@media only screen and (min-width:481px) {
    .slick-single .slick-prev.slick-arrow {
        left: 0
    }

    .slick-single .slick-next.slick-arrow {
        right: 0
    }
}

@media only screen and (min-width:961px) {
    .slick-single .slick-prev {
        left: 2rem
    }

    .slick-single .slick-next {
        right: 2rem
    }
}

.slick-single .slick-dots {
    bottom: 0
}

@media only screen and (max-width:960px) {
    .slick-single .slick-track {
        height: 100%;
        display: table
    }

    .slick-single .slick-track .slick-slide {
        float: none;
        display: table-cell;
        height: 100%
    }
}

button.slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    -webkit-box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .3)
}

.slick-arrow:before {
    font-size: 1.6rem
}

button.slick-next {
    left: auto
}

button.slick-arrow.slick-disabled {
    opacity: 0
}

.no-scroll {
    z-index: 100;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.no-scroll.fixed {
    z-index: 100;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    top: 15px
}

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

    #masterlayout .col12+div>.no-scroll,
    #main+div>.no-scroll,
    .main+div>.no-scroll {
        position: static !important;
        width: 100% !important
    }
}

@media only screen and (max-width:720px) {
    .no-scroll {
        position: static !important;
        width: auto !important
    }
}

.fixed,
.sticky-on {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.sticky-bottom {
    bottom: 0
}

.zindex-banner {
    z-index: 10 !important
}

.zindex-element-backdrop {
    z-index: 90 !important
}

.zindex-element {
    z-index: 100 !important
}

.zindex-dropdown-backdrop {
    z-index: 1090 !important
}

.zindex-dropdown {
    z-index: 1095 !important
}

.zindex-fixed {
    z-index: 1030 !important
}

.zindex-sticky {
    z-index: 1030 !important
}

.zindex-modal-backdrop {
    z-index: 1100 !important
}

.zindex-modal {
    z-index: 1110 !important
}

.zindex-popover {
    z-index: 1060 !important
}

.zindex-tooltip {
    z-index: 1070 !important
}

.zindex-navbar {
    z-index: 1080 !important
}

.smooth {
    z-index: 1030
}

.example {
    position: relative;
    padding: 0 0 2.4rem 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1.6rem;
    background: #fff
}

.example .carousel-inner .item .row {
    width: 100%
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1.6rem;
    line-height: 2.4rem
}

code.prettyprint>span {
    overflow-wrap: break-word
}

.highlight {
    padding: 1.5rem 1.6rem;
    margin-bottom: 1.6rem;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: .5rem;
    overflow-x: auto
}

.highlight code {
    background: transparent
}

figure {
    margin: 1.6rem 0
}

.reticula p {
    background-color: #e6e6e6;
    text-align: center;
    margin-bottom: 0
}

.reticula.row>* {
    border-left: 1px dotted red;
    margin-bottom: .8rem
}

pre.prettyprint,
code.prettyprint {
    border-radius: 0 !important;
    display: block;
    padding: 1.6rem
}

.showmargins>* {
    border-top: 1px dotted red;
    border-bottom: 1px dotted red;
    overflow: hidden
}

.showmargins .title.sub,
.showmargins div+div {
    border-top: none
}

.showhmargins>* {
    border-left: 1px dotted red;
    border-right: 1px dotted red
}

.showhmargins>*+* {
    border-left: none
}

.nav-tabs {
    display: table;
    content: " ";
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #ddd
}

.nav-tabs>* {
    list-style-type: none;
    float: left;
    margin-bottom: -.1rem;
    margin-right: -.1rem;
    background: #f0f0f0;
    border: 1px solid #ddd;
    text-align: center
}

.nav-tabs>*>a {
    display: block;
    padding: 1.6rem;
    font-weight: bold;
    color: #0079c8;
    cursor: pointer
}

.nav-tabs>*>a:hover {
    background: #fff
}

.nav-tabs>*.active {
    background: #fff;
    border-bottom-color: #fff
}

.nav-tabs>*.active a {
    color: #000
}

.nav-tabs.justified {
    border-bottom: none
}

.nav-tabs.justified>* {
    display: table-cell;
    float: none
}

.resp-tabs-container {
    background-color: #fff;
    clear: left
}

.accordion dt,
.fan dt,
.resp-accordion>a {
    background-color: #f0f0f0;
    color: #0079c8;
    padding: 1.5rem 1.6rem 1.6rem 1.6rem;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    min-height: 5.6rem;
    font-weight: bold;
    font-size: 1.6rem
}

.accordion.white dt,
.fan.white dt,
.resp-accordion.white>a {
    border-bottom-color: #e6e6e6
}

.accordion dt:hover,
.abanico dt:hover,
.fan dt:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.accordion dt.active,
.fan dt.active,
.resp-accordion.active>a {
    background-color: #0079c8;
    color: #fff
}

.accordion.color>dt.active,
.fan.color>dt.active {
    color: #0079c8
}

.resp-accordion>a {
    display: block
}

.accordion dt:after,
.fan dt:after,
.resp-accordion>a:after {
    content: "\e9cd";
    position: absolute;
    right: 1.6rem;
    top: 50%;
    margin-top: -.8rem;
    font-family: "bupaicons" !important;
    font-size: 1.6rem;
    color: #0079c8
}

.accordion dt.active:after,
.fan dt.active:after,
.resp-accordion.active>a:after {
    content: "\e9d0";
    color: #fff
}

.accordion.color dt.active:after,
.fan.color dt.active:after {
    color: #0079c8
}

.accordion>dd,
.abanico>dd,
.fan>dd {
    max-height: 9999px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.accordion>dd.off,
.abanico>dd.off,
.fan>dd.off {
    overflow: hidden
}

.accordion>dd.off,
.abanico>dd.off,
.fan>dd.off {
    display: none
}

.accordion dd .contributed,
.fan dd .contributed {
    padding: 1.6rem;
    display: inline-block;
    width: 100%
}

.resp-tab-content {
    padding: 1.6rem;
    display: inline-block;
    width: 100%
}

.resp-tab-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.accordion.bgcolor>dd *,
.abanico.bgcolor>dd *,
.fan.bgcolor>dd * {
    background-color: #fff;
    color: #6c6e71
}

.accordion.bgcolor>dd>.picture,
.abanico.bgcolor>dd>.picture,
.fan.bgcolor>dd>.picture,
.accordion.bgcolor>dd *:last-child,
.abanico.bgcolor>dd *:last-child,
.fan.bgcolor>dd *:last-child {
    margin-bottom: 0
}

.bgcolor:not(.lightgray50)>dd p,
.bgcolor:not(.lightgray50)>dd h2,
.bgcolor:not(.lightgray50)>dd h3,
.bgcolor:not(.lightgray50)>dd h4,
.bgcolor:not(.lightgray50)>dd h5 {
    color: #333
}

.accordion.bgcolor>dt,
.abanico.bgcolor>dt,
.fan.bgcolor>dt {
    background-color: transparent;
    color: #fff
}

.accordion.bgcolor.white>dt,
.abanico.bgcolor.white>dt,
.fan.bgcolor.white>dt {
    color: #0079c8
}

.accordion.bgcolor>dt:last-child,
.abanico.bgcolor>dt:last-child,
.fan.bgcolor>dt:last-child {
    border-bottom: none
}

.accordion.bgcolor>dt:after,
.abanico.bgcolor>dt:after,
.fan.bgcolor>dt:after {
    color: #fff
}

.accordion.bgcolor.white>dt:after,
.abanico.bgcolor.white>dt:after,
.fan.bgcolor.white>dt:after {
    color: #0079c8
}

.accordion.color>dt,
.abanico.color>dt,
.fan.color>dt {
    background: transparent;
    color: #0079c8;
    border-top: 1px solid #fff
}

.accordion.white>dt,
.abanico.white>dt,
.fan.white>dt {
    border-top-color: #e6e6e6
}

.accordion.color>dt:first-child,
.abanico.color>dt:first-child,
.fan.color>dt:first-child {
    border-top: none
}

.accordion dt.active:after,
.fan dt.active:after,
.resp-accordion.active>a:after {
    color: #fff
}

.accordion.color>dd,
.abanico.color>dd,
.fan.color dd {
    background-color: #fff
}

.resp-accordion,
.resp-arrow,
.resp-tab-content {
    display: none
}

.resp-content-active,
.resp-accordion-active,
.resp-tab-content-active {
    display: block
}

.lite dt.active,
.lite dd {
    background-color: #f5f5f5
}

.lite dt {
    background-color: #fff;
    border-bottom: 2px solid #f3f3f3;
    color: #000 !important;
    padding-right: 4.8rem
}

.lite dd {
    color: #000;
    padding-left: .8rem
}

.lite dt.active:after {
    color: #0079c8;
    content: "\e929"
}

.lite dt:after {
    content: "\e926";
    font-size: 2rem;
    font-weight: 400;
    top: 2.4rem
}

.lite dt:first-child {
    border-top: 2px solid #f3f3f3
}

@media only screen and (max-width:961px) {
    .resp-tabs-container {
        padding: 0;
        border: none;
        margin: .8rem 0 1.6rem
    }

    ul.resp-tabs-list {
        display: none !important
    }

    .resp-accordion {
        display: block
    }

    .cont.resp-tab-content.resp-tab-content-active.purple>p {
        background: #fff;
        padding: .8rem
    }

    .accordion.tabbed>dd {
        top: 0 !important
    }
}

@media only screen and (min-width:961px) {
    .resp-tab-content-active {
        display: block !important
    }

    .accordion.tabbed {
        display: table;
        width: 100%;
        position: relative;
        background: #f0f0f0 !important
    }

    .accordion.tabbed>dt {
        display: table-cell;
        text-align: center;
        color: #0079c8
    }

    .accordion.tabbed>dt:hover {
        background-color: #fff;
        color: #0079c8
    }

    .accordion.tabbed>dd {
        position: absolute;
        width: 100%;
        left: 0;
        top: 5.5rem;
        padding-top: .1rem;
        overflow: hidden;
        background-color: #fff;
        z-index: 100
    }

    .accordion.tabbed>dt {
        border: 1px solid #ddd;
        border-bottom-color: #f0f0f0
    }

    .accordion.tabbed>dt.active {
        background-color: #fff;
        border-bottom-color: #fff;
        font-weight: bold;
        color: #000
    }

    .accordion.tabbed>dt:after {
        content: ""
    }

    .accordion.tabbed.alphabet dt {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .1s ease 0s;
        transition: all .1s ease 0s;
        vertical-align: middle;
        opacity: 1;
        filter: alpha(opacity=100);
        padding: .7rem 1.4rem;
        height: 4rem
    }

    .accordion.tabbed.alphabet>dt:hover {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        z-index: 100
    }
}

.fancybox-prev span:before {
    font-family: 'bupaicons' !important;
    content: "\e9ce" !important
}

.fancybox-next span:before {
    font-family: 'bupaicons' !important;
    content: "\e9cf" !important
}

.fancylayer {
    display: none
}

.fancybox-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fancybox-inner .fancylayer {
    display: block
}

.language {
    text-align: left;
    margin: 0 auto;
    padding: 0
}

.language a {
    background: url(/img/site_general/diseno/ico-idioma.png) no-repeat scroll 5px 4px #eee;
    border-radius: 4px;
    height: 2.7rem;
    padding: .6rem .5rem .5rem 3rem;
    margin: 0 .5rem 1rem 0;
    display: inline-block;
    font: bold 1.4rem Bupa, Arial, Helvetica, sans-serif
}

.language a:hover {
    color: #fff;
    background-color: #0079c8
}

.language a.en-gb {
    background-position: 5px -23px
}

.language a.de-de {
    background-position: 5px -50px
}

#super .language {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    display: none
}

.masonry>a {
    margin: 1.6rem 0
}

@media only screen and (min-width:721px) {
    .masonry {
        display: inline-block;
        height: 100vw;
        max-height: 80rem;
        width: 100%
    }

    .masonry>a {
        height: 33.333%;
        left: 0;
        overflow: hidden;
        padding: .8rem;
        position: absolute;
        top: 0;
        margin: 0
    }

    .masonry>a>.bgcolor {
        position: absolute;
        bottom: 0;
        margin: 2.4rem
    }

    .masonry>*[class*="push-9"] {
        left: 75% !important
    }

    .row-33 {
        top: 33.333% !important
    }

    .height-66 {
        height: 66.6666% !important
    }

    .masonry>*[class*="push-6"] {
        left: 50% !important
    }

    .row-66 {
        top: 66.666% !important
    }

    .masonry .rel-portrait .media,
    .masonry .rel-portrait img {
        height: 100%;
        width: auto
    }

    .masonry .media {
        height: 100%
    }
}

.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.cards.bottom-link li {
    padding-bottom: 60px
}

.cards.bottom-link li a.btn {
    height: auto;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 5px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cards.media-cards li {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.cards.hleft li {
    text-align: left
}

.cards.t-sm .title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold
}

.cards.t-sm .title+p {
    font-size: 1.4rem;
    line-height: 2rem
}

.cards li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: .8rem;
    padding: 20px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);
    background: #fff;
    text-align: center
}

@media only screen and (min-width:1281px) {
    .cards li {
        margin: 1.2rem
    }
}

.cards li:before {
    content: "";
    display: none
}

.cards li p {
    color: #6c6e71
}

.cards li a:only-child {
    display: block;
    height: 100%
}

.cards li a:only-child i {
    display: block;
    font-size: 4.5rem;
    color: #0079c8;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 0
}

@media only screen and (min-width:961px) {
    .cards.cols4 li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 23%;
        flex: 1 1 23%
    }

    .cards li {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 31.33333%;
        flex: 0 1 31.33333%
    }

    .cards *::-ms-backdrop,
    .cards li {
        -ms-flex: 0 1 28%;
        flex: 0 1 28%
    }

    .col-md-4 .cards li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.overflow-scroll-y {
    overflow-y: scroll
}

.overflow-scroll-y>.list {
    position: absolute;
    top: 4rem
}

.feed {
    height: 50vh
}

@media only screen and (min-width:721px) {
    .feed {
        height: auto
    }

    [class*="tablerow"][class*="cell"]>div.desktop-hide {
        display: none !important
    }
}

@media only screen and (min-width:721px) and (max-width:961px) {
    .feed .list {
        margin-top: 1rem
    }

    [class*="tablerow"][class*="cell"]>div.desktop-hide {
        display: none !important
    }
}

body {
    text-align: center;
    background-color: #00335b
}

body>* {
    background: #fff
}

body.landing>* {
    background: transparent
}

.container {
    padding-left: .8rem;
    padding-right: .8rem;
    border-top: 1px solid #e6e6e6
}

.container.breadcrumb+.container,
.container.bgcolor {
    border-top: none
}

.container:before,
.container:after {
    content: "\00a0";
    line-height: 0 !important;
    height: 0;
    display: block
}

.container.padded {
    padding: 3rem 0
}

.container.shadowed {
    background-color: #f0f0f0 !important
}

@media only screen and (max-width:960px) {
    #main-header+.container {
        border-top: none
    }

    .hero .row,
    .wide .row {
        margin: 0 !important
    }
}

#main-header>.row,
.submenu>.row,
#breadcrumb>.row {
    margin: 0 -.8rem;
    padding-left: .8rem;
    padding-right: .8rem;
    clear: both;
    text-align: center
}

.container>.row,
.container>.carousel item>.row {
    margin: 0 -.8rem;
    padding-left: .8rem;
    padding-right: .8rem;
    clear: both;
    text-align: center
}

footer>.row,
.hero .row {
    margin: 0 -.8rem;
    padding-left: .8rem;
    padding-right: .8rem;
    clear: both;
    text-align: center
}

.wide>.row {
    overflow: hidden;
    margin: 0 -.8rem;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    text-align: center
}

#main-header>.row {
    margin: 0 auto;
    width: 100%
}

.hero .row,
.wide .row {
    margin: 0 auto
}

.row:before,
.row:after {
    content: "\00a0";
    line-height: 0 !important;
    height: 0;
    display: block
}

.row[class*="flex"]:before,
.row[class*="flex"]:after {
    display: none
}

.submenu>.row {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.row:after {
    clear: both
}

.clearfix {
    width: 100%;
    clear: both;
    margin: 0 !important
}

.grid {
    margin-left: -.8rem;
    margin-right: -.8rem
}

@media only screen and (min-width:721px) {
    .grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.grid.iconlist {
    margin-left: 0;
    margin-right: 0
}

.list.grid,
.bullets.grid,
.tic.grid,
ol.grid {
    margin-left: 0;
    margin-right: 0
}

.grid>* {
    display: inline-block;
    vertical-align: top;
    padding-left: .8rem;
    padding-right: .8rem;
    margin: 0 0 2.4rem
}

.grid>li {
    width: 100%
}

.grid.guttered>* {
    padding-left: .8rem;
    padding-right: .8rem
}

.grid.left>* {
    float: left
}

table .grid>* {
    float: left
}

.grid.cols1>*,
.grid.cols2>*,
.grid.cols3>*,
.grid.cols4>*,
.grid.cols5>*,
.grid.cols6>* {
    width: 100% !important;
    clear: both
}

.grid.gallery {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    background-color: #fff
}

.grid.gallery>* {
    padding: .4rem;
    margin: 0;
    float: left;
    clear: none !important;
    width: 33.3% !important
}

.grid.gallery.firstfull>* {
    display: none
}

.grid.gallery.firstfull>*:first-child {
    width: 100% !important;
    display: inline-block
}

.grid.gallery a:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-box-shadow: 0 0 .4rem 0 gray;
    box-shadow: 0 0 .4rem 0 gray
}

.grid.tablerow {
    border-spacing: 1.6rem 0;
    margin: 0 -1.6rem;
    width: auto
}

.grid.tablerow.border0 {
    border-spacing: 0;
    margin: 0
}

@media only screen and (min-width:721px) {
    .grid.gallery>* {
        width: 25% !important
    }
}

@media only screen and (min-width:961px) {
    .grid.gallery>* {
        width: inherit
    }
}

@media only screen and (min-width:721px) {

    .grid.cols2>*,
    .grid.cols3>*,
    .grid.cols4>*,
    .grid.cols5>*,
    .grid.cols6>* {
        width: 50% !important;
        clear: none
    }

    .grid.cols2.list>*:nth-child(2),
    .grid.cols3.list>*:nth-child(2),
    .grid.cols4.list>*:nth-child(2),
    .grid.cols5.list>*:nth-child(2),
    .grid.cols6.list>*:nth-child(2) {
        border-top: none
    }

    .grid.cols2>*:nth-child(2n+1),
    .grid.cols3>*:nth-child(4n+1),
    .grid.cols4>*:nth-child(4n+1),
    .grid.cols5>*:nth-child(4n+1),
    .grid.cols6>*:nth-child(4n+1) {
        clear: left
    }

    .grid.gallery.firstfull>* {
        display: inline-block
    }

    .grid.cols2>* {
        width: 50% !important;
        clear: none
    }

    .grid.cols3>* {
        width: 33.333333% !important;
        clear: none
    }

    .grid.cols4>*,
    .grid.cols5>*,
    .grid.cols6>* {
        width: 25% !important;
        clear: none
    }

    *[role="main"] .grid.cols5>*,
    *[role="main"] .grid.cols6>* {
        width: 33.333333% !important;
        clear: none
    }

    .grid.cols3.list>*:nth-child(2),
    .grid.cols3.list>*:nth-child(3) {
        border-top: none
    }

    .grid.cols4.list>*:nth-child(2),
    .grid.cols4.list>*:nth-child(3),
    .grid.cols4.list>*:nth-child(4) {
        border-top: none
    }

    .grid.cols5.list>*:nth-child(2),
    .grid.cols5.list>*:nth-child(3),
    .grid.cols5.list>*:nth-child(4) {
        border-top: none
    }

    .grid.cols6.list>*:nth-child(2),
    .grid.cols6.list>*:nth-child(3),
    .grid.cols6.list>*:nth-child(4) {
        border-top: none
    }

    *[role="main"] .grid.cols5.list>*:nth-child(4),
    *[role="main"] .grid.cols6.list>*:nth-child(4),
    *[role="main"] .grid.cols5.list>*:nth-child(5),
    *[role="main"] .grid.cols6.list>*:nth-child(5),
    *[role="main"] .grid.cols5.list>*:nth-child(6),
    *[role="main"] .grid.cols6.list>*:nth-child(6) {
        border-top: 1px solid #e7e7e7
    }

    .grid.cols2>*:nth-child(2n+1),
    .grid.cols3>*:nth-child(3n+1),
    .grid.cols4>*:nth-child(4n+1),
    .grid.cols5>*:nth-child(4n+1),
    .grid.cols6>*:nth-child(4n+1) {
        clear: left
    }
}

@media only screen and (min-width:961px) {
    .grid.cols2>* {
        width: 50% !important;
        clear: none
    }

    .grid.cols3>* {
        width: 33.333333% !important;
        clear: none
    }

    .grid.cols4>* {
        width: 25% !important;
        clear: none
    }

    .grid.cols5>* {
        width: 20% !important;
        clear: none
    }

    .grid.cols6>* {
        width: 16.666666% !important;
        clear: none
    }

    .grid.cols3.list>*:nth-child(2),
    .grid.cols3.list>*:nth-child(3) {
        border-top: none
    }

    .grid.cols4.list>*:nth-child(4),
    .grid.cols5.list>*:nth-child(5) {
        border-top: none
    }

    .grid.cols6.list>*:nth-child(5),
    .grid.cols6.list>*:nth-child(6) {
        border-top: none
    }

    .grid.cols2>*:nth-child(2n+1),
    .grid.cols3>*:nth-child(3n+1),
    .grid.cols4>*:nth-child(4n+1),
    .grid.cols5>*:nth-child(5n+1),
    .grid.cols6>*:nth-child(6n+1) {
        clear: left
    }
}

.tablerow {
    display: table;
    border-spacing: 0
}

.tablerow .tablerow {
    height: 100%
}

.tablerow>*,
.tablerow>.banner {
    display: table-cell;
    float: none;
    vertical-align: top;
    height: 100%;
    width: 100rem
}

.mobile #menu .tablerow>* {
    display: inline
}

.tablerow.guttered {
    border-spacing: 3.2rem;
    margin-left: -3.2rem;
    margin-right: -1.6rem
}

.tablerow>.col1,
.tablerow>.col2,
.tablerow>.col3,
.tablerow>.col4,
.tablerow>.col5,
.tablerow>.col6,
.tablerow>.col7,
.tablerow>.col8,
.tablerow>.col9,
.tablerow>.col10,
.tablerow>.col11,
.tablerow>.col12 {
    float: none
}

.container>.row,
.container>.carousel item>.row {
    clear: both
}

.container>.tablerow {
    clear: both;
    padding: 2rem 0 0 0
}

.cont {
    padding: 2rem;
    overflow: hidden
}

.row {
    margin-left: -.8rem;
    margin-right: -.8rem;
    padding: 0 .8rem;
    clear: both
}

.row.overline>.row {
    margin: 0
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-me-1,
.col-me-2,
.col-me-3,
.col-me-4,
.col-me-5,
.col-me-6,
.col-me-7,
.col-me-8,
.col-me-9,
.col-me-10,
.col-me-11,
.col-me-12 {
    position: relative;
    min-height: 1px;
    padding-right: .8rem;
    padding-left: .8rem
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-right-12 {
    margin-right: 100%
}

.col-xs-offset-right-11 {
    margin-right: 91.66667%
}

.col-xs-offset-right-10 {
    margin-right: 83.33333%
}

.col-xs-offset-right-9 {
    margin-right: 75%
}

.col-xs-offset-right-8 {
    margin-right: 66.66667%
}

.col-xs-offset-right-7 {
    margin-right: 58.33333%
}

.col-xs-offset-right-6 {
    margin-right: 50%
}

.col-xs-offset-right-5 {
    margin-right: 41.66667%
}

.col-xs-offset-right-4 {
    margin-right: 33.33333%
}

.col-xs-offset-right-3 {
    margin-right: 25%
}

.col-xs-offset-right-2 {
    margin-right: 16.66667%
}

.col-xs-offset-right-1 {
    margin-right: 8.33333%
}

.col-xs-offset-right-0 {
    margin-right: 0
}

.tablerow-sm>*,
.tablerow-md>*,
.tablerow-me>*,
.tablerow-lg>*.tablerow-xl>* {
    display: block;
    clear: both;
    margin-bottom: 2.4rem;
    border: none
}

@media only screen and (min-width:481px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-right-12 {
        margin-right: 100%
    }

    .col-sm-offset-right-11 {
        margin-right: 91.66667%
    }

    .col-sm-offset-right-10 {
        margin-right: 83.33333%
    }

    .col-sm-offset-right-9 {
        margin-right: 75%
    }

    .col-sm-offset-right-8 {
        margin-right: 66.66667%
    }

    .col-sm-offset-right-7 {
        margin-right: 58.33333%
    }

    .col-sm-offset-right-6 {
        margin-right: 50%
    }

    .col-sm-offset-right-5 {
        margin-right: 41.66667%
    }

    .col-sm-offset-right-4 {
        margin-right: 33.33333%
    }

    .col-sm-offset-right-3 {
        margin-right: 25%
    }

    .col-sm-offset-right-2 {
        margin-right: 16.66667%
    }

    .col-sm-offset-right-1 {
        margin-right: 8.33333%
    }

    .col-sm-offset-right-0 {
        margin-right: 0
    }

    .sm-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important
    }

    .tablerow-sm {
        display: table;
        border-spacing: 1.6rem;
        margin: -1.6rem -1.6rem 0 -1.6rem
    }

    .tablerow-sm>* {
        display: table-cell !important;
        vertical-align: top;
        float: none !important;
        width: 100rem
    }
}

@media only screen and (min-width:721px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-me-1,
    .col-me-10,
    .col-me-11,
    .col-me-12,
    .col-me-2,
    .col-me-3,
    .col-me-4,
    .col-me-5,
    .col-me-6,
    .col-me-7,
    .col-me-8,
    .col-me-9 {
        float: left
    }

    .col-md-12,
    .col-me-12 {
        width: 100%
    }

    .col-md-11,
    .col-me-11 {
        width: 91.66667%
    }

    .col-md-10,
    .col-me-10 {
        width: 83.33333%
    }

    .col-md-9,
    .col-me-9 {
        width: 75%
    }

    .col-md-8,
    .col-me-8 {
        width: 66.66667%
    }

    .col-md-7,
    .col-me-7 {
        width: 58.33333%
    }

    .col-md-6,
    .col-me-6 {
        width: 50%
    }

    .col-md-5,
    .col-me-5 {
        width: 41.66667%
    }

    .col-md-4,
    .col-me-4 {
        width: 33.33333%
    }

    .col-md-3,
    .col-me-3 {
        width: 25%
    }

    .col-md-2,
    .col-me-2 {
        width: 16.66667%
    }

    .col-md-1,
    .col-me-1 {
        width: 8.33333%
    }

    .col-md-pull-12,
    .col-me-pull-12 {
        right: 100%
    }

    .col-md-pull-11,
    .col-me-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-10,
    .col-me-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-9,
    .col-me-pull-9 {
        right: 75%
    }

    .col-md-pull-8,
    .col-me-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-7,
    .col-me-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-6,
    .col-me-pull-6 {
        right: 50%
    }

    .col-md-pull-5,
    .col-me-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-4,
    .col-me-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-3,
    .col-me-pull-3 {
        right: 25%
    }

    .col-md-pull-2,
    .col-me-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-1,
    .col-me-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-0,
    .col-me-pull-0 {
        right: auto
    }

    .col-md-push-12,
    .col-me-push-12 {
        left: 100%
    }

    .col-md-push-11,
    .col-me-push-11 {
        left: 91.66667%
    }

    .col-md-push-10,
    .col-me-push-10 {
        left: 83.33333%
    }

    .col-md-push-9,
    .col-me-push-9 {
        left: 75%
    }

    .col-md-push-8,
    .col-me-push-8 {
        left: 66.66667%
    }

    .col-md-push-7,
    .col-me-push-7 {
        left: 58.33333%
    }

    .col-md-push-6,
    .col-me-push-6 {
        left: 50%
    }

    .col-md-push-5,
    .col-me-push-5 {
        left: 41.66667%
    }

    .col-md-push-4,
    .col-me-push-4 {
        left: 33.33333%
    }

    .col-md-push-3,
    .col-me-push-3 {
        left: 25%
    }

    .col-md-push-2,
    .col-me-push-2 {
        left: 16.66667%
    }

    .col-md-push-1,
    .col-me-push-1 {
        left: 8.33333%
    }

    .col-md-push-0,
    .col-me-push-0 {
        left: auto
    }

    .col-md-offset-12,
    .col-me-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11,
    .col-me-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-10,
    .col-me-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-9,
    .col-me-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8,
    .col-me-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-7,
    .col-me-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-6,
    .col-me-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5,
    .col-me-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-4,
    .col-me-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-3,
    .col-me-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2,
    .col-me-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-1,
    .col-me-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-0,
    .col-me-offset-0 {
        margin-left: 0
    }

    .col-md-offset-right-12 {
        margin-right: 100%
    }

    .col-md-offset-right-11 {
        margin-right: 91.66667%
    }

    .col-md-offset-right-10 {
        margin-right: 83.33333%
    }

    .col-md-offset-right-9 {
        margin-right: 75%
    }

    .col-md-offset-right-8 {
        margin-right: 66.66667%
    }

    .col-md-offset-right-7 {
        margin-right: 58.33333%
    }

    .col-md-offset-right-6 {
        margin-right: 50%
    }

    .col-md-offset-right-5 {
        margin-right: 41.66667%
    }

    .col-md-offset-right-4 {
        margin-right: 33.33333%
    }

    .col-md-offset-right-3 {
        margin-right: 25%
    }

    .col-md-offset-right-2 {
        margin-right: 16.66667%
    }

    .col-md-offset-right-1 {
        margin-right: 8.33333%
    }

    .col-md-offset-right-0 {
        margin-right: 0
    }

    .tablerow-md,
    .tablerow-me {
        display: table;
        border-spacing: 2.4rem;
        margin: -2.4rem -2.4rem 0 -2.4rem
    }

    .tablerow-md>*,
    .tablerow-me>* {
        display: table-cell !important;
        vertical-align: top;
        float: none !important;
        width: 100rem
    }

    .cells1,
    .cells2,
    .cells3,
    .cells4,
    .cells5 {
        width: 100%;
        width: calc(100% + 4.8rem)
    }

    .tablerow-sm.cells1>*,
    .tablerow-md.cells1>*,
    .tablerow-me.cells1>*,
    .tablerow-lg.cells1>*.tablerow-xl.cells1>* {
        width: 100%
    }

    .tablerow-sm.cells2>*,
    .tablerow-md.cells2>*,
    .tablerow-me.cells2>*,
    .tablerow-lg.cells2>*.tablerow-xl.cells2>* {
        width: 50%
    }

    .tablerow-sm.cells3>*,
    .tablerow-md.cells3>*,
    .tablerow-me.cells3>*,
    .tablerow-lg.cells3>*.tablerow-xl.cells3>* {
        width: 33.33%
    }

    .tablerow-sm.cells4>*,
    .tablerow-md.cells4>*,
    .tablerow-me.cells4>*,
    .tablerow-lg.cells4>*.tablerow-xl.cells4>* {
        width: 25%
    }

    .tablerow-sm.cells5>*,
    .tablerow-md.cells5>*,
    .tablerow-me.cells5>*,
    .tablerow-lg.cells5>*.tablerow-xl.cells5>* {
        width: 20%
    }

    [class*="tablerow"][class*="cell"] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        margin: 0 0 2.4rem;
        width: 100%
    }

    [class*="tablerow"][class*="cell"]>div {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        margin: 0 .8rem
    }

    [class*="tablerow"][class*="cell"]>div:first-child {
        margin-left: 0
    }

    [class*="tablerow"][class*="cell"]>div:last-child {
        margin-right: 0
    }

    [class*="tablerow"][class*="cell"]>.bgcolor {
        margin: 0 .8rem
    }
}

@media only screen and (min-width:721px) and (min-width:961px) {
    [class*="tablerow"][class*="cell"]>.bgcolor {
        margin: 0 1.2rem
    }
}

@media only screen and (min-width:961px) {

    .container>.row,
    .container>.tablerow,
    .container>.carousel item>.row {
        width: 96.2rem;
        margin: 0 auto;
        display: block
    }

    #main-header>.row,
    .submenu>.row,
    #breadcrumb>.row {
        width: 96.2rem
    }

    .container>.row,
    .container>.tablerow,
    .container>.carousel item>.row {
        width: 96.2rem
    }

    footer>.row,
    .hero .row,
    .wide>.row,
    .second-nav>ul {
        width: 96.2rem
    }

    .row.guttered>* {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .row.guttered>*:first-child {
        padding-left: 1.6rem
    }

    .row.guttered>*:last-child {
        padding-right: 1.6rem
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-right-12 {
        margin-right: 100%
    }

    .col-lg-offset-right-11 {
        margin-right: 91.66667%
    }

    .col-lg-offset-right-10 {
        margin-right: 83.33333%
    }

    .col-lg-offset-right-9 {
        margin-right: 75%
    }

    .col-lg-offset-right-8 {
        margin-right: 66.66667%
    }

    .col-lg-offset-right-7 {
        margin-right: 58.33333%
    }

    .col-lg-offset-right-6 {
        margin-right: 50%
    }

    .col-lg-offset-right-5 {
        margin-right: 41.66667%
    }

    .col-lg-offset-right-4 {
        margin-right: 33.33333%
    }

    .col-lg-offset-right-3 {
        margin-right: 25%
    }

    .col-lg-offset-right-2 {
        margin-right: 16.66667%
    }

    .col-lg-offset-right-1 {
        margin-right: 8.33333%
    }

    .col-lg-offset-right-0 {
        margin-right: 0
    }

    .tablerow-lg {
        display: table;
        border-spacing: 2rem;
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }

    .tablerow-lg>* {
        display: table-cell;
        float: none !important;
        width: 100rem
    }
}

@media only screen and (min-width:1281px) {

    .container>.row,
    .container>.tablerow,
    .container>.carousel item>.row {
        width: 124.8rem;
        margin: 0 auto;
        display: block
    }

    #main-header>.row,
    .submenu>.row,
    footer>.row,
    .hero .row,
    .wide>.row,
    .second-nav>ul {
        width: 124.8rem;
        margin: 0 auto;
        display: block
    }

    #menu.fixed,
    #menu.jump-menu.sticky-on {
        width: 114rem
    }

    body>.container {
        display: table;
        width: 100%
    }

    .container>.container {
        display: table;
        width: 100%
    }

    .container>.row:before {
        content: "";
        display: table
    }

    .container>.row:after {
        content: "";
        display: table;
        clear: both
    }

    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66667%
    }

    .col-xl-10 {
        width: 83.33333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66667%
    }

    .col-xl-7 {
        width: 58.33333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66667%
    }

    .col-xl-4 {
        width: 33.33333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66667%
    }

    .col-xl-1 {
        width: 8.33333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66667%
    }

    .col-xl-pull-10 {
        right: 83.33333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66667%
    }

    .col-xl-pull-7 {
        right: 58.33333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66667%
    }

    .col-xl-pull-4 {
        right: 33.33333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66667%
    }

    .col-xl-pull-1 {
        right: 8.33333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66667%
    }

    .col-xl-push-10 {
        left: 83.33333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66667%
    }

    .col-xl-push-7 {
        left: 58.33333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66667%
    }

    .col-xl-push-4 {
        left: 33.33333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66667%
    }

    .col-xl-push-1 {
        left: 8.33333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .tablerow-xl {
        display: table-row;
        border-spacing: -1.6rem;
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }

    .tablerow-xl>* {
        display: table-cell;
        float: none !important;
        width: 100rem
    }
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
    float: left
}

.col1,
.w1 {
    width: 8.333333%
}

.col2,
.w2 {
    width: 16.666666%
}

.col3,
.w3,
.w25 {
    width: 25%
}

.col4,
.w4,
.w33 {
    width: 33.333333%
}

.col5,
.w5 {
    width: 41.666666%
}

.col6,
.w6,
.w50 {
    width: 50%
}

.col7,
.w7 {
    width: 58.333333%
}

.col8,
.w8,
.w66 {
    width: 66.666666%
}

.col9,
.w9,
.w75 {
    width: 75%
}

.col10,
.w10 {
    width: 83.333333%
}

.col11,
.w11 {
    width: 91.6666666667%
}

.col12,
.w12,
.w100 {
    width: 100%
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.d-inline-flex>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.flex-row {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-direction: reverse !important;
    -webkit-box-orient: horizontal !important;
    -moz-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-direction: reverse !important;
    -webkit-box-orient: vertical !important;
    -moz-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.flex-justify-content-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start
}

.flex-justify-content-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.flex-justify-content-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center
}

.flex-justify-content-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

.flex-justify-content-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around
}

.flex-align-items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.flex-align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-align-items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex-align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-align-items-flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-a-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.flex-a-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.flex-a-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width:481px) {
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-inline-flex>* {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .flex-sm-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-sm-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-sm-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .flex-sm-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .flex-sm-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .flex-sm-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .flex-sm-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .flex-sm-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .flex-sm-align-items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-sm-align-items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-sm-align-items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-sm-align-items-flex-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-sm-align-items-flex-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:721px) {
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-inline-flex>* {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%
    }

    .flex-md-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-md-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-md-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .flex-md-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .flex-md-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .flex-md-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .flex-md-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .flex-md-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .flex-md-align-items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-md-align-items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-md-align-items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-md-align-items-flex-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-md-align-items-flex-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:961px) {
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-inline-flex>* {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .flex-lg-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-lg-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-lg-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .flex-lg-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .flex-lg-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .flex-lg-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .flex-lg-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .flex-lg-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .flex-lg-align-items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-lg-align-items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-lg-align-items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-lg-align-items-flex-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-lg-align-items-flex-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:1281px) {
    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .flex-xl-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-xl-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .flex-xl-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .flex-xl-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .flex-xl-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .flex-xl-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .flex-xl-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .flex-xl-align-items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-xl-align-items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-xl-align-items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-xl-align-items-flex-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-xl-align-items-flex-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.supstroke {
    border-top: 1px solid #e6e6e6
}

.substroke {
    border-bottom: 1px solid #e6e6e6
}

.pad {
    padding: 2.4rem !important
}

.pad>*:first-child {
    padding-top: 0 !important
}

.pad>*:last-child {
    padding-bottom: 0 !important
}

.pad-xs {
    padding: .8rem !important
}

.pad-sm {
    padding: 1.6rem !important
}

.pad-md,
.pad,
.pad-me {
    padding: 2.4rem !important
}

.pad-lg {
    padding: 3.2rem !important
}

.pad-xl {
    padding: 4rem !important
}

.hpad {
    padding-left: 2.4rem !important
}

.hpad>*:first-child {
    margin-left: 0 !important
}

.hpad>*:last-child {
    margin-right: 0 !important
}

.hpad-xs {
    padding-left: .8rem !important;
    padding-right: .8rem !important
}

.hpad-sm {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important
}

.hpad,
.hpad-md {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important
}

.hpad-lg {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important
}

.hpad-xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

.vpad {
    padding-top: 2.4rem !important
}

.vpad>:first-child {
    margin-top: 0 !important
}

.vpad>:last-child {
    margin-bottom: 0 !important
}

.vpad-xs {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important
}

.vpad-sm {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important
}

.vpad,
.vpad-md {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important
}

.vpad-lg {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important
}

.vpad-xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.pad-xs>div:first-child,
.pad-sm>div:first-child,
.pad-md>div:first-child,
.pad-lg>div:first-child,
.pad-xl>div:first-child,
.pad-me>div:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.pad-xs>div:last-child,
.pad-sm>div:last-child,
.pad-md>div:last-child,
.pad-lg>div:last-child,
.pad-xl>div:last-child,
.pad-me>div:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.nopad {
    padding: 0 !important
}

.nopad-h,
.nopad-x {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.nopad-v,
.nopad-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.nopad-left {
    padding-left: 0 !important
}

.nopad-right {
    padding-right: 0 !important
}

.nopad-top {
    padding-top: 0 !important
}

.nopad-bottom {
    padding-bottom: 0 !important
}

.mar {
    margin: 1.6rem !important
}

.mar>*:first-child {
    margin-top: 0 !important
}

.mar>*:last-child {
    margin-bottom: 0 !important
}

.mar-xs {
    margin: .8rem !important
}

.mar-sm {
    margin: 1.6rem !important
}

.mar-md,
.mar {
    margin: 2.4rem !important
}

.mar-lg {
    margin: 3.2rem !important
}

.mar-xl {
    margin: 4rem !important
}

.hmar {
    margin-left: 2.4rem !important
}

.hmar>*:first-child {
    margin-left: 0 !important
}

.hmar>*:last-child {
    margin-right: 0 !important
}

.hmar-xs,
.hmar-sm {
    margin-left: .8rem !important;
    margin-right: .8rem !important
}

.hmar-md,
.hmar {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important
}

.hmar-lg {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important
}

.hmar-xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

.vmar {
    margin-top: 1.6rem !important
}

.vmar>*:first-child {
    margin-top: 0 !important
}

.vmar>*:last-child {
    margin-bottom: 0 !important
}

.vmar-xs {
    margin-top: .8rem !important;
    margin-top: .8rem !important;
    margin-bottom: .8rem !important
}

.vmar-sm {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important
}

.vmar-md,
.vmar {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important
}

.vmar-lg {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important
}

.vmar-xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

*[class*=" vmar"]+*[class*=" vmar"],
.vmar-xs+.vmar-xs,
.vmar-lg+.vmar-lg {
    margin-top: 0 !important
}

.nomar {
    margin: 0 !important
}

.nomar-h,
.nomar-x {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.nomar-v,
.nomar-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.nomar-top {
    margin-top: 0 !important
}

.nomar-bottom {
    margin-bottom: 0 !important
}

.nomar-left {
    margin-left: 0 !important
}

.nomar-right {
    margin-right: 0 !important
}

@media only screen and (min-width:481px) {

    *[role="main"]>*[class*=" vmar"]:first-child,
    *[role="article"]>*[class*=" vmar"]:first-child {
        margin-top: 0 !important
    }
}

@media only screen and (min-width:961px) {
    .container {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .grid>* {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12,
    .col-me-1,
    .col-me-2,
    .col-me-3,
    .col-me-4,
    .col-me-5,
    .col-me-6,
    .col-me-7,
    .col-me-8,
    .col-me-9,
    .col-me-10,
    .col-me-11,
    .col-me-12 {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }
}

#main-header {
    font-weight: 400;
    min-height: 10rem;
    background-color: #0079c8
}

#main-header.nocorner {
    min-height: 6rem
}

#main-header.fixed {
    z-index: 1080
}

#main-header>.row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #0079c8;
    position: fixed;
    top: 0;
    z-index: 1080;
    min-height: 5.6rem;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3)
}

#main-header #menu3 {
    display: none
}

#logo {
    position: absolute;
    left: 50%;
    margin-left: -5rem;
    top: .8rem;
    width: 10rem;
    height: 4.8rem;
    display: block;
    background-color: transparent;
    overflow: hidden;
    z-index: 100
}

#main-header.corner>.row {
    min-height: 10rem
}

.landing #main-header {
    background-color: transparent
}

@media only screen and (max-width:960px) {
    .noScroll #main-header>.row {
        z-index: 1070
    }
}

#header-search {
    width: 100%
}

.mobile #header-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.6rem;
    height: 5.6rem
}

.mobile .corner~#header-search {
    top: 4rem
}

.mobile #header-search .form-group>i {
    position: relative;
    display: block;
    left: 0;
    width: 5.6rem;
    line-height: 5.6rem;
    margin: 0;
    color: #fff !important;
    cursor: pointer
}

.mobile #header-search.active .form-group>i {
    position: absolute;
    left: 0;
    top: 0;
    color: #0079c8 !important
}

#header-search.active {
    display: block;
    position: absolute;
    width: 100%;
    height: 5.6rem;
    z-index: 100
}

#header-search .form-group {
    width: 100%;
    margin-bottom: 0
}

.search {
    border: none
}

.mobile #header-search input {
    display: none
}

#header-search input {
    padding-left: 4rem;
    background-color: #fff
}

.mobile #header-search.active input {
    display: block;
    padding: 0 0 0 5.6rem !important;
    height: 5.6rem
}

.toggleview {
    cursor: pointer
}

.toggleview+* {
    display: none
}

.dropdown-toggle>i {}

.dropdown-toggle>i:last-child {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -.7rem 0 0 0;
    width: 2.5rem;
    height: 4rem;
    font-size: 1.5rem;
    color: #0079c8
}

.form-group .dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 4rem;
    line-height: 4rem;
    z-index: 1095;
    text-align: left
}

.dropdown {
    display: none;
    position: absolute;
    width: 100%;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
    z-index: 1095
}

.dropdown>* {
    border-top: 1px solid #e6e6e6;
    width: 100% !important
}

.dropdown>*:first-child {
    border-top: none
}

.dropdown>* a {
    display: block;
    padding: .8rem;
    color: #000
}

.dropdown>* a i {
    color: #0079c8;
    font-size: 3rem
}

.dropdown>*.active a {
    background-color: #f2f8fc
}

#utilities {
    position: absolute;
    right: 0;
    top: 0;
    width: 10rem;
    height: 5.6rem
}

#utilities li {
    float: left;
    width: 5rem;
    height: 5.6rem
}

#utilities a {
    color: #000
}

#utilities .activity,
#utilities .msg {
    display: table-cell;
    width: 5rem;
    height: 5.6rem;
    line-height: 5.6rem
}

#utilities .status {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 2rem;
    display: inline-block;
    text-align: center !important;
    background-color: #409bd6
}

#utilities i {
    font-size: 2.5rem;
    color: #bfddf1
}

#user {
    text-align: center
}

#user img {
    width: 9rem;
    min-height: 9rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #e6e6e6
}

#user .view-account {
    color: #333
}

#notuser {
    padding: .8rem
}

#notuser .btn {
    width: 100%;
    padding: .8rem;
    margin-bottom: 1.6rem
}

#notuser .sec {
    border-width: 2px
}

.name {
    font-weight: 700
}

#show-nav {
    width: 5.6rem;
    height: 5.6rem;
    line-height: 5.6rem;
    display: table-cell;
    color: #fff;
    cursor: pointer
}

#show-nav i {
    font-size: 3.5rem;
    line-height: 5.6rem
}

.corner a.telephone i {
    margin-right: 0;
    top: -.2rem
}

#main-header .corner {
    display: inline-table;
    width: 100%;
    text-align: center !important;
    min-height: 4rem;
    background-color: #00335b
}

#main-header .corner .telephone-legend {
    display: none
}

#main-header .corner .telephone-timetable {
    margin: 0 auto;
    padding: 0;
    line-height: .8rem;
    opacity: .5;
    filter: alpha(opacity=50);
    display: block;
    font-size: .8rem
}

#main-header .corner a {
    display: inline-block;
    color: #fff;
    padding: .4rem 0
}

#main-header .corner a.telephone {
    color: #fff;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    height: 4rem;
    width: 100%;
    padding-right: 1.6rem
}

#main-header .corner a.callmeback {
    display: none
}

#header-search .dropdown-toggle>i:first-child {
    display: none
}

.corner~#logo {
    top: 4.3rem
}

#user-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 32rem;
    margin-right: 5.6rem;
    overflow-y: scroll;
    z-index: 1080;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3)
}

.corner~#user-nav {
    top: 4rem
}

#langs+#main-header .corner~#user-nav {
    top: 6.8rem
}

#hide-nav {
    width: 5.6rem;
    height: 5.6rem;
    line-height: 5.6rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #0079c8;
    color: #fff;
    cursor: pointer
}

#hide-nav i {
    font-size: 2.5rem;
    line-height: 5.6rem
}

#user {
    padding-bottom: 1.6rem
}

#user .wellcome {
    display: none
}

#menu i {
    color: #0079c8
}

#menu>li {
    line-height: 2.4rem
}

#menu li {
    float: left;
    display: block;
    clear: both;
    width: 100%;
    text-align: left
}

#menu>li {
    border-top: 1px solid #e6e6e6
}

#menu>li>i {
    position: absolute;
    right: .8rem;
    top: .8rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
    width: 3.2rem;
    text-align: center;
    cursor: pointer
}

#menu a,
#menu>li>span {
    display: block;
    padding: .8rem 0 .8rem 5.6rem;
    margin-right: 4.8rem;
    color: #000
}

#menu li li a {
    padding: .8rem .8rem .8rem 5.6rem;
    margin-right: 0
}

#menu li li i {
    display: none
}

#menu li>a.active {
    border-bottom: none
}

#menu>li>a,
#menu>li>span {
    font-weight: bold
}

#menu>li>a>i {
    position: absolute;
    left: 1.8rem;
    margin-right: 1.8rem;
    font-size: 2.4rem
}

#menu .submenu {
    display: none;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

#menu .submenu a>i {
    display: none
}

#menu>li>ul {
    margin: 0 3.5rem;
    padding: .8rem 0 3.2rem 0;
    overflow: hidden;
    border-top: 1px solid #0079c8
}

#menu>li.active {
    background-color: #f2f8fc
}

#menu>li.active>.submenu {
    display: block
}

#menu>li.destacado.hover {
    background-color: transparent !important
}

#menu>li.destacado i {
    display: block !important;
    color: #fff;
    font-size: 1.4rem;
    position: static;
    margin: 0
}

#menu>li.destacado .btn {
    color: #fff;
    height: 3.6rem;
    font-size: 1.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#user {
    padding-bottom: 0
}

#user .account {
    cursor: pointer
}

#user-options {
    display: block;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-align: center
}

#user .account>i:last-child,
.wellcome {
    display: none
}

#user .account .name {
    margin: .5rem auto;
    color: #0079c8
}

#user-options li {
    border: none
}

#user-options li a {
    display: block;
    text-align: center;
    padding: .8rem 1.6rem;
    text-decoration: underline
}

#user-options li a:hover {
    background-color: #f3f8fd
}

#menu.jump-menu>li {
    cursor: pointer
}

#menu.jump-menu>li:first-child {
    width: 100rem;
    display: table-cell
}

.jumper {
    cursor: pointer;
    display: block
}

#menu.fixed,
#menu.jump-menu.sticky-on {
    background-color: #fff;
    top: 0;
    opacity: .95;
    filter: alpha(opacity=95);
    width: 96rem
}

@media only screen and (min-width:961px) {
    .fixed .jumper {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .jumper.active {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .second-nav {
        background-color: #0079c8;
        opacity: .9;
        filter: alpha(opacity=90);
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 6rem
    }

    .second-nav>ul {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin: 0 auto;
        height: 5.6rem
    }

    .second-nav>ul>li {
        display: block;
        vertical-align: middle
    }

    .second-nav>ul>li:first-child {
        margin-left: 1.6rem
    }

    .second-nav>ul>li .fancybox {
        margin-left: 0;
        margin-right: 0;
        max-width: 20rem
    }

    .nav-sticky.fixed {
        top: 0;
        left: 0;
        z-index: 1030
    }
}

.mobile #menu>li .submenu .tablerow {
    width: 100%;
    width: 100%
}

.mobile #menu>li .submenu .tablerow>li>* {
    margin-left: 5.6rem;
    margin-right: 0;
    padding: .8rem
}

.mobile #menu>li .submenu .tablerow>li:last-child a {
    border: medium none
}

.mobile #menu>li .submenu .tablerow>li a {
    margin-right: 0
}

.mobile #menu>li .submenu .tablerow>li a>* {
    display: none;
    color: #333;
    font-size: 1.7rem;
    font-weight: normal
}

.mobile #menu>li .submenu .tablerow>li a>:first-child {
    display: block
}

.mobile #menu>li .submenu .tablerow .btn,
.mobile #menu>li .submenu .tablerow>li a>i {
    display: none !important
}

@media only screen and (min-width:961px) {
    #main-header {
        background-color: #fff
    }

    #main-header>.row {
        position: relative;
        top: auto;
        z-index: auto;
        height: 20rem;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #main-header #menu3 {
        display: inline-block;
        vertical-align: text-top;
        width: auto
    }

    #main-header #menu3 li {
        float: left;
        font-size: 1.2rem;
        line-height: normal;
        padding: 0 .5rem
    }

    #main-header #menu3 li:first-child {
        border-right: 1px solid #000
    }

    #main-header #menu3 a {
        padding: 0
    }

    #main-header.fixed {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1030;
        background-color: #fff !important;
        overflow: hidden;
        width: 100%
    }

    .landing #main-header {
        background: transparent
    }

    .landing #main-header>.row {
        background: transparent
    }

    .landing #header-search input {
        background: transparent
    }

    .landing #main-header+.container {
        border-top: none
    }

    #main-header.nonav>.row {
        height: 16rem
    }

    body.login #main-header nav,
    body.login #header-search,
    body.login #utilities,
    body.login #user-nav {
        display: none
    }

    body.login #main-header>.row {
        height: 16.8rem
    }

    .nonav #main-header>.row {
        height: 16.8rem
    }

    #main-header .corner {
        background-color: transparent;
        display: block;
        min-height: auto;
        position: absolute;
        right: 1.6rem;
        text-align: right !important;
        top: 2.4rem;
        width: auto;
        z-index: 100
    }

    #logo,
    .corner~#logo {
        position: absolute;
        left: 1.6rem;
        top: 2.4rem;
        width: 9.6rem;
        height: 12.8rem;
        margin: 0
    }

    #logo img {
        margin-top: 0
    }

    #super {
        display: block;
        position: absolute;
        left: 0;
        padding-left: 13.6rem;
        padding-right: 30rem;
        top: 2.4rem;
        text-align: left
    }

    #super img {
        height: 9rem;
        width: auto
    }

    #super .title+.handwritten {
        margin-top: .8rem
    }

    #main-header .corner a {
        color: #0652AE
    }

    #main-header .corner a.telephone {
        color: #000;
        display: inline;
        font-size: 2rem;
        font-weight: 700;
        height: auto;
        padding: 0;
        vertical-align: text-bottom;
        width: auto
    }

    #main-header .corner a.callmeback {
        margin-right: .5em;
        display: inline-block;
        padding: 0
    }

    #main-header .corner .telephone-legend {
        display: inline
    }

    #main-header .corner a.telephone .telephone-timetable {
        text-align: right
    }

    .telephone-timetable {
        font-size: 1rem;
        font-weight: 400;
        display: block;
        line-height: 1;
        color: #666;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important
    }

    #main-header .corner a.telephone.telephone-xs {
        font-size: 1.5rem
    }

    #main-header .corner a.telephone.telephone-sm {
        font-size: 1.8rem
    }

    #main-header .corner a.telephone.telephone-md {
        font-size: 2rem
    }

    #main-header .corner a.telephone.telephone-lg {
        font-size: 2.5rem
    }

    #main-header .corner a.telephone.telephone-xl {
        font-size: 3rem
    }

    #header-search {
        display: block;
        position: absolute;
        left: 0;
        padding: 0 35.2rem 0 13.6rem;
        top: 7.2rem
    }

    #header-search .dropdown-toggle {
        left: 0;
        width: 4.8rem
    }

    #header-search .dropdown-toggle i {
        color: #0079c8
    }

    #header-search input {
        height: 4.8rem
    }

    #hide-nav {
        display: none
    }

    #user-nav {
        display: block;
        position: absolute;
        top: 15.2rem;
        left: 0;
        width: 100%;
        padding: 0 1.6rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: visible;
        height: auto !important
    }

    .corner~#user-nav,
    #langs+#main-header .corner~#user-nav {
        top: 15.2rem
    }

    #menu {
        display: table;
        width: 100%;
        z-index: 1080;
        position: absolute
    }

    #menu a,
    #menu>li>span {
        color: #0652AE;
    }

    #menu>li {
        width: 100rem;
        clear: none;
        display: table-cell;
        height: 4.8rem;
        vertical-align: middle;
        float: none;
        text-align: center;
        border: none;
        position: static
    }

    #menu>li:first-child {
        display: none;
        width: 15rem
    }

    #menu li {
        font-size: 1.5rem
    }

    #menu li>i {
        display: none
    }

    #menu>li.active {
        border: none
    }

    #menu>li>*>i {
        color: #0079c8;
        margin-right: .8rem
    }

    #menu>li>*>i:not(.icon-appointments) {
        display: none
    }

    #menu>li>a,
    #menu>li>span {
        display: inline-block;
        padding: 0 .5rem;
        font-size: 1.7rem;
        margin: 0;
        font-weight: normal
    }

    #menu>li>*.active {
        color: #000;
        border-bottom: none !important
    }

    #menu.less>li>a,
    #menu.less>li>span {
        padding: 0 .5rem;
        font-size: 1.7rem
    }

    #menu>li.hover {
        background-color: #0079c8;
        color: #fff;
        -webkit-transition: all .3s linear 0s;
        transition: all .3s linear 0s
    }

    #menu>li.hover a {
        color: #fff
    }

    #menu>li.hover a>i {
        color: #fff
    }

    #menu>li.hover>span,
    #menu>li.hover>span>i {
        color: #fff
    }

    .submenu {
        display: none;
        position: fixed;
        top: 21rem;
        left: 0;
        width: 100%;
        padding: 1.6rem 0;
        z-index: 100;
        background-color: #0079c8;
        color: #fff;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .33);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .33)
    }

    #menu>li .submenu a {
        color: #fff
    }

    #menu>li .submenu a:hover {
        background-color: #00335b;
        -webkit-transition: all .3s linear 0s;
        transition: all .3s linear 0s
    }

    #menu>li .submenu li {
        float: left;
        width: 25%;
        text-align: left;
        clear: none;
        padding: 0 1.6rem
    }

    #menu>li .submenu li a {
        padding: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto
    }

    #menu>li .submenu li:nth-child(1),
    #menu>li .submenu li:nth-child(2),
    #menu>li .submenu li:nth-child(3) {
        border-right: 1px solid #7fbce3
    }

    #menu>li .submenu li:nth-child(1) a,
    #menu>li .submenu li:nth-child(2) a,
    #menu>li .submenu li:nth-child(3) a {
        height: 16rem;
        text-align: center
    }

    .submenu.hover {
        display: block !important;
        height: auto;
        -webkit-transition: all .3s linear 0s;
        transition: all .3s linear 0s
    }

    #menu>li .submenu li>a>i {
        display: none;
        position: static
    }

    #menu>li .submenu li:nth-child(1) a>i,
    #menu>li .submenu li:nth-child(2) a>i,
    #menu>li .submenu li:nth-child(3) a>i {
        display: block;
        clear: both;
        font-size: 6rem;
        line-height: 6rem;
        margin: 0 0 .8rem 0
    }

    #menu>li .submenu li a h3 {
        color: #fff;
        margin-bottom: .8rem
    }

    #user,
    #notuser {
        position: absolute;
        right: 1.6rem;
        top: -7rem;
        text-align: left
    }

    #user {
        width: 21rem;
        top: -7.2rem
    }

    #user #alogin>img {
        display: inline-block;
        margin-right: 1rem;
        position: static;
        vertical-align: middle
    }

    #user #alogin>span {
        font-weight: bold
    }

    #notuser {
        width: 35rem;
        padding: 0
    }

    #user .account {
        display: block;
        position: relative;
        padding-left: 5.6rem;
        min-height: 4.8rem;
        text-align: right
    }

    #user .account>i:last-child {
        display: inline-block
    }

    .wellcome {
        display: inline-block;
        text-align: left
    }

    .wellcome+.name {
        text-align: left
    }

    .wellcome+.name+i {
        text-align: left
    }

    #user img {
        position: absolute;
        left: 0;
        top: 0;
        width: 4.8rem;
        min-height: 4.8rem
    }

    #user a {
        color: #0079c8
    }

    #user a:hover img {
        border-color: #7fbce3
    }

    #user .wellcome {
        display: block;
        font-size: 1.2rem;
        color: #acacac
    }

    #user .view-account {
        display: none
    }

    #user .name {
        font-size: 1.3rem;
        font-weight: bold
    }

    #user .account .name {
        margin: 0 auto
    }

    #user-options {
        display: none;
        border: 1px solid #e6e6e6;
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
        position: absolute;
        text-align: left
    }

    #notuser ul {
        text-align: right
    }

    #notuser li {
        display: inline-block
    }

    #utilities {
        right: 24rem;
        top: 7rem;
        width: 10rem;
        height: 5rem
    }

    #utilities i {
        font-size: 3.5rem;
        color: #000
    }

    #show-nav {
        display: none
    }

    #menu>li .submenu .tablerow li {
        border-right: 1px solid #7fbce3;
        display: table-cell;
        float: none;
        padding: 0;
        width: 22.4rem
    }

    #menu>li .submenu .tablerow li:first-child {
        border-left: 1px solid #7fbce3
    }

    #menu>li .submenu .tablerow li a {
        display: inline-block;
        height: auto;
        padding: .8rem 1.6rem;
        width: 100% !important;
        text-align: left;
        vertical-align: top
    }

    #menu>li .submenu .tablerow li a>* {
        text-align: left
    }

    #menu>li .submenu .tablerow li a i {
        text-align: center
    }

    .submenu.hover {
        height: auto
    }

    #menu>li .submenu .tablerow {
        margin: 0 auto;
        max-width: 96.2rem
    }

    #menu>li .submenu .tablerow .btn i {
        display: inline-block
    }

    #menu>li .submenu .tablerow a>.title {
        color: #fff !important
    }
}

@media only screen and (min-width:1281px) {
    #main-header>.row {
        height: 20rem
    }

    #menu>li>a,
    #menu>li>span {
        font-size: 1.9rem
    }

    #menu>li .submenu li {}

    #menu>li .submenu li a h3 {
        color: #fff;
        margin-bottom: .8rem
    }

    #menu>li .submenu .tablerow {
        max-width: 112rem
    }
}

@media only screen and (max-height:481px) and (orientation:landscape) {
    #main-header>.row {
        position: relative
    }
}

@media only screen and (max-width:960px) {
    #super {
        display: block
    }

    #super * {
        display: none
    }

    #super *:first-child {
        display: block;
        color: #fff;
        font-weight: normal !important;
        font-size: 1.3rem;
        background-color: #409bd6;
        padding: .8rem 0;
        line-height: 1.6rem
    }

    .mobile #main-header>.row>#show-nav~#super {
        margin-top: 0
    }

    .mobile #super {
        margin-top: 6rem
    }
}

@media only screen and (max-width:960px) and (orientation:landscape) {
    #main-header.fixed {
        z-index: auto
    }
}

#main-header.sticky-header #header-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 4rem;
    margin: 0;
    background-color: #e6e6e6;
    text-align: right
}

#main-header.sticky-header #header-bar .btn-user {
    font-size: 1.3rem;
    padding: 0 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0079c8;
    color: #fff
}

#main-header.sticky-header #header-bar .btn-user i {
    color: #0079c8;
    background: #fff;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2rem;
    line-height: initial
}

@media only screen and (max-width:960px) {
    #main-header.sticky-header {
        min-height: 6rem
    }

    #main-header.sticky-header #logo {
        top: .8rem
    }

    #main-header.sticky-header #user-nav {
        top: 0
    }

    #main-header.sticky-header #super {
        display: none
    }

    #main-header.sticky-header .corner {
        display: none
    }

    #main-header.sticky-header #header-bar {
        position: fixed;
        z-index: 1081;
        right: 0;
        height: 5.6rem;
        background-color: transparent
    }

    #main-header.sticky-header #header-bar i.icon-phone {
        font-size: 2rem;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff
    }

    #main-header.sticky-header #header-bar .btn-user span {
        display: none
    }
}

@media only screen and (min-width:961px) {
    #main-header.sticky-header {
        min-height: 6rem
    }

    #main-header.sticky-header.is-fixed {
        position: fixed;
        top: 0;
        width: 100%;
        min-height: 48px;
        height: 48px;
        z-index: 1000;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
        background: rgba(255, 255, 255, .9)
    }

    #main-header.sticky-header.is-fixed>.row {
        background-color: transparent;
        height: 4.8rem;
        min-height: auto
    }

    #main-header.sticky-header.is-fixed #header-bar {
        position: absolute;
        right: 0;
        background: transparent
    }

    #main-header.sticky-header.is-fixed #logo {
        top: 0;
        height: 48px;
        width: 104px;
        background-color: #0079c8;
        -webkit-transition: width .2s;
        transition: width .2s
    }

    #main-header.sticky-header.is-fixed #logo img {
        margin: 8px 12px;
        width: 80px;
        -webkit-transition: margin .2s;
        transition: margin .2s
    }

    #main-header.sticky-header.is-fixed #super,
    #main-header.sticky-header.is-fixed .corner {
        display: none
    }

    #main-header.sticky-header.is-fixed #user-nav {
        top: 0
    }

    #main-header.sticky-header.is-fixed #user-nav #menu {
        left: 12rem;
        right: auto
    }

    #main-header.sticky-header.is-fixed #user-nav #menu li a {
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #main-header.sticky-header.is-fixed .btn-user {
        height: 48px;
        top: 0
    }

    #main-header.sticky-header.is-fixed .btn-user i {
        margin: 0
    }

    #main-header.sticky-header.is-fixed .btn-user span {
        display: none
    }

    #main-header.sticky-header>.row {
        height: 14rem
    }

    #main-header.sticky-header #super {
        padding-left: 11.2rem
    }

    #main-header.sticky-header #super .lead {
        margin-top: 0
    }

    #main-header.sticky-header #user-nav {
        top: 8rem
    }

    #main-header.sticky-header #user-nav #menu {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        right: 0;
        left: auto
    }

    #main-header.sticky-header #user-nav #menu li {
        width: auto;
        height: auto
    }

    #main-header.sticky-header #user-nav #menu li a {
        color: #00335b;
        font-size: 1.6rem;
        padding: .8rem
    }

    #main-header.sticky-header #user-nav #menu li a:hover {
        background: #00335b;
        color: #fff
    }

    #main-header.sticky-header #logo {
        width: 8rem;
        height: 10.4rem
    }
}

#main-footer {
    padding: 2.4rem .8rem .8rem .8rem;
    font-size: 1.2rem;
    color: #d3e3f3;
    background: #00335b
}

.landing #main-footer {
    color: #6c6e71;
    background-color: transparent
}

#main-footer .row {
    text-align: center
}

#main-footer .logo {
    position: absolute;
    display: block;
    margin: 0 auto 1.6rem auto;
    width:auto!important;
    max-width: 13rem!important;
}

@media only screen and (max-width:961px) {
    #main-footer .logo {
        position: static
    }
}

.landing #main-footer .logo {
    display: none
}

#main-footer a {
    color: #fff;
    font-weight: 300
}

#main-footer a:visited {
    color: #fff;
    font-weight: 300
}

#main-footer a:hover {
    color: #fff
}

#main-footer dt {
    font-size: 1.8rem;
    margin-bottom: .8rem;
    color: #fff
}

#main-footer dd {
    line-height: 1.6rem;
    margin: 0
}

#main-footer dd+dt {
    margin-top: 1.6rem
}

#main-footer dd a {
    padding: 0;
    font-weight: 300;
    font-size: 1.3rem;
    padding: .8rem 1rem .8rem 0;
    display: block
}

#main-footer .legal-links li {
    display: inline-block;
    float: none;
    margin: 0
}

#main-footer .legal-links a {
    margin-left: 1rem;
    font-weight: normal;
    color: #fff
}

.landing #main-footer .legal-links a {
    color: #0079c8
}

.landing .bgcolor #main-footer .legal-links a {
    color: #fff
}

#main-footer h2 {
    color: #fff;
    font-weight: normal
}

#main-footer ul {
    clear: both;
    display: block;
    padding-bottom: 1.6rem
}

#main-footer li {
    float: left
}

#main-footer .social li {
    float: none
}

#main-footer .social li a {
    background: #fff;
    color: #00335b
}

#main-footer li {
    font-size: 1.3rem
}

#main-footer li a {
    font-size: 1.3rem
}

#main-footer>.row.menu_footer {
    display: inline-block
}

#main-footer>.row .menu_select {
    display: none;
    width: 30rem;
    height: 3.5rem;
    padding: 0 !important;
    margin-left: 1.6rem;
    margin-bottom: .8rem;
    overflow: hidden;
    background: #002949;
    border: 1px solid #406684
}

#main-footer .dropdown {
    position: absolute;
    left: 2.4rem;
    right: 2.4rem;
    bottom: 5.4rem;
    width: auto;
    max-height: 40rem;
    overflow-y: scroll
}

#main-footer .dropdown dt {
    color: #000;
    border-top: none;
    margin: 0;
    padding: .8rem
}

#main-footer .dropdown>dd {
    border-top: 1px solid #e6e6e6
}

#main-footer .dropdown a {
    display: block;
    padding: .8rem;
    color: #000 !important
}

#main-footer .dropdown-toggle {
    text-align: left;
    font-size: 1.4rem;
    padding: .8rem 3.2rem .8rem 1.2rem;
    border: 2px solid #fff;
    display: block;
    border-radius: 2rem;
    margin: 1.6rem
}

#main-footer .dropdown-toggle>i:last-child {
    right: .8rem;
    color: #fff
}

@media only screen and (min-width:481px) {
    #main-footer .logo {
        margin: 0 auto 3rem auto
    }
}

@media only screen and (min-width:721px) {
    #main-footer .row {
        margin: 0 auto;
        text-align: left
    }
}

@media only screen and (min-width:961px) {
    #main-footer .dropdown-toggle {
        display: none
    }

    #main-footer ul {
        display: inline-block
    }

    #footerlinks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left:13%!important;
        margin-bottom: 2.3rem;
        padding-bottom: .8rem
    }

    #footerlinks dl {
        padding: 0 1.2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%
    }
}

.sponsorshipLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-width: 0 0 1px 0;
    border-color: rgba(255, 255, 255, .2);
    border-style: solid;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sponsorshipLinks>[class*="col-"] {
    margin-bottom: 2.4rem;
    text-align: center;
    line-height: 1.5
}

.sponsorshipLinks img {
    height: 5.6rem
}

@media only screen and (min-width:961px) {
    .sponsorshipLinks {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        border-width: 1px 0 1px 0
    }

    .sponsorshipLinks>[class*="col-"]:first-child {
        margin-right: auto;
        width: auto
    }

    .sponsorshipLinks>[class*="col-"] {
        width: 19%;
        margin-bottom: 0;
        padding: 0 2.4rem
    }
}

.loginbox {
    background: #f7f7f7;
    padding: 0 3.2rem 3.2rem 3.2rem;
    background: #f7f7f7;
    padding: 2.4rem 0
}

.loginbox .form-group {
    width: 100%;
    margin: 0 0 1.6rem 0 !important;
    padding: 0;
    display: block;
    float: left;
    clear: both
}

.loginbox input[type="text"],
.loginbox input[type="password"] {
    padding-left: 4rem;
    padding-top: .8rem;
    border: 2px solid #e6e6e6;
    text-align: left;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none
}

.loginbox input:focus {
    border-color: #047ecb;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 121, 200, .5);
    box-shadow: 0 0 6px 0 rgba(0, 121, 200, .5)
}

.loginbox input+i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: 1.6rem;
    margin-top: -1.6rem;
    right: auto;
    color: #333;
    font-size: 2rem;
    z-index: 100
}

.loginbox *[class^="col"]>input+i {
    margin-left: 3rem;
    margin-top: -1rem
}

.loginbox>*:first-child {
    margin-top: 0
}

.loginbox>*:last-child {
    margin-bottom: 0
}

.loginbox .form-group {
    margin-left: 0;
    margin-right: 0
}

.loginbox .control-label {
    font-size: 1.5rem
}

@media only screen and (min-width:481px) {
    .loginbox p {
        text-align: left
    }
}

.chat .msg {
    border-radius: 8px;
    padding: .4rem;
    text-align: left;
    background-color: #f2f8fc;
    border-color: #f2f8fc
}

.chat .msg:before {
    top: -0;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(91, 105, 115, 0);
    border-top-color: inherit;
    border-width: .8rem;
    margin-left: -.8rem
}

.chat .msg.msg-ego {
    text-align: right;
    background-color: #f7f9f2;
    border-color: #f7f9f2
}

.chat .msg.msg-ego:before {
    right: 0;
    margin-left: auto;
    margin-right: -.8rem
}

.baseline {
    background-image: url(/img/site_general/diseno/baseline-8px.gif) !important;
    background-position: 50% 0
}

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

.hide,
.mobile .mobile-hide,
.desktop .desktop-hide {
    display: none !important
}

.show,
.mobile .mobile-show,
.desktop .desktop-show {
    display: block !important
}

@media only screen and (max-width:480px) {
    .xs-show {
        display: block !important
    }

    .tablerow>.xs-show {
        display: table-cell !important
    }

    .xs-hide {
        display: none !important
    }

    .xs-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important
    }
}

@media only screen and (min-width:481px) {
    .sm-show {
        display: block !important
    }

    .tablerow>.sm-show {
        display: table-cell !important
    }

    .sm-hide {
        display: none !important
    }

    .sm-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important
    }
}

@media only screen and (min-width:721px) {

    .md-hide,
    .me-hide {
        display: none !important
    }

    .md-clearfix,
    .me-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important
    }

    .md-show,
    .me-show {
        display: block !important
    }

    .tablerow>.md-show,
    .tablerow>.me-show {
        display: table-cell !important
    }
}

@media only screen and (min-width:961px) {
    .lg-show {
        display: block !important
    }

    .lg-hide {
        display: none !important
    }

    .lg-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important
    }
}

@media only screen and (min-width:1281px) {
    .xl-show {
        display: block !important
    }

    .xl-hide {
        display: none !important
    }

    .xl-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important
    }
}

.noscroll {
    overflow: hidden !important
}

.noborder {
    border: none !important
}

.hright {
    text-align: right !important
}

.hleft {
    text-align: left !important
}

.hcenter {
    text-align: center !important
}

.vmiddle {
    vertical-align: middle !important
}

.vtop {
    vertical-align: top !important
}

.vbottom {
    vertical-align: bottom !important
}

.vtext-bottom {
    vertical-align: text-bottom
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.nopull {
    float: none !important
}

.auto-center {
    margin: 0 auto;
    display: inline-block;
    width: auto
}

.xs-hright {
    text-align: right !important
}

.xs-hleft {
    text-align: left !important
}

@media only screen and (min-width:481px) {
    .sm-hright {
        text-align: right !important
    }

    .sm-hleft {
        text-align: left !important
    }
}

@media only screen and (min-width:721px) {

    .md-hright,
    .me-hright {
        text-align: right !important
    }

    .md-hleft,
    .me-hleft {
        text-align: left !important
    }
}

@media only screen and (min-width:961px) {
    .lg-hright {
        text-align: right !important
    }

    .lg-hleft {
        text-align: left !important
    }
}

@media only screen and (min-width:1281px) {
    .xl-hright {
        text-align: right !important
    }

    .xl-hleft {
        text-align: left !important
    }
}

.boxy>* {
    border: 1px solid #e5e5e5;
    padding: .7rem;
    background: #fff
}

.shadowed-xs {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3)
}

.shadowed-sm {
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .4)
}

.shadowed {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5)
}

.rounded {
    border-radius: 3px
}

.overline {
    padding-top: .7rem;
    border-top: 1px solid #e6e6e6
}

.overline.row {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.underline {
    padding-bottom: .7rem;
    border-bottom: 1px solid #e6e6e6
}

.underline.plus {
    padding-bottom: 1rem;
    border-bottom: 1px solid #0079c8
}

.supdotted {
    border-top: 2px dotted #e6e6e6
}

ul.supdotted {
    border-top: none
}

ul.supdotted>* {
    border-top: 2px dotted #e6e6e6;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

ul.supdotted>*:first-child {
    border-top: none;
    padding-top: 0
}

.subdotted {
    border-bottom: 2px dotted #e6e6e6
}

.vdotted {
    border-right: 2px dotted #e6e6e6
}

table.vdotted {
    border-right: none
}

.full-with {
    width: 100%
}

.full-height {
    height: 100% !important
}

.border {
    border: 1px solid #fff
}

.border-lightgray {
    border: 1px solid #e6e6e6
}

.border-white {
    border-color: #fff
}

.border-radius {
    border-radius: .4rem
}

.justify-only-line {
    text-align: justify;
    display: block;
    line-height: 1
}

.justify-only-line:after {
    content: "";
    display: inline-block;
    width: 100%
}

@media only screen and (min-width:721px) {
    .justify-only-line-sm {
        text-align: justify;
        display: block;
        line-height: 1
    }

    .justify-only-line-sm:after {
        content: "";
        display: inline-block;
        width: 100%
    }
}

@media only screen and (min-width:961px) {
    .justify-only-line-md {
        text-align: justify;
        display: block;
        line-height: 1
    }

    .justify-only-line-md:after {
        content: "";
        display: inline-block;
        width: 100%
    }
}

@media only screen and (min-width:1281px) {
    .justify-only-line-lg {
        text-align: justify;
        display: block;
        line-height: 1
    }

    .justify-only-line-lg:after {
        content: "";
        display: inline-block;
        width: 100%
    }
}

#langs {
    border: none;
    z-index: 21;
    width: 100%;
    margin: 0;
    height: auto;
    background-color: #00335b !important;
    color: #fff !important
}

#langs+#main-header>.row {
    margin: 0 auto 0
}

#langs .row {
    background-color: #00335b !important;
    color: #fff !important
}

#langs .btn {
    background-color: #00335b !important;
    color: #fff !important
}

#langs .btn span {
    background-color: #00335b !important;
    color: #fff !important
}

#langs .dropdown-toggle>i:last-child {
    background-color: #00335b !important;
    color: #fff !important
}

#languages a {
    background-color: #00335b !important;
    color: #fff !important
}

#langs .btn {
    padding: 1rem 0 0 0;
    font-size: 1.2rem;
    border-width: 1px;
    color: #fff;
    width: auto;
    text-align: right
}

#languages {
    width: auto;
    right: 0;
    border: none;
    z-index: 100
}

#languages a {
    font-size: 1.2rem;
    padding: .4rem 1.6rem
}

#languages a.active {
    background-color: #0079c8 !important
}

#langs .dropdown-toggle>i:last-child {
    height: 2rem;
    position: relative
}

#langs .dropdown-toggle>span {
    vertical-align: middle
}

#langs>.row {
    position: fixed;
    width: 14rem;
    right: 0;
    margin: 0
}

#langs.container>.row:after,
#langs.container>.row:before {
    display: none
}

@media only screen and (orientation:landscape) {
    #langs>.row {
        position: absolute;
        top: .2rem
    }
}

@media only screen and (min-width:721px) {
    #langs+#main-header>.row {
        position: relative;
        margin: 0 auto
    }

    #langs .btn {
        padding: .8rem 0
    }
}

@media only screen and (min-width:961px) {
    #langs>.row {
        position: relative;
        width: 100%
    }
}

.btn-contact-form {
    position: absolute;
    right: .8rem;
    top: 4.8rem;
    width: 4.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: .8rem;
    border: 2px solid #fff
}

@media only screen and (max-width:481px) {
    .carousel img {
        width: auto;
        height: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .carousel-indicators {
        margin-bottom: 0
    }
}

@media only screen and (max-width:960px) {
    #user-nav #notuser {
        display: none
    }

    .gmaps-layer {
        height: 20rem
    }
}

#divFormularioClonado {
    margin-top: -3rem
}

.banner.hero .white .title,
.wide .white .title {
    text-shadow: none;
    color: #373a3c
}

.banner.hero .white a,
.wide .white a {
    color: #0079c8
}

.banner.hero .white a.btn.ter,
.wide .white a.btn.ter {
    margin: 0;
    padding: 1em 1em 1em 0
}

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

    .banner.hero .white,
    .wide .white {
        margin-top: 16px
    }
}

@media only screen and (min-width:481px) {
    .place:last-child {
        margin-bottom: 0
    }
}

.feed {
    margin-top: 16px
}

@media only screen and (min-width:721px) {
    .feed {
        height: 100%;
        margin-top: 0
    }
}

@media only screen and (min-width:961px) {

    .hero .row,
    .hero .carousel-inner .item>.row,
    .wide>.row {
        padding: 8rem 1.6rem
    }

    .carousel .wide>.row {
        padding: 5rem 1.6rem
    }

    .slick-single .slick-slide>* {
        min-height: auto
    }

    #menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #menu>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #menu>li.type-btn.hover {
        background: transparent
    }
}

@media only screen and (min-width:961px) and (max-width:1440px) {
    .slick-single .wide>picture {
        height: auto;
        overflow: hidden
    }

    .slick-single .wide>picture img {
        height: 100%;
        width: auto
    }
}

.chat-SanIA {
    height: 700px !important
}

@media only screen and (max-width:961px) {
    #menu>li.type-btn .btn {
        padding: 1.6rem;
        margin: 1.6rem 0 !important
    }
}

.sidenav .circle {
    width: 24px;
    height: 24px;
    font-size: 12px;
    text-align: center;
    vertical-align: initial;
    margin-left: 1.6rem
}

#listado-mapa {
    color: #6c6e71;
    overflow: hidden
}

#listado-mapa input[type="checkbox"] {
    border: 1px solid #e6e6e6;
    height: 1.6rem;
    width: 1.6rem
}

#listado-mapa input[type="checkbox"]+label {
    color: #0079c8;
    display: inline-block;
    font-weight: 700;
    margin-left: .8rem
}

#listado-mapa>.container {
    background-color: #fff;
    overflow-y: auto
}

#listado-mapa .btn {
    margin: 0
}

#listado-mapa>form input[type="text"] {
    border-bottom: 1px solid #0079c8;
    height: 4.8rem;
    line-height: 4.8rem;
    padding-left: 0 !important;
    padding-right: 4.8rem;
    text-align: left
}

#listado-mapa .form-group {
    margin: 0
}

#listado-mapa i.icon-generic-search {
    left: auto;
    line-height: 4.8rem;
    right: 2.4rem
}

#listado-mapa .list {
    padding: 1.6rem;
    padding-top: 0
}

#listado-mapa .list>li {
    display: inline-block;
    padding-bottom: 0
}

#listado-mapa.show-filters .container {
    left: -100%;
    position: absolute
}

#listado-mapa.show-filters .place>* {
    width: 100%
}

@media only screen and (min-width:961px) {
    #listado-mapa {
        width: 44rem;
        height: 72rem;
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    #listado-mapa>.container {
        height: 72rem
    }

    #listado-mapa form input[type="text"] {
        height: 4.8rem;
        line-height: 4.8rem;
        padding-right: 5.6rem
    }

    #listado-mapa i.icon-generic-search {
        line-height: 4.8rem;
        right: 24px
    }

    #listado-mapa .header-filters .form-group {
        display: block
    }
}

@media only screen and (max-width:961px) {
    .mobile-vpad {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
}

.separator {
    border-top: 1px solid #7fbce3;
    padding-top: 2.4rem
}

@media only screen and (min-width:481px) and (max-width:961px) {
    .img-banner-wrapper {
        width: auto;
        display: inline-block
    }
}

.accordion dt.cyan5.active:after,
.fan dt.cyan5.active:after,
.fan dt.cyan5.active,
.accordion dt.cyan5.active {
    color: #0079c8
}

body>.container {
    padding-top: .8rem;
    padding-bottom: .8rem
}

@media only screen and (min-width:961px) {
    #main-footer {
        padding-top: 3.2rem
    }
}

.cards.big-icons li .title {
    font-size: 1.8rem;
    font-weight: 900;
    color: #333;
    margin-bottom: 1.6rem
}

.cards.big-icons li a i,
.cards.big-icons li i {
    display: block;
    font-size: 7rem;
    margin: 1.6rem 0;
    color: #0079c8
}

.title.plus {
    font-weight: 900
}

.title.plus strong {
    font-weight: 900;
    color: #0652AE;
}

.contributed ul.iconlist li {
    padding-left: 3.2rem !important
}

.contributed>h1:first-child,
.contributed>h2:first-child,
.contributed>h3:first-child,
.contributed>h4:first-child,
.contributed>h5:first-child,
.contributed>h6:first-child {
    margin-top: 0
}

@media only screen and (min-width:1281px) {
    #footerlinks dl.colspan2 {
        -webkit-box-flex: 2 !important;
        -ms-flex: 2 1 auto !important;
        flex: 2 1 auto !important
    }
}

.accordion dt,
.accordion dt>*,
.fan dt,
.fan dt>* {
    color: #0079c8
}

.accordion dt.active,
.accordion dt.active>*,
.fan dt.active,
.fan dt.active>* {
    color: #fff
}@-webkit-keyframes wobble-to-top-right {
	16.65% {
		-ms-transform: translate(2.5px, -2.5px);
		-webkit-transform: translate(2.5px, -2.5px);
		transform: translate(2.5px, -2.5px);
	}
	33.3% {
		-ms-transform: translate(-2px, 2px);
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	49.95% {
		-ms-transform: translate(1.5px, -1.5px);
		-webkit-transform: translate(1.5px, -1.5px);
		transform: translate(1.5px, -1.5px);
	}
	66.6% {
		-ms-transform: translate(-1px, 1px);
		-webkit-transform: translate(-1px, 1px);
		transform: translate(-1px, 1px);
	}
	83.25% {
		-ms-transform: translate(0.5px, -0.5px);
		-webkit-transform: translate(0.5px, -0.5px);
		transform: translate(0.5px, -0.5px);
	}
	100% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes wobble-to-top-right {
	16.65% {
		-ms-transform: translate(2.5px, -2.5px);
		-webkit-transform: translate(2.5px, -2.5px);
		transform: translate(2.5px, -2.5px);
	}
	33.3% {
		-ms-transform: translate(-2px, 2px);
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	49.95% {
		-ms-transform: translate(1.5px, -1.5px);
		-webkit-transform: translate(1.5px, -1.5px);
		transform: translate(1.5px, -1.5px);
	}
	66.6% {
		-ms-transform: translate(-1px, 1px);
		-webkit-transform: translate(-1px, 1px);
		transform: translate(-1px, 1px);
	}
	83.25% {
		-ms-transform: translate(0.5px, -0.5px);
		-webkit-transform: translate(0.5px, -0.5px);
		transform: translate(0.5px, -0.5px);
	}
	100% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes bounce {
	to {
		-webkit-transform: scale(1.2);
	}
}

@-moz-keyframes bounce {
	to {
		-moz-transform: scale(1.2);
	}
}

@keyframes bounce {
	to {
		transform: scale(1.2);
	}
}

#chat {
	background: transparent;
	bottom: 30px;
	cursor: pointer;
	display: scroll;
	position: fixed;
	right: 30px;
	z-index: 8010;
}

#chat img:hover {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: wobble-to-top-right;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: wobble-to-top-right;
	animation-timing-function: ease-in-out;
}

.chatbox {
	background: #fff;
	bottom: 0px;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
	height: 100%;
	margin: 0 0 -1500px;
	max-height: 600px;
	padding: 0px;
	position: fixed;
	right: 30px;
	transition: all .9s ease-in-out;
	z-index: 8050;
}

#chatMobile {
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	background: #ffffff;
	border-radius: 50%;
	bottom: 80px;
	box-shadow: 0 .1em 1em rgba(0, 0, 0, 0.3);
	cursor: pointer;
	display: none;
	padding: 7px;
	position: fixed;
	right: 50px;
	transition: all 0.35s ease;
	z-index: 8010;
}

#chatMobile:hover {
	-moz-animation: bounce .4s infinite alternate;
	-moz-box-shadow: 3px 4px 25px 3px;
	-o-box-shadow: 3px 4px 25px 3px;
	-webkit-animation: bounce .4s infinite alternate;
	-webkit-box-shadow: 3px 4px 25px 3px;
	animation: bounce .4s infinite alternate;
	box-shadow: 3px 4px 25px 3px rgba(0, 121, 200, 0.3);
}

#close-chat {
	background: transparent;
	color: #00335b;
	cursor: pointer;
	font-family: Century Gothic, Arial, sans-serif;
	font-size: 48px;
	line-height: 2rem;
	position: absolute;
	right: 17px;
	text-align: center;
	top: 14px;
	z-index: 2;
}

#iframeSanIA {
	border: 0px;
	height: 100%;
	margin: 0px;
	max-height: 600px;
	padding: 0px;
	width: 480px;
}

/* MEDIA QUERIES */

@media (max-width: 992px) {
	.chatbox {
		background: #fff;
		bottom: 0px;
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		margin:0 0 -1500px;
		padding: 0px;
		position: fixed;
		right: 0px;
		transition: all .9s ease-in-out;
		width: 100%;
		z-index: 8050;
	}
	
	#chat {
		display: none;
	}
	
	#chatMobile {
		display: block;
	}
	
	#iframeSanIA {
		width: 100%;
	}
}

@media (max-width: 600px) {
	#chatMobile {
		right: 23px;
	}
}[target="_blank"] {
    position: relative;
}
[target="_blank"] .a-accesibilityWarning [class*="icon__"] {
    margin-left: 4px;
    font-weight: bold;
    font-family: 'Bupaicons_ds';
    font-size: inherit;
}

[target="_blank"] .a-accesibilityWarning {
    position: static;
} 
[target="_blank"] .a-accesibilityWarning__icon {
    display: inline-block;
}
[target="_blank"] .a-accesibilityWarning__text {
    position: absolute;
    bottom: calc(100% + 4px);
    left: -9999px;
    width: auto;
    white-space: nowrap;
    background-color: #414243;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 8px;
    transition: opacity 0.2s ease-in-out;
    min-height: 20px;
    opacity: 0;
    z-index: 1;
}

[target="_blank"]:hover .a-accesibilityWarning__text {
    opacity: 1;
    left: 0;
}

/* image accesibility */

img {
    width: 100%;
    height: auto;
}