/*!
Theme Name: bootScore 5
Theme URI: https://bootscore.me/
Author: Bastian Kreiter
Author URI: https://crftwrk.de
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.0.2.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.  Temporary Offcanvas (will be removed when official Bootstrap offcanvas navbar integration is ready, https://examples.bootscore.me/bootstrap-offcanvas-navbar/)
2.  Temporary Badges (fixes Bootstrap hover state if badge is wrapped in a <a>...</a> tag)
3.  Header
4.  Body
5.  Alerts
6.  Breadcrumb
7.  To Top Button
8.  Single Post
9.  Comments
10. Archive
11. Widgets
12. Utilities
13. Colors
14. HTML Markups (Theme Unit Test Data)
15. Temporary bug fixes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Temporary Offcanvas
--------------------------------------------------------------*/

/* Offcanvas Backdrop fade */


.curve-slider-home .main-banner {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-backdrop.fade {
    transition: opacity 0.4s ease-in-out;
}

.modal-backdrop {
    cursor: pointer;
}

/* Expand-sm */
@media (min-width: 576px) {
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        flex-grow: 1;
        visibility: visible !important;
        transition: none;
        transform: none;
        border-left: none;
        border-right: none;
        z-index: inherit;
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: flex;
    }

    .navbar-expand-sm .offcanvas-top {
        border-bottom: none;
        height: auto;
    }

    .navbar-expand-sm .offcanvas-bottom {
        border-top: none;
        height: auto;
    }

    /* Override background-color in case bg-* color classes are used */
    .navbar-expand-sm .offcanvas,
    .navbar-expand-sm .offcanvas .offcanvas-body {
        background-color: transparent !important;
    }
}

/* Expand-md */
@media (min-width: 768px) {
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        flex-grow: 1;
        visibility: visible !important;
        transition: none;
        transform: none;
        border-left: none;
        border-right: none;
        z-index: inherit;
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: flex;
    }

    .navbar-expand-md .offcanvas-top {
        border-bottom: none;
        height: auto;
    }

    .navbar-expand-md .offcanvas-bottom {
        border-top: none;
        height: auto;
    }

    /* Override background-color in case bg-* color classes are used */
    .navbar-expand-md .offcanvas,
    .navbar-expand-md .offcanvas .offcanvas-body {
        background-color: transparent !important;
    }
}

/* Expand-lg */
@media (min-width: 992px) {
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        flex-grow: 1;
        visibility: visible !important;
        transition: none;
        transform: none;
        border-left: none;
        border-right: none;
        z-index: inherit;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: flex;
    }

    .navbar-expand-lg .offcanvas-top {
        border-bottom: none;
        height: auto;
    }

    .navbar-expand-lg .offcanvas-bottom {
        border-top: none;
        height: auto;
    }

    /* Override background-color in case bg-* color classes are used */
    .navbar-expand-lg .offcanvas,
    .navbar-expand-lg .offcanvas .offcanvas-body {
        background-color: transparent !important;
    }
}

/* Expand-xl */
@media (min-width: 1200px) {
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        flex-grow: 1;
        visibility: visible !important;
        transition: none;
        transform: none;
        border-left: none;
        border-right: none;
        z-index: inherit;
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: flex;
    }

    .navbar-expand-xl .offcanvas-top {
        border-bottom: none;
        height: auto;
    }

    .navbar-expand-xl .offcanvas-bottom {
        border-top: none;
        height: auto;
    }

    /* Override background-color in case bg-* color classes are used */
    .navbar-expand-xl .offcanvas,
    .navbar-expand-xl .offcanvas .offcanvas-body {
        background-color: transparent !important;
    }
}

/* Expand-xxl */
@media (min-width: 1400px) {
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        transition: none;
        transform: none;
        border-left: none;
        border-right: none;
        z-index: inherit;
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: flex;
    }

    .navbar-expand-xxl .offcanvas-top {
        border-bottom: none;
        height: auto;
    }

    .navbar-expand-xxl .offcanvas-bottom {
        border-top: none;
        height: auto;
    }

    /* Override background-color in case bg-* color classes are used */
    .navbar-expand-xxl .offcanvas,
    .navbar-expand-xxl .offcanvas .offcanvas-body {
        background-color: transparent !important;
    }
}

/*--------------------------------------------------------------
2. Temporary Badges
--------------------------------------------------------------*/

.badge.bg-light,
.badge.bg-warning,
.badge.bg-info {
    color: currentColor;
}

.badge.bg-secondary:hover,
.badge.bg-primary:hover,
.badge.bg-danger:hover,
.badge.bg-sussess:hover,
.badge.bg-dark:hover {
    color: #fff;
}

.badge.bg-info:hover,
.badge.bg-warning:hover,
.badge.bg-light:hover {
    color: currentColor;
}

a.badge,
a.badge:hover {
    text-decoration: none;
}

/*--------------------------------------------------------------
3. Header
--------------------------------------------------------------*/

@media (max-width: 782px) {
    .logged-in.admin-bar .fixed-top,
    .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
    .logged-in.admin-bar .modal {
        top: 46px;
    }

    .logged-in.admin-bar .dropdown-search {
        top: 100px !important;
    }

    #wpadminbar {
        position: fixed;
    }
}

@media (min-width: 783px) {
    .logged-in.admin-bar .fixed-top,
    .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
    .logged-in.admin-bar .modal {
        top: 32px;
    }

    .logged-in.admin-bar .dropdown-search {
        top: 86px !important;
    }
}

#nav-main .menu-item:last-child .nav-link {
    padding-right: 0;
}

.dropdown-search.dropdown-menu[data-bs-popper] {
    top: 54px;
}

.top-nav-search-md.hide,
.top-nav-search-lg.hide {
    display: none !important;
}

