/*!
Theme Name: C19
Theme URI: https://vivopcr.com
Author: Big Dot
Author URI: https://thebig.co
Description: C19 Theme
Version: 3.0.1
Text Domain: c19

--------------------------------------------------------------*/

:root {

    --grad: linear-gradient(135deg, #4e79de 0%, #09c2c9 99%);

    --grey: #666666;

    --lightGrey: #d9d9d9;

    --green: #84B537;

    --cPri: #1d95d2;

    --fontPri: 'Rubik', sans-serif;

    --fontSec: 'Prata', sans-serif;



}

/* Global */

* {
    box-sizing: border-box
}

body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    backface-visibility: white;

}



body {
    font-family: var(--fontPri);
    color: var(--grey);
    background: white;
    font-size: 14px;
    line-height: 1.8em;    
    overflow-x: hidden;

}

main a,
#payment a {
    color: var(--cPri);
    text-decoration: none;
    border-bottom: 2px solid;
}

h1,
h2,
h3 {
    font-family: var(--fontSec);

}


main#services {
    margin-top: 70px;
    overflow-x: hidden;
}

.twoColumn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
}

.twoColumn a {
    color: var(--cPri);
}

.logged-in .m-header {
    margin-top: 30px;
}

a.m-header-submenu-close.closeUniversal {
    position: absolute;
    right: 5px;
    top: 5px;
}

a.m-header-submenu-close.closeUniversal img {
    width: 30px;
    height: 30px;
}

.box {
    display: block;
}

.box,
.boxGrid {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px;
}

.boxGrid {
    display: grid;
}

.center {
    text-align: center;
}


#page {
    margin-top: 75px;
}

@media screen and (max-width: 700px) {

    .box,
    .boxGrid {

        padding: 30px;
    }

    .twoColumn {
        grid-template-columns: 1fr;

    }
}

/* Navigation */

.m-sidebar-navi ul > li > ul .m-arrow-icon {
    margin-top: 0px;
    top: 10px;
}

.menuIcon {
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 6px;
}

.downMenuIcons {
    transition: .3s;
}

.mainMenuIcons,
.subMenuIcons,
.downMenuIcons {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;



}

a.amberCta,
a.greenCta {
    display: block;
    border: none !important;
    padding: 10px 20px;
    border-radius: 100px;
    color: white !important;
    font-weight: 600;
    text-align: center;
    margin: 10px 0;
}

a.amberCta {
    background: #ff7200;
}

a.greenCta {
    background: #0e9a2f;
}

a.amberCta:hover,
a.greenCta:hover {
    background: black;
}



.mainMenuIcons {
    margin-right: 20px;

}

nav.m-sidebar-navi {
    font-size: 14px;
}

.subMenuIcons {

    left: -4px;
    top: 5px;

}

.m-open-icon {
    width: 35px;
    height: 35px;
    margin-top: 12px;
}


/*-------------------------------------------------------------------
[1. Fixed Body style]
*------------------------------------------------------------------*/
.m-body-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}

/*end of part 1----------------------------------------------------*/


/*-------------------------------------------------------------------
[2. Header]
*------------------------------------------------------------------*/
.m-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 14px;
    height: 60px;
    font-weight: 400;
    background: #0d578e;


    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);

    -webkit-transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-header a {
    color: #1d95d2;
}

.m-header.hide {
    top: -60px;
}

.m-toggle-sidebar {
    width: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.05);
    float: left;
}

