/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* Lity */
/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity,.lity-wrap{z-index:9990;position:fixed;top:0;outline:0!important}.lity,.lity-content:after,.lity-wrap{bottom:0;right:0;left:0}.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}.lity,.lity-container,.lity-wrap{outline:0!important}.lity-content:after,.lity-wrap:before{content:''}.lity{white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{text-align:center}.lity-wrap:before{height:100%;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;white-space:normal;max-width:100%;max-height:100%}.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);background:0 0;outline:0;border:0}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

/* Password strength */
.pass-graybar{height:3px;background-color:#ccc;width:100%;position:relative}.pass-colorbar{height:3px;background-image:url(../img/passwordstrength.jpg);position:absolute;top:0;left:0}.pass-percent,.pass-text{font-size:1em}.pass-percent{margin-right:5px}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

section {
    width: 100%;
}

#mask {
    background-color: rgba(41, 47, 51, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 40;
    display: none;
}

.content {
        margin: 0 auto;
        max-width: 1200px;
        width: 88%;
    }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/* Custom Fonts */

@font-face {

    font-family:'Caecilia Light';

    src: url('/font/Caecilia-Light.eot');

    src: url('/font/Caecilia-Light.woff2') format('woff2');

    font-weight: 300;

    font-style: normal;

    font-stretch: normal;

    unicode-range: U+0020-00FE;
    font-display: swap;

}

body {
    font-family: source-sans-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Caecilia Light',sans-serif;
}

h1 {
    margin: 0 0 16px;
    color: #dd5690;
    font-size: 2.3em;
}

.inner_container h2{
    font-size: 2.6em;
}

h2 {
    color: #3F5891;
    margin: 16px 0 16px;
    font-size: 1.6em;
}

.inner_container h2{
    font-size: 2.2em;
}

h3 {
    color: #dd5690;
    font-size: 1.5em;
}
h4 {
    color: #dd5690;
    margin: 0 0 8px 0;
    font-size: 1.2em;
}
h5 {

}
h6 {}

p {
    font-family: source-sans-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    margin: 0 0 1.65em;
    letter-spacing: 0.01em;
    color: #444;
}

.inner_container p {
    font-size: 1.07em;
}

p a {
    color: #6499a0;
    text-decoration: underline;
    font-weight: 600;
    transition: all 0.25s ease-in-out 0s;
}

p a:hover {
    text-decoration: none;
    opacity: 0.8;
}

h2 a {
}

ul {}
ul li {}
ul li a {}

strong {}

/* BUTTONS */

.btn {
    display: inline-block;
    padding: 6px 18px;
    text-align: center;
    text-decoration: none;
    font-size: 0.92em;
    transition: all 0.25s ease-in-out 0s;
    font-weight: 400;
}

.btn.btn_pastel {
    background-color: #6499a0;
    color: #FFF;
    border-radius: 32px;
}

.btn.btn_pastel:hover {
    background-color: #dc9e92;
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.btn_large {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1.2em;
    max-width: 300px;
    margin: auto;
    border-radius: 32px;
}

button.btn {
    border: none;
    cursor: pointer;
}

.btn:hover {
    opacity: 0.8;
}

.btn.btn_pastel:focus {
    outline: none;
    box-shadow: 0 0 0px 3px #DC9E92;
}

.btn_active{
    outline: none;
    box-shadow: 0 0 0px 3px #DC9E92;
}

.btn img {
    margin: 0 0 0 8px !important;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.btn i {
    position: relative;
    top: 1px;
    right: -7px;
}

/* /BUTTONS */

/* ==========================================================================
   Flex Box Grid System
   ========================================================================== */

.grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.grid--half>.grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
}
.grid--third>.grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
}
.grid--quarter>.grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
}

.grid--gutters {
    margin: -1em 0 1em -1em;
}

    .grid--gutters>.grid-cell {
        padding: 1em 0 0 1em;
    }

.gs-half {
    width: 50%!important;
}

.gs-third {
    width: 33.3333%!important;
}

.gs-third, .gs-twothirds {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    flex: none!important;
}

.gs-twothirds {
    width: 66.6667%!important;
}

.gs-quarter {
    width: 25%!important;
}

.gs-quarter, .gs-threequarters {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    flex: none!important;
}

.gs-threequarters {
    width: 75%!important;
}

.demo {
    background-color: rgba(0,0,0,0.2);
    text-align: center;
}

/* ==========================================================================
   Contact form standard code
   ========================================================================== */

.standard_form .form_row:nth-of-type(1){
    margin-top: 0;
}
.standard_form .form_row:nth-last-child(1){
    margin-bottom: 0;
}

.form_row {
    display: block;
    margin: 1em 0;
    overflow: hidden;
}

.button_row {
    overflow: visible;
    border-top: 1px solid #DCDCDC;
    padding-top: 32px;
    margin-top: 24px;
}

.form_row p {
    margin: 0;
}

.form_row label {
    display: block;
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #2b2b2b;
}

    .form_row label sup{
        color: #dd5690;
    }

    .form_row label em{
        font-weight: normal;
    }

    .form_row label a{
        color: #6499a0;
        text-decoration: none;
    }

.form_row input,
.stripe_input,
.form_row select {
    display: block;
    width: 100%;
    margin: 10px 0;
    border: 2px solid #BBB;
    padding: 7px 10px 6px 10px;
    height: 47px;
    font-size: 1em;
    color: #2b2b2b;
    font-weight: 600;
}

.stripe_input {
    padding-top: 10px; /* fix for Stripe element */
}

.form_row textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    border: 2px solid #BBB;
    padding: 10px 10px 6px 10px;
    height: 214px;
    font-size: 1em;
    color: #2b2b2b;
    font-weight: 600;
}

.form_row input[type="checkbox"] {
    width: 25px;
    height: 25px;
    display: inline-block;
}


.form_row label > input[type="checkbox"] {
    margin: 0 8px 0 0;
    position: relative;
    top: 7px;
}

