@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,800;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@700&display=swap');


@media (min-width: 1400px) {
    .containernarrow {
        max-width: 1140px;
    }
}

body {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    color: #222222;
    background-color: #ffffff;
}

.footer-checkout {
    /* position: fixed;*/
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 40px;*/
    background-color: #000;
    color: white;
    text-align: center;
}

a {
    color: #C39555;
    text-decoration: none;
}

    a:hover {
        color: #efc07f;
    }

    a:focus, a:active {
        color: #efc07f;
    }

.g-recaptcha {
    /*    margin: 15px auto !important;*/
    width: auto !important;
    height: auto !important;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}


.bodycontentconfirmation {
    background-color: white;
    padding: 100px;
    /*    margin-top: 160px;
    margin-bottom: 160px;*/
}

.pagepadding {
    padding: 100px;
}

.bodycontentaccesscodes {
    padding-right: 100px;
}

.bodycontentnarrow {
    width: 566px;
}

.displaytext {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 75px;
    line-height: 100%;
    /* Black */
    color: #0D0D0D;
}


.h1text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 60px;
    color: #000000;
}

.h2text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 140%;
    /* identical to box height, or 56px */
    /* Black */
    color: #0D0D0D;
}

.h10text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 140%;
    /* identical to box height, or 56px */
    /* Black */
    color: #0D0D0D;
}

.h9text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 140%;
    /* identical to box height, or 56px */
    /* Black */
    color: #0D0D0D;
}


.h3text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 48px;
    /* identical to box height, or 150% */
    /* Black */
    color: #0D0D0D;
}

.h4text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    /* Black */
    color: #0D0D0D;
}

.h11text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    /* Black */
    color: #0D0D0D;
}

.h5text {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 150%;
    /* identical to box height, or 30px */
    /* Black */
    color: #0D0D0D;
}

.h6text {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    /*    line-height: 150%;*/
    /* identical to box height, or 27px */
    /* Black */
    color: #0D0D0D;
}

.h7text {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 21px */
    /* Black */
    color: #0D0D0D;
}

.h8text {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
    color: #000000;
}

.text01 {
    font-family: Roboto;
    font-size: 24px;
    font-style: italic !important;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}

.linewrap {
    white-space: nowrap;
}

.text02 {
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.text03 {
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}

.text04 {
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
}

.text05 {
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
}

.text06 {
    color: #fff;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
}


.text07 {
    color: #6B6C6E;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
}

.text08 {
    color: #000;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    text-align: left;
}

.text09 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    text-align: left;
}

.text10 {
    color: #6B6C6E;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: left;
}

.text11 {
    color: #000;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
}


.text12 {
    color: #000;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
}

.text13 {
    color: #000;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 45px;
    line-height: 53px;
    text-align: left;
}

.text14 {
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
}

.text41 {
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
}

.text15 {
    font-family: Roboto;
    font-weight: normal;
    font-size: 36px;
    line-height: 42px;
    text-align: left;
}

.text16 {
    font-family: Roboto;
    font-style: italic;
    font-weight: bold;
    font-size: 42px;
    line-height: 49px;
}

.text17 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.text18 {
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
}

.text20 {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.text31 {
    color: #fff;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}

.text32 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
}

.watchbutton {
    position: absolute;
    bottom: 54px;
}

.testimonialslider {
    position: absolute;
    bottom: 45px;
    right: 0px;
}

.allcaps {
    text-transform: uppercase;
}

.bodymedium {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    color: #222222;
}

.bodybold {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    color: #222222;
}

.description {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #222222;
}

.descriptionmedium {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #222222;
}

.descriptionbold {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #222222;
}

.captionheading {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 18px */
    /* Black */
    color: #0D0D0D;
}

.captionheading02 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 18px */
    /* Black */
    color: #0D0D0D;
}

.caption {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    color: #222222;
}

a.caption {
    color: #fff;
    text-decoration: underline;
}

    a.caption:hover, a.caption:focus {
        color: #c39555;
        text-decoration: underline;
    }


.caption02 {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    color: #fff;
}

a.caption02 {
    color: #fff;
    text-decoration: underline;
}

    a.caption02:hover, a.caption02:focus {
        color: #c39555;
        text-decoration: underline;
    }