.m-toggle-sidebar i {
    position: absolute;
    left: 18px;
    top: 18px;
    -webkit-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-toggle-sidebar .m-open-icon {
    transform: scale(1);
}

.m-toggle-sidebar .m-close-icon {
    transform: scale(0);
}

.m-opened-sidebar .m-toggle-sidebar .m-open-icon {
    transform: scale(0);
}

.m-opened-sidebar .m-toggle-sidebar .m-close-icon {
    transform: scale(1);
}

.m-logo-box {
    height: 42px;
    width: 85px;
    position: absolute;
    left: calc(50% - 44px);
    display: block;
    margin: 9px 0;
}


.m-logo .m-logo-desktop {
    display: block;
}

.m-logo .m-logo-name {
    display: inline-block;
    float: left;
    font-weight: 400;
    line-height: 30px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #FFF;
}

.m-header-menu {
    display: inline-block;
    float: left;
}

.m-header-navigation,
.m-header-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.m-header-navigation > li {
    float: left;
    position: relative;
}

.m-header-navigation > li > a {
    vertical-align: middle;
    height: 60px;
    line-height: normal;
    color: #FFF;
    font-weight: 600;
    padding: 0 15px;
    text-decoration: none;
    position: relative;
}

.m-header-navigation > li > a .material-icons {
    vertical-align: middle;
    top: -1px;
    position: relative;
}

.m-header-navigation > li > a.active {
    box-shadow: inset 0 -2px 0 0 #fff;
}

.m-header-submenu {
    background-color: #fff;
    position: absolute;
    top: 100%;
    min-width: 100%;
    left: 0;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
    transform-origin: left top 0px;
    display: none;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    transform: scale(0);
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand');
}

.m-header-submenu.m-extra-menu {
    width: 280px;
}

.m-extra-menu a {
    display: block;
    width: 50%;
    float: left;
    height: 80px;
    text-align: center;
    border-bottom: solid 1px #EEE;
    padding: 15px 0;
    color: #333 !important;
}

.m-extra-menu a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.m-extra-menu a span {
    display: block;
}

.m-extra-menu a:nth-child(odd) {
    border-right: solid 1px #EEE;
}

.m-header-submenu.m-notify-list {
    width: 360px;
}

.m-header-submenu.m-phone-numbers {
    padding: 20px;
    text-align: center;
    width: 250px;
}

.m-phone-numbers a {
    text-decoration: none;
    color: inherit;

}

.m-phone-numbers p {
    margin: 0;
}

.m-notify-number {
    width: 12px;
    height: 12px;
    border: 1px solid #ffffff;
    background: red;
    border-radius: 10px;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 10px;
    left: 5px;
    line-height: 10px;
    z-index: 9;
}

.m-notify-message {
    padding: 20px;
    border-bottom: 2px solid #e9e9e9;

}

.m-notify-message:last-child {
    border-bottom: none;
}

.m-urgent {
    background: red;
    color: #ffffff;
    border-bottom: none;
}

.m-notify-divider {
    width: 100%;
    height: 2px;
    border-top: 1px solid #f9f9f9;
    background-color: #d8d8d8;
    margin: 20px 0;
}

.m-notify-tab .nav {
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
}

.m-notify-tab .nav li {
    display: inline-block;
    float: left;
    width: auto;
    border-left: none !important;
    margin-right: 20px;
}

.m-notify-tab .nav li a:hover {
    background-color: transparent;
    border-bottom: solid 1px #9D50BB;
}

.m-notify-tab .nav li a {
    padding: 6px 0;
    font-weight: 500;
    font-size: 16px;
}

.m-notify-tab .nav li a.active {
    border-bottom: solid 1px #9D50BB;
    color: #9D50BB;
}

.m-header-submenu ul li {
    display: block;
    width: 100%;
}

.m-header-submenu ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    color: #444;
    white-space: nowrap;
}

.m-header-submenu ul li a:hover {
    background-color: #EEE;
}

.m-header-submenu.active {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand');
}

.m-header-right {
    display: inline-block;
    float: right;
    right: 0;
    width: 35px;
}

.m-header-right.m-with-seperator .m-header-navigation li {
    border-left: solid 1px rgba(0, 0, 0, 0.05);
}

.m-header-right .m-header-navigation .m-header-submenu {
    transform-origin: right top 0px;
    left: auto;
    right: 0;
}

.m-user-avatar {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
}