.form_row label > input[type="checkbox"] + span {
    font-size: 0.9em;
    color: #929191;
    font-weight: 400;
}

.form_row input:focus, .reply_box textarea:focus {
    outline: none;
    border-color: #dc9e92;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.zigzag {
    width: 100%;
    background-image: url(/img/blue-zigzag.png);
    height: 18px;
    background-size: auto 100%;
    background-repeat: repeat-x;
}


.logo_box {
    width: 100%;
    max-width: 380px;
    text-align: center;
    margin: auto;
}
.logo_box a {
    display: inline-block;
}
.logo_box a img {
    width: 100%;
}

header .content {
    padding: 32px 0;
}

header .grid {
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 0;
}

.header_search + p {
    margin: 16px 0 0 !important;
    text-align: left;
}

.header_search {
    width: 100%;
    text-align: right;
    max-width: 280px;
    margin: 32px 0 0 auto;
    position: relative;
}

.header_search input {
    width: 100%;
    display: inline-block;
    padding: 4px 32px 4px 17px;
    border: 2px solid #6499a0;
    border-radius: 36px;
    height: 36px;
    color: #333;
    font-weight: 500;
}

.header_search input:focus {
    outline: none;
    border-color: #dc9e92;
}
.header_search button {
    width: 30px;
    display: inline-block;
    border: none;
    background: none;
    padding: 4px;
    border-radius: 36px;
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    z-index: 5;
    cursor: pointer;
}

.header_search button img {
    width: 100%;
    opacity: 0.35;
}


header p {
    margin: 0;
    text-align: right;
}

header p .btn:nth-of-type(1) {
    margin-right: 16px;
}

header p .btn span:nth-of-type(2) {
    display: none;
}

.social_icon {
    display: inline-block;
    padding: 3px 2px;

}
.social_icon img {
    width: 30px;
}

.social_icon:hover {
    opacity: 0.8;
}

header {
    border-top: 16px solid #CADEED;
    position: relative;
    z-index: 1;
}

header nav {
    border-top: 2px solid rgba(233,154,188,0.1);
    box-shadow: 0 4px 7px -5px rgba(0,0,0,0.2);
}

header .zigzag {
    margin-top: -9px;
}

    header nav .content {
        padding: 0;
    }
    
    header nav ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
        
        header nav ul li {
            padding: 16px 0;
        }
            
            header nav ul li a {
                position: relative;
                display: block;
                padding: 8px 12px;
                text-decoration: none;
                color: #6499a0;
                font-size: 1.1em;
                font-family: 'Caecilia Light',sans-serif;
                transition: all 0.25s ease 0s;
                border-radius: 32px;
            }


            header nav ul li a:hover {
                background-color: #dc9e92;
                color: #FFF;
                opacity: 0.8;
            }

.books-banner{
    box-shadow: 0 4px 7px -5px rgb(0 0 0 / 20%);
    background: #6499a0;
    text-align: center;
    transition: all 0.25s ease-in-out 0s;
}

.books-banner:hover{
    background: #dc9e92;
}

    .books-banner a{
        display: block;
        padding: 15px;
        text-decoration: none;
    }

        .books-banner p{
            text-align: center;
            color: #fff;
            font-family: 'Caecilia Light',sans-serif;
            font-size: 1.1em;
        }


#hp_hero .gs-twothirds {
    width: 60% !important;
}


#hp_hero .gs-third {
    width: 40% !important;
}

.image_box {
    width: 100%;
    height: 100%;
}

    .image_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-object-fit: cover;
        margin: 0 !important;
    }

.video_box{
    position: relative;
}

    .video_box svg{        
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        font-size: 5em;
        color: #fff;
    }


.join_box {
    padding: 32px;
    background-color: #F5D9E7;
}

    .join_box_members{
        background-color: #e4eced;
    }

main .join_box {
    margin: 32px 0 0;
    padding: 24px;
}

main .join_box > div {
    border: 2px dashed #FFF;
    padding: 24px;
}

main .join_box .grid {
    margin-bottom: 0;
}

main .join_box .image_box img {
    object-fit: contain;
    -webkit-object-fit: contain;
    object-position: top;
    -object-position: top;
}

.join_box h1 {}
.join_box p {}

.join_box ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

    .join_box ul li {
        padding: 0 0 0 32px;
        background-image: url('/img/icons/tick.png');
        background-position: 0 3px;
        background-repeat: no-repeat;
        background-size: auto 17px;
        margin: 16px 0;
        font-weight: 600;
        color: #333;
        font-size: 1.05em;
    }

    main .join_box ul li {
        font-size: 1em;
    }

    .join_box p:nth-last-child(1) {
        margin: 24px 0 0;
    }

    .join_box .btn {
        display: block;
        width: 100%;
    }

    .join_box .gift_link{
        text-align: center;
    }

        .join_box .gift_link a{
            text-decoration: none;
        }

        .join_box .gift_link img{
            width: 20px;
            margin-right: 7px;
            margin-top: -5px;
        }

.gift_icon{
    color: #55b555;
    margin-right: 5px;
}

.container {
    background-image: url('/img/icons/bg_pattern.gif');
    background-repeat: repeat;
}

    .container .content {
        background-color: #FFF;
        padding: 24px;
    }

.title_slant {
    color: #FFF;
    background-color: #3F5891;
    display: inline-block;
    padding: 7px 16px;
    box-shadow: 3px 3px 0px 1px rgba(0,0,0,0.2);
    transform: skew(2deg, -2deg);
    -webkit-transform: skew(2deg, -2deg);
}

.project_box {
    margin: 16px 0;
    position: relative;
}

    .project_box .project_text {
        box-shadow: 0 3px 9px -4px rgba(0,0,0,0.2);
        padding: 24px;
        position: relative;
    }
    
    .project_box .project_text h4 {}

    .project_box .project_text h3 {
        margin: 0 0 8px;
        font-size: 1.6em;
    }
    .project_box .project_text h3 a, 
    .project_box .project_text h4 a {
        text-decoration: none;
        color: inherit;
    }

    .project_box .project_text p {
        margin-bottom: 16px;
    }
    
    .project_box .project_text p:nth-last-child(1) {
        margin-bottom: 0;
    }

    .project_box .project_text .btn {
        font-size: 1em;
        padding: 6px 24px;
    }

