* {
    box-sizing: border-box
}

.center {
    margin: auto
}

body {
    background-color: #dddddd;
    background-image: url('"/images/faces-bg.jpg');
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height:140%;
}

h1,h2,h3,h4,h5 {
    font-family: 'Rokkitt', serif;
}

h2,h3,h4,h5 {
    font-size: 2rem;
    margin: 0 0 1rem 0
}

.homehead{
    font-size:3rem;
    line-height:2.5rem;
}

body:after {
    background-color: rgba(121,64,102,.4);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

body:before {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0));
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.page {
    background-color: #fff;
    box-shadow: 0 0 40px 10px rgba(0,0,0,0.1);
    color: #333;
    margin: auto;
    max-width: 1280px;
    position: relative;
    z-index: 3;
    border-top: 0;
}

header {
    padding-bottom: 0;
    border-top: 5px solid #4e2984;
    position: relative
}

main {
    padding: 0 1rem
}

.logo {
    width: 400px;
    display: inline-block;
    margin-top: 1.5rem;
    margin-left: 1.5rem
}

.banner {
    margin: 0 -1rem;
    position: relative;
    margin-bottom: 2rem;
}

.banner-text {
    position: absolute;
    bottom: 10%;
    left: 5%;
    color: #fff;
    max-width: 580px;
    font-family: 'Rokkitt',cursive;
    text-shadow: 0 0 12px rgba(0,0,0,.75);
    padding: .5rem 1rem;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1.25rem rgba(255,255,255,.25)
}

.bt-headline {
    line-height: 90%;
    font-size: 2.75rem;
    margin: 0;
    font-weight: 400
}

.bt-subhead {
    font-size: 1.2rem;
    font-weight: 400;
    font-family: 'Questrial',sans-serif;
    color: #ecd7b7;
}

.banner img {
    width: 100%
}

footer {
    font-size: .9rem;
    text-align: center;
    margin-top: 2rem;
    color: #fff;
}

.ft-line1{
    font-size:2rem;
    line-height:100%;
}
.ft-line2{
    padding-top:0.5rem;
    font-size:1.25rem;
}
.footer-top{
    background-color: #f47920;
    padding: 1rem;
    border:2px solid #b85d1b;
    max-width:960px;
    margin:3rem auto;
}
.footer-bottom{
    background-color: #4e2984;
    padding: 2rem;
}
.ft-line1 a, .ft-line1 a:visited{
    color:#fff;
    font-weight:bold;
        text-decoration:none;
}
.home-tri-cell {
    padding: 1rem
}

nav {
    
    background-color: #4e2984;
    margin-top: 1.5rem;
    color: #fff;
    text-align: center
}

nav a {
    padding: .75rem .25rem;
    display: block;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #8562b8;
    font-size: 1rem
}

nav a:hover {
    background-color: #f47920;
    transition: .2s ease-in-out
}

nav>div:nth-child(4) a {
    border-bottom: 1px solid #8562b8
}

.htc-wrapper {
    background-color: #eee;
    padding: .5rem;
    box-shadow: 0 0 25px rgba(0,0,0,.3);
    border: 1px solid #ccc;
    border-radius: .5rem
}

.htc-heading {
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Rokkitt',cursive;
    background-color: #4e2984;
    margin: -.5rem -.5rem 0 -.5rem;
    color: #fff;
    padding: .75rem;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem
}

.htc-heading i {
    margin-bottom: .45rem;
    display: block;
    font-size: 2rem;
    color: #d6abdb;
    text-shadow: 0 0 4px rgba(0,0,0,.75)
}

.htc-learnmore {
    background-color: #ff5b32;
    border: solid #ad3b1e;
    border-radius: .6rem;
    border-width: 0 2px 6px 2px;
    box-shadow: 0 3px 8px 1px #999;
    font-size: 1rem;
    font-weight: 700;
    margin: 1rem auto;
    max-width: 220px;
    text-shadow: 0 1px 1px #661400
}

.htc-learnmore a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: .8rem 0;
    text-align: center;
    font-family: 'Questrial',sans-serif;
    letter-spacing: 1px
}

.htc-learnmore:hover {
    background-color: #ef5833
}

.htc-text {
    margin: 1.25rem 0 1rem 0;
    padding: 0 1rem;
    text-align: center;
    min-height: 4.6rem
}

.center-title {
    text-align: center;
    margin-bottom: 1rem
}

.testimonial {
    padding: .5rem;
    margin-bottom: 2rem;
    text-align: center
}

.testimonial p {
    margin-top: 0
}

.testimonial-wrapper {
    padding: .5rem 1rem;
    max-width: 900px;
    margin: auto;
    font-size: 1.25rem;
    border: 1px solid #d4d2c4;
    background-color: #f4f3ec;
    border-radius: .25rem;
    padding: 1rem;
    box-shadow: 0 0 15px #d8d5bd
}

.testimonial-quote {
    font-family: 'Rokkitt'
}

.testimonial-author {
    font-weight: 700;
    font-family: 'Questrial'
}

.testimonial-author:before {
    content: "—"
}