.dropdown-search .searchform {
    opacity: 0;
    transition: opacity 0.8s;
    transition-delay: 0.3s;
}

.dropdown-search.show .searchform {
    opacity: 1;
}

@media (max-width: 991px) {
    .btn-dropdown.right {
        padding-right: 0;
        border: none;
    }

    #dropdown-search:hover {
        color: currentColor;
        background-color: transparent;
        border-color: transparent;
    }

    #dropdown-search:focus {
        box-shadow: none;
    }
}

/*--------------------------------------------------------------
4. Body
--------------------------------------------------------------*/

body {
    position: relative;
    word-break: break-word;
    font-family: 'Muli-Regular', sans-serif;
}

/* conflict scroll-behaviour: smooth with jquery smooth scroll */

html {
    scroll-behavior: auto !important;
}

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

#content {
    min-height: 600px;
}

/*--------------------------------------------------------------
5. Alerts
--------------------------------------------------------------*/

.alert.alert-danger,
.alert.alert-warning,
.alert.alert-info,
.alert.alert-success {
    padding-left: 3.25rem;
}

.alert::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translate(0, -50%);
}

.alert-danger::before {
    content: '\f071';
}

.alert-warning::before {
    content: '\f06a';
}

.alert-info::before {
    content: '\f05a';
}

.alert-success::before {
    content: '\f058';
}

/*--------------------------------------------------------------
6. Breadcrumb
--------------------------------------------------------------*/

@media (max-width: 991px) {
    .breadcrumb {
        display: block !important;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
    }

    .breadcrumb::-webkit-scrollbar {
        display: none;
    }
}

/*--------------------------------------------------------------
7. To Top Button
--------------------------------------------------------------*/

#to-top {
    height: 0;
    position: absolute;
    top: 0;
}

.top-button {
    position: fixed;
    right: 7%;
    bottom: 30px;
    opacity: 0;
    transition: opacity 1s;
    z-index: 1020;
}

@media (max-width: 480px) {
    .top-button {
        right: 9%;
        bottom: 100px;
    }
}

.top-button.visible {
    opacity: 1;
    transition: opacity 1s;
}

/*--------------------------------------------------------------
8. Single Post
--------------------------------------------------------------*/

img {
    height: auto;
    max-width: 100%;
}

.wp-post-image {
    width: 100%;
}

.page-image img,
.post-image img {
    width: 100%;
    object-fit: contain;
    height: auto;
}

.featured-full-width-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

[rel='prev']:before {
    content: '« ';
}

[rel='next']:after {
    content: ' »';
}

/*--------------------------------------------------------------
9. Comments
--------------------------------------------------------------*/

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

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

.avatar {
    width: 80px;
}

.comment-list ul.children {
    padding-left: 96px;
}