.past_projects {
    padding: 16px 0;
}

.past_projects h3,
.join_box h3 {
    color: #3e5891;
    font-size: 1.8em;
    margin: 0 0 16px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 8px;
}

main .join_box .btn {
    display: inline-block;
}

.join_box h3 {
    font-size: 2.1em;
    border: none;
}

.past_projects > p:nth-last-child(1) {
    text-align: center;
    font-size: 1.1em;
        margin: 32px 0 16px 0;
}
.past_projects .project_box {
    margin-bottom: 0;
}

.past_projects p {
    font-size: 0.9em;
}

.past_projects .gs-half {
    min-width: 50%;
}

.container main {
    padding-right: 16px;
}

.container aside {
    padding: 0 0 0 24px;
    position: relative;
    height: 100%;
}

    
.container aside::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 3px;
    background-image: url('/img/icons/dashed.gif');
    background-repeat: repeat-y;
    background-size: 100% auto;
    left: -4px;
    opacity: 0.3;
}

aside .image_box {
    height: auto;
}

.review_box {
    border-top: 1px solid rgba(221,86,144,0.57);
    border-bottom: 1px solid rgba(221,86,144,0.57);
    margin: 32px 0 16px 0;
    padding: 24px 0 8px;
}

.review_box h3,
.resource_box h3 {
    margin: 0;
    font-size: 1.5em;
    color: #3e5891;
}

.review_box blockquote {
    margin: 16px;
}
.review_box blockquote p {
    color: #dd5690;
    font-family: 'Caecilia Light',sans-serif;
    font-style: italic;
    font-size: 1em;
}
.review_box blockquote p strong {
    font-family: source-sans-pro, sans-serif;
    color: rgba(51,51,51, 0.35);
    display: block;
    margin-top: 11px;
    text-transform: uppercase;
}

.review{
    border-bottom: solid 1px rgba(221,86,144,0.4);
}

    .review:last-child{
        border-bottom: none;
    }

.review blockquote p:last-child{
    font-family: source-sans-pro, sans-serif;
    color: rgba(51,51,51, 0.35);
    display: block;
    margin-top: 11px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
}

.resource_box {
    border-bottom: 1px solid rgba(221,86,144,0.57);
    margin: 0 0 24px 0;
    padding: 0 0 16px;
}

    .resource_box .btn {
        font-size: 1em;
    }

    .resource_box p {
        margin: 8px 0;
        font-size: 0.9em;
    }


.social_widget:nth-last-child(1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.social_widget {
    border-bottom: 1px solid rgba(221,86,144,0.57);
    margin: 0 0 16px 0;
    padding: 24px 0 24px;
}

#projectGallery img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    cursor: pointer;
}

.lg-toggle-thumb{
    display: none!important;
}

footer {
    border-top: 16px solid #CADEED;
    background-color: #F8EBF1;
}

footer .zigzag {
    margin-top: -9px;
}

footer .content {
    padding: 60px 0 44px;
}

footer .grid {
    margin-bottom: 0;
}

footer .logo_box + p {
    max-width: 230px;
    font-size: 0.9em;
    opacity: 0.8;
    margin: 16px 8px;
}

footer .logo_box {
    max-width: 240px;
    margin: 0;
}

.footer_box {
    max-width: 180px;
    margin: auto;
}

.footer_box p {}
.footer_box p a {}
.footer_box ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
.footer_box ul li {margin: 8px 0;}

.footer_box ul li a {
    display: inline-block;
    text-decoration: none;
    color: #6499a0;
    padding: 2px 0;
    transition: all 0.25s ease 0s;
}
    
    .footer_box ul li a:hover{
        opacity: 0.8;
        text-decoration: underline;
    }

footer .copyright{
    text-align: center;
    font-size: .8em;
    margin-top: 2em;
}


#mob_nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 100%;
    height: 100vh;
    width: 100%;
    z-index: 60;
    background-color: #dc9e92;
}

    #mob_nav nav {
        padding: 32px;
        display: block;
        width: 100%;
        height: 100%;
    }

        #mob_nav nav ul {
            margin: auto;
            list-style-type: none;
            padding: 0;
            display: flex;
            flex-flow: column;
            -webkit-flex-flow: column;
            justify-content: center;
            -webkit-justify-content: center;
            height: 100%;
            width: 320px;
            overflow: auto;
        }

            #mob_nav nav ul li {
                display: block;
                margin: 6px 0;
                position:relative;
            }

                #mob_nav nav ul li a {
                    display: block;
                    padding: 4px 16px;
                    text-decoration: none;
                    color: #FFF;
                    font-size: 1.5em;
                    font-family: 'Caecilia Light',sans-serif;
                }


#mob_close {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 10;
    opacity: 0.8;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    
#mob_close img {
    width: 100%;
}


    #mobile_toolbar {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #f3f3f3;
        z-index: 50;
        box-shadow: 0 -4px 7px -5px rgba(0,0,0,0.2);
    }

    #short_nav {}
    
    #short_nav li {
        padding: 0;
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
    }
    
    #short_nav li a {
        text-align: center;
        border-radius: 0;
        padding: 12px;
    }


    #short_nav li a:hover {}

    #short_nav li a img {
        width: 30px;
        display: block;
        margin: 0 auto 6px;
    }


    #short_nav li a strong {
        display: block;
        font-family: 'source-sans-pro', sans-serif;
        font-weight: 800;
        color: rgb(62 88 145);
        text-transform: uppercase;
    }

#short_nav li a:hover strong {color: #FFF;}
    
.see_through .content {
    background-color: transparent;
}

.tight_content .content {
    max-width: 700px;
}

