.account-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.account-checkbox label {
    position: relative;
    cursor: pointer;
}

.account-checkbox label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid   darkmagenta;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 20px;
}
.account-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #764c9e;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.account-checkbox input:disabled + label:before {
    content:'';
    -webkit-appearance: none;
    background-color: lightgray;
    border: 2px solid darkgrey;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.input-container {
    width: 100%;
    position: relative;
}
.input-container.has-focus labels, .input-container.has-input labels {
    font-size: 12px;
    transform: translateY(-8px);
    color: #666;
}
.input-container.has-focus labels:after, .input-container.has-input labels:after {
    transition: transform .1s ease;
    transform: translateY(4px);
    position: absolute;
}
.input-container.has-focus .bootstrap-select .dropdowns-toggle .filter-option, .input-container.has-input .bootstrap-select .dropdowns-toggle .filter-option {
    visibility: visible ;
}

.inputs, .dropdowns-toggle {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 44px;
    font-size: 14px;
    outline: 0;
    resize: none;
    /*-webkit-appearance: none;*/
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #D0D2D3;
    border-radius: 2px;
    margin: 0;
    background-color: white;
    padding: 10px;
}


.dropdowns {
    position: relative;
    line-height: 20px;
    margin-top: 50px;
}
.dropdowns-toggle {
    height: 44px;
}
.dropdowns.multiple li.selected:after {
    content: '\f00c';
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    color: #1178ce;
    top: 10px;
}

labels {
    
    position: relative;
    font-size: 16px;
    color: #222;
    z-index: 2;
    pointer-events: none;
    font-weight: 600;
    line-height: 50px;
    float: left;
    transition: all 0.3s ease;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
}
labels:after {
    display: block;
    width: 100%;
    background: #ecfbfe;
    position: relative;
}
labels span {
    transform: none;
}

[data-tooltip] {
    position: relative
}

[data-tooltip]::before,
[data-tooltip]::after {
    opacity: 0;
    visbility: hidden;
    margin-top: -0.5em;
}

[data-tooltip]::before {
    content: attr(data-tooltip);
    display: block;
    position: absolute;
    top: -20%;


    text-align: center;
    border-radius: 4px;
    background: black;
    color: white;
    font-size: 0.7em;
    line-height: 1.1;
    padding: 0.75em 0.95em;
}

[data-tooltip]::after {
    content: "";
    border: 10px solid transparent;
    border-top-color: black;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -10px;
    display: none;
}

[data-tooltip]:hover {
    cursor: help;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    opacity: 1;
    visiblity: visible;
}



#mpremium-update, .butnow {
    transition: all .5s ease-out;
}

#mpremium-update svg, .butnow svg {
    vertical-align: middle;
    height: 20px;
    
}

#mpremium-update svg path, #mpremium-update svg rect, .butnow svg path, .butnow svg rect {
    fill: white;
}


#wizard-progress {
    width: 100%;
}

#wizard-progress .step-indicator {
    border-collapse: separate;
    display: table;
    margin-left: 0px;
    position: relative;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
}

#wizard-progress .step-indicator li {
    display: table-cell;
    position: relative;
    float: none;
    padding: 0;
    width: 1%;
}

#wizard-progress .step-indicator li:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: 100%;
    top: 20px;
}

#wizard-progress .step-indicator li:after {
    left: 50%;
}

#wizard-progress .step-indicator li:last-child:after {
    display: none;
}

#wizard-progress .step-indicator li.active .step {
    color: #ffffff;
    background-color:   darkmagenta;
}

#wizard-progress .step-indicator li.active .caption {
    color: #000000;
    font-weight: bold;
}

#wizard-progress .step-indicator li.complete:after {
    background-color: #764c9e;
}

#wizard-progress .step-indicator li.complete .step {
    border-color: #fff;
    color: #ffffff;
    background-color:   darkmagenta;
}

#wizard-progress .step-indicator li.complete .caption {
    color: #000000;
    font-weight: bold;
}

#wizard-progress .step-indicator .step {
    background-color: #EEE8F7;
    border-radius: 50%;
    /* border: 9px solid #fff; */
    color: #ccc;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    margin: 0 auto;
    position: relative;
    width: 40px;
    z-index: 1;
}

#wizard-progress .step-indicator .caption {
    color: #ccc;
    padding: 11px 0px;
    font-size: 14px;
}

/**/
.addon_row {
    height: 20px;
}

/**/
.column {
    flex: 50%;
    /*padding: 30px;*/
    text-align: left;

}

