body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: aktiv-grotesk, sans-serif; background-color: #EBEBEB }
body, html {
    height: 100%;
}
a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; text-decoration: none !important; transition: 0.3s }
  
header.masthead { background-color: #000; border-bottom: 5px solid #fff; }
    header.masthead a.header-phone { font-size: 40px; color: #fff; display: inline-block; line-height: 52px; }
        header.masthead a.header-phone:hover { color: #E10387 }
    header.masthead .btn { font-size: 32px!important; line-height: 42px; border-radius: 0; width: 60px; }
        header.masthead .btn-facebook { background-color: #4A6EA9; border: 1px solid #4A6EA9 }
        header.masthead .btn-instagram { color: #4A6EA9; background: rgb(0,0,0); background: linear-gradient(163deg, rgba(81,91,212,1) 0%, rgba(129,52,175,1) 13%, rgba(221,42,123,1) 48%, rgba(254,218,119,1) 83%, rgba(245,133,41,1) 100%); border: 0px; font-size: 40px; }
        header.masthead .fa-facebook-f { color: #fff }
            header.masthead .fa-facebook-f:hover { color: #000 }
        header.masthead .fa-instagram { color: #fff; padding-bottom: 9px; }
            header.masthead .fa-instagram:hover { color: #000 }

.space40 { margin-top: 40px }

    nav { text-transform: uppercase; text-align: left; }
    nav li { font-weight: 400; font-size: 16px; }
    header .navbar { padding: 0; }
        header .navbar .navbar-nav li a { color: #fff; padding: 10px 20px; }
            header .navbar .navbar-nav li a:hover { color: #E10387!important; }
            header .navbar .navbar-nav li.active a { color: #E10387!important; }
        header .navbar .navbar-nav li .dropdown-menu { background-color: #000; padding: 10px 10px; text-decoration: none }
        header .navbar .navbar-nav li a:hover { color: #E10387!important; }
        header .navbar .navbar-nav li.active a { color: #E10387!important; }
        header .navbar .navbar-nav li.dropdown a:after { display: none }
        .navbar-toggler .navbar-toggler-icon { color: #fff; }
    .nav-link { padding: 0rem 1rem; }

#confidence { background: rgb(244,0,145); background: linear-gradient(180deg, rgba(244,0,145,1) 0%, rgba(172,2,103,1) 100%); position: relative; padding: 80px 0; }
    #confidence img.happy-learner { position: absolute; right: 0; top:0; width: 50%;}
    #confidence img.som-logo { width: 75%;}
    #confidence h1 { font-size: 70px; color: #fff; font-weight: 600; line-height: 65px; margin-top: 80px; }
    #confidence p { font-size: 20px; font-weight: 300; color: #fff; margin-top: 10px; }
    #confidence .btn-book { font-size: 24px; font-weight: 300; padding: 10px 30px; background-color: #fff; color: #000; margin-top: 50px; margin-bottom: 50px }
        #confidence .btn-book:hover { background-color: #000; color: #fff; }

.grey-box { background-color: #231D1D; color: #fff; border-radius: 10px; margin-top: -40px; z-index: 5; position: relative; padding: 40px 40px 30px 40px; }
    .grey-box p { font-size: 24px; line-height: 24px; padding: 8px 30px 0 15px; }
    .grey-box i { font-size: 57px; vertical-align: middle; font-weight: 300; margin-left: 20px; }

.white-box { background-color: #fff; padding: 40px; border-radius: 10px; margin-top: 40px; }
    .white-box img { margin: 0 auto; }
    .white-box p { font-size: 25px; padding-top: 20px; line-height: 28px; font-weight: 600; }

#love-learning { margin-top: 40px; }
    #love-learning h2 { background-color: #000; color: #fff; font-size: 36px; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 20px 40px; margin: 0 }
    #love-learning .white-bg { background-color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 20px 40px; }
    #love-learning i { color: #03C403; font-size: 57px; padding-top: 15px;}
    #love-learning p { font-size: 22px; padding-left: 10px; line-height: 28px; padding-top: 15px; }

.black-box { background-color: #000; padding: 30px; text-align: center; color: #fff; border-radius: 10px; margin-top: 80px; }
    .black-box img { position: relative; margin-top: -70px; }
    .black-box h3 { font-size: 41px; font-weight: 600; margin-top: 20px; margin-bottom: 0; }
    .black-box p { font-size: 22px; line-height: 28px; margin-top: 10px; }

.pink-box { background-color: #D3007E; padding: 40px 40px 30px 40px; color: #fff; text-align: center; border-radius: 10px; margin-top: 80px;  }
    .pink-box h4 { font-size: 59px; font-weight: 600; margin-top: 20px; }
    .pink-box p { font-size: 27px; line-height: 35px; padding-top: 11px; }
    .pink-box a { color: #fff; font-weight: 600; }
        .pink-box a:hover { color:#000; }

.yellow-box { background-color: #D39400; padding: 20px; color: #000; text-align: center; border-radius: 10px; margin-top: 25px;  }
    .yellow-box a { margin: 0; font-size: 30px; color: #000; }
        .yellow-box a:hover {color: #fff; }
   

footer { background: rgb(244,0,145); background: linear-gradient(180deg, rgba(244,0,145,1) 0%, rgba(172,2,103,1) 100%); padding: 30px 0; margin-top: 40px; color:#fff;font-size: 17px; }
    footer a { color:#fff; font-weight: 600;  }
        footer a:hover { color:#000; font-weight: 600;  }
    footer p { margin: 0 }

.copyright-strap { background-color: #2D2D2E; font-size: 12px; color: #fff; padding-top: 10px; }
    .copyright-strap .right { text-align: right }

/* sidebar */
#btn-sidebar { display: none }
#sidebar { background-color: #000; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); color: #fff; height: 100vh; left: -275px; overflow-y: scroll; position: fixed; top: 0; transition: all 0.3s; width: 275px; z-index: 999 }
    #sidebar.active { left: 0 }
    #sidebar .sidebar-header { padding: 20px 10px 17px 10px }
    #sidebar #dismiss { -o-transition: all 0.3s; -webkit-transition: all 0.3s; background-color: #E10387; color: #FFF; cursor: pointer; height: 35px; line-height: 35px; position: absolute; right: 10px; text-align: center; top: 20px; transition: all 0.3s; width: 35px }
    #sidebar #dismiss:hover { background: #FFF; color: #626262 }
    #sidebar ul { margin: 0 }
        #sidebar ul p { color: #fff; padding: 10px }
        #sidebar ul li a { color: rgba(250,250,250, 1); display: block; font-size: 1.1em; padding: 10px; text-decoration: none !important }
        #sidebar ul li a:hover { color: #fff }
    #sidebar a[data-toggle="collapse"] { position: relative }
    #sidebar .dropdown-toggle::after { display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }
.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100vh; opacity: 0; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 998 }
    .overlay.active { display: block; opacity: 1 }

#inner-banner { background: rgb(244,0,145); background: linear-gradient(180deg, rgba(244,0,145,1) 0%, rgba(172,2,103,1) 100%); position: relative; padding: 80px 0 80px 0; }
    #inner-banner img.lady-keys { position: absolute; right: 0; top:0; width: 40%;}
    #inner-banner img.som-logo { width: 75%;}
    #inner-banner h1 { font-size: 70px; color: #fff; font-weight: 600; line-height: 65px; margin-top: 80px; }
    #inner-banner p { font-size: 20px; font-weight: 300; color: #fff; margin-top: 10px; }
    #inner-banner .btn-book-black { font-size: 24px; font-weight: 300; padding: 10px 30px; background-color: #000; color: #fff; margin-top: 50px; position: absolute; }
        #inner-banner .btn-book-black:hover { background-color: #fff; color: #000; }

#pricing { padding: 100px 0 80px 0; }
    #pricing .sml-white-box { background-color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 30px; text-align: center; }
        #pricing .sml-white-box h2 { font-size: 45px; font-weight: 600; text-align: left }
        #pricing .sml-white-box .price { font-size: 60px; font-weight: 600; color: #E10387; line-height: 80px; margin-bottom: 0; margin-left: -30px; text-align: center!important; }
        #pricing .sml-white-box .blurb { font-size: 16px; text-align: left; line-height: 20px; }
        #pricing .sml-white-box small { font-size: 15px; line-height: 15px; text-align: center; }
        #pricing .round-tops { border-radius: 10px 10px 0 0; }
        #pricing .sml-white-box .btn-book-pink { font-size: 24px; font-weight: 300; padding: 10px 30px; background-color: #E10387; color: #fff;  }
            #pricing .sml-white-box .btn-book-pink:hover { background-color: #000; color: #fff; }

#faqs { padding: 80px 0 60px 0; }
    #faqs .card-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
    #faqs .card { border: none; border-radius: 10px; margin-bottom: 25px }
        #faqs .card .card-text { font-size: 16px; line-height: 22px }
    #faqs h2 { font-size: 38px; font-weight: 300; margin: 20px 0; }
    #faqs h5 { font-size: 20px; color: #E10387; }

#book { padding: 60px 0; }
    #book h2 { font-size: 38px; font-weight: 300; margin: 20px 0; }
    #book a { color: #000; font-weight: 600; }
    #book .btn-book { background-color: #E10387; color: #fff; }

#tests { padding: 60px 0; }
    #tests .l-plate { width: 70px; margin-right: 10px }
    #tests h2 { font-size: 30px; font-weight: 300; margin-bottom: 30px; margin-top: 30px; }
    #tests p.large { font-size: 21px; font-weight: 300 }
    #tests p.large-title { font-size: 21px; font-weight: 600; margin-top: 30px; }
    #tests em { font-size: 20px; font-weight: 600; }
    #tests p { font-size: 17px; font-weight: 300; margin: 0; }
    #tests a { color: #000; font-weight: 600; }
        #tests a:hover { color: #E10387; }
    #tests iframe { width: 100%; height: 320px; }
    #tests li { font-size: 20px; list-style-type: none; line-height: 35px;}
    #tests ul li::before { content: "\f058"; color: #329A06; font-family: 'Font Awesome 5 Pro'; font-weight: bold; display: inline-block; width: 1.2em; margin-left: -1.2em; }



@media (max-width: 1590px) {
    /* global */
    #confidence { padding: 60px 0; }
        #confidence img.happy-learner { width: 60%;}
        #confidence img.som-logo { width: 63%;}
        #confidence h1 { font-size: 50px; line-height: 60px; margin-top: 60px; padding-right: 100px; }
        #confidence p { padding-right: 100px; }

    #inner-banner { padding: 60px 0; }
        #inner-banner img.lady-keys { width: 45%;}
        #inner-banner img.som-logo { width: 63%;}
        #inner-banner h1 { font-size: 50px; line-height: 60px; margin-top: 60px; padding-right: 100px; }
        #inner-banner p { padding-right: 100px; }
        #inner-banner .btn-book-black { margin-top: 25px; }
}

@media (max-width: 1199px) {
    /* global */
    #confidence h1 { font-size: 45px; line-height: 45px; margin-top: 40px; padding-right: 150px; }
    #confidence p { font-size: 18px; }
    #confidence .btn-book-black { font-size: 20px; margin-top: 30px; margin-bottom: 20px }

    .grey-box { padding: 30px 30px 20px 30px; }
        .grey-box p { font-size: 22px; line-height: 24px; padding: 8px 0px 0 15px; }
        .grey-box i { font-size: 55px;  }
    .white-box { padding: 30px; }
        .white-box p { font-size: 22px; padding-top: 15px; line-height: 28px;  }
    #love-learning h2 { font-size: 28px; padding: 20px 30px; }
    #love-learning i { font-size: 48px; padding-top: 10px; }
    #love-learning p { font-size: 18px; line-height: 24px; padding-top: 10px; }
    .black-box { margin-top: 60px; }
        .black-box h3 { font-size: 32px; }
        .black-box p { line-height: 26px; }

    .pink-box { padding: 30px; margin-top: 60px;  }
        .pink-box h4 { font-size: 55px; }
        .pink-box p { font-size: 24px; line-height: 32px; padding-top: 13px; }

    #inner-banner { padding: 30px 0; }
        #inner-banner h1 { font-size: 40px; line-height: 40px; margin-top: 30px; padding-right: 120px; }
        #inner-banner p { font-size: 17px; }
        #inner-banner .btn-book-black { font-size: 20px; margin-top: 5px; }

    #pricing { padding: 70px 0 80px 0; }
    #pricing .sml-white-box { padding: 20px; }
        #pricing .sml-white-box h2 { font-size: 40px; }
        #pricing .sml-white-box .price { font-size: 50px; line-height: 65px; }
        #pricing .sml-white-box .blurb { font-size: 14px; line-height: 18px; }
        #pricing .sml-white-box small { font-size: 14px; line-height: 16px; }
        #pricing .sml-white-box .btn-book-pink { font-size: 20px;  }
}

@media (max-width: 991px) {
    /* global */
    .copyright-strap { text-align: center; margin: 0 }
    .copyright-strap .right { text-align: center; margin: 0 }
    header.masthead a.header-phone { font-size: 30px; line-height: 52px; }
    #confidence img.happy-learner { width: 67%;}
    #confidence img.som-logo { width: 63%; margin-top: 150px; }
    #confidence h1 { font-size: 45px; line-height: 45px; margin-top: 30px; padding-right: 50px; }
    #confidence p { font-size: 18px; padding-right: 0px; }
    #confidence .btn-book { font-size: 18px; margin-top: 15px; margin-bottom: 20px }
    .grey-box { padding: 30px 30px 20px 30px; }
        .grey-box p { font-size: 16px; line-height: 20px; padding: 0px; }
        .grey-box i { font-size: 40px; margin: 0 10px }

    .white-box p { font-size: 16px; padding-top: 15px; line-height: 22px;  }
    #love-learning .white-bg { padding: 20px; }
    #love-learning h2 { font-size: 22px; padding: 10px 20px; }
    #love-learning i { font-size: 44px; padding-top: 5px; }
    #love-learning p { font-size: 14px; line-height: 20px; padding-top: 10px; }
    .black-box { margin-top: 60px; padding: 20px; }
        .black-box h3 { font-size: 28px; }
        .black-box p { font-size: 20px; }
    .pink-box h4 { font-size: 40px; margin-top: 0; }
    .pink-box p { font-size: 22px; padding-top: 5px; line-height: 28px; }
    footer { font-size: 14px; }
    #inner-banner img.lady-keys { width: 67%;}
    #inner-banner img.som-logo { width: 63%; margin-top: 150px; }
    #inner-banner h1 { font-size: 45px; line-height: 45px; margin-top: 30px; padding-right: 50px; }
    #inner-banner p { font-size: 18px; padding-right: 0px; }
    #inner-banner .btn-book-black { font-size: 18px; margin-top: 15px; margin-bottom: 20px }
    #pricing { padding: 70px 0 50px 0; }
        #pricing .sml-white-box .price { margin-left: 0px; }
        #pricing .sml-white-box .btn-book-pink { font-size: 18px;  }

@media (max-width: 767px) {
    /* global */
    #confidence { padding-top: 0; }
        #confidence img.happy-learner { display: none; }
        #confidence img.som-logo { width: 100%; margin-top: 30px; }
        #confidence h1 { font-size: 45px; line-height: 50px; padding: 0; }
    .white-box { text-align: center; }
    #love-learning img { margin-top: 40px; }
    footer { text-align: center; font-size: 17px; }
        footer address { margin-top: 30px }
    .pink-box { margin-top: 40px; }
    #inner-banner { padding-top: 0; }
        #inner-banner img.lady-keys { display: none; }
        #inner-banner img.som-logo { width: 100%; margin-top: 30px; }
        #inner-banner h1 { font-size: 45px; line-height: 50px; padding: 0; }
    #pricing .sml-white-box { margin-bottom: 40px; }
        #pricing { padding: 70px 0 10px 0; }
    #inner-banner .btn-book-black { position: relative; }
    #faqs .card-columns { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1 }
    #faqs { padding: 30px 0; }
    #book { padding: 30px 0; }
    #tests .l-plate { width: 50px; margin-right: 10px }
    #tests h2 { font-size: 24px; }
}

@media (max-width: 575px) {
    /* global */
    
    .grey-box p { margin-top: 20px; }
    .grey-box i { margin: 10px }
    .yellow-box a { font-size: 22px;  }
    #confidence { text-align: center; }
        #confidence h1 { font-size: 40px; line-height: 45px; }
    .btn-social { display: none; }
    #inner-banner { text-align: center; }
        #inner-banner h1 { font-size: 40px; line-height: 45px; }
    #inner-banner .btn-book-black { font-size: 18px; margin-top: 15px; margin-bottom: 20px }
    #pricing { text-align: center; }
    #pricing .sml-white-box h2 { text-align: center; }
    #pricing .sml-white-box .blurb { text-align: center; }
    #pricing .sml-white-box .btn-book-pink { font-size: 16px; padding: 10px 20px ;  }
    #tests h2 { font-size: 22px; }
    #tests p.large { font-size: 18px; }
    #tests iframe { height: 250px; }
}

@media (max-width: 376px) {
    /* global */
    #confidence h1 { font-size: 35px; line-height: 40px; }
    #inner-banner h1 { font-size: 35px; line-height: 40px; }
    #pricing .sml-white-box h2 { font-size: 35px; }
    #tests iframe { height: 175px; }
}