article {
    padding-right: 10px;
}

.body {
    font-family: Muli;
    color: #000000;
    font-weight: 100;
}

.button,.btn {
    cursor: pointer;
}

/* MENU-NAV */
.nav-bar {
    margin-top: 20px;
    margin-bottom: 20px;
}

nav .opt-in-button {
    background-color: #d03838;
    margin-left: 10px;
}

nav .opt-in-button:active,
nav .opt-in-button:hover {
    background-color: #ff4a4a;
}

nav .opt-in-button span {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -.1px;
}

.nav {
    grid-area: nav;
    margin-top: 15px;
    display: grid;
    grid-template-columns: 20px 140px 1fr;
    grid-template-rows: 100px;
    grid-template-areas: '. logo menu';
}

.logo {
    grid-area: logo;
    object-fit: cover;
    margin-left: 1em;
    align-self: center;
    min-width: 10px;
    min-height: 10px;
    margin-top: 10px;
    max-height: 28px;
}

.menu {
    align-self: center;
    justify-content: flex-end;
}

.menu a {
    color: #494848;
    text-transform: capitalize;
    font-size: .8em;
    letter-spacing: .05em;
}

.menu-light a {
    color: #ffffff;
}

.menu-dark a {
    color: #171717;
    font-weight: 400;
}

.menu-dark a:hover {
    background: #f68857;
}

.menu-dark-2 a {
    color: #171717;
    font-weight: 400;
}

.menu-dark-2 a:hover {
    text-decoration: underline;
}

.navbar-brand img {
    height: 30px;
}

.menu-icon::after {
    background: #de2d2d;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #3c1818, 0 14px 0 #6d1818;
}

.menu-icon::after {
    background: #797979;
    box-shadow: 0 7px 0 #797979, 0 14px 0 #797979;
}

.navbar-item,
.navbar-link {
    text-transform: capitalize;
    font-size: 1.1em !important;
    font-weight: 500 !important;
}

.navbar-link.is-active,
.navbar-link:hover {
    background-color: #FFDFD6 !important;
    color: #111111 !important;
}

.navbar-link.not-clickable {
    pointer-events: none;
}

.navbar-dropdown {
    background-color: #fff;
    border: 0px;
    box-shadow: 0px white;
    border-radius: 0px;
}

/* STICKY BAR */
.sticky-bar {
    padding: 8px 5px;
    background: #9BB4B4;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    text-align-last: center;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    grid-area: sticky-bar;
}

font-we {
}

.sticky-bar-text,
.sticky-bar-btn {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-weight: 700;
}

.sticky-bar-btn a {
    background: #FFDFD6;
    color: #606060;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 800;
    font-size: .8em;
}

.sticky-bar-btn a:hover {
    background: #D1A49F;
    color: #ffffff;
}

/* FOOTER */
.footer {
    grid-area: footer;
    background-color: #e0dcdc;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: minmax(100px, auto) minmax(100px, auto);
    grid-template-areas: '. footer-box-1 .' '. footer-box-2 .';
}

@media (min-width:900px) {
    .footer {
        grid-template-columns: 1fr 1fr 40px minmax(400px, 1fr) 1fr;
        grid-template-rows: minmax(100px, auto);
        grid-template-areas: '. footer-box-1 . footer-box-2 .';
    }
}

.footer-box-1 {
    grid-area: footer-box-1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 20px auto 10px auto 10px auto auto auto 30px;
    grid-template-areas: '.' 'logo' '.' 'text-1' '.' 'text-2' 'text-3' 'text-4' '.';
}

.footer-box-1 p {
    line-height: 1;
    margin: 3px;
    text-align: left;
    color: #3d3d3d;
    font-size: 20px;
}

.footer-box-2 {
    grid-area: footer-box-2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto 10px auto 10px auto 50px;
    grid-template-areas: '.' 'location-title' 'location-address' '.' 'phone' '.' 'email' '.';
}

@media (min-width:900px) {
    .footer-box-2 {
        grid-template-columns: 1fr;
        grid-template-rows: 40px auto auto 10px auto 10px auto auto;
        grid-template-areas: '.' 'location-title' 'location-address' '.' 'phone' '.' 'email' '.';
    }
}

.footer-box-2 p {
    line-height: 1;
    margin: 3px;
    text-align: left;
    color: #3d3d3d;
    font-size: 20px;
}