.m-search-bar {
    position: absolute;
    width: 100%;
    height: 60px;
    top: -70px;
    left: 0;
    background: #DC2424;
    background: -webkit-linear-gradient(to right, #1d95d2, #DC2424);
    background: linear-gradient(to right, #1d95d2, #DC2424);


    -webkit-transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-search-bar.active {
    top: 0;
}

.m-search-form {
    max-width: 1160px;
    width: 100%;
    height: 40px;
    margin: 10px auto;
    display: block;
    font-size: 14px;
    position: relative;
}

.m-search-input-wrapper {
    left: 20px;
    top: 0;
    right:
    ;
    bottom: 0;
    height: 40px;
    position: absolute;
}

.m-search-input {
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, .2);
    border: none;
    padding: 0 54px 0 14px;
    display: block;
    color: #FFF;
    outline: none;
    font-size: 14px;
    font-family: inherit;
}

.m-search-input::placeholder {
    color: #FFF;
    opacity: .5;
}

.m-search-input:-ms-input-placeholder {
    color: #FFF;
}

.m-search-input::-ms-input-placeholder {
    color: #FFF;
}

.m-search-input:focus {
    background-color: rgba(255, 255, 255, .3);
}

.m-search-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: none;
    color: #FFF;
    border: none;
    cursor: pointer;
    outline: none;
}

.m-search-submit:hover {
    background-color: rgba(255, 255, 255, .1);
}

.m-search-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 0;
    background: none;
    border: none;
    padding: 8px;
    outline: none;
    cursor: pointer;
    color: #FFF;
}

/*end of part 2----------------------------------------------------*/



/*-------------------------------------------------------------------
[3. Sidebar]
*------------------------------------------------------------------*/
#m-sidebar a {
    color: #455a64;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.m-sidebar {
    position: fixed;
    width: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #fafafa;
    height: 100%;
    z-index: 101;
    left: -310px;
    color: #455a64;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
    color: #514A9D;
}

.m-opened-sidebar .m-sidebar {
    left: 0;
}

.m-sidebar-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 60px;
    font-weight: 600;
    overflow-x: hidden;
}

.m-sidebar-wrapper::-webkit-scrollbar {
    width: 6px;
}

.m-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #1d95d2;
}

.m-sidebar-wrapper::-webkit-scrollbar-track {
    background: #455a64;
}

.m-sidebar-logo {
    width: 100%;
    height: 60px;
}

.m-sidebar-logo a {
    display: inline-block;
    float: left;
    margin: 16px 24px;
}

.m-sidebar-logo a img {
    display: block;
}

.m-sidebar-toggle-button {
    width: 24px;
    height: 24px;
    float: right;
    margin: 18px;
    cursor: pointer;
}

.m-sidebar-navi ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.m-sidebar-navi > ul ul {
    display: none;
}

.m-sidebar-navi .inner {
    overflow: hidden;
    display: none;
}

.m-sidebar-navi .m-seperate {
    width: 100%;
    height: 0;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 4%);
    float: left;
    border-bottom: 1px solid var(--lightGrey);
}

.m-seperate.m-duo {
    margin-top: 2px;
}

.m-sidebar-navi li {
    display: block;
}

.m-sidebar-navi a {
    line-height: 50px;
    font-size: 14px;
    text-decoration: none;
    height: 50px;
    padding: 0 20px;
    color: #455a64;
    white-space: nowrap;
    width: 100%;
}

.m-sidebar-navi a:hover {
    background-color: #EEE;
}

.m-sidebar-navi a > span.m-icon {
    width: 40px;
    height: 50px;
    line-height: 0;
    vertical-align: middle;
}

.m-sub-icon .material-icons {
    font-size: 18px;
}

i.material-icons.m-sub-pin {
    padding-top: 4px;
    position: relative;
    top: 5px;
    left: -4px;
}

.m-arrow-icon {
    position: absolute;
    right: 10px;
    top: 14px;
}