.module_box {
    background-color: #FFF;
    box-shadow: 2px 2px 11px -1px rgba(0,0,0,0.2);
    margin: 24px auto;
}

.module_box > div {
    overflow: hidden;
    padding: 32px;
}

.module_box > h1,
.module_box > h2 {
    background-color: #dd5690;
    color: #FFF;
    padding: 12px 16px;
    font-size: 1.8em;
    margin: 0;
}

.module_box div p:nth-last-child(1) {
    margin-bottom: 0;
}

.module_box > h3 {
    background-color: #627FB1;
    color: #FFF;
    padding: 12px 16px;
    font-size: 1.2em;
    margin: 0;
}
.module_box h4 {}
.module_box > div ul {
    list-style-type: none;
    padding: 0;
}
.module_box > div ul li {
    display: block;
    margin: 4px 0;
    border-bottom: 1px solid #DDD;
}

.module_box > div ul li a {
    display: block;
    text-decoration: none;
    color: #666;
    font-weight: 600;
    padding: 8px 0 11px 0;
}

    .module_box > div ul li a:hover {
        text-decoration: underline;
        color: #2b2b2b;
    }

.module_box > div ul:nth-last-child(1),
.module_box > div ul li:nth-last-child(1) {
    margin-bottom: 0;
}

.inner_container .content{
    padding-top: 64px;
}

.inner_container ul {
    margin: 24px 0 32px;
}

    .inner_container ul li {
        margin: 8px 0;
        color: #3F5891;
        font-weight: 500;
        font-size: 1.07em;
    }
    
    .inner_container ul li ul {    
        margin: 0 0 24px;
    }


    .inner_container ul li ul li {
        font-size: 0.97em;
        color: #6d6d6d;
    }

#lightSlider {
    padding: 0;
    list-style-type: none;
    width: 100%;
}

#lightSlider li img {
    width: 100%;
}

.lSSlideOuter .lSPager.lSpg {
    position: relative;
    top: -15px;
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #d2d2d2;
}

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #3F5891;
}

.category_list {
    list-style-type: none;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 32px auto 16px !important;
    max-width: 980px;
}


    .category_list li {
        margin: 8px !important;
    }
    
        .category_list li a {}

.tag {
    width: 0;
    height: 0;
    border-right: 80px solid transparent;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: absolute;
    top: 0;
    right: 0;
}

    .tag span {
        transform: rotate(-134deg);
        -webkit-transform: rotate(-134deg);
        position: absolute;
        top: 38px;
        left: 0;
        color: #FFF;
        font-size: 0.9em;
    }


.members_tag {
    border-bottom: 80px solid #dd5690;
}

.free_tag {
    border-bottom: 80px solid #3E5891;
}
    
    .free_tag span {
        left: 14px;
        top: 42px;
    }

.inner_container img {
    max-width: 100%;
    margin-bottom: 24px;
}

.inner_container iframe {
    width: 100% !important;
    margin-bottom: 24px; 
    border: 0;   
}

.date {
    margin: 0;
    color: rgba(51,51,51, 0.65);
    text-transform: uppercase;
}

.inner_container article .content{
    padding-top: 0;
    margin-top: -24px;
}

.forum_post article .content {
    margin-top: 0;
    padding-top: 32px;
}

.inner_container article {
    width: 100%;
    background-color: #FFF;
}

.container article main {
    padding-right: 0;
}

    .inner_container article h1 {
        font-size: 3em;
    }

.project_hover_cta {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(74,74,74, 0.91);
    transition: opacity 0.35s ease 0s;
}


.project_box:hover .project_hover_cta {
    opacity: 1;
}

.project_hover_cta > div {
    display: flex;
    display: -webkit-flex;
    flex-flow: column;
    -webkit-flex-flow: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 16px;
    overflow: hidden;
}
    
    .project_hover_cta p {
        color: #FFF;
        font-size: 1.1em;
        line-height: 1.2;
    }
    
        .project_hover_cta p a {}


.project_inner .content {
    max-width: 1400px;
    width: 100%;
}

.book_list .project_box {
    height: 100%;
}

.book_list .image_box img {
    object-fit: contain;
    -webkit-object-fit: contain;
}
.difficulty{
    display: inline-block;
    border: 1px solid rgba(112,112,112,0.33);
    border-radius: 30px;
    padding: 3px 15px 3px 20px;
    font-size: 0.9em;
    margin: 0;
    height: 34px;
}

    .difficulty > div{
        display: inline-block;
    }

        .difficulty p{
            margin: 0;
            text-transform: uppercase;
            color: #2478AF;
        }

            .difficulty p span{
                color: rgba(112,112,112,0.33);
            }

    .difficulty-stars .fas{
        color: #FAC917;
    }

    .difficulty-stars .far{
        color: rgba(112,112,112,0.33);
    }

    .difficulty-stars .fa-star{
        margin: 0 2px;
    }

.project_tools {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin: 16px 0 24px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 16px 0;
}

    .project_tools p {
        margin: 0;
    }

.print_tools {}

.project_inner h1 {
    font-size: 3em;
}

#expanded {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.materials_list {
    /*position: relative;
    height: 200px;
    overflow: hidden;*/
}

/*.materials_list::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    box-shadow: 0 -2px 44px 43px rgba(255,255,255,1);
    z-index: 2;
}*/

.materials_list ul::after {
    display: none;
}

.reveal_more {
    color: #6499A0;
    display: block;
    text-align: center;
    margin-top: -30px;
    font-size: 0.97em;
    margin: -20px auto 32px;
    max-width: 177px;
    cursor: pointer;
}

#expanded:checked + .materials_list {
    height: auto;
}

#expanded:checked + .materials_list::after {
    display: none;
}

#expanded:checked + ul + label {
    display: none;
}


.project_steps {
    padding: 32px 0;
}

.project_steps .grid {
    align-items: center;
    -webkit-align-items: center;
    padding: 24px;
    border-radius: 8px;
    margin: 24px 0 24px;
}