.benefit {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.table__wrapper {
    width: 100%;
}

.table__wrapper .table {
    width: 100%;
    max-width: 100%;
}


/* ------- Presentational Formatting --------- */
h1 {
    text-align: center;
}

.center {
    margin: 0 auto;
    width: 80%;
}

.table {
    border: 1px solid #f0f0f0;
    border-collapse: collapse;
}

.table tr {
    border-bottom: 1px solid #f0f0f0;
}

.table thead tr {
    border-bottom: 2px solid #f0f0f0;
}

.table td,
.table th {
    padding: .5em;
}

.table th {
    text-align: left;
}

@media  screen and (max-width: 600px) {
    .center {
        width: 100%;
    }
}


/**/
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f5fdff ;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

/**/
.custom-checkbox {
    min-height: 1rem;
    padding-left: 0;
    margin-right: 0;
    cursor: pointer;
}

.custom-checkbox .custom-control-indicator {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 20px;
    border: 2px solid   darkmagenta;
    left: -1.5rem;
    top: 1rem;
}

.custom-checkbox .custom-control-indicator:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    border-radius: 20px;
  
    -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease;
    left: 0.1rem;
    top: 0.1rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #ffffff;
    background-image: none;
    box-shadow: none ;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:after {
    background-color:   darkmagenta;
    /* left: 15px; */
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none ;
}

/**/
.sticky {
    position: fixed;
    top: 0;
}


#grad1 {
    background-color: #f2fdff;

}

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

#msform fieldset .form-card {
    /*background: white;*/
    border: 0 none;
    border-radius: 0px;
    /*box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);*/
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative;
}

#msform fieldset {
    /*background: white;*/
    border: 0 none;
    border-radius: 0.5rem;
    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
}

.multistep {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

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


.radio-group {
    position: relative;
    margin-bottom: 25px
}


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

/*overlay*/
#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #764c9e solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes  sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

/**/
.loading {

    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0;
}

.loading li {
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    margin: 0;
    /*height: 10px;
    width: 10px;*/
    border: 3px solid #764c9e;
    border-radius: 100%;
    -webkit-transform: transformZ(0);
    transform: transformZ(0);
    -webkit-animation: LOADING 2s infinite;
    animation: LOADING 2s infinite;
}

.loading li:nth-child(1n) {
    left: -20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.loading li:nth-child(2n) {
    left: 0;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading li:nth-child(3n) {
    left: 20px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

@-webkit-keyframes LOADING {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #764c9e;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: white;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #764c9e;
    }
}

@keyframes  LOADING {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #764c9e;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: white;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: #764c9e;
    }
}

@-webkit-keyframes LOADINGREV {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #764c9e;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
}

@keyframes  LOADINGREV {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #764c9e;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: white;
    }
}

/*simple loading spinner*/
#loadingbig {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #764c9e;
    border-radius: 50%;
    border-top-color: #42c1c7;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

#loading {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #764c9e;
    border-radius: 50%;
    border-top-color: #42c1c7;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes  spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/**/

/*new accordion*/
.accordion-container {
    max-width: 100%;
    margin: 0 auto;
}

.acc {
    /*margin: 60px 0;*/
    overflow: hidden;
    padding: 0;
}

.acc li {
    list-style-type: none;
    padding: 0;
}


.acc_ctrl:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNNDEgNzRDNjEuNDM0NSA3NCA3OCA1Ny40MzQ1IDc4IDM3Qzc4IDE2LjU2NTUgNjEuNDM0NSAwIDQxIDBDMjAuNTY1NSAwIDQgMTYuNTY1NSA0IDM3QzQgNTcuNDM0NSAyMC41NjU1IDc0IDQxIDc0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU3LjgyMzcgMzEuNzYxOUg0Ny43MzgxQzQ2LjkwOTcgMzEuNzYxOSA0Ni4yMzgxIDMxLjA5MDMgNDYuMjM4MSAzMC4yNjE5VjIwLjE3NjNDNDYuMjM4MSAxNy4zMjk5IDQzLjg0NzQgMTUgNDEgMTVDMzguMTUyNiAxNSAzNS43NjE5IDE3LjMyOTkgMzUuNzYxOSAyMC4xNzYzVjMwLjI2MTlDMzUuNzYxOSAzMS4wOTAzIDM1LjA5MDMgMzEuNzYxOSAzNC4yNjE5IDMxLjc2MTlIMjQuMTc2M0MyMS4zMjk5IDMxLjc2MTkgMTkgMzQuMTUyNiAxOSAzN0MxOSAzOS44NDc0IDIxLjMyOTkgNDIuMjM4MSAyNC4xNzYzIDQyLjIzODFIMzQuMjYxOUMzNS4wOTAzIDQyLjIzODEgMzUuNzYxOSA0Mi45MDk3IDM1Ljc2MTkgNDMuNzM4MVY1My44MjM3QzM1Ljc2MTkgNTYuNjcwMSAzOC4xNTI2IDU5IDQxIDU5QzQzLjg0NzQgNTkgNDYuMjM4MSA1Ni42NzAxIDQ2LjIzODEgNTMuODIzN1Y0My43MzgxQzQ2LjIzODEgNDIuOTA5NyA0Ni45MDk3IDQyLjIzODEgNDcuNzM4MSA0Mi4yMzgxSDU3LjgyMzdDNjAuNjcwMSA0Mi4yMzgxIDYzIDM5Ljg0NzQgNjMgMzdDNjMgMzQuMTUyNiA2MC42NzAxIDMxLjc2MTkgNTcuODIzNyAzMS43NjE5WiIgZmlsbD0iIzdFNTRDRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 30px;
    /* margin: 0 0 0 25rem; */
    line-height: 1;
    vertical-align: middle;
    width: 30px;
    position: absolute;
    margin-top: 1rem;
    cursor: pointer;
    right: 2rem;
}