.production-video-wrapper {
    padding: 1rem
}

.center-content {
    text-align: center
}

.phone {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 3rem;
    font-size: 2rem;
    font-weight: 700;
    right: 1rem;
    font-weight: 700;
    color: #363636
}

.phone .callnow {
    font-size: 1.5rem;
    text-align: right
}

.service-intro {
    font-size: 1.5rem;
    margin-bottom: 3rem
}

.service-intro p {
    max-width: 800px;
    margin: 1rem auto 2rem auto
}

.contact-form {
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 2rem;
    border-radius: .2rem;
    box-shadow: 0 0 1rem rgba(0,0,0,.2);
    text-align: center
}

.cf-heading {
    font-weight: 700;
    color: #9d22ab;
    font-size: 1.75rem
}

.cf-text {
    padding: 1rem 0
}

.contact-form input {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: .2;
    padding: .5rem;
    border-radius: .25rem;
    border: 1px solid #aaa;
    color: #
}

.contact-form input::placeholder {
    color: #bbb
}

.contact-form textarea {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: .2;
    padding: .5rem;
    min-height: 10rem;
    border-radius: .25rem
}

.contact-form textarea::placeholder {
    color: #bbb
}

.contact-form button {
    margin-top: 1rem;
    min-width: 180px;
    background-color: #7442ae;
    color: #fff;
    border-radius: .25rem;
    border: none;
    padding: .7rem 0
}
.ytlink{
    max-width:800px;
    margin:auto;
}
#Questions{
    display:none;
}

.video-consultation-yt {
    text-align: center;
    margin: 3rem 0 2rem 0
}

.video-consultation-yt iframe {
    width: 100%;
    max-width: 600px;
    margin: auto;
    height: 340px;
    border: 4px solid #791884
}

.vc-botsection {
    text-align: center;
    line-height: 140%;
    margin-bottom: 1rem
}

.vc-botsection h2,.vc-botsection h3,.vc-botsection h4 {
    text-align: center;
    border-bottom: 1px solid #333
}

.vc-botsection:nth-child(2) {
    padding-right: 2rem;
    padding-left: 1rem
}

.vc-botsection:nth-child(4) {
    padding-left: 2rem;
    padding-right: 1rem
}

.vce-cell {
    padding: 1rem
}

.vcd-title {
    color: #fff;
    text-align: left;
    font-size: 1.25rem
}

.video-consultation-examples {
    margin-top: 1rem;
    color: #fff;
    background-color: #333;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem
}

.vce-yt iframe {
    width: 100%;
    height: 220px
}

.examples-heading {
    font-size: 2.5rem;
    font-family: 'Rokkitt';
    text-align: center
}

.photogallery img {
    max-width: 100%
}

.photogallery>div {
    padding: .25rem
}
.reduced-width-centered-content{
    max-width:800px;
    margin:auto;
    text-align:center;
    margin:4rem auto;
}
.home-bullet-grid{
    max-width:960px;
    display:flex;
    margin:3rem auto;
    flex-wrap:wrap;
}
.hbg-cell{
    width:50%;
}
.hbg-cell:nth-child(1){
    padding-right:1rem
}
.hbg-cell:nth-child(2){
    padding-left:1rem
}
.hbg-heading-wrapper{
    text-align:center;
    background-color:#f47920;
    color:#fff;
    padding:0.5rem;
}
.hbg-heading{
    font-size:1.5rem;
    font-weight:bold;
    font-family:"Rokkitt";
    border-bottom:1px dotted #a996c4;
    display:inline-block;
}
.hbg-subheading{
    font-size:1.25rem;
    font-family:"Rokkitt", sans-serif;
}
.hbg-list{
    line-height:180%;
}
.hbg-cell:nth-child(1) .hbg-heading-wrapper{
    background-color:#4e2984;
    border:2px solid #f47920;
}
.hbg-cell:nth-child(2) .hbg-heading-wrapper{
    background-color:#4e2984;
    border:2px solid #f47920;
}
.connie-quote{
    
}
.cq-quote{
    max-width:600px;
    margin:auto;
    font-weight:bold;
    font-size:1.5rem;
}
.cq-sig{
    font-style:italic;
}
.about-content{
    display:flex;
    max-width:1024px;
    margin:3rem auto;
}
.about-wrapper{
    max-width:65%;
}
.ac-left{
    width:40%;
    position:relative;
}
.acl-wrapper{
    background-image:url("/images/coffee-cup.jpg");
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-size:cover;
    background-position:80% 5%
}
.ac-right{
    width:60%;
    padding-left:1rem;
}
.story-wrapper{
    margin-bottom:2rem;
    width:50%;
    padding:1rem;
}
.story-wrapper h3{
    text-align:center;
    margin-bottom:0;
    background-color:#f47920;
    color:#fff;
    padding:0.5rem;
}
.story-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.stories-single-grid{
    display:flex;
    flex-wrap:wrap;
}
.ssg-cell{
    width:33.33333%;
}
.ssgc-wrapper{
    margin:0.5rem;
}
.ssgc-title{
    text-align:center;
    font-weight:bold;
    padding:0.25rem;
    background-color:#f47920;
    color:#fff;
}
.ssgc-video iframe{
    width:100%;
    max-width:100%;
    min-height:270px;
}
.ssgc-desc{
    margin-top:1rem;
    text-align:center;
    padding:0.15rem 1rem 1rem;
    font-size:1rem;
    line-height:120%;
}
.vimeo-wrapper{
    margin-bottom:4rem;
}
.showcase-button{
    text-align:center;
    margin-top:1rem;
}
.scb-wrapper{
    background-color:#4e2984;
    color:#fff;
    padding:0.5rem;
    border-radius:0.25rem;
    max-width:200px;
    margin:auto;
    display:block;
    text-decoration:none;
}
.scb-wrapper:hover{
    background-color:#7756a8;
}
.storyhead{
    text-align:center;
    font-size:2.5rem;
    border-bottom:1px solid #ccc;
    padding:0.5rem;
    margin-top:3rem;
}