.project_steps .grid:nth-of-type(even) {
    flex-flow: row-reverse;
    -webkit-flex-flow: row-reverse;
    background-color: #E8F1F7;
}

.project_steps .image_box {
    height: auto;
    border-radius: 12px;
    overflow: hidden;
}
    
    .project_steps .image_box  {
        display: block;
        position: relative;
    }

    .dash_border {
        position: absolute;
        display: block;
        border: 3px dashed #2478AF;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        border-radius: 12px;
    }

        .image_box a img {
            transition: opacity 0.2s ease 0s;
        }
        .image_box a:hover img {
            opacity: 0.7;
        }


    .project_steps .text_box p,
    .project_steps .text_box ul li {
        font-size: 0.9em;
    }

    .tips_box {
        padding: 24px;
        background-color: #F8ECF2;
    }

     .tips_box {
        padding: 24px;
        background-color: #F8ECF2;
    }

        .blue_box {
            background-color: #DDE3EE;
        }

    .tips_box ul {
        margin: 32px auto 0;
        max-width: 280px;
        padding-left: 20px;
    }
        .tips_box ul li {border-bottom: 1px solid rgba(0,0,0,0.1);padding: 0 0 8px;}
        .tips_box ul li a {
            text-decoration: none;
            color: #DD5690;
            display: block;
            padding: 4px 0;
            overflow: hidden;
        }
        .tips_box ul li a i {
            font-size: 0.7em;
            margin: 7px 0 0 0;
            float: right;
        }

.quick_links {
    display: inline-block;
    background-color: rgba(0,0,0,0.04);
    padding: 8px 20px;
    font-size: 0.97em !important;
    border-radius: 32px;
}

    .quick_links a {
        margin: 0 0 0 10px;
    }

#forum_list {
    list-style-type: none;
    padding: 0;
    margin: 1em auto;
}

    #forum_list li {
        display: block;
        border-bottom: 2px dashed #DDD;
        padding: 34px 0;
        display: flex;
        display: -webkit-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        position: relative;
        margin: 0;
    }

    .avatar {
        width: 50px;
    }
    .avatar img {
        border-radius: 100%;
        width: 50px;
        height: 50px;
        object-fit: cover;
        border: 1px solid rgba(0,0,0,0.2);
    }

    .avatar_question_box .author {
        font-size: 0.85em;
        opacity: 0.7;
    }


    .avatar_question_box {
        width: calc(100% - 64px)
    }

    .replies_link img {
        opacity: 0.4;
        margin: 0;
        width: 18px;
    }

    .replies_link {
        color: #949494;
        font-size: 0.9em !important;
    }
    
    .replies_link a {
        text-decoration: none;
        color: inherit;
        opacity: 0.6;
    }
        .replies_link a:hover {
            text-decoration: underline;
        }
    


    #forum_list li p {
        margin: 0;
    }

        #forum_list li h3 small {
            color: #999;
            display: inline-block;
            font-size: 0.6em;
        }

        #forum_list li h3 {
            margin: 0 0 8px;
            font-size: 1.5em;
        }

            #forum_list li h3 a {
                text-decoration: none;
                color: #dd5690;
            }

            #forum_list li h3 a:hover {
                color: #6499A0;
            }

        .forum_tag {
            position: absolute;
            top: -2px;
            left: 0;
            z-index: 2;
        }

        .forum_tag span {
            font-size: 0.7em;
            text-transform: uppercase;
            color: #FFF;
            font-weight: 600;
            padding: 6px 8px;
            margin-right: 6px;
        }

            .new_replies_tag {
                background-color: #dc6fd9;
            }
            .new_post_tag {
                background-color: #f3b300;
            }

        .delete_post{
            text-align: right;
            font-size: .9em;
        }
            .delete_post a{
                text-decoration: none;
            }

.question_box {
    background-color: rgba(0,0,0,0.03);
    overflow: hidden;
    padding: 24px;
    margin: 24px 0;
    font-size: 1.1em;
}
    
    .question_box p:nth-last-child(1) {
        margin-bottom: 0;
    }

.answer_box {
    padding: 24px;
    margin-bottom: 24px;
    margin-top: 8px;
    background-color: #EFEFEF;
    box-shadow: none;
}

.answer_box h4 {
    font-size: 0.9em;
    margin: 0;
    border-bottom: 1px solid rgba(51,51,51, 0.09);
    padding-bottom: 8px;
    margin-bottom: 18px;
    font-family: 'source-sans-pro', serif;
    font-weight: 400;
    color: rgba(51,51,51, 0.35);
}

    
.answer_box h4 span {
    color: #3F5891;
    font-weight: 600;
    margin-right: 8px;
}

.answer_box p {
    word-break: break-word;
    -webkit-word-break: break-word;
}
.answer_box p:nth-last-child(1){
    margin-bottom: 0;
}

.reply_box {
    border-top: 2px dashed #DDD;
    margin: 40px 0 32px;
    display: block;
}

    .reply_box textarea {
        display: block;
        width: 100%;
        margin: 10px 0 24px;
        border: 2px solid #BBB;
        padding: 7px 10px 6px 10px;
        font-size: 1em;
        color: #2b2b2b;
        font-weight: 600;
        height: 230px;
    }

    .reply_box button {}

.pagination{
    text-align: center;
    padding: 0;
}
    .pagination li{
        display: inline-block;
        margin: 3px !important;
    }
    .pagination li a{        
        background-color: #6499a0;
        text-decoration: none;
        color: #fff;
        display: block;
        padding: 6px 12px; 
        transition: all 0.2s cubic-bezier(.46,.03,.52,.96) 0s;       
    }
    .pagination li a:hover{
        text-decoration: none;
        background-color: #dc9e92;
    }
    .pagination li .current_page{
        padding: 0 5px;
        font-weight: bold;
    }

h3.success_msg,h3.note_msg{
    margin-top: 0;
    color: #24821a;
}
h3.error_msg{
    margin-top: 0;
    color: #fa4141;
}
h3.error_msg a{
    color: #fa4141;   
}