@media (max-width: 991px) {
    .comment-list ul.children ul.children {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .comment-list ul.children ul.children ul.children {
        padding-left: 0;
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

#cancel-comment-reply-link {
    margin-left: 1rem;
}

/* 
    Adding width to comment. 
    When using <pre> in comment, comment-content will not crashed
*/

.comment-content {
    width: calc(100% - 96px);
}

/*--------------------------------------------------------------
10. Archive
--------------------------------------------------------------*/

@media (max-width: 767px) {
    .card-img-left img {
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
        width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) {
    .card-img-left img {
        border-top-left-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .card-img-left-md img {
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
        width: 100%;
        height: auto;
    }
}

@media (min-width: 992px) {
    .card-img-left-md img {
        border-top-left-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}

/*--------------------------------------------------------------
11. Widgets
--------------------------------------------------------------*/

.widget-area ul,
.bootscore-footer ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.widget-area ul li ul li {
    padding: 0 1rem;
}

#footer-menu li a {
    padding-left: 0;
}

/*--------------------------------------------------------------
12. Utilities
--------------------------------------------------------------*/

/* 
Add width-100 class to element to stretch it to the entire width 
of the screen when element is in .container.
https://bootscore.me/documentation/width-height-classes/
*/

/* Hide horizontal scrollbars on Windows Chrome & Firefox */

body {
    overflow-x: hidden;
}

.width-100 {
    position: relative;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

/* 
Add underline-0 class to <a>..</a> to disable underline on hover
*/

.underline-0,
.underline-0:hover,
.underline-0:focus {
    text-decoration: none !important;
}

/* 
Hide racaptcha v3 badge 
*/

.grecaptcha-badge {
    display: none !important;
}

/* 
Clear
*/

.clear-both {
    clear: both;
}

/* 
z-index
*/

.zi-1000 {
    z-index: 1000 !important;
}

.zi-1020 {
    z-index: 1020 !important;
}

.zi-1030 {
    z-index: 1030 !important;
}

.zi-1040 {
    z-index: 1040 !important;
}

.zi-1050 {
    z-index: 1050 !important;
}

.zi-1060 {
    z-index: 1060 !important;
}

.zi-1070 {
    z-index: 1070 !important;
}

.zi-n1 {
    z-index: -1 !important;
}

/*
Cursor
*/

.cursor-pointer {
    cursor: pointer;
}

/*
Focus
*/

.focus-0:focus {
    box-shadow: none !important;
}

/* 
Hover 
*/

.hover {
    transition: filter 0.3s;
}

.hover:hover {
    filter: brightness(0.95);
}

/*--------------------------------------------------------------
13. Colors
--------------------------------------------------------------*/

::selection {
    color: #fff;
    background-color: var(--bs-primary);
}

::-moz-selection {
    color: #fff;
    background-color: var(--bs-primary);
}

pre {
    background-color: var(--bs-light);
}

blockquote {
    background-color: var(--bs-light);
}

q {
    background-color: var(--bs-light);
}

:focus {
    outline: none !important;
    outline: -webkit-focus-ring-color none !important;
    outline-color: -webkit-focus-ring-color none !important;
    outline-style: none !important;
    outline-width: 0 !important;
}

/*--------------------------------------------------------------
14. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/

/*
pre
*/

pre {
    padding: 1rem;
    border-radius: 0.25rem;
}

img {
    height: auto;
    max-width: 100%;
}

.wp-post-image {
    width: 100%;
}

iframe {
    max-width: 100%;
}

pre {
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    border-radius: 0.25rem;
}

blockquote {
    border-radius: 0.25rem;
    padding: 1.25rem;
}

blockquote::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f10d';
    font-size: xx-large;
    float: left;
    margin: -0.1rem 1.25rem 0 0;
}

.wp-block-quote.is-style-large {
    margin: 0 0 1rem;
    padding: 1.25rem;
}

figure.wp-block-pullquote blockquote:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f10d';
    font-size: xx-large;
    display: block;
    float: none;
}

q {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    border-radius: 0.2rem;
}

q::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f10d';
    font-size: 87.5%;
    margin-right: 0.5rem;
}

.comment-content.card-block blockquote {
    padding: 0;
}

.comment-content.card-block q {
    padding: 0;
    font-size: 100%;
}

/* Button Reset */

.wp-block-button {
    margin-bottom: none;
}

.wp-block-button__link {
    background-color: none !important;
    border: none;
    border-radius: none;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: none;
    margin: 0;
    padding: none;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: break-word;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*='wp-image-'] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    overflow: auto;
    padding: 0.5rem;
    font-size: 1rem;
    background: rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
15. Temporary bug fixes
--------------------------------------------------------------*/

/*
Remove autop (WP 5.7 bug near shortcode)
https://wordpress.org/support/topic/how-to-stop-wp-from-adding-p-tag-automatically/
*/

p:empty:before {
    content: none;
}

/* switch form css */
@charset "UTF-8";
/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle a,
.switch-light span span {
    display: none;
}

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
    /* Checkbox
   */
    .switch-light {
        position: relative;
        display: block;
        /* simulate default browser focus outlines on the switch,
       * when the inputs are focused.
       */
    }

    .switch-light::after {
        clear: both;
        content: '';
        display: table;
    }

    .switch-light *,
    .switch-light *:before,
    .switch-light *:after {
        box-sizing: border-box;
    }

    .switch-light a {
        display: block;
        transition: all 0.2s ease-out;
    }

    .switch-light label,
    .switch-light > span {
        /* breathing room for bootstrap/foundation classes.
         */
        line-height: 2em;
    }

    .switch-light input:focus ~ span a,
    .switch-light input:focus + label {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight;
        /* Chrome/Opera gets its native focus styles.
         */
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    .switch-light input:focus ~ span a,
    .switch-light input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto;
    }
}

@media only screen {
    /* don't hide the input from screen-readers and keyboard access
   */
    .switch-light input {
        position: absolute;
        opacity: 0;
        z-index: 3;
    }

    .switch-light input:checked ~ span a {
        right: 0%;
    }

    /* inherit from label
   */
    .switch-light strong {
        font-weight: inherit;
    }

    .switch-light > span {
        position: relative;
        overflow: hidden;
        display: block;
        min-height: 2em;
        /* overwrite 3rd party classes padding
       * eg. bootstrap .alert
       */
        padding: 0;
        text-align: left;
    }

    .switch-light span span {
        position: relative;
        z-index: 2;
        display: block;
        float: left;
        width: 50%;
        text-align: center;
        user-select: none;
    }

    .switch-light a {
        position: absolute;
        right: 50%;
        top: 0;
        z-index: 1;
        display: block;
        width: 50%;
        height: 100%;
        padding: 0;
    }

    /* bootstrap 4 tweaks
  */
    .switch-light.row {
        display: flex;
    }

    .switch-light .alert-light {
        color: #333;
    }

    /* Radio Switch
   */
    .switch-toggle {
        position: relative;
        display: block;
        /* simulate default browser focus outlines on the switch,
       * when the inputs are focused.
       */
        /* For callout panels in foundation
      */
        padding: 0 !important;
        /* 2 items
       */
        /* 3 items
       */
        /* 4 items
       */
        /* 5 items
       */
        /* 6 items
       */
    }

    .switch-toggle::after {
        clear: both;
        content: '';
        display: table;
    }

    .switch-toggle *,
    .switch-toggle *:before,
    .switch-toggle *:after {
        box-sizing: border-box;
    }

    .switch-toggle a {
        display: block;
        transition: all 0.2s ease-out;
    }

    .switch-toggle label,
    .switch-toggle > span {
        /* breathing room for bootstrap/foundation classes.
         */
        line-height: 2em;
    }

    .switch-toggle input:focus ~ span a,
    .switch-toggle input:focus + label {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight;
        /* Chrome/Opera gets its native focus styles.
         */
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    .switch-toggle input:focus ~ span a,
    .switch-toggle input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto;
    }
}

@media only screen {
    .switch-toggle input {
        position: absolute;
        left: 0;
        opacity: 0;
    }

    .switch-toggle input + label {
        position: relative;
        z-index: 2;
        display: block;
        float: left;
        padding: 0 0.5em;
        margin: 0;
        text-align: center;
    }

    .switch-toggle a {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        z-index: 1;
        width: 10px;
        height: 100%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(4),
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
        width: 50%;
        border-radius: 20px;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(4)
    ~ input:checked:nth-child(3)
    + label
    ~ a {
        left: 50%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(6),
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
        width: 33.33%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(6)
    ~ input:checked:nth-child(3)
    + label
    ~ a {
        left: 33.33%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(6)
    ~ input:checked:nth-child(5)
    + label
    ~ a {
        left: 66.66%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8),
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
        width: 25%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(8)
    ~ input:checked:nth-child(3)
    + label
    ~ a {
        left: 25%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(8)
    ~ input:checked:nth-child(5)
    + label
    ~ a {
        left: 50%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(8)
    ~ input:checked:nth-child(7)
    + label
    ~ a {
        left: 75%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10),
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
        width: 20%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(10)
    ~ input:checked:nth-child(3)
    + label
    ~ a {
        left: 20%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(10)
    ~ input:checked:nth-child(5)
    + label
    ~ a {
        left: 40%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(10)
    ~ input:checked:nth-child(7)
    + label
    ~ a {
        left: 60%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(10)
    ~ input:checked:nth-child(9)
    + label
    ~ a {
        left: 80%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12),
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
        width: 16.6%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(12)
    ~ input:checked:nth-child(3)
    + label
    ~ a {
        left: 16.6%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(12)
    ~ input:checked:nth-child(5)
    + label
    ~ a {
        left: 33.2%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(12)
    ~ input:checked:nth-child(7)
    + label
    ~ a {
        left: 49.8%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(12)
    ~ input:checked:nth-child(9)
    + label
    ~ a {
        left: 66.4%;
    }

    .switch-toggle
    label:nth-child(2):nth-last-child(12)
    ~ input:checked:nth-child(11)
    + label
    ~ a {
        left: 83%;
    }

    /* Candy Theme
   * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
   * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
   */
    .switch-toggle.switch-candy,
    .switch-light.switch-candy > span {
        background-color: #eeeeee;
        border-radius: 3px;
        box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3),
        0 1px 0 rgba(255, 255, 255, 0.2);
        border-radius: 20px !important;
    }

    .switch-light.switch-candy span span,
    .switch-light.switch-candy input:checked ~ span span:first-child,
    .switch-toggle.switch-candy label {
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-shadow: 1px 1px 1px transparent;
    }

    .switch-light.switch-candy input ~ span span:first-child,
    .switch-light.switch-candy input:checked ~ span span:nth-child(2),
    .switch-candy input:checked + label {
        color: #333;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .switch-candy a {
        border: 1px solid #333;
        border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
        inset 0 1px 1px rgba(255, 255, 255, 0.45);
        background-color: white;
        background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent);
    }

    .switch-candy-blue a {
        background-color: #38a3d4;
    }

    .switch-candy-yellow a {
        background-color: #f5e560;
    }

    /* iOS Theme
  */
    .switch-ios.switch-light span span {
        color: #888b92;
    }

    .switch-ios.switch-light a {
        left: 0;
        top: 0;
        width: 2em;
        height: 2em;
        background-color: #fff;
        border-radius: 100%;
        border: 0.25em solid #d8d9db;
        transition: all 0.2s ease-out;
    }

    .switch-ios.switch-light > span {
        display: block;
        width: 100%;
        height: 2em;
        background-color: #d8d9db;
        border-radius: 1.75em;
        transition: all 0.4s ease-out;
    }

    .switch-ios.switch-light > span span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        line-height: 1.875em;
        vertical-align: middle;
        transition: all 0.2s ease-out;
    }

    .switch-ios.switch-light > span span:first-of-type {
        opacity: 1;
        padding-left: 1.875em;
    }

    .switch-ios.switch-light > span span:last-of-type {
        padding-right: 1.875em;
    }

    .switch-ios.switch-light input:checked ~ span a {
        left: 100%;
        border-color: #4bd865;
        margin-left: -2em;
    }

    .switch-ios.switch-light input:checked ~ span {
        border-color: #4bd865;
        box-shadow: inset 0 0 0 30px #4bd865;
    }

    .switch-ios.switch-light input:checked ~ span span:first-of-type {
        opacity: 0;
    }

    .switch-ios.switch-light input:checked ~ span span:last-of-type {
        opacity: 1;
        color: #fff;
    }

    .switch-ios.switch-toggle {
        background-color: #d8d9db;
        border-radius: 30px;
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    }

    .switch-ios.switch-toggle a {
        background-color: #4bd865;
        border: 0.125em solid #d8d9db;
        border-radius: 1.75em;
        transition: all 0.12s ease-out;
    }

    .switch-ios.switch-toggle label {
        height: 2.4em;
        color: #888b92;
        line-height: 2.4em;
        vertical-align: middle;
    }

    .switch-ios input:checked + label {
        color: #3e4043;
    }

    /* Holo Theme
   */
    .switch-toggle.switch-holo,
    .switch-light.switch-holo > span {
        background-color: #464747;
        border-radius: 1px;
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
        color: #fff;
        text-transform: uppercase;
    }

    .switch-holo label {
        color: #fff;
    }

    .switch-holo > span span {
        opacity: 0;
        transition: all 0.1s;
    }

    .switch-holo > span span:first-of-type {
        opacity: 1;
    }

    .switch-holo > span span,
    .switch-holo label {
        font-size: 85%;
        line-height: 2.15625em;
    }

    .switch-holo a {
        background-color: #666;
        border-radius: 1px;
        box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0,
        inset rgba(0, 0, 0, 0.3) 0 -1px 0;
    }

    /* Selected ON switch-light
  */
    .switch-holo.switch-light input:checked ~ span a {
        background-color: #0e88b1;
    }

    .switch-holo.switch-light input:checked ~ span span:first-of-type {
        opacity: 0;
    }

    .switch-holo.switch-light input:checked ~ span span:last-of-type {
        opacity: 1;
    }

    /* Material Theme
   */
    /* switch-light
   */
    .switch-light.switch-material a {
        top: -0.1875em;
        width: 1.75em;
        height: 1.75em;
        border-radius: 50%;
        background: #fafafa;
        box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14),
        0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2),
        0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
        transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .switch-material.switch-light {
        overflow: visible;
    }

    .switch-material.switch-light::after {
        clear: both;
        content: '';
        display: table;
    }

    .switch-material.switch-light > span {
        overflow: visible;
        position: relative;
        top: 0.1875em;
        width: 3.25em;
        height: 1.5em;
        min-height: auto;
        border-radius: 1em;
        background: rgba(0, 0, 0, 0.26);
    }

    .switch-material.switch-light span span {
        position: absolute;
        clip: rect(0 0 0 0);
    }

    .switch-material.switch-light input:checked ~ span a {
        right: 0;
        background: #3f51b5;
        box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14),
        0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2),
        0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12);
    }

    .switch-material.switch-light input:checked ~ span {
        background: rgba(63, 81, 181, 0.5);
    }

    /* switch-toggle
   */
    .switch-toggle.switch-material {
        overflow: visible;
    }

    .switch-toggle.switch-material::after {
        clear: both;
        content: '';
        display: table;
    }

    .switch-toggle.switch-material a {
        top: 48%;
        width: 0.375em !important;
        height: 0.375em;
        margin-left: 0.25em;
        background: #3f51b5;
        border-radius: 100%;
        transform: translateY(-50%);
        transition: transform 0.4s ease-in;
    }

    .switch-toggle.switch-material label {
        color: rgba(0, 0, 0, 0.54);
        font-size: 1em;
    }

    .switch-toggle.switch-material label:before {
        content: '';
        position: absolute;
        top: 48%;
        left: 0;
        display: block;
        width: 0.875em;
        height: 0.875em;
        border-radius: 100%;
        border: 0.125em solid rgba(0, 0, 0, 0.54);
        transform: translateY(-50%);
    }

    .switch-toggle.switch-material input:checked + label:before {
        border-color: #3f51b5;
    }

    /* ripple
   */
    .switch-light.switch-material > span:before,
    .switch-light.switch-material > span:after,
    .switch-toggle.switch-material label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        display: block;
        width: 4em;
        height: 4em;
        border-radius: 100%;
        background: #3f51b5;
        opacity: 0.4;
        margin-left: -1.25em;
        margin-top: -1.25em;
        transform: scale(0);
        transition: opacity 0.4s ease-in;
    }

    .switch-light.switch-material > span:after {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -1.25em;
    }

    .switch-toggle.switch-material label:after {
        width: 3.25em;
        height: 3.25em;
        margin-top: -0.75em;
    }

    @keyframes materialRipple {
        0% {
            transform: scale(0);
        }
        20% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(1);
        }
    }
    .switch-material.switch-light input:not(:checked) ~ span:after,
    .switch-material.switch-light input:checked ~ span:before,
    .switch-toggle.switch-material input:checked + label:after {
        animation: materialRipple 0.4s ease-in;
    }

    /* trick to prevent the default checked ripple animation from showing
   * when the page loads.
   * the ripples are hidden by default, and shown only when the input is focused.
   */
    .switch-light.switch-material.switch-light input ~ span:before,
    .switch-light.switch-material.switch-light input ~ span:after,
    .switch-material.switch-toggle input + label:after {
        visibility: hidden;
    }

    .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
    .switch-light.switch-material.switch-light
    input:focus:not(:checked)
    ~ span:after,
    .switch-material.switch-toggle input:focus:checked + label:after {
        visibility: visible;
    }
}

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
    .switch-light,
    .switch-toggle {
        -webkit-animation: webkitSiblingBugfix infinite 1s;
    }
}

@-webkit-keyframes webkitSiblingBugfix {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

/*# sourceMappingURL=toggle-switch.css.map */

/* custom css */
.bg-woof-head {
    background-color: #6abcc8 !important;
    width: 100vw;
}

.btn-woof {
    color: #fff;
    background-color: #542e71;
    border-radius: 10px;
    font-family: 'Muli-Bold', sans-serif;
    padding: 0.8rem 0.75rem;
}

.btn-woof:hover {
    color: black !important;
    font-family: 'Muli-Bold', sans-serif;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #542e71;
}

.btn-woof-second {
    color: #542e71;
    font-family: 'Muli-Bold', sans-serif;
    background-color: #ffc701;
    border-radius: 10px;
    padding: 0.8rem 0.75rem;
}

.btn-woof-second:hover {
    color: white;
}

.btn-woof-outline {
    color: #542e71;
    font-family: 'Muli-Bold', sans-serif;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #542e71;
    padding: 0.8rem 0.75rem;
}

.btn-woof-outline:hover {
    color: #fff;
    background-color: #542e71;
    border-radius: 10px;
    font-family: 'Muli-Bold', sans-serif;
}

/*.btn-woof-outline.banner-cta {*/
/*  background-color: #69bcc8;*/
/*}*/

.fa-woof-second {
    color: #542e71 !important;
}

.fa-woof-green {
    color: #6abcc8 !important;
}

.text-woof {
    color: #542e71 !important;
}

.text-woof-green {
    color: #6abcc8 !important;
}

.accordion {
    color: #220e32;
    cursor: pointer;
    padding: 28px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 1.625em;
    transition: 0.4s;
    font-weight: 700;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    background-color: transparent;
    border-width: 1px;
    border-color: #6abcc8;
}

@media (max-width: 480px) {
    .accordion {
        font-size: 1.3em;
    }
}

.active,
.accordion:hover {
    color: #542e71;
}

.accordion:after {
    content: '\002B';
    color: #6abcc8;
    float: right;
    background: #fff;
    font-size: 1.5em;
    padding: 0px 10px 0px 10px;
    font-weight: 400;
    right: 10%;
    margin: -8px;
}

.active.accordion:after {
    content: '\002D' !important;
}

.collapse:after {
    content: '\002B';
}

.collapse.accordion:after {
    content: '\002D' !important;
}

@media (max-width: 480px) {
    .accordion:after {
        float: none;
        margin: 0;
    }
}

.panel {
    padding: 0 18px;
    background-color: #f7f8f9;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-services {
    background-color: transparent;
    color: black !important;
    border-radius: 0px !important;
}

.accordion-services:after {
    color: black !important;
    background: transparent !important;
    margin: 0px !important;
    float: none !important;
}

.panel-services {
    background-color: transparent !important;
}

#coberturas .middle-box {
    /*margin-top: -25px !important;*/
    /*margin-bottom: 60px !important;*/
    z-index: 10;
    transform: scale(1.1);
}


.card-basic-plans {
    background-color: #6abcc8 !important;
}

.card-gold-plans {
    background-color: #ffc701 !important;
}

.card-special-plans {
    background-color: #493d71 !important;
}

.rounded-top-1 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.rounded-bottom-1 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.card-plans-home {
    width: 28%;
    border: 0px solid rgba(0, 0, 0, 0.125);
    position: relative;
    z-index: 1;
}

.card-plans-home.middle-box {
    z-index: 2;
    border-radius: 30px !important;
}

.middle-box {
    /*margin-top: -25px !important;*/
    /*margin-bottom: 60px !important;*/
    z-index: 10;
    transform: scale(1.1);
    border-radius: 30px;
}

.card-plans-home.middle-box .card-header {
    border-radius: 30px 30px 0 0 !important;
}

.card-plans-home.middle-box .card-body {
    border-radius: 0 0 30px 30px !important;
}


@media (max-width: 480px) {
    .card-plans-home {
        width: 100%;
    }

    #coberturas .middle-box {
        margin-top: 0px !important;
        transform: unset;
    }
}

.card-title-step2 {
    color: #39a5b5 !important;
}

.card-title-step2-std {
    color: #ffc701 !important;
}

.card-title-step2-gld {
    color: #574f7f !important;
}

.border-basic {
    border-color: #6abcc8 !important;
    border: 2px solid rgba(0, 0, 0, 0.125);
    width: 28%;
    border-radius: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
    border-right: none;
}

@media (max-width: 480px) {
    .border-basic {
        width: 100%;
        border-radius: 15px;
        border-right: 2px solid rgba(0, 0, 0, 0.125);
    }
}

#plans .border-basic {
    width: 100%;
    border-right: 2px solid rgba(0, 0, 0, 0.125);
    border-radius: 15px;
}