/* HEADER */
.header {
    grid-area: header;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 10px 60px;
    grid-template-areas: '.' 'nav';
    z-index: 9;
}

@media (min-width:900px) {
    .header {
        grid-template-columns: 1fr minmax(100px, 900px) 1fr;
        grid-template-areas: '. nav .';
        grid-template-rows: 60px;
    }
}

.footer-box-1 a,
.footer-box-2 a {
    color: #3d3d3d;
    font-style: italic;
}

.footer-box-1 a:hover,
.footer-box-2 a:hover {
    text-decoration: underline;
}

.link-1 {
    color: #394747;
    text-decoration: underline;
}

.link-1:hover {
    color: #000000;
}

/* BUTTONS */
.button-1 {
    grid-area: button;
    max-width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    min-width: 200px;
    min-height: 48px;
    font-size: 20px;
    background-color: #ecaf9d;
    color: #666666;
    font-weight: 700;
    border: none;
    padding: 0.85em 1em;
    border-radius: .25em;
}

.button-1:active,
.button-1:hover,
.button-1:focus {
    background-color: #D1A49F;
    color: #ffffff;
}

.button-register-1 {
    margin-top: 20px;
    font-weight: 700;
    line-height: 1.4;
}

/* FORMS */
.home-optin-form {
    display: block;
    width: 17em;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    grid-area: form1;
}

/* MISC */
.fa-check {
    color: #d1a49f;
}

.fa-check-circle {
    color: #d1a49f;
}

.continue-reading {
    color: #b43232;
    font-weight: 600 !important;
}

.continue-reading:active,
.continue-reading:hover,
.continue-reading:focus,
.continue-reading:visited {
    color: #ff4a4a;
}

/* HOME */
.home-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start section-1-bg-start section-8-bg-start section-10-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end section-1-bg-end section-8-bg-end section-10-bg-end];
    grid-template-rows: auto minmax(100px, auto) [section-1-bg-start] minmax(100px, auto) [section-1-bg-end] minmax(100px, auto) [section-tes-2-bg-start] minmax(100px, auto) [section-tes-2-bg-end] minmax(100px, auto) [section-8-bg-start] minmax(100px, auto) [ section-8-bg-end] minmax(100px, auto) [section-10-bg-start] minmax(100px, auto) [section-10-bg-end section-2-bg-start] minmax(100px, auto) [section-video-bg-start section-2-bg-end] minmax(100px, auto) [section-video-bg-end section-6-bg-start] minmax(100px, auto) [section-6-bg-end] minmax(100px, auto) [section-tes-1-bg-start] minmax(100px, auto) [section-tes-1-bg-end] minmax(100px, auto) minmax(100px, auto) [section-tes-3-bg-start] minmax(100px, auto) [section-tes-3-bg-end] minmax(100px, auto) 50px minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-1' 'section-5' 'section-tes-2' 'section-3' 'section-8' 'section-9' 'section-10' 'section-2' 'section-video' 'section-6' 'section-7' 'section-tes-1' 'section-pricing' 'section-bonus' 'section-tes-3' 'section-workshop' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

/* img.home-hero-bg {
    grid-area: home-hero-bg;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    border-bottom: 1px solid;
    color: #a4a4a4;
    vertical-align: top;
    clip-path: inset(100px 100px 100px 100px);
    top: 0px;
    left: 100px;
    position: absolute;
} */
.home-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [home-hero-bg-start] minmax(100px, auto) [home-hero-bg-end];
    grid-template-rows: [home-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [home-hero-bg-end];
    grid-template-areas: 'header' 'home-hero-text';
}

.home-hero-text {
    grid-area: home-hero-text;
    display: grid;
    grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr .2fr;
    grid-template-rows: 1px auto 10px auto 45px auto 65px;
    grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .' '. button button button button button .' '. . . . . . .';
}

@media (min-width:600px) {
    .home-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 10px auto 45px auto 65px;
        grid-template-areas: '. . . . . .' '. title title title title .' '. . . . . .' '. subtitle subtitle subtitle subtitle .' '. . . . . .' '. button button button button .' '. . . . . .';
        display: grid;
    }
}