.drop_area {
    border: 2px dashed #a5bdd0;
    background-color: #cadeed;
    padding: 0;
}
.drop_area p {
    text-align: center;
    color: rgba(0,0,0,0.45);
}
   
.form_row textarea.ask_a_question {
    height: 86px;
    font-size: 1.4em;
    line-height: 1.4;
}

.uploaded_images {
    display: flex;
    flex-flow: row-wrap;
    display: -webkit-flex;
    -webkit-flex-flow: row-wrap;
}

    .uploaded_images div {
        position: relative;
    }

    .uploaded_images img {
        margin: 8px 8px 8px 0;
        width: 100px;
    }

    .delete_image {
        position: absolute;
        top: 3px;
        right: 8px;
        height: 16px;
        width: 16px;
    }
    .delete_image img {
        width: 100%;
        margin: 0;
        border-radius: 100%;
        background-color: #f37171;
        padding: 1px;
    }

    .question_author p {
        margin: 0 0 0 10px;
    }

    .question_author img {
        margin: 0;
    }

    .question_author {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }

.forum_post article h1 {
    font-size: 2em;
    margin-top: 8px;
}

.question_images {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}

    .question_images > div img {
        margin: 0;
    }
    
    .question_images > div {
        width: 33.33%;
        padding: 8px;
    }

.notepad_box {
    padding: 24px 24px 24px 53px;
    background-color: #FEFEFE;
    background-image: url(/img/icons/pen_lines.png);
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 20%);
    border-bottom: none;
    position: relative;
}

.notepad_box::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    width: 2px;
    height: 100%;
    background-color: rgb(254 155 197);
}

.notepad_box h3 {
    color: #FFF;
    margin-bottom: 16px;
    font-size: 1.1em;
}

.notepad_box p {
    font-size: 0.98em;
    color: #666;
}

.notepad_box textarea{
    height: 100px;
    min-height: 100px;
}

.actual_note.notepad_box p {
    color: #000;
    font-weight: 600;
    font-size: 1.08em;
    line-height: 1.5;
    margin: 0.8em 0;
}

.notes_cta {
    text-align: right;
    font-size: 1.1em !important;
}

.actual_note img {
    margin: 0;
}

.actual_note .delete_image {
    opacity: 0;
    transition: opacity 0.3s ease 0s;
}


.actual_note:hover .delete_image {
    opacity: 1;
}

p.view_notebook{
    text-align: right;
    font-size: .9em;
}
    p.view_notebook a{
        text-decoration: none;
    }

/* GRID */
@font-face{font-family:lg;src:url(../css/fonts/lg.ttf?22t19m) format("truetype"),url(../css/fonts/lg.woff?22t19m) format("woff"),url(../css/fonts/lg.svg?22t19m#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{background-color:rgba(0,0,0,.45);top:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:�ռ��U�ռ��U�:���U`w���UHּ��Uּ��U@ּ��Usform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{top:10px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{height:100%;width:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e904"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e907"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e905"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e906"}.lg-outer .lg-img-rotate{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .3s cubic-bezier(.32,0,.67,0) 0s;-moz-transition:-moz-transform .3s cubic-bezier(.32,0,.67,0) 0s;-o-transition:-o-transform .3s cubic-bezier(.32,0,.67,0) 0s;transition:transform .3s cubic-bezier(.32,0,.67,0) 0s}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\e903"}.lg-flip-hor:after{content:"\e902"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;outline:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

/*.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  top: 10px;
}*/

.image_gal {
    cursor: pointer;
}

.user_image_gallery {
    list-style-type: none;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}

    .user_image_gallery li {
        height: 100px;
        width: 33.33%;
        margin: 0 !important;
        
    }

        
        .user_image_gallery li img {
            padding: 1px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            -webkit-object-fit: cover;
            margin: 0;
            opacity: 1;
            transition: opacity 0.3s ease 0s;
            background-color: rgba(255,255,255,0.6);
        }

        .user_image_gallery li:nth-of-type(odd) img {
            background-color: rgba(255,255,255,0.7);
        }

            .user_image_gallery li img:hover {
                opacity: 0.5;
            }

    .user_project_box {
        padding: 24px;
    }

.locked_content .resource_box .btn,
.locked_content .reveal_more.btn,
.locked_content .print_tools .btn,
.locked_content .resource_box .btn:hover {
    background-color: #eaeaea;
    color: #c7c7c7;
    pointer-events: none;
}

.locked_content .print_tools .btn img {
    filter: invert(1);
    -webkit-filter: invert(1);
    opacity: 0.13;
}

.locked_content .project_steps .text_box p,
.redacted {
    line-height: 2;
    margin: 0 0 16px;
}
.locked_content .project_steps .text_box p span,
.redacted span {
    background-color: #d6d5d5;
    color: #d6d5d5;
}

.locked_content .project_steps .dash_border {
    position: relative;
    border: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 12px;
    width: 100%;
    height: 300px;
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    background-color: #DDD;
}
.locked_content .project_steps .dash_border p {
    width: 90%;
    margin: auto;
    text-align: center;
}
.locked_content .project_steps .dash_border p strong {
    display: block;
}

.limited_access {   
    background-color: #ffcae1;
    padding: 12px;
    font-size: 1em;
}

.blur_this {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.form_label p {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    color: #2b2b2b;
}

.radio_container {
    display: inline-block;
    position: relative;
    margin: 10px 20px 10px 0;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio_container input {
    position: absolute;
    opacity: 0;
}

.radio_container span { 
    display: inline-block;
    padding: 6px 27px;
    background-color: #cccccc;
    border-radius: 32px;
    border: 2px solid transparent;
}


.radio_container span:hover {
    border-color: #6499a0;
} 

.radio_container input:checked ~ span {
    background-color: #6499a0;
    pointer-events: none;
    opacity: 0.86;
    border-color: #6499a0;
}

.radio_container span h3 {
    margin: 0;
    font-size: 1.6em;
    color: #FFF;
    line-height: 1.2;
}

.radio_container span p strong {
    margin-left: 8px;
    font-weight: 500;
    color: rgba(0,0,0,0.35);
    font-size: 0.8em;
}

.radio_container span p {
    display: block;
    margin: 0;
    font-size: 1.2em;
    color: #FFF;
    letter-spacing: 0.01em;
}

.radio_container input:checked ~ span h3,
.radio_container input:checked ~ span p {
    color: #FFF;
}

.popular_banner {
    background-color: #de342c;
    color: #FFF;
    display: block;
    padding: 2px 12px;
    font-size: 0.64em;
    text-align: center;
    position: absolute;
    top: -11px;
    left: 0;
    border-radius: 6px;
    letter-spacing: 0.02em;
}

#subscribe-form .grid {
    align-items: center;
    -webkit-align-items: center;
}

#subscribe-form hr {
    margin: 32px 0;
}

.coupon_container {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}
.coupon_container input {
    padding-right: 111px;
    margin: 0;
}

.coupon_container button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 !important;
    padding: 8px 30px;
}

.coupon_container button:hover {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
}

.coupon_result .success_label{
    font-size: 1.1em;
}

.error_label {
    color: #f91818;
}

.success_label {
    color: #64ab64;
}

#card-element-errors{
    text-align: center;
    color: #f91818;
}