.border-standard {
    border-color: #ffc701 !important;
    border: 2px solid rgba(0, 0, 0, 0.125);
    width: 34%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
}

@media (max-width: 480px) {
    #coberturas .border-standard {
        width: 100%;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }
}

#plans .border-standard {
    width: 100%;
    color: #ffc701 !important;
}

.border-premium {
    border-color: #6abcc8 !important;
    border: 2px solid rgba(0, 0, 0, 0.125);
    width: 28%;
    border-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    border-left: none;
}

@media (max-width: 480px) {
    .border-premium {
        width: 100%;
        border-radius: 15px;
        border-left: 2px solid rgba(0, 0, 0, 0.125);
    }
}

#plans .border-premium {
    width: 100%;
    border-left: 2px solid rgba(0, 0, 0, 0.125);
    border-radius: 15px;
}

#coberturas .card-header,
#plans .card-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: none;
    color: white;
}

#coberturas .card-body {
    padding: 34px 30px 30px;
}

#coberturas .card-body h6 {
    font-family: 'Muli-Regular', sans-serif;
    font-size: 1.2em;
}

#plans .card-body h6 {
    font-family: 'Muli-Regular', sans-serif;
    font-size: 1.125em;
    margin-bottom: 0;
}

#plans .card-body h4 {
    font-family: 'Muli-Regular', sans-serif;
    font-size: 2.19em;
    margin-bottom: 0;
}