@media (min-width:900px) {
    .home-hero-text {
        grid-template-columns: .2fr 1fr 1fr 1fr 1fr .2fr;
        grid-template-rows: 1px auto 10px auto 45px auto 65px;
        grid-template-areas: '. . . . . .' '. title title title title .' '. . . . . .' '. subtitle subtitle subtitle subtitle .' '. . . . . .' '. button button button button .' '. . . . . .';
        display: grid;
    }
}

@media (min-width:1200px) {
    .home-hero-text {
        grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr .2fr;
        grid-template-rows: 1px auto 10px auto 45px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. . subtitle subtitle subtitle . .' '. . . . . . .' '. . button button button . .' '. . . . . . .';
        display: grid;
    }
}

.home-hero-overlay {
    grid-area: header;
    opacity: 0.6;
    background-color: #c67777;
    z-index: -1;
    display: none;
}

.home-hero-text-title {
    color: #494848;
    font-size: 2.4em;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.home-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #494848;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.home-hero-bg {
    background-image: url('../../assets/img/girl-red-trees-only-2.jpg');
    grid-area: home-hero-bg;
    z-index: -1;
    background-size: cover;
}

@media (min-width:600px) {
    .home-hero-bg {
        background-image: url('../../assets/img/girl-red-8.jpg');
    }
}

@media (min-width:900px) {
    .home-hero-bg {
        background-image: url('../../assets/img/girl-red-7.jpg');
    }
}

@media (min-width:1200px) {
    .home-hero-bg {
    }
}

.home-section-1 {
    grid-area: section-1;
    display: grid;
    grid-template-columns: 70px 1fr 50px;
    grid-template-rows: 20px auto auto 5px auto auto auto auto auto 5px auto auto auto auto auto 5px auto auto auto auto auto 50px;
    grid-template-areas: '. . .' '. title0 .' '. title1 .' '. . .' '. title2 .' '. s1 .' '. s2 .' '. s3 .' '. s4 .' '. . .' '. title3 .' '. s5 .' '. s6 .' '. s7 .' '. s8 .' '. . .' '. title4 .' '. s9 .' '. s10 .' '. s11 .' '. s12 .' '. . .';
}

@media (min-width:600px) {
    .home-section-1 {
        grid-template-columns: 1fr 30px 225px 40px 225px 1fr;
        grid-template-rows: 20px auto auto 5px auto auto auto 5px auto auto auto 5px auto auto auto 50px;
        grid-template-areas: '. . . . . .' 'title0 title0 title0 title0 title0 title0' 'title1 title1 title1 title1 title1 title1' '. . . . . .' '. . title2 title2 title2 .' '. . s1 . s2 .' '. . s3 . s4 .' '. . . . . .' '. . title3 title3 title3 .' '. . s5 . s6 .' '. . s7 . s8 .' '. . . . . .' '. . title4 title4 title4 .' '. . s9 . s10 .' '. . s11 . s12 .' '. . . . . .';
        display: grid;
    }
}

.home-section-1 p {
    font-size: 1.1em;
    text-indent: -.8em;
    text-align: left;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 10px;
}

.home-section-1-bg {
    grid-area: section-1-bg;
    background-color: #fcf7f7;
}

.home-section-bonus {
    grid-area: section-bonus;
    display: grid;
    grid-template-columns: 70px 1fr 50px;
    grid-template-rows: 50px auto 20px auto auto 40px auto auto 40px auto auto 75px;
    grid-template-areas: '. . .' '. title .' '. . .' '. s1 .' '. s2 .' '. . .' '. s3 .' '. s4 .' '. . .' '. s5 .' '. s6 .' '. . .';
}

@media (min-width:600px) {
    .home-section-bonus {
        grid-template-columns: 1fr 30px 225px 40px 225px 1fr;
        grid-template-rows: 50px auto 20px auto 40px auto 40px auto 75px;
        grid-template-areas: '. . . . . .' '. . title title title .' '. . . . . .' '. . s1 . s2 .' '. . . . . .' '. . s3 . s4 .' '. . . . . .' '. . s5 . s6 .' '. . . . . .';
        display: grid;
    }
}

.home-section-bonus p {
    font-size: 1.1em;
    text-indent: -.8em;
    text-align: left;
    font-weight: 200;

    /* margin-top: 10px */
    margin-left: ;
}