.m-sidebar-navi a > span.m-arrow-icon {
    width: 24px;
    height: 50px;
    line-height: 0;
    vertical-align: middle;
    -webkit-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.m-sidebar-navi > ul > li > ul > li > a {
    padding: 0 20px 0 20px;
    line-height: 40px;
    height: 40px;
    font-size: 95%;
}

.m-sidebar-navi > ul > li > ul > li > a span.m-arrow-icon {
    height: 40px;
}

.m-sidebar-navi > ul > li > ul.m-pcr > li > ul > li {
    width: calc(50% - 6px);
    float: left;
    margin: 2px;


}

.m-pcr > li > ul {
    margin: 2px 0 0 2px;
}

.m-sidebar-navi > ul > li > ul > li > ul > li > a {
    padding: 0 20px 0 20px;
    line-height: 40px;
    height: 40px;
    font-size: 12px;

}

.m-sidebar-navi > ul > li > ul > li > ul > li:nth-child(odd) {
    background: #e9e9e9;
}

.m-sidebar-navi > ul > li > ul > li > ul > li:nth-child(even) {
    background: #f4f4f4;
}


.m-sidebar-navi ul li.show > a > .m-arrow-icon {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari 3-8 */
    -webkit-transform-origin: 50% 50%;
    /* Safari 3-8 */
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

.m-sidebar-navi ul li.show > a {
    background-color: #EEEEEE;
}

#m-sidebar .m-sidebar-navi > ul > li > ul > li.show > a {
    background-color: #333333;
    color: #ffffff;
}

.m-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    cursor: pointer;
    display: none;
}

/*pinned sidebar styles */
.m-opened-sidebar .m-overlay {
    display: block;
}

.m-pinned-sidebar .m-overlay {
    display: none !important;
}

.m-pinned-sidebar .m-sidebar {
    top: 60px;
}

.m-pinned-sidebar.m-opened-sidebar .m-wrapper {
    margin-left: 300px;
}

.m-pinned-sidebar .m-wrapper {
    margin-left: 0;
}


/*-------------------------------------------------------------------
[4. Material effect class helpers]
*------------------------------------------------------------------*/
.m-material-button {
    position: relative;
    overflow: hidden;
}

a.m-material-button.pcr-menu {
    background: yellow !important;
    border-bottom: 1px solid #999999;
}

.m-wave-effect {
    display: block;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 0px;
    height: 0px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.7;
}



/*-------------------------------------------------------------------
[5. Mobile fixer styles]
*------------------------------------------------------------------*/
@media (max-width: 768px) {
    .m-header-submenu.m-notify-list {
        width: 300px;
    }

    .m-logo .m-logo-mobile {
        display: block;
        position: relative;
        top: 4px;
    }

    .m-hide-on-mobile {
        display: none;
    }

}



.m-wrapper {
    padding-top: 80px;
    -webkit-transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

/* END NAV */


/* Smart Choice */

.tilesDuo,
.tilesTrio,
.tilesQuad {
    display: grid;
    grid-gap: 40px;
    margin: 0 auto;
    max-width: 1400px;
    padding: 40px 0;
}

.tilesDuo {
    grid-template-columns: 1fr 1fr;

}

.tilesTrio {
    grid-template-columns: repeat(3, 1fr);

}
.tilesQuad {
    grid-template-columns: repeat(4, 1fr);

}

.flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.smart {
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.05) 0px 13px 27px -5px, rgba(0, 0, 0, 0.15) 0px 8px 16px -8px;
    border: 1px solid #e9e9e9;
    position: relative;
    text-align: center;

}

.sPri {
    padding: 50px 40px;

}

.sSec {
    padding: 0;
}

.smartImg {
    max-height: 330px;
    overflow: hidden;
    position: relative;
    padding: 0 30px;
}

.smartContent {
    padding: 40px 40px 50px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.smartDisc {
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: .7em;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
    border-radius: 5px 5px 0 0;
}

.banner-container {
    width: 155px;
    height: 155px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}

.banner {
    width: 220px;
    padding: 15px;
    background-color: var(--green);
    color: #fff;
    text-align: center;
    transform: rotate(-45deg) translate(-28%, -35%);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);

}


.smartIcon {
    width: 100px;
    height: 100px;
    height: auto;
    margin-bottom: 20px;
}