#coberturas .card-body h6 span {
    font-family: 'Muli-Bold', sans-serif;
    font-size: 1.2em;
}

#coberturas .border-basic .card-body h6 span,
#coberturas .border-premium .card-body h6 span {
    color: #6abcc8;
}

#coberturas .border-standard .card-body h6 span {
    color: #ffc701;
}

#coberturas .card-body small {
    font-family: 'Muli-ExtraLight', sans-serif;
    font-size: 0.875em;
}

#coberturas .card-body small strong {
    font-family: 'Muli-Light', sans-serif;
}

.border-standard .card-header {
    font-size: 1.5em;
}

.fa-0x {
    font-size: 0.5em;
    color: #6abcc8 !important;
}

/* steps */

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative;
}

@media (max-width: 480px) {
    #msform fieldset .form-card {
        padding: 15px;
    }
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 1.25rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9e9e9e;
}

#msform .action-button {
    width: 100px;
    background: skyblue;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue;
}

.fs-title {
    font-size: 25px;
    color: #2c3e50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

#progressbar {
    margin: 0 auto 30px;
    overflow: hidden;
    color: #542e71;
    font-family: 'Muli-Regular', sans-serif;
    width: 80%;
    padding: 0;
}

@media (max-width: 480px) {
    #progressbar {
        width: 95%;
    }
}