.home-section-2 {
    grid-area: section-2;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 35px auto auto 30px auto 30px auto 30px auto 30px auto 40px auto 10px auto 50px;
    grid-template-areas: '. . .' '. title-top .' '. table-1 .' '. . .' '. table-2 .' '. . .' '. table-3 .' '. . .' '. table-4 .' '. . .' '. text-1 .' '. . .' '. button .' '. . .' '. button-subtext .' '. . .';
}

@media (min-width:600px) {
    .home-section-2 {
        grid-template-columns: 1fr minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) 1fr;
        grid-template-rows: 35px auto 10px auto 40px auto 40px auto 40px auto 20px auto 50px;
        grid-template-areas: '. . . . .' '. title-top title-top title-top .' '. . . . .' '. table-1 . table-2 .' '. . . . .' '. table-3 . table-4 .' '. . . . .' 'text-1 text-1 text-1 text-1 text-1' '. . . . .' '. button button button .' '. . . . .' '. button-subtext button-subtext button-subtext .' '. . . . .';
        display: grid;
    }
}

.home-section-2 p {
    font-size: 1.2em;
    border-top: 1px solid #7f7f7f;
    padding: 15px;
}


.home-section-2 td {
    font-size: 1.1em;
    font-weight: 100;
    border-style: solid;
    border-top: 1px solid #d5d5d5;
    border-bottom: 0px solid #dadada;
    border-left: 0px solid #dadada;
    border-right: 0px solid #dadada;
    background-color: none;
    height: 3em;
    text-align: left;
    padding-top: 14px;
    padding-bottom: 14px;
}

.home-section-2 th {
    font-size: 1.1em;
    font-weight: 400;
    color: #494848;
    border-style: solid;
    border-top: 0px solid #dadada;
    border-bottom: 1px solid #adadad;
    border-left: 0px solid #dadada;
    border-right: 0px solid #dadada;
    background-color: none;
    height: 40px;
}

.home-section-2 thead {
    border: none;
}

.home-section-2 tbody {
    border: none;
}

.home-section-2-bg {
    grid-area: section-2-bg;
    background-color: #fcf7f7;
}

.home-section-3 {
    grid-area: section-3;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:600px) {
    .home-section-3 {
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.home-section-tes-1 {
    font-size: 1.3em;
    grid-area: section-tes-1;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 50px auto 45px auto auto 65px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. quote-author-img quote-author .' '. . . .';
}

@media (min-width:600px) {
    .home-section-tes-1 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 45px auto auto 65px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .';
    }
}

.home-section-tes-1-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-1-bg;
}

.home-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 75px auto 40px auto 10px auto 75px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .';
}

@media (min-width:600px) {
    .home-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 75px auto 40px auto 10px auto 75px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author quote-author quote-author .' '. . . . .';
    }
}

.home-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.home-section-5 {
    font-size: 1.2em;
    grid-area: section-5;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 80px auto auto 55px auto auto 55px auto auto 55px auto 25px auto 75px;
    grid-template-areas: '. . .' '. title-1 .' '. content-1 .' '. . .' '. title-2 .' '. content-2 .' '. . .' '. title-3 .' '. content-3 .' '. . .' '. button .' '. . .' '. button-subtext .' '. . .';
    text-align: center;
}

@media (min-width:900px) {
    .home-section-5 {
        grid-template-columns: 1fr minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) 1fr;
        grid-template-rows: 75px auto 15px auto 75px auto 20px auto 65px;
        grid-template-areas: '. . . . . . .' '. title-1 . title-2 . title-3 .' '. . . . . . .' '. content-1 . content-2 . content-3 .' '. . . . . . .' '. . . button . . .' '. . . . . . .' '. . . button-subtext . . .' '. . . . . . .';
    }
}

.home-section-video {
    font-size: 1.4em;
    grid-area: section-video;
    display: grid;
    grid-template-columns: .03fr .05fr 1fr .05fr .03fr;
    grid-template-rows: 50px auto 20px auto 20px auto minmax(100px, 1fr);
    grid-template-areas: '. . . . .' '. quote quote quote .' '. . . . .' '. . video1 . .' '. . . . .' '. . video2 . .' '. . . . .';
    color: #ffffff;
    font-weight: 500;
}