.acc_ctrl.active:after {

    content: "";
    display: inline-block;
    height: 30px;
    /* margin: 0 0 0 25rem; */
    line-height: 1;
    vertical-align: middle;
    width: 30px;
    position: absolute;
    margin-top: 1rem;
    cursor: pointer;
    right: 2rem;
}

.acc_ctrl.active:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNNDEgNzRDNjEuNDM0NSA3NCA3OCA1Ny40MzQ1IDc4IDM3Qzc4IDE2LjU2NTUgNjEuNDM0NSAwIDQxIDBDMjAuNTY1NSAwIDQgMTYuNTY1NSA0IDM3QzQgNTcuNDM0NSAyMC41NjU1IDc0IDQxIDc0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU4Ljk3NjUgNDEuMjMzOUw0NC4xNzU5IDI2LjUwODZDNDMuNzcyMyAyNi4xMDI4IDQzLjI5MTIgMjUuNzgwNiA0Mi43NjA1IDI1LjU2MDdDNDIuMjI5OCAyNS4zNDA4IDQxLjY2MDIgMjUuMjI3NSA0MS4wODQ5IDI1LjIyNzVDNDAuNTA5NiAyNS4yMjc1IDM5Ljk0IDI1LjM0MDggMzkuNDA5MyAyNS41NjA3QzM4Ljg3ODYgMjUuNzgwNiAzOC4zOTc1IDI2LjEwMjggMzcuOTkzOSAyNi41MDg2TDIyLjk0MjggNDEuMzkxNkMyMi40NzI0IDQxLjg1MjggMjIuMTE1IDQyLjQxNDUgMjEuODk3OSA0My4wMzM1QzIxLjY4MDggNDMuNjUyNiAyMS42MDk5IDQ0LjMxMjYgMjEuNjkwNCA0NC45NjMxQzIxLjc4NzQgNDUuNzc3MSAyMi4xMTY3IDQ2LjU0NyAyMi42Mzk3IDQ3LjE4MjdDMjMuMTYyOCA0Ny44MTgzIDIzLjg1OCA0OC4yOTMzIDI0LjY0MzkgNDguNTUyMkMyNS40Mjk5IDQ4LjgxMSAyNi4yNzQxIDQ4Ljg0MyAyNy4wNzc3IDQ4LjY0NDRDMjcuODgxNCA0OC40NDU3IDI4LjYxMTIgNDguMDI0NiAyOS4xODE4IDQ3LjQzMDRMNDAuMTU3IDM2LjYwMzNDNDAuMjc5MiAzNi40ODE0IDQwLjQyNDcgMzYuMzg0OCA0MC41ODUgMzYuMzE5MUM0MC43NDUyIDM2LjI1MzMgNDAuOTE3MSAzNi4yMTk3IDQxLjA5MDYgMzYuMjIwM0M0MS4yNjU5IDM2LjIxODggNDEuNDM5OCAzNi4yNTIgNDEuNjAyIDM2LjMxNzhDNDEuNzY0MiAzNi4zODM1IDQxLjkxMTYgMzYuNDgwNiA0Mi4wMzU2IDM2LjYwMzNMNTIuOTQyNSA0Ny40OThDNTMuNzAyNiA0OC4yNTM4IDU0LjcxOCA0OC43MDUxIDU1Ljc5MzggNDguNzY1NEM1Ni44Njk3IDQ4LjgyNTcgNTcuOTMwMSA0OC40OTA3IDU4Ljc3MTYgNDcuODI0N0M1OS4yMzQ3IDQ3LjQ1NjIgNTkuNjEzMyA0Ni45OTQzIDU5Ljg4MjMgNDYuNDY5OUM2MC4xNTEyIDQ1Ljk0NTQgNjAuMzA0MyA0NS4zNzAzIDYwLjMzMTQgNDQuNzgyOEM2MC4zNzE2IDQ0LjEzMDEgNjAuMjcxNiA0My40NzY0IDYwLjAzODEgNDIuODY0N0M1OS44MDQ2IDQyLjI1MyA1OS40NDI4IDQxLjY5NzIgNTguOTc2NSA0MS4yMzM5WiIgZmlsbD0iIzdFNTRDRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 30px;
    /* margin: 0 0 0 25rem; */
    line-height: 1;
    vertical-align: middle;
    width: 30px;
    position: absolute;
    margin-top: 1rem;
    cursor: pointer;
    right: 2rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.acc_ctrl.active h2, .acc_ctrl:focus h2 {
    position: relative;
}