.smartCta {
    width: 100%;
    max-width: 200px;
    padding: 10px;
    text-align: center;
    border: none;
    background: var(--grad);
    color: white;
    border-radius: 100px;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

a.smartCta {
    color: white;
}

.smartCta:hover {
    cursor: pointer;
    background: var(--grey);
}

.smart a {
    border: none;
}

.smartImg img {
    width: 100%;
}




.indIcon {
    width: 75px;
    height: 75px;
}



.groupTop {
    width: 2px;
    height: 20px;
    background: var(--lightGrey);
    display: block;
    margin: 10px auto 0 auto;

}

.groupBottom {
    width: 100%;
    border-top: 2px solid var(--lightGrey);
    border-left: 2px solid var(--lightGrey);
    border-right: 2px solid var(--lightGrey);
    border-radius: 10px 10px 0 0;
    height: 25px;

}


.tpLogo {
    margin: 0 auto 20px auto;
    width: 180px;
}

.disclaimer {
    background: black;
    color: white;
    padding: 30px;
    line-height: 1.5em;
    margin-bottom: 50px;
}

.disclaimer p {
    margin: 0;
}

.testInfo {
    padding: 0 40px 25px 40px;
    border: 2px solid var(--lightGrey);
    border-radius: 10px;
}

#guide h3,
#guide h4 {
    margin-top: 40px;
}

@media screen and (max-width:1200px) {
    .tilesQuad {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;

    }


}
@media screen and (max-width:900px) {
    .tilesTrio, .tilesQuad {
        grid-template-columns: 1fr;
        grid-gap: 20px;

    }


}


@media screen and (max-width:730px) {

    .tilesDuo {
        grid-template-columns: 1fr;
        grid-gap: 20px;

    }

    .smart {
        padding: 40px;
    }

    .smart h2,
    .smart p {
        margin-bottom: 0;
    }

    .smartImg {
        max-height: 200px;
        margin-top: -20px;
    }

    .smartContent {
        padding: 20px 0 0 0;
    }

    .smartIcon {
        width: 60px;
        height: 60px;

    }
}

@media screen and (max-width:500px) {



    .smartImg {
        max-height: 150px;
        margin-top: -30px;
    }

}


/* Smart End */


/* WOO COMMERCE */


.wooSingle {
    margin-top: 50px;
}

@media screen and (max-width:769px) {
    .wooSingle {
        margin-top: 0px;
    }
}

.woocommerce-product-gallery__image, .pt-Fintro {
    border: 1px solid var(--lightGrey);
    box-shadow: rgb(50 50 93 / 5%) 0px 13px 27px -5px, rgb(0 0 0 / 15%) 0px 8px 16px -8px;
    pointer-events: none;
}


.bundled_item_wrap * + .bundled_item_button .quantity,
.single-product div.product .bundled_item_wrap * + .bundled_item_button .quantity:before,
.postid-28 .quantity:before {
    content: '№ of People';
}

a.bundled_product_permalink {
    display: none;
}

span.bundled_product_title_inner .item_title {
    color: var(--cPri);
}

.woocommerce-variation-price,
.product_meta {
    display: none;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background: none;
    padding: 0;
}

div.bundled_product_summary,
.woocommerce div.product.bundled_product_summary {
    border-bottom: 1px solid var(--grey) !important;
}

.woocommerce div.product form.cart .variations select {
    height: 30px;
}

td.label {
    width: 130px;
}

.woocommerce .quantity .qty {
    height: 30px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: var(--grad)
}

.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}

.pt-Fintro {
    margin-top: 60px;
}

.pt-feature {
    display: grid;
    grid-template-columns: 20px auto;
    width: 100%;
    margin-bottom: 20px;
}

.pt-text {
    padding-left: 5px;
}

.pt-icon {
    padding-top: 1px
}

.details {
    width: 80% !important;
    padding: 0 0 0 1.5rem !important;
}

.bundled_product_images.images {
    width: 20% !important;

}

@media screen and (max-width:400px) {
    .bundled_product_images.images {
        display: none;
    }

    .details {
        width: 100% !important;
        padding: 0 0 0 0 !important;
    }

}

/*Woo Checkout */


.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-additional-fields h {
    float: left;
    width: 100%;
}

.woocommerce .col2-set .col-1 h3,
#order_review_heading {
    margin-bottom: 30px;
}