@media (min-width:900px) {
    .home-section-video {
        grid-template-columns: .1fr .25fr 1fr .25fr .1fr;
        grid-template-rows: 50px auto 20px auto 20px auto minmax(100px, 1fr);
        grid-template-areas: '. . . . .' '. quote quote quote .' '. . . . .' '. . video1 . .' '. . . . .' '. . video2 . .' '. . . . .';
        display: grid;
    }
}

@media (min-width:1200px) {
    .home-section-video {
        grid-template-columns: .2fr .5fr 1fr .5fr .1fr;
        grid-template-rows: 50px auto 20px auto 20px auto minmax(100px, 1fr);
        grid-template-areas: '. . . . .' '. quote quote quote .' '. . . . .' '. . video1 . .' '. . . . .' '. . video2 . .' '. . . . .';
        display: grid;
    }
}

.home-section-video-bg {
    grid-area: section-video-bg;
    background-color: #fcf7f7;
}

.home-section-video-bg img {
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 0 0;
    opacity: 1;
}

.home-section-5-bg {
    grid-area: section-5-bg;
    background-color: #fcf7f7;
}

.home-section-6 {
    grid-area: section-6;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) 30px minmax(70px, auto) minmax(100px, auto) 50px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .home-section-6 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px auto minmax(100px, auto) 30px auto minmax(100px, auto) 50px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .';
        display: grid;
    }
}

.home-section-6 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.home-section-6-bg {
    background-color: #fcf7f7;
    grid-area: section-6-bg;
}

.home-section-7 {
    grid-area: section-7;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .home-section-7 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
    }
}

.home-section-7 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.home-section-tes-2 {
    text-align: left;
    font-size: 1.3em;
    grid-area: section-tes-2;
    display: grid;
    grid-template-columns: 50px auto 1fr 1fr 50px;
    grid-template-rows: 75px minmax(120px, auto) auto auto 50px auto auto 50px auto auto 50px auto auto 50px auto auto 50px auto auto 75px;
    grid-template-areas: '. . . . .' '. icon icon icon .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-2-author-img quote-2-author quote-2-author .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. quote-3-author-img quote-3-author quote-3-author .' '. . . . .' '. quote-4 quote-4 quote-4 .' '. quote-4-author-img quote-4-author quote-4-author .' '. . . . .' '. quote-5 quote-5 quote-5 .' '. quote-5-author-img quote-5-author quote-5-author .' '. . . . .' '. quote-6 quote-6 quote-6 .' '. quote-6-author-img quote-6-author quote-6-author .' '. . . . .';
}

@media (min-width:900px) {
    .home-section-tes-2 {
        grid-template-columns: 1fr auto 1fr 2fr 1fr;
        grid-template-rows: 75px minmax(120px, auto) auto auto 50px auto auto 50px auto auto 50px auto auto 50px auto auto 50px auto auto 50px auto auto 75px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-2-author-img quote-2-author quote-2-author .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. quote-3-author-img quote-3-author quote-3-author .' '. . . . .' '. quote-4 quote-4 quote-4 .' '. quote-4-author-img quote-4-author quote-4-author .' '. . . . .' '. quote-5 quote-5 quote-5 .' '. quote-5-author-img quote-5-author quote-5-author .' '. . . . .' '. quote-6 quote-6 quote-6 .' '. quote-6-author-img quote-6-author quote-6-author .' '. . . . .' '. quote-7 quote-7 quote-7 .' '. quote-7-author-img quote-7-author quote-7-author .' '. . . . .';
        display: grid;
    }
}

.home-section-tes-2-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-2-bg;
}

.home-section-pricing {
    font-size: 1.3em;
    grid-area: section-pricing;
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    grid-template-rows: 75px auto 40px auto 20px auto 50px auto 40px auto 30px;
    grid-template-areas: '. . .' '. title .' '. . .' '. text-1 .' '. . .' '. text-2 .' '. . .' '. home-pricing-box-1 .' '. . .' '. text-questions .' '. . .';
}

@media (min-width:600px) {
    .home-section-pricing {
        grid-template-columns: 50px 1fr 1fr minmax(100px, 350px) 1fr 1fr 50px;
        grid-template-rows: 75px auto 40px auto 20px auto 50px auto 40px auto 50px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. text-1 text-1 text-1 text-1 text-1 .' '. . . . . . .' '. . text-2 text-2 text-2 . .' '. . . . . . .' '. . . home-pricing-box-1 . . .' '. . . . . . .' '. text-questions text-questions text-questions text-questions text-questions .' '. . . . . . .';
    }
}