.testimonial-grid{
    display:flex;
    flex-wrap:wrap;
    text-align:center;
    max-width:960px;
    margin:auto;
}
.tgc-image img{
    max-width:150px;
}
.tgc-1-1{width:100%;}
.tgc-wrapper{
    padding:1rem;
    margin:1rem;
}
.tgc-1-1{
    max-width:700px;
    margin:auto;
}
.tgc-1-2{width:50%;}
.tgc-sig{
    font-style:italic;
    font-weight:bold;
}
.tgc-sig:before{
    content:"-"
}
.process-video{
    margin-top:2rem;
    width:100%;
    height:400px;
}
.hometellywrapper{
    max-width:800px;
    margin:auto;
    text-align:center;
}
.htw-textarea{
    padding:2rem 1rem;
    background-color:#eee;
}
.htw-textarea h2{
    color:#4e2984;
}
.htw-textarea p{
    margin-bottom:0;
}
@media screen and (max-width: 1024px) {
    .ytvid {
        min-height:500px;
        width: 100%
    }
    .about-content{
        display:flex;
        flex-wrap:wrap;
    }
    .ac-right{
        width:100%;
    }
    .ac-left{
        width:100%;
    }
    .acl-wrapper{
        min-height:300px;
        position:relative;
    }
    .story-wrapper{
        width:100%;
    }
    .ssg-cell{
        width:50%;
    }
    .tgc-1-2{
        width:100%;
    }
}

@media screen and (max-width: 768px) {
    .ytvid {
        min-height:400px;
        width: 100%
    }
    .logo{
        width:300px;
    }
    .obg-two {
        padding-left: 1rem
    }

    nav div:nth-child(-n+3) a {
        border-bottom: 1px solid #714da5
    }

    .bt-headline {
        text-align: center;
        font-size: 22px
    }

    .bt-subhead {
        text-align: center;
        font-size: 18px
    }

    .vc-botsection {
        padding: 0 1rem!important
    }

    .vce-yt iframe {
        height: 360px
    }
    .phone{
        top:2rem;
    }
    .hbg-cell{
        width:100%;
        max-width:500px;
        margin:auto;
    }
    .hbg-cell:nth-child(1){
        padding-right:0;
        margin-bottom:2rem;
    }
    .hbg-cell:nth-child(2){
        padding-left:0
    }
    .ssg-cell{
        width:100%;
        max-width:450px;
        margin:auto;
    }
    .process-video{
        height:350px;
    }
}

@media screen and (max-width: 568px) {
    .ytvid {
        min-height:300px;
        width: 100%
    }

    nav{
        margin-top:1rem;
    }

    .phone {
        display: block;
        position: relative;
        text-align: center;
        right: 0;
        top: inherit;
        font-size: 2rem;
        font-weight: 700;
        right: inherit;
        margin-top: 1rem
    }

.ft-line1 a{
    display:block;
}
    header {
        text-align: center
    }

    .phone .callnow {
        text-align: center;
    }
    .callnow{
        font-size:1.15rem !important;
        }
    .num{
        font-size:1.3rem !important;
    }
    .logo {
        display: block
    }

    .logo {
        width: 200px;
        display: inline-block;
        margin-top: 1rem;
        margin-left: 1.5rem;
        margin-left: auto;
        margin-right: auto
    }

    .vce-yt iframe {
        height: 260px
    }
    .banner-text {
        position: relative;
        bottom: 0;
        left: 0;
        color: #fff;
        width:100%;
        font-family: 'Rokkitt',cursive;
        background-color: rgba(0,0,0,.85);
        box-shadow: 0 0 1.25rem rgba(255,255,255,.25);
    }
    .process-video{
        height:275px;
    }
}

@media screen and (max-width: 400px) {
    .ytvid {
        min-height:250px;
        width: 100%
    }

    .vce-yt iframe {
        height: 200px
    }

    .vce-cell {
        padding: 0;
        margin-bottom: 1rem
    }
}

.pure-g,.pure-g [class*=pure-u],html {
    font-family: 'Questrial',sans-serif!important
}