#progressbar .active {
    color: #000000;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 33%;
    float: left;
    position: relative;
}

#progressbar #account:before {
    font-family: 'Muli-Regular', sans-serif;
    content: '1';
}

#progressbar #personal:before {
    font-family: 'Muli-Regular', sans-serif;
    content: '2';
}

#progressbar #payment:before {
    font-family: 'Muli-Regular', sans-serif;
    content: '3';
}

#progressbar #confirm:before {
    font-family: 'Muli-Regular', sans-serif;
    content: '4';
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: #542e71;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar.reembolso li {
    font-size: 1rem;
}

#progressbar.reembolso li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #542e71;
    background: #ffc701;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #542e71;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #ffc701;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

@media print {
    #print-first {
        order: 3 !important;
    }

    #print-second {
        order: 1 !important;
    }

    #total-print {
        order: 2 !important;
    }

    #print-third {
        order: 4 !important;
    }

    .dont-print {
        display: none;
    }
}

.bold-label {
    font-weight: 700 !important;
}

/* end steps */

/* nico */
@font-face {
    font-family: 'Muli-Regular';
    src: url('fonts/muli/Muli.ttf');
}

@font-face {
    font-family: 'Muli-Bold';
    src: url('fonts/muli/Muli-Bold.ttf');
}