.home-section-workshop {
    font-size: 1.3em;
    grid-area: section-workshop;
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 100px auto 40px auto 50px;
    grid-template-areas: '. . .' '. icon .' '. . .' '. box-1 .' '. . .';
}

@media (min-width:600px) {
    .home-section-workshop {
        grid-template-columns: 50px 1fr minmax(10px, 150px) minmax(100px, 350px) minmax(10px, 150px) 1fr 50px;
        grid-template-rows: 50px auto 40px auto 50px;
        grid-template-areas: '. . . . . . .' '. . . icon . . .' '. . . . . . .' '. . box-1 box-1 box-1 . .' '. . . . . . .';
        display: grid;
    }
}

.home-workshop-box-1 {
    grid-area: box-1;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr minmax(250px, 400px) 1fr;
    grid-template-rows: [title-bg-start] 30px auto 10px [title-bg-end content-bg-start] 50px auto auto auto auto 10px auto 15px auto 50px [content-bg-end];
    grid-template-areas: '. . .' 'title-1 title-1 title-1' '. . .' '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' 'text-1 text-1 text-1' 'text-2 text-2 text-2' '. . .' '. text-3 .' '. . .' 'button button button' '. . .';
    padding-left: 15px;
    padding-right: 15px;
}

.home-workshop-box-1 p {
    line-height: 1;
    margin: 3px;
}

.home-workshop-box-2 {
    grid-area: box-2;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr minmax(250px, 400px) 1fr;
    grid-template-rows: [title-bg-start] 30px auto 10px [title-bg-end content-bg-start] 50px auto auto auto auto auto 10px auto 15px auto 50px auto auto auto auto auto 15px auto 15px auto 50px [content-bg-end];
    grid-template-areas: '. . .' 'title-1 title-1 title-1' '. . .' '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' 'subtitle-3 subtitle-3 subtitle-3' 'text-1 text-1 text-1' 'text-2 text-2 text-2' '. . .' '. text-3 .' '. . .' 'button button button' '. . .' 'b-subtitle-1 b-subtitle-1 b-subtitle-1' 'b-subtitle-2 b-subtitle-2 b-subtitle-2' 'b-subtitle-3 b-subtitle-3 b-subtitle-3' 'b-text-1 b-text-1 b-text-1' 'b-text-2 b-text-2 b-text-2' '. . .' '. b-text-3 .' '. . .' 'b-button b-button b-button' '. . .';
    padding-left: 15px;
    padding-right: 15px;
}

.home-workshop-box-2 p {
    line-height: 1;
    margin: 3px;
}

.home-pricing-box-1 {
    grid-area: home-pricing-box-1;
    border-radius: 15px;
    border: 1px solid #f2f2f2;
/*    box-shadow: 1px 1px 20px #f0d0d0;*/
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr [title-bg-end content-bg-end];
    grid-template-rows: [title-bg-start] 20px auto 10px auto 30px [title-bg-end content-bg-start] 40px auto 5px auto 20px auto 40px [content-bg-end];
    grid-template-areas: '.' 'title-1' '.' 'title-2' '.' '.' 'text-1' '.' 'text-2' '.' 'button' '.';
}

.home-pricing-box-1 p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    align-self: center;
}

.home-section-8 {
    grid-area: section-8;
    display: grid;
    grid-template-columns: 70px 1fr 50px;
    grid-template-rows: 20px auto auto 5px auto auto auto auto auto auto auto auto auto auto auto auto auto 50px auto auto 50px;
    grid-template-areas: '. . .' '. title0 .' '. title1 .' '. . .' '. title2 .' '. s1 .' '. s2 .' '. s3 .' '. s4 .' '. s5 .' '. s6 .' '. s7 .' '. s8 .' '. s9 .' '. s10 .' '. s11 .' '. s12 .' '. . .' '. title3 .' '. s13 .' '. . .';
}