p.current_card{
    font-size: 1.3em;
}

.form_user_avatar{
    width: 100px;
    max-width: 100px;
    margin-bottom: 1em;
}

.mobile_only {
    display: none;
}

/*.toggle-pass{
    cursor: pointer;
}
*/
.password_box {
    position: relative;
}

.password_box input {
    padding-right: 64px;
    z-index: 4;
}

.password_box input + span {
    position: absolute;
    top: 13px;
    right: 0;
    width: 60px;
    z-index: 5;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.back_to_top {
    width: 50px;
    height: 50px;
    opacity: 0.45;
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 10;
}
    
    .back_to_top a {
        display: block;
    }
     
        .back_to_top a img {
            width: 100%;
        }

.print_only {display: none;}

/*=== Favourites ===*/
.favourite-buttons p{
/*    margin-bottom: 0;*/
}

    .favourite-buttons a{
        display: inline-block;
        padding: 3px 35px;
        background-color: transparent;
        text-decoration: none;
        color: #6499a0;
        font-weight: 400;
        margin-right: 15px;
        transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
    }

    .favourite-buttons a.active, .favourite-buttons a:hover{
        background-color: #6499a0;
        color: #fff;
    }

.favourite-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .favourite-btn{
        position: relative;
        cursor: pointer;
    }

        .favourite-btn img{
            margin-bottom: 0!important;
        }

        .favourite-full{
            position: absolute;
            left: 0;
            bottom: 0;
            opacity: 0;
            transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -webkit-transition: all ease-in-out 0.3s;
            -o-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
        }

        .favourite-btn.favourited .favourite-full{
            opacity: 1;
        }

.flex{
    display: flex;
}

.ac{
    align-items: center;
}

.jsb{
    justify-content: space-between;
}

.free-offer{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
}

.free-offer.show {
    display: flex; /* Show as flex */
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

    .close-offer{
        position: absolute;
        top: 5px;
        right: 4px;
        width: 40px;
        cursor: pointer;

        img{
            width: 100%;
        }
    }

    .offer-text{
        padding: 1.5em 1.5em 2.5em;
        width: 90%;
        max-height: 80vh;
        overflow: auto;
        text-align: center;
        max-width: 600px;
        font-size: 1.2em;
        border: 10px solid #6499a0;
        background-color: #F5D9E7;
        position: relative;

        h2{
            font-size: 2.5em;
            color: #dd5690;
        }

        p{
            font-size: 1.1em;
            margin-bottom: 1em;
            color: #3e5891;

            strong{
                color: #dd5690;
            }

            span{
                font-weight: 600;
                color: #6499a0;
            }
        }

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

.download_count{
    color: #dd5690;
    font-weight: bold;
    font-size: 1.3em;
}

p.error-message{
    position: fixed;
    bottom: 1em;
    left: 1em;
    background: #cc0000;
    color: #fff;
    font-weight: 400;
    z-index: 10;
    padding: 30px 20px 20px;
    margin-bottom: 0;
    width: 250px;
    text-align: center;

    img{
        margin: 0;
        width: 23px;
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }
}

.team-grid h3{
    margin-top: 0;
}

.team-grid p{
    font-size: 1em;
}

/*===================== Responsive Styling =========================*/
@media only screen and (max-width: 1265px) {

    header nav ul li a {
        font-size: 0.9em;
    }

}

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

    header p .btn:nth-of-type(1) {
        margin-right: 0;
        margin-bottom: 8px;
    }

}

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

    #mobile_toolbar {
        display: block;
    }

    header nav #main_nav {
        display: none;
    }

    .back_to_top {
        bottom: 98px;
        right: 16px;
        width: 40px;
        height: 40px;
        opacity: 0.4;
    }


}

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

    #hp_hero .gs-twothirds,
    #hp_hero .gs-third {
        width: 50% !important;
    }

}

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

    .team-grid .gs-third{
        width: 50% !important;
        min-width: 50%;
        max-width: 50%;
    }

}