.woocommerce-additional-fields h3 {
    margin-bottom: 10px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    min-height: 30px;
    padding: 10px;
}

label.checkbox {
    font-size: 12px;
    line-height: 18px !important;
    color: #666666;
    margin: 6px 0 !important;
    float: left;

}

.wcCheck {
    max-width: 1200px;
    margin: 0 auto;
    float: none;
    padding: 30px;
    box-sizing: border-box;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 48%;
    float: left;
    margin-right: 2%;
}



div#order_review {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 100px;
}

h3#order_review_heading {
    display: none;
}

.cart .product-name a {
    text-decoration: none;
    color: var(--grey);
    pointer-events: none;
}


.cf:before,
.cf:after,
body.woocommerce-order-received .woocommerce-customer-details:before,
body.woocommerce-order-received .woocommerce-customer-details:after,
body.woocommerce-checkout form.woocommerce-checkout:before,
body.woocommerce-checkout form.woocommerce-checkout:after {
    content: " ";
    display: table;
}

.cf:after,
body.woocommerce-order-received .woocommerce-customer-details:after,
body.woocommerce-checkout form.woocommerce-checkout:after {
    clear: both;
}

.cf,
body.woocommerce-order-received .woocommerce-customer-details:after,
body.woocommerce-checkout form.woocommerce-checkout {
    *zoom: 1;
}


#order_review.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}



body.woocommerce-checkout .traveller select {
    padding: 10px;
}

.woocommerce-traveller p {
    color: #333333;
    margin: 0.25em 0;
}

.woocommerce-product h1 a,
.woocommerce-product h2 a,
.woocommerce-product h3 a,
.woocommerce-product h4 a,
.woocommerce-product h5 a {
    color: inherit;
}

.woocommerce-traveller h3 {
    margin-top: 0.5em;
}

@media screen and (max-width:700px) {


    div#order_review,
    .woocommerce .col2-set,
    .woocommerce-page .col2-setw {
        width: 100%;
        float: left;
        margin: 0
    }

    div#order_review {

        margin-top: 60px;
    }

}

/* Take Payments */
table#takepayments-table {
    width: 100%;
}

#takepayments-table .takepayments_cc_details:nth-child(2) {
    width: auto;
    display: inline-block;
    padding-right: 20px;

}

#takepayments-table input,
#takepayments-table select {
    min-height: 30px;
    padding: 10px;
}

#takepayments-table select {
    width: 72px;
}

#takepayments-table .takepayments_cvv {
    width: 50%;
    display: inline-block
}

#takepayments-table .takepayments_cvv img {
    display: none;
}

#takepayments-table .takepayments_cvv input {
    width: 80px;
}

.wc_payment_method label {
    font-size: 1.3em;
    padding-bottom: 20px
}

.wc_payment_method .payment_method_takepayments label:nth-child(1) {
    font-size: 1em;
    padding-bottom: 2px;
}

#takepayments-table label {
    display: block;
    margin: 8px 0 2px 0;
}

span#takepayments-required {
    display: none;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    content: none;
}

button#place_order {
    width: 100%;
    padding: 20px 5px;
    border-radius: 10px
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 1.5em;

}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    border-radius: 10px;
    box-shadow: rgb(50 50 93 / 5%) 0px 13px 27px -5px, rgb(0 0 0 / 15%) 0px 8px 16px -8px;
    border: 1px solid #e9e9e9;
    background: none;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

@media screen and (max-width: 400px) {

    #takepayments-table .takepayments_cvv,
    #takepayments-table select,
    #takepayments-table .takepayments_cvv input {
        width: auto;
        margin-right: 0 !important;
    }

    #takepayments-table .takepayments_cc_details:nth-child(2) {
        padding-right: 0;
    }

}




.vivoimghead {
    display: none;
}

.flom50 h1 {
    line-height: 1.3em;
}

.mainwrap {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    display: grid;
    padding: 40px;
}

.mainwrap a {
    color: var(--cPri);
}

.flom100 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
}

.flom50 img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:600px) {
    .flom100 {
        grid-template-columns: 1fr;
    }

    .flom50 h1 {
        font-size: 1.5em;
        line-height: 1.3em;
    }
}