@media (min-width:600px) {
    .home-section-8 {
        grid-template-columns: 1fr 30px 225px 40px 225px 1fr;
        grid-template-rows: 20px auto auto 5px auto auto auto auto auto auto auto 50px auto auto 50px;
        grid-template-areas: '. . . . . .' 'title0 title0 title0 title0 title0 title0' 'title1 title1 title1 title1 title1 title1' '. . . . . .' '. . title2 title2 title2 .' '. . s1 . s2 .' '. . s3 . s4 .' '. . s5 . s6 .' '. . s7 . s8 .' '. . s9 . s10 .' '. . s11 . s12 .' '. . . . . .' '. . title3 title3 title3 .' '. . s13 s13 s13 .' '. . . . . .';
        display: grid;
    }
}

.home-section-8 p {
    font-size: 1.1em;
    text-indent: -.8em;
    text-align: left;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 10px;
}

.home-section-8-bg {
    grid-area: section-8-bg;
    background-color: #fcf7f7;
}

.home-section-9 {
    font-size: 1.2em;
    grid-area: section-9;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 80px auto auto 55px auto auto 55px auto auto 55px auto 25px auto 75px;
    grid-template-areas: '. . .' '. title-1 .' '. content-1 .' '. . .' '. title-2 .' '. content-2 .' '. . .' '. title-3 .' '. content-3 .' '. . .' '. button .' '. . .' '. button-subtext .' '. . .';
    text-align: center;
}

@media (min-width:900px) {
    .home-section-9 {
        grid-template-columns: 1fr minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) 1fr;
        grid-template-rows: 75px auto 15px auto 75px auto 20px auto 65px;
        grid-template-areas: '. . . . . . .' '. title-1 . title-2 . title-3 .' '. . . . . . .' '. content-1 . content-2 . content-3 .' '. . . . . . .' '. . . button . . .' '. . . . . . .' '. . . button-subtext . . .' '. . . . . . .';
    }
}

.home-section-10 {
    text-align: left;
    font-size: 1.3em;
    grid-area: section-10;
    display: grid;
    grid-template-columns: 50px auto 1fr 1fr 50px;
    grid-template-rows: 75px minmax(120px, auto) auto auto 50px auto auto 50px auto auto 50px auto auto 75px;
    grid-template-areas: '. . . . .' '. icon icon icon .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-2-author-img quote-2-author quote-2-author .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. quote-3-author-img quote-3-author quote-3-author .' '. . . . .' '. quote-4 quote-4 quote-4 .' '. quote-4-author-img quote-4-author quote-4-author .' '. . . . .';
}

@media (min-width:900px) {
    .home-section-10 {
        grid-template-columns: 1fr auto 1fr 2fr 1fr;
        grid-template-rows: 75px minmax(120px, auto) auto auto 50px auto auto 50px auto auto 50px auto auto 75px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-2-author-img quote-2-author quote-2-author .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. quote-3-author-img quote-3-author quote-3-author .' '. . . . .' '. quote-4 quote-4 quote-4 .' '. quote-4-author-img quote-4-author quote-4-author .' '. . . . .';
        display: grid;
    }
}

.home-section-10-bg {
    background-color: #fcf7f7;
    grid-area: section-10-bg;
}

/* MISC */

body,
button,
input,
select,
textarea {
    font-family: inherit;
}

.button.is-link {
    background-color: #d03838;
    border-color: transparent;
    color: #fff;
    border-radius: 0px;
}

.button.is-link:hover,
.button.is-link.is-hovered {
    background-color: #d03838;
}

.recaptcha-holder {
    visibility: hidden;
}

/* download loading graphic */
#loading {
    margin: 0 auto 0 auto;
    width: 5em;
    height: 5em;
    background: url('/assets/img/spinner-1s-100px.svg') no-repeat center center;
}

/* jquery form messages */
#jquery_form_content {
    margin-top: 30px;
    border: 0px;
    padding: 0px;
}

div.jquery_form_error,
div.jquery_form_error:focus {
    border: 1px solid #b94a48;
    background: #f2dede;
    color: #000000;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
    outline: none !important;
}

div.jquery_form_success {
    color: #000000;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

input.jquery_form_error {
    border: 1px solid #b94a48;
    background: #f2dede;
    font-size: 12px;
}

/* END jquery form messages */
.button.is-link:active,
.button.is-link.is-active {
    background-color: #d03838;
}

.input,
.textarea {
    border-radius: 0px;
    color: #363636;
    box-shadow: none;
    max-width: 100%;
    width: 100%;
}

/* magnific popup */
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 0 0;
}

.button-pay {
    min-height: 65px;
    font-weight: bold;
}

.select select {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 0px;
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
}