.captionbold {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    color: #222222;
}

.countdownnumericmonospace {
    font-family: 'Courier Prime', monospace;
    font-style: normal;
    font-weight: bold;
    font-size: larger;
}

.FAQPadding {
    padding-left: 200px;
    padding-right: 200px;
}

.formerror {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    text-align: right;
    /* Secondary/red */
    color: #C91D1D;
}


/*Colors*/
.whitetext {
    color: #fff;
}

.primarygoldtext {
    color: #c39555;
}

.primarydarkgreytext {
    color: #222222;
}

.backgroundlightgrey {
    background-color: #F7F7F7;
}

.backgroundprimarygold {
    background-color: #c39555;
}

.backgroundlightgold {
    background-color: #FBF7F2;
}

.backgrounddarkgrey {
    background-color: #222222;
}

.backgrounddarkestgrey {
    background-color: #141414;
}

.backgrounddarktransparent {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.backgroundhalftan {
    background: linear-gradient(180deg, #F8F5F2 61%, #fff 44%);
}

.tanborder {
    border: 1px solid #E4D0B4;
}

.goldborder {
    border: 4px solid #C39555;
}

.navbar {
    background: #000000;
    width: 100%;
    height: 50px;
}

.navbar02 {
    background-color: #F9ED32;
    width: 100%;
}

.navbar-light {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    backdrop-filter: blur(15px);
    height: calc(env(safe-area-inset-bottom) + 30px);
}

.pointerCursor {
    cursor: pointer;
}

.utilitybar {
    height: 70px;
    padding-top: 10px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + .content {
        padding-top: 102px;
    }

/*Sections*/

.secOpen {
    display: block;
}

.secOpenm {
    display: none;
}

.backgroundsec01 {
    /* background-color: #222222;*/
    background-image: url('../Images/MiniMasterClass/background_001.png');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}



.backgroundsec03 {
    background-color: #222222;
    background-image: url('../Images/The32Principles/Background_003.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    padding-top: 235px;
    padding-bottom: 235px;
}

.backgroundsec04 {
    background-color: #fff;
    background-image: url('../Images/The32Principles/Background_004.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}

.backgroundsec05 {
    background-color: #fff;
    background-image: url('../Images/The32Principles/Background_005.png');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}

.backgroundsec07 {
    background-color: #fff;
    background-image: url('../Images/MiniMasterClass/background_downsell.png');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}

.background06 {
    /* background-color: #222222;*/
    background-image: url('../Images/MiniMasterClass/action_02.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: auto 651px;
    background-color: #131313;
    display: block;
}


.background06m {
    /* background-color: #222222;*/

    display: none;
}

.section51 {
    display: block;
}

.section51m {
    display: none;
}




/*Forms*/
.formtextfield {
    /* Dark-10 */
    background: #F2F2F2;
    /* Secondary/Dark20 */
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 3px;
}

.formtextfieldfocus {
    /* Secondary/White-100 */
    background: #FFFFFF;
    /* Main */
    border: 1px solid #C39555;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 3px rgba(255, 113, 85, 0.1);
    border-radius: 3px;
}

.formtextfieldfill {
    /* Secondary/White-100 */
    background: #FFFFFF;
    /* Secondary/Dark20 */
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 3px;
}

.formdropdown {
    /* Secondary/White-100 */
    background: #FFFFFF;
    /* Secondary/Dark20 */
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 3px;
}

.formdropdownfocus {
    background: rgba(201, 29, 29, 0.03);
    /* Secondary/red */
    border: 1px solid #C91D1D;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 3px rgba(255, 113, 85, 0.1);
    border-radius: 3px;
}

/*Buttons*/

.navbutton {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 14px;
    text-decoration: none;
    color: #000;
    /* identical to box height, or 100% */
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    /*position: absolute;*/
    /* Main */
    background: #F9ED32;
    white-space: nowrap;
    width: 100%;
}

    .navbutton:focus, .navbutton:active {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 14px;
        text-decoration: none;
        color: #000;
        /* identical to box height, or 100% */
        align-items: center;
        text-align: center;
        letter-spacing: 0.5px;
        justify-content: center;
        align-items: center;
        padding: 10px;
        /*position: absolute;*/
        /* Main */
        background: #F9ED32;
        white-space: nowrap;
        width: 100%;
    }

.primarybutton {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    color: #fff;
    /* identical to box height, or 100% */
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    justify-content: center;
    align-items: center;
    padding: 19px 50px 19px 50px;
    /*position: absolute;*/
    /* Main */
    background: #C39555;
    white-space: nowrap;
    /*width: 100%;*/
    border: none;
}

    .primarybutton:hover {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #fff;
        background: #B58440;
    }

    .primarybutton:focus, .primarybutton:active {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #fff;
    }

.primarybutton03 {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    /* identical to box height, or 100% */
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    justify-content: center;
    align-items: center;
    padding: 19px 25px 19px 25px;
    /*position: absolute;*/
    /* Main */
    background: #C39555;
    /*white-space: nowrap;*/
    width: 100%;
}

    .primarybutton03:hover {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        text-decoration: none;
        color: #fff;
        background: #B58440;
    }

    .primarybutton03:focus, .primarybutton03:active {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        text-decoration: none;
        color: #fff;
    }


/*Buttons*/
.primarybutton02 {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    color: #efc07f;
    /* identical to box height, or 100% */
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    justify-content: center;
    align-items: center;
    padding: 19px 50px 19px 50px;
    /*position: absolute;*/
    /* Main */
    background: #fff;
    white-space: nowrap;
    border: 2px solid #efc07f;
}

    .primarybutton02:hover {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #efc07f;
        background: #fff;
    }

    .primarybutton02:focus, .primarybutton02:active {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #efc07f;
    }


.primarybuttonsmall {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    color: #fff;
    /* identical to box height, or 100% */
    align-items: center;
    text-align: center;
    letter-spacing: 0.5px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px 8px 12px;
    /*position: absolute;*/
    /* Main */
    background: #C39555;
}

    .primarybuttonsmall:hover {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #fff;
        background: #B58440;
    }

    .primarybuttonsmall:focus, .primarybuttonsmall:active {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #fff;
    }

.outlinebutton {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: 22px;
    color: #fff;
    border: 2px solid #E4D0B4;
    box-sizing: border-box;
    padding: 11px 22px 11px 22px;
}

    .outlinebutton:hover {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        background: #B58440;
    }

    .outlinebutton:focus, .outlinebutton:active {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
    }


.playbuttoncenter {
    background-image: url('../Images/The32Principles/playbutton_overlay.png');
    width: 96px;
    height: 83px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

    .playbuttoncenter:hover {
        background-image: url('../Images/The32Principles/playbutton_overlay_hover.png');
    }

.buttoncenter {
    text-align: left;
}


@media (max-width:1400px) {

    .h8text {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 54px;
        color: #000000;
    }
}

@media (max-width:1200px) {

    .watchbutton {
        position: relative;
    }

    .testimonialslider {
        position: relative;
    }


    .h1text {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 35px;
        color: #000000;
    }

    .h8text {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 27px;
        line-height: 54px;
        color: #000000;
    }
}

@media (max-width:990px) {
    .FAQPadding {
        padding-left: 100px;
        padding-right: 100px;
    }
}


/*Other*/
@media (max-width:770px) {

    .h2text {
        font-size: 26px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .h9text {
        font-size: 26px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .linewrap {
        white-space: normal;
    }

    .FAQPadding {
        padding-left: 0px;
        padding-right: 0px;
    }


    .background06 {
        /* background-color: #222222;*/
        background-image: url('../Images/MiniMasterClass/action_02.jpg');
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: auto 651px;
        background-color: #131313;
        display: none;
    }


    .background06m {
        /* background-color: #222222;*/

        display: block;
    }

    .secOpen {
        display: none;
    }

    .secOpenm {
        display: block;
    }

    .section51 {
        display: none;
    }

    .section51m {
        display: block;
    }
}

/*Mobile*/
@media (max-width:650px) {

    .caption02 {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        /* or 157% */
        color: #fff;
    }

    a.caption02 {
        color: #fff;
        text-decoration: underline;
    }

        a.caption02:hover, a.caption02:focus {
            color: #c39555;
            text-decoration: underline;
        }


    .text04 {
        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 500;
        line-height: 42px;
        letter-spacing: 0em;
        text-align: left;
    }

    .text12 {
        color: #000;
        font-family: Roboto;
        font-style: normal;
        font-weight: 900;
        font-size: 22px;
        line-height: 35px;
        text-align: left;
    }

    .primarybutton {
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        /*    text-transform: capitalize;*/
        text-decoration: none;
        color: #fff;
        /* identical to box height, or 100% */
        align-items: center;
        text-align: center;
        letter-spacing: 0.5px;
        justify-content: center;
        align-items: center;
        padding: 19px 25px 19px 25px;
        /*position: absolute;*/
        /* Main */
        background: #C39555;
        white-space: nowrap;
        width: 100%;
    }

        .primarybutton:hover {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 14px;
            line-height: 14px;
            /*   text-transform: capitalize;*/
            text-decoration: none;
            color: #fff;
            background: #B58440;
        }

        .primarybutton:focus, .primarybutton:active {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 14px;
            line-height: 14px;
            /*text-transform: capitalize;*/
            text-decoration: none;
            color: #fff;
        }


    .buttoncenter {
        text-align: center;
    }

    body {
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
    }

    .h1text {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        line-height: 60px;
        color: #000000;
    }

    .h2text {
        font-size: 26px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .h9text {
        font-size: 26px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .h3text {
        font-size: 22px;
        line-height: 140%;
        /* identical to box height, or 31px */
    }

    .h4text {
        font-size: 14px;
        line-height: 28px;
        /* identical to box height, or 140% */
    }

    .h11text {
        font-size: 17px;
        line-height: 28px;
        /* identical to box height, or 140% */
    }

    .h5text {
        font-size: 18px;
        line-height: 28px;
        /* identical to box height, or 156% */
    }

    .h6text {
        font-size: 16px;
        line-height: 150%;
        /* identical to box height, or 24px */
    }

    .h8text {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 40px;
        color: #000000;
    }

    .text01 {
        font-family: Roboto;
        font-size: 18px;
        font-style: italic !important;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: center;
    }

    .text05 {
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 33px;
        text-align: left;
        color: #000;
    }

    .text07 {
        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #6B6C6E;
    }



    .text08 {
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        letter-spacing: -1px;
        text-align: center;
    }

    .text09 {
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: left;
    }

    .text11 {
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: left;
    }

    .text13 {
        color: #000;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .text14 {
        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: center;
        color: #6B6C6E;
    }

    .text41 {
        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: center;
        color: #6B6C6E;
    }

    .text15 {
        font-family: Roboto;
        font-size: 24px;
        font-weight: normal;
        line-height: 33px;
        text-align: center;
    }

    .text16 {
        font-family: Roboto;
        font-style: italic;
        font-weight: bold;
        font-size: 24px;
        line-height: 49px;
        text-align: center;
    }

    .text18 {
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 33px;
        text-align: center;
        color: #000;
    }

    .text19 {
        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: center;
        color: #6B6C6E;
    }



    .text31 {
        color: #fff;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
    }








    .allcaps {
        text-transform: uppercase;
    }

    .bodymedium {
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
    }

    .bodybold {
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
    }

    .description {
        font-size: 14px;
        line-height: 22px;
        /* or 157% */
    }

    .descriptionmedium {
        font-size: 14px;
        line-height: 22px;
        /* or 157% */
    }

    .descriptionbold {
        font-size: 14px;
        line-height: 22px;
        /* or 157% */
    }
    /*  .showm {
        display:block;
    }*/
    .mobilehide {
        display: none;
    }

    .hide {
        display: none;
    }

    .utilitybar {
        height: 60px;
        padding-top: 4px;
    }

    .mobilecentertext {
        text-align: center;
    }

    .bodycontentaccesscodes {
        padding-right: 0px;
    }


    .bodycontentconfirmation {
        background-color: white;
        padding: 10px;
    }

    .pagepadding {
        padding: 10px;
    }
}




.imagecontainer {
    position: relative;
    text-align: center;
    color: white;
}

.imageoverlaytextbottom {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*show/hide transitions*/
.divButton {
    cursor: pointer;
    z-index: 1000;
}

.testimonialcontainer {
    width: 100%;
    height: 500px;
    position: relative;
}

/*#testimonialSwitcher {
    margin-top: -40px; 
    text-align: right;
}*/

.testimonialItems01 {
    opacity: 1;
    transition: opacity 1s;
    /*display: block;*/
    /*  width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;*/
}

    .testimonialItems01.hide {
        opacity: 0;
        display: none;
    }

.testimonialItems02 {
    opacity: 1;
    transition: opacity 1s;
    /*display: block;*/
    /*  width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;*/
}

    .testimonialItems02.hide {
        opacity: 0;
        display: none;
    }

.testimonialItems03 {
    opacity: 1;
    transition: opacity 1s;
    /*display: block;*/
    /*  width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;*/
}

    .testimonialItems03.hide {
        opacity: 0;
        display: none;
    }

.the4Parts.hide {
    opacity: 0;
    display: none;
}

.limitedTimeBonusGraphic.hide {
    opacity: 0;
    display: none;
}

.textc.hide {
    opacity: 0;
    display: none;
}

.sliderAnimation {
    -webkit-animation-name: sliderAnimationCSS;
    -webkit-animation-duration: 1.4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes sliderAnimationCSS {
    0% {
        opacity: 0;
        transform: translateX(-900px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/*lists*/

ul.bulletcheckscircle {
    list-style-image: url('../Images/The32Principles/bullet_checkcircle.png');
}

ul.bulletchecks {
    list-style-image: url('../Images/The32Principles/bullet_check.png');
}


/*embedded youtube video*/
.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .video-container::after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }

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

/*placeholders form mobile adjusters*/
.mobilebuttonwidth-full {
    width: initial;
}

.mobilecentertext {
    text-align: left;
}

/*sm*/
@media (min-width:0px) {




    .section01margin {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding01 {
        padding-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }


    .sectiontestimonials01m {
        display: block;
    }

    .sectiontestimonials01 {
        display: none;
    }

    .sectiontestimonials02m {
        display: block;
    }

    .sectiontestimonials02 {
        display: none;
    }



    .backgroundsec02 {
        background-color: #F5F5F5;
    }

    .backgroundsec02m {
        background-color: #fff;
        padding-top: 40px;
        /* padding-bottom:40px;*/
        display: block;
    }

    .imagescale {
        width: 70px;
        height: 70px;
    }

    .imagescale02 {
        width: 48px;
        height: 48px;
    }

    .mobilecentertext {
        text-align: center;
    }

    .buttontext {
        display: none;
    }

    .buttontextm {
        display: block;
    }

    .secopenborder {
        padding-left: 30px;
        padding-right: 30px;
        border-right: none;
    }

    .seccontent06border {
        border-right: none;
        margin-bottom: 40px;
    }

    .backgroundsec03 {
        background-color: #222222;
        background-image: url('../Images/The32Principles/Background_003.jpg');
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover;
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .seccontent14 {
        display: none;
    }

    .seccontent14m {
        display: block;
    }

    .seccontent18 {
        display: none;
    }

    .seccontent18m {
        display: block;
    }

    .seccontent19 {
        display: none;
    }

    .seccontent19m {
        display: block;
    }

    .seccontent21 {
        display: none;
    }

    .seccontent21m {
        display: block;
    }

    .sectiontestimonials03m {
        display: block;
    }

    .sectiontestimonials03 {
        display: none;
    }

    .offerbutton01 {
        display: none;
    }

    .offerbutton01m {
        display: block;
        padding: 19px !important;
        font-size: 14px;
    }
}

@media (max-width:499px) {

    .h1text {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 25px;
        color: #000000;
    }

    .h2text {
        font-size: 16px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .h9text {
        font-size: 21px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .h10text {
        font-size: 21px;
        line-height: 140%;
        text-align: center;
        /* or 36px */
    }

    .text20 {
        font-family: Roboto;
        font-style: italic;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }

    .text50 {
        font-size: 15px;
    }

    .text51 {
        font-size: 17px;
    }
}

/*md*/
@media (min-width:577px) {

    .section01margin {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding01 {
        padding-top: 10px;
        margin-bottom: 20px;
        text-align: center;
    }

    .sectiontestimonials01m {
        display: block;
    }

    .sectiontestimonials01 {
        display: none;
    }

    .sectiontestimonials02m {
        display: block;
    }

    .sectiontestimonials02 {
        display: none;
    }

    .backgroundsec02 {
        background-color: #F5F5F5;
    }

    .backgroundsec02m {
        background-color: #fff;
        display: block;
    }

    .imagescale {
        width: 48px;
        height: 48px;
    }

    .imagescale02 {
        width: 32px;
        height: 32px;
    }

    .mobilebuttonwidth-full {
        width: 100%;
        text-align: center;
    }

    .mobilecentertext {
        text-align: center;
    }

    .buttontext {
        display: block;
    }

    .buttontextm {
        display: none;
    }

    .secopenborder {
        padding-left: 30px;
        padding-right: 30px;
        border-right: 2px solid rgba(255, 255, 255, 0.1);
    }

    .seccontent06border {
        border-right: 1px solid rgba(13, 13, 13, .1);
        margin-bottom: 0;
    }

    .backgroundsec03 {
        background-color: #222222;
        background-image: url('../Images/The32Principles/Background_003.jpg');
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover;
        padding-top: 235px;
        padding-bottom: 235px;
    }

    .seccontent14 {
        display: none;
    }

    .seccontent14m {
        display: block;
    }

    .seccontent18 {
        display: block;
    }

    .seccontent18m {
        display: none;
    }

    .seccontent19 {
        display: none;
    }

    .seccontent19m {
        display: block;
    }

    .seccontent21 {
        display: none;
    }

    .seccontent21m {
        display: block;
    }

    .sectiontestimonials03m {
        display: block;
    }

    .sectiontestimonials03 {
        display: none;
    }

    .offerbutton01 {
        display: block;
    }

    .offerbutton01m {
        display: none;
    }
}

/*lg*/
@media (min-width:769px) {

    .text55 {
        font-size: 24px;
        line-height: 34px;
    }

    .section01margin {
        /*      margin-top: 100px;
        margin-bottom: 100px;*/
    }

    .padding01 {
        padding-top: 0;
        margin-bottom: 20px;
        text-align: left;
    }

    .sectiontestimonials01m {
        display: none;
    }

    .sectiontestimonials01 {
        display: block;
    }

    .sectiontestimonials02m {
        display: none;
    }

    .sectiontestimonials02 {
        display: block;
    }

    .sectiontestimonials03m {
        display: none;
    }

    .sectiontestimonials03 {
        display: block;
    }

    .backgroundsec02 {
        background-color: #F5F5F5;
    }

    .backgroundsec02m {
        background-color: #fff;
        display: none;
    }

    .imagescale {
        width: 48px;
        height: 48px;
    }

    .imagescale02 {
        width: 32px;
        height: 32px;
    }

    .mobilecentertext {
        text-align: left;
    }

    .buttontext {
        display: block;
    }

    .buttontextm {
        display: none;
    }

    .secopenborder {
        padding-left: 30px;
        padding-right: 30px;
        border-right: 2px solid rgba(255, 255, 255, 0.1);
    }

    .seccontent06border {
        border-right: 1px solid rgba(13, 13, 13, .1);
        margin-bottom: 0;
    }

    .seccontent14 {
        display: block;
    }

    .seccontent14m {
        display: none;
    }

    .seccontent18 {
        display: block;
    }

    .seccontent18m {
        display: none;
    }

    .seccontent19 {
        display: block;
    }

    .seccontent19m {
        display: none;
    }

    .seccontent21 {
        display: block;
    }

    .seccontent21m {
        display: none;
    }

    .offerbutton01 {
        display: block;
    }

    .offerbutton01m {
        display: none;
    }

    .backgroundsec03 {
        background-color: #222222;
        background-image: url('../Images/The32Principles/Background_003.jpg');
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover;
        padding-top: 235px;
        padding-bottom: 235px;
    }
}

.pointer {
    cursor: pointer;
}

.headersectionoffstate {
    color: #6B6C6E;
}

.textsmall {
    font-size: small;
    line-height: 1 !important;
}

.backgroundwhite {
    background-color: #fff;
}