@media only screen and (max-width: 890px) {
    
    #hp_hero .gs-twothirds,
    #hp_hero .gs-third {
        width: 100% !important;
    }

    #hp_pro .grid-cell.gs-twothirds,
    #hp_pro .grid-cell.gs-third {
        width: 100% !important;
    }

    #hp_pro.books_container .gs-quarter,
    #hp_pro.books_container .gs-third {
        width: 50% !important;
    }

    #hp_pro .join_box .gs-third,
    .container aside::before {
        display: none;
    }

    .container aside {
        padding: 24px 24px 0;
    }

    #hp_pro .join_box ul li {
        margin-top: 0;
    }

    #hp_pro .join_box ul {
        margin-top: 0;
    }

    .container .content {
        width: 100%;
    }

    .container main {
        padding-right: 0;
    }

    .account_container aside {
        padding: 0;
    }

}

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

    header .gs-quarter {
        width: 50% !important;
        position: absolute;
        top: 32px;
    }

    header .gs-half {
        width: 100% !important;
        padding-top: 32px;
    }

    .header_search {
        margin: 0;
    }

    header .gs-quarter:nth-of-type(1) {
        left: 0;
    }

    header .gs-quarter:nth-last-child(1) {
        right: 1em;
    }

    header .logo_box {
        margin: 55px auto auto;
    }

    header .content {
        padding-bottom: 24px;
    }

    .header_search + p {
        display: none;
    }

    p.current_card{
        font-size: 1em;
    }

}


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


    .subscription_options {
        display: block;
    }

        .subscription_options .grid-cell {
            width: 100% !important;
        }

}

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

    footer .grid {
        flex-flow: column-reverse;
        -webkit-flex-flow: column-reverse;
    }

    footer .logo_box {
        margin: auto;
    }

    footer .logo_box + p {
        margin: 16px auto;
    }

    footer .gs-quarter {
        text-align: center;
        width: 100% !important;
    }

    .footer_box {
        max-width: 100%;
    }

    .project_steps .grid:nth-of-type(even) {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
    }
    
    .project_steps .grid-cell {
        width: 100% !important;
        flex: none;
        -webkit-flex: none;
    }

    .project_steps .text_box h4 {
        font-size: 1.4em;
    }

    .project_steps .text_box p,
    .project_steps .text_box ul li {
        font-size: 1.07em;
    }

    .project_inner h1,
    .inner_container article h1 {
        font-size: 2.3em;
    }

    .project_steps .title_slant {
        margin-bottom: 0;
    }

    #forum_list li {
        /*display: block;*/
    }

        #forum_list li > div:nth-of-type(2){
            margin-top: 16px;
        }

    ul.category_list {
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
        position: relative;
    }

    .category_list_container {
        position: relative;
    }
    .category_list_container::after {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        right: -3px;
        width: 1px;
        box-shadow: 0px 0px 35px 43px rgb(255 255 255);
        height: 100%;
    }

    .category_list li {
        display: inline-block;
    }

    .mobile_only {
        display: block;
    }

    .swipe_icon span {
        display: inline-block;
        margin: 0 8px;
        position: relative;
        top: -2px;
        font-size: 0.98em;
    }

    .swipe_icon {
        text-align: center;
        opacity: 0.7;
    }

    .category_list li a {
        padding: 10px 24px;
    }

    .print_tools p a {
        margin: 16px 0 0;
    }

    #forum_list li h3 {
        font-size: 1.2em;
        line-height: 1.6;
    }


    .forum_post article h1 {
        font-size: 1.3em;
        line-height: 1.6;
    }

    .account_container .grid {
        flex-flow: column-reverse;
        -webkit-flex-flow: column-reverse;
    }

    .desktop_only {
        display: none;
    }

    .lg-outer .lg-thumb-item {
        width: 23.4% !important;
    }


}

@media only screen and (max-width: 630px) {
    header p .btn:nth-of-type(1) {
        margin-bottom: 16px;
    }

    header p .btn span:nth-of-type(1) {
        display: none;
    }

    header p .btn span:nth-of-type(2) {
        display: block;
    }

    .project_hover_cta > div {
        padding: 8px;
    }

}

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

    .past_projects .gs-half {
        width: 100% !important;
        min-width: 100% !important;
    }

    .offer-text{
        font-size: 1em;
        max-height: 90vh;

        .large{
            font-size: 1.4em;
        }
    }

}

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

    .past_projects .gs-half {
        width: 100% !important;
        min-width: 100% !important;
    }

     #short_nav li a img {
        width: 28px;
    }

    #short_nav li a strong {
        font-size: 0.8em;
    }

     #short_nav li:nth-last-child(1) {
        width: 12%;
    }

    #short_nav li a {
        padding: 12px 2px;
    }

    .project_hover_cta p {
        font-size: 0.9em;
    }

    .radio_container {
        margin: 0 0 32px 0;
        width: 100%;
    }

    .radio_container span {
        width: 100%;
        font-size: 1.2em;
    }

    .book_list .project_hover_cta p {
        font-size: 0.8em;
        margin-bottom: 0.4em;
    }

    .team-grid .gs-third{
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
    }

}


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

    .container aside {
        padding: 24px 16px;
    }
    
}

/* HEIGHT MEDIA QUERIES */

@media only screen and (max-height: 520px) {
    
   

    #mob_nav nav ul li a {
        font-size: 1.1em;
    }


}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 320px) {}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    header {
        display: none;
    }

    /* Project Print styles */
    
    .project_inner .grid-cell {
        width: 100% !important;
    }

        .print_tools,
        .quick_links,
        .reveal_more,
        iframe,
        .tips_box,
        .user_project_box,
        .new_note,
        footer {
            display: none;
        }

        .title_slant {
            border-bottom: 2px solid #AAA;
            display: block;
            border-top: 2px solid #AAA;
            transform: none;
            -webkit-transform: none;
        }

        .materials_list {
            height: auto;
        }

        .project_steps .grid {
            display: block;
            margin: auto;
            width: 700px;
        }

            .project_steps .image_box {
                width: 360px;
            }

            .project_steps .text_box p, .project_steps .text_box ul li {
                font-size: 18px;
            }

            .project_steps .text_box ul li  {
                margin: 24px 0;
            }


            .project_steps .text_box h4  {
                font-family: 'source-sans-pro';
                font-size: 24px;
            }

        .project_inner h1 {
            font-size: 34px;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'source-sans-pro';
        }

        .back_to_top {
            display: none;
        }

        .print_only {
            display:  block;
            margin: 16px auto;
            text-align: center;
            position: fixed;
            bottom: 0;
        }

}