@font-face {
    font-family: 'Muli-SemiBold';
    src: url('fonts/muli/Muli-SemiBold.ttf');
}

@font-face {
    font-family: 'Muli-Light';
    src: url('fonts/muli/Muli-Light.ttf');
}

@font-face {
    font-family: 'Muli-LightItalic';
    src: url('fonts/muli/Muli-LightItalic.ttf');
}

@font-face {
    font-family: 'Muli-ExtraLight';
    src: url('fonts/muli/Muli-ExtraLight.ttf');
}

@font-face {
    font-family: 'Muli-ExtraLightItalic';
    src: url('fonts/muli/Muli-ExtraLightItalic.ttf');
}

.navbar-toggler {
    font-size: 2rem;
}

.offcanvas-end {
    width: 100vw;
    background-color: #6abcc8 !important;
    max-width: 100vw;
}

.offcanvas i.fa-times-circle {
    font-size: 2rem;
}

.menu-item a {
    font-family: 'Muli-Light', sans-serif;
    font-size: 0.875em;
}

.main-banner h1 {
    color: white;
    font-family: 'Muli-Bold', sans-serif;
    font-size: 4.4em;
}

@media (max-width: 480px) {
    .main-banner h1 {
        font-size: 2.4em;
    }
}

.main-banner h4 {
    color: white;
    font-family: 'Muli-ExtraLight', sans-serif;
    font-size: 1.5em;
}

p.section-title {
    font-family: 'Muli-Light', sans-serif;
    font-size: 0.875em;
    border-right: 1px solid #fff;
    padding-right: 30px;
}

p.section-title.left {
    border-right: none;
    border-left: 1px solid #fff;
    padding-left: 30px;
    padding-right: 0;
}

h2.content-title {
    color: white;
    font-family: 'Muli-Bold', sans-serif;
    font-size: 2.5em;
}

p.content-text {
    font-size: 1.4em;
    font-family: 'Muli-ExtraLight', sans-serif;
}

#coberturas p.content-text {
    font-family: 'Muli-Regular', sans-serif;
}

#container-servicios hr {
    margin: 0;
    background-color: #6abcc8;
    opacity: 1;
}

.img-clients {
    border-radius: 10px;
}

#testimonios .card {
    border: none;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.6);
    margin-right: 20px;
}

#testimonios .card .card-header {
    border-radius: 15px 15px 0 0;
    border-bottom: none;
    font-size: 1.2em;
}

#testimonios .card .card-header span {
    display: block;
    font-size: 0.7em;
}

#testimonios .card .card-body .card-text {
    font-family: 'Muli-ExtraLightItalic', sans-serif;
}

#contacto-cta h2 {
    font-size: 3.75em;
    font-family: 'Muli-SemiBold', sans-serif;
}

@media (max-width: 480px) {
    #contacto-cta h2 {
        font-size: 2.4em;
    }
}

footer i {
    font-size: 1.5em !important;
}

footer li {
    font-family: 'Muli-Light', sans-serif;
}

footer small {
    font-family: 'Muli-ExtraLight', sans-serif;
    font-size: 0.7em;
}

.page-template-WOOFPasos {
    background: #f3f3f3;
}

.list-group-item:first-child,
.list-group-item,
.list-group-item:last-child {
    border: none;
    border-bottom: 1px solid rgba(106, 188, 200, 0.63);
    border-radius: 0;
}

header .logo {
    width: 200px;
}

@media (max-width: 480px) {
    header .logo {
        width: 150px;
    }
}

.paso2,
.paso2 .form-card,
.paso3,
.paso3 .form-card,
.paso4,
.paso4 .form-card {
    background-color: transparent !important;
}

.paso2 #datos-cliente .card,
.paso3 #datos-cliente .card,
.paso4 #bienvenido-cliente .card,
.paso4 #bienvenido-cliente-resumen .card {
    border: none;
    border-radius: 1.25em;
    padding: 1.25em;
}

.card.pet {
    border-radius: 0.625em;
    border: none;
}

.paso2 .list-group-item,
.paso2 .list-group-item:hover,
.paso3 .list-group-item,
.paso3 .list-group-item:hover {
    background: none;
}

.paso3 .list-group-item,
.paso3 .list-group-item:hover {
    padding: 0.5rem 0;
}

.price-pill {
    font-family: 'Muli-Bold', sans-serif;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #542e71;
    padding: 0.8rem 0.75rem;
}

.error {
    border: 2px solid #fb1515 !important;
}

.datepicker,
.table-condensed {
    width: 300px;
}

/* additional styles */
body.woocommerce-checkout,
.page-template-WOOFGracias {
    background: #f3f3f3;
}

body.woocommerce-checkout table,
.woocommerce-checkout-payment {
    background: white !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 1em;
}

.payment_methods {
    border: none !important;
}

.page-template-WOOFGracias #msform fieldset {
    background-color: transparent;
}

.page-template-WOOFGracias #msform fieldset .form-card {
    background: none;
}

#bienvenido-cliente .card,
#bienvenido-cliente-resumen .card {
    border: none !important;
    border-radius: 15px !important;
    padding: 1em !important;
}