.flomprice {
    color: var(--green);
    font-size: 1.6em;
    margin-bottom: 30px;
    border-bottom: 2px dashed;
    padding-bottom: 10px;
}

.pricePt {
    font-size: .8em;
}

.checkButton {
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
    border-radius: 5px;
    box-shadow: -16px 16px 31px #dedede;
    background: -moz-linear-gradient(-45deg, #4e79de 0%, #09c2c9 99%);
    background: -webkit-linear-gradient(-45deg, #4e79de 0%, #09c2c9 99%);
    background: linear-gradient(135deg, #4e79de 0%, #09c2c9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e79de', endColorstr='#09c2c9', GradientType=1);
    box-sizing: border-box;
    color: #ffffff;
    padding: 20px;
    font-family: 24px;
}

.checkButton:hover {
    background: #333333;
}

.govtick {
    display: none;
}

.accordion {
    box-sizing: border-box !important;
}

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

ul.accordion .inner {
    padding: 0px 30px 15px 30px;
    overflow: hidden;
    display: none;
}



ul.accordion li {
    margin: 0.5em 0;
    border-radius: 5px;
    box-shadow: -16px 16px 31px #dedede,
        16px -16px 31px #ffffff;
    margin-bottom: 20px;
}



ul.accordion li a.toggle {
    width: 100%;
    display: flex;
    padding: 20px 30px 20px 30px;
    color: #1d95d2;
    transition: background 0.3s ease;
    font-weight: 300;
    font-size: 1em;
    box-sizing: border-box;
    text-decoration: none;
    justify-content: space-around;
    align-items: center;
}

.toggle-arrow {
    width: 20px;
    height: 20px;
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.5 52'%3E%3Cpath fill='%231d95d2' d='M3.5 52L0 48.4 22.5 26 0 3.5 3.5 0l24.2 24.2c1 1 1 2.6 0 3.5L3.5 52z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;

    background-position: center center;
    transition: all .2s ease-in-out;

}

.ta-rotate {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.ta-rotate-active {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.wooflex {
    float: left;
    width: 100%;
}


.wooflex .inner a {
    text-decoration: none;
    border-bottom: 2px solid
}

.accordion {
    width: 100%;
    margin-top: 40px;
    display: grid;
}

h2.ach2 {
    font-weight: 300;
    width: calc(100% - 50px)
}

@media screen and (max-width:500px) {
    h2.ach2 {
        font-size: 1em;
    }

    ul.accordion li a.toggle {
        padding: 10px 20px;
    }
}

li.ac-notice,
li.ac-notice p,
li.ac-notice a.toggle,
li.ac-notice a {
    background: red;
    color: #ffffff !important;
    overflow: hidden;
}

li.ac-grad {
    background: #4e79de;
    background: -moz-linear-gradient(-45deg, #4e79de 0%, #09c2c9 99%);
    background: -webkit-linear-gradient(-45deg, #4e79de 0%, #09c2c9 99%);
    background: linear-gradient(135deg, #4e79de 0%, #09c2c9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e79de', endColorstr='#09c2c9', GradientType=1);
    color: #ffffff !important;
    overflow: hidden;

}

li.ac-grad p,
li.ac-grad a.toggle,
li.ac-grad a {
    color: #ffffff !important;
}

li.ac-blue,
li.ac-blue p,
li.ac-blue a.toggle,
li.ac-blue a {
    background: #1d95d2;
    color: #ffffff !important;
    overflow: hidden;
}

li.ac-white {
    background: white;
}

ul.accordion li li {
    box-shadow: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #1d95d2;
    background: #4e79de;
    background: -moz-linear-gradient(-45deg, #4e79de 0%, #09c2c9 99%);
    background: -webkit-linear-gradient(-45deg, #4e79de 0%, #09c2c9 99%);
    background: linear-gradient(135deg, #4e79de 0%, #09c2c9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e79de', endColorstr='#09c2c9', GradientType=1);
    border-radius: 5px;
    box-shadow: -16px 16px 31px #dedede, 16px -16px 31px #ffffff;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}



@media screen and (max-width:768px){
.summary.entry-summary {
    margin-top: 40px;
}
}

.keypoints {
    margin: 0 0 60px 0;
}

.pt-reviewOuter {
    overflow: hidden;
    display: grid;
    margin: 40px 0;
}

.pt-reviews {
    display: block;
    width: 100%;
    overflow: hidden;
}


section.up-sells.upsells.products {
    display: grid;
    width: 100%;
}

.ac-notice .toggle-arrow, .ac-grad .toggle-arrow{
    background-image: url("data:image/svg+xml,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.5 52'%3E%3Cpath fill='%23ffffff' d='M3.5 52L0 48.4 22.5 26 0 3.5 3.5 0l24.2 24.2c1 1 1 2.6 0 3.5L3.5 52z'/%3E%3C/svg%3E")
}

/* WOO END */

/* Misc */


a.read-more.black {
    background: var(--grad);
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 2px;
    margin-bottom: 5px;
}

img.ttbanner {
    display: none;
}

.pt-Fintro {
    margin-top: 40px;
    padding: 20px 20px 0 20px;
}

/* Responsive Video */

.video-container{
	  position: relative;
  padding-bottom: 100%;
  height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.m-header-submenu.m-phone-numbers.active, .m-header-submenu.m-notify-list.active{
	line-height:1em;
}


.twoButton {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
	margin:20px 0 0 0;
		grid-column-gap:10px;

}
.twoButton a{
	margin:auto;
}

@media screen and (max-width: 1050px){
	.twoButton {

    grid-template-columns: 1fr;
		grid-row-gap:10px;

}
	
}
.inv{
	display:none;
}

.show{
	display:block;
}

.locations{
	max-width:700px;
	margin:auto;
	min-height:900px;
}
.locations img, .inner img{
	width:100%;
	height:auto;
	
}

.bdccontactaddselect{
	width:100%;
	padding:10px;
}
span.checkButton {
    margin: 5px 0;
}
.wcAntigenNotice{
	background:red;
	color:white;
	padding:5px 10px;
	margin-top:10px;
	text-align:center;
}

.priceFeat {
    background: linear-gradient(
40deg
, #20bf55, #01baef);
    background-size: 400% 400%;
    -webkit-animation: pfBack 8s ease infinite;
    -moz-animation: pfBack 8s ease infinite;
    animation: pfBack 8s ease infinite;
    font-size: 1.5em;
    text-shadow: 0 2px 2px rgb(0 0 0 / 60%) !important;
    font-weight: 900;
    box-shadow: none !important;
	padding: 13px 0 20px 0 !important;
}

@-webkit-keyframes pfBack {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}
@-moz-keyframes pfBack {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}
@keyframes pfBack {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}

.pfPrice{
    animation-name: pulse_animation;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	display:grid;
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

#entry-edit input{
	padding: 5px 10px;
	min-width: 200px;
	font-size: 20px;
}         
#entry-edit button{
	width: 100px;
	padding: 10px;
	border-radius: 100px;
	background: linear-gradient( 
135deg
 , #4e79de 0%, #09c2c9 99%);
	color: white;
	border: none;
}

    /*Antigen Steps */
    .threeSteps {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .step {
        padding: 40px;
        text-align: center;

    }

    .step img {
        max-width: 100px;
        margin: auto;
    }

    @media screen and (max-width:700px) {
        .step {
            padding: 20px;

        }

    }

    @media screen and (max-width:550px) {
        .threeSteps {
            display: grid;
            grid-template-columns: 1fr;
        }

    }

.postid-55656 bdi {
    display: none;
}

.d2aprice{
	color: green;
	font-size: 1.3em;
}

.incpostage{
	font-size: .7em !important;
}

.pickup-location-field.pickup-location-cart-item-field {
    max-width: 180
px
;
    display: none;
}


/* Footer */

.footerbottom {
    background: #333333;
    color: var(--lightGrey);
    padding: 10px;
    text-align: center;
    margin-top: 100px;
    font-size: .8em;
}

.footerbottom a {
    color: var(--lightGrey);
    text-decoration: none;

}