.boxes{
    border: 1px solid #ccc;
    display: flex;
    border-radius: 20px;
    margin-bottom: 30px;
    height:270px;

}
.boxes:hover{
    background-color: #62d5d9;

}

input[type="checkbox"][id^="square-checkbox-"] {
    display: none;
}

.extra_label {
    text-align: center;
    width: 100%;
    padding: 10px;
    display: block;
    position: relative;
    margin: 5px;
    cursor: pointer;
    border-radius: 20px;
}

.extra_label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    /* border-radius: 50%; */
    border: 1px solid grey;
    position: absolute;
    /* top: 204px; */
    /* right: 21px; */
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(1);
    border-radius: 20px;
}

.extra_label img {
    /*height: 100px;*/
    width: 100px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;

}



:checked + .extra_label {
    background-color: #42c1c7;
    border: 1px solid #5a5a5a;
    border-radius: 20px;
}

:checked + .extra_label:before {
    content: "✓";
    background-color: #764c9e;
    transform: scale(1);
    border-radius: 20px;
}

:checked + .extra_label img {
    transform: scale(0.9);
   
    z-index: -1;
}

.popover-block-container .popover-icon {
    background: none;
    color: none;
    border: none;
    padding: 0;
    outline: none;
    cursor: pointer;
}
.popover-block-container .popover-icon i {
    color:   darkmagenta;
    text-align: center;
    margin-top: 4px;
}

.popover-header {
    display: none;
}

.popover {
    max-width: 306.6px;
    border-radius: 6px;
    border: none;
    box-shadow: 0 0 6px 1px #eee;
}

.popover-body {
    border: none;
    padding: 20px 49.4px 24px 24px;
    color: #5f6976;
    font-size: 15px;
    font-style: italic;
    z-index: 2;
    line-height: 1.53;
    letter-spacing: 0.1px;
}
.popover-body .popover-close {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}

.input-group-addon {
    padding: 6px 12px ;
    font-size: 14px ;
    font-weight: 400 ;
    line-height: 1 ;
    color: #555 ;
    text-align: center ;
    background-color: #eee ;
    border: 1px solid #ccc ;
    width: 1% ;
    white-space: nowrap ;
    vertical-align: middle ;
    display: table-cell ;
    border-radius: 0px ;
}


.suffix input {
    border-radius: 4px 0px 0px 4px ;
}
.suffix .input-group-addon {
    border-left: 0;
    border-radius: 0px 4px 4px 0px ;
}
.prefix input {
    border-radius: 0px 4px 4px 0px ;
}
.prefix .input-group-addon {
    border-right: 0;
    border-radius: 4px 0px 0px 4px;
}
.presuffix input {
    border-radius: 0px ;
}
.input-group-addon.prefix {
    border-radius: 4px 0px 0px 4px;
    border-right: 0;
}
.input-group-addon.suffix {
    border-radius: 0px 4px 4px 0px;
    border-left: 0;
}


main {
    background-color: #fff;
}

@media  only screen and (max-width: 480px) {
    .card-height {
        height: 13rem;
    }
}

@media  only screen and (min-width: 490px) {
    .card-height {
        height: 14rem;
    }
}

.trans.scrolled {
background-color: #fff ;
transition: all .3s ease-in ;
}

@font-face {
font-family: 'Clarity City';
src: url('fonts/ClarityCity-Regular.ttf');
}

@font-face {
font-family: 'PlayfairDisplay';
src: url('/fonts/PlayfairDisplay-Regular.ttf');
}

.container.show {
top: 0 ;
left: 0 ;
position: fixed ;
}

.floating{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}

.float-button{
margin-top:16px;
}

@media (max-width: 576px) {
.floating {
    right: 2%;
    bottom: 25%;
}

div#menuCollapse nav a {
    font-size: 1rem;
}
}

.country-menu {
width: max-content;
padding-right: 0.5rem;
}