#progressbar {
    margin-top: 30px;
}

.accordion {
    border-top: none;
}

.navbar-nav {
    margin-top: 10px;
}

#cotizador-container {
    position: absolute;
    z-index: 3;
    right: 10%;
    top: 1.5%;
}

@media (max-width: 480px) {
    #cotizador-container {
        right: 2%;
        left: 2%;
        top: 1.2%;
    }
}

#cotizador-container .card {
    border-color: white;
}

#cotizador-container .card-header {
    border-bottom: none;
}

#cotiza-collapse {
    width: 205px;
}

@media (max-width: 480px) {
    #cotiza-collapse {
        width: 135px;
        font-size: 0.875em;
    }
}

.swal2-popup {
    border-radius: 15px !important;
}

.swal2-styled.swal2-confirm {
    color: #fff !important;
    background-color: #542e71 !important;
    border-radius: 10px !important;
    font-family: 'Muli-Bold', sans-serif !important;
    padding: 0.8rem 0.75rem !important;
}

.border-standard small {
    /* color: #9e9e9e; */
}

.border-basic i,
.border-basic h4,
.border-basic h6,
.border-basic h5 {
    color: #6abcc8;
}

.box-terms {
    color: #666;
}

@media (max-width: 480px) {
    .btn-back-link {
        font-size: 0.875em;
    }
}

.btn-back-link {
    cursor: pointer;
}

.fee {
    display: none !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

h5#plan-step2 {
    color: white !important;
}

#curved-corner-topleft {
    width: calc(50% + 200px);
    height: 160px;
    overflow: hidden;
    position: absolute;
    /* display: inline-block; */
    z-index: 1;
    left: -200px;
}

#curved-corner-topright {
    width: calc(50% + 200px);
    height: 160px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    right: -200px;
}

.curved-corner-topleft {
    width: calc(50% + 200px);
    height: 160px;
    overflow: hidden;
    position: absolute;
    /* display: inline-block; */
    z-index: 1;
    left: -200px;
}

.curved-corner-topright {
    width: calc(50% + 200px);
    height: 160px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    right: -200px;
}

@media (max-width: 480px) {
    #curved-corner-topleft,
    #curved-corner-topright {
        display: none;
    }

    .curved-corner-topleft,
    .curved-corner-topright {
        display: none;
    }
}

#curved-corner-topleft:before {
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
}

#curved-corner-topright:before {
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
}

.curved-corner-topleft:before {
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
}

.curved-corner-topright:before {
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
}


.curved-corner-topright.testimonios:before {
    top: 0;
    right: 0;
    box-shadow: 330px -50px 0 0 #542e71;
}

.curved-corner-topleft.testimonios:before {
    top: 0;
    left: 0;
    box-shadow: -330px -50px 0 0 #542e71;
}

#curved-corner-topleft:before {
    top: 0;
    left: 0;
    box-shadow: -330px -50px 0 0 var(--curve-color);
}

#curved-corner-topright:before {
    top: 0;
    right: 0;
    box-shadow: 330px -50px 0 0 var(--curve-color);
}

section {
    overflow: hidden;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item-testimonials.carousel-item.active,
.carousel-inner .carousel-item-testimonials.carousel-item-next,
.carousel-inner .carousel-item-testimonials.carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-testimonials.carousel-item-end.active,
    .carousel-inner .carousel-item-testimonials.carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-testimonials.carousel-item-start.active,
    .carousel-inner .carousel-item-testimonials.carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-testimonials.carousel-item-end.active,
.carousel-inner .carousel-item-testimonials.carousel-item-next {
    transform: translateX(110%);
}

.carousel-inner .carousel-item-testimonials.carousel-item-start.active,
.carousel-inner .carousel-item-testimonials.carousel-item-prev {
    transform: translateX(-110%);
}

.card {
    border: 0px solid rgba(0, 0, 0, 0.125) !important;
}

a[aria-expanded='true'] .fa-plus {
    display: none;
}

a[aria-expanded='false'] .fa-minus {
    display: none;
}

.body-basic {
    /*background: linear-gradient(*/
    /*  180deg,*/
    /*  rgba(255, 255, 255, 1) 0%,*/
    /*  rgba(235, 255, 251, 1) 44%,*/
    /*  rgba(202, 248, 255, 1) 100%*/
    /*);*/
    border: 3px solid #6ABCC8;
}

.body-gold {
    /*background: linear-gradient(*/
    /*  180deg,*/
    /*  rgba(255, 255, 255, 1) 0%,*/
    /*  rgba(244, 242, 255, 1) 44%,*/
    /*  rgba(220, 209, 255, 1) 100%*/
    /*);*/
    border: 3px solid #6ABCC8;
}

.body-premium {
    /*background: linear-gradient(*/
    /*  180deg,*/
    /*  rgba(255, 255, 255, 1) 0%,*/
    /*  rgba(255, 252, 239, 1) 44%,*/
    /*  rgba(255, 246, 206, 1) 100%*/
    /*);*/
    border: 3px solid #FFC701;
}

/*Debug*/

/* * {
  border: thin dashed red;
} */

.bk-card-basic {
    background-color: #6abcc8 !important;
    font-size: 1.4em;
}

.bk-card-premium {
    background-color: #493d71 !important;
    font-size: 1.4em;
}

.bk-card-standard {
    background-color: #ffc701 !important;
    font-size: 1.4em;
}

button#profile-tab {
    color: black !important;
}

.wpcf7-form button, input, optgroup, select, textarea {
    border: 1px solid #B3B3B3;
    border-radius: 10px;
    padding: 8px;
}

.wpcf7-form label {
    width: 100%;
}

.wpcf7-form label input, optgroup, select, textarea {
    width: 100%;
}