@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700');

@font-face {
    font-family: modernpicto;
    src: url('https://246039.fs1.hubspotusercontent-na1.net/hubfs/246039/fonts/modernpictogramspro_2-webfont.ttf');
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-Book.otf);
    font-weight: 400;
}
@font-face {
    font-family: gotham-book-webfont;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/gotham-book-webfont.eot);
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/gotham-book-webfont.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-BookItalic.otf);
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-Light.otf);
    font-weight: 300;
}
@font-face {
    font-family: gotham-light-webfont;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/gotham-light-webfont.eot);
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/gotham-light-webfont.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-LightItalic.otf);
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-Medium.otf);
    font-weight: 500;
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-Bold.otf);
    font-weight: 600;
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-BoldItalic.otf);
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: Gotham;
    src: url(https://info.mindresearch.org/hubfs/MINDResearchInstitute_Feb2017/Fonts/Gotham/Gotham-Black.otf);
    font-weight: 700;
}

/* VARIABLES TEST BY NICK */

 
 
 
 
 
 


* { min-height: 0 !important; box-sizing: border-box; outline: none; -webkit-font-smoothing: antialiased; }
body, html { overflow: auto !important; margin: 0 !important; padding: 0 !important; font-family: Gotham, gotham-book-webfont, sans-serif; font-size: 19px; color: #333D47; -webkit-font-smoothing: antialiased; 
 -moz-osx-font-smoothing: grayscale; width: 100%; height: auto; min-height: 100%; }
p { margin-top: 0; }
p:last-child { margin-bottom: 0 !important; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
a { color: #1d9fe6; font-weight: 400 !important; text-decoration: underline; }
a:hover { text-decoration: underline; color: #1B6EE3;  }
h1, h2, h3 { margin: 0; }
strong {
    font-weight: 500;
}
input, select {
    width: 100%;
    height: 50px;
    font-family: Gotham; font-weight: 300; font-size: 16px; color: #333D47;
    padding: 12px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    border: none;
    border-radius: 3px;
}
select {
    background: url(../png/selectarrows.png) no-repeat;
    background-color: #ffffff !important;
    background-position: 92% center;
}
input[type=text]{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type=submit] {
    font-family: "effra",sans-serif;
    font-weight: 600 !important;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 22px;
    border: none;
    width: auto;
    color: #fff;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    background: #1d9fe6;
    border-radius: 3px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    text-shadow: none;
    line-height: 1.5em; 
}
input[type="checkbox"] {
    height: auto !important;
    width: auto;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    margin-right: 15px;
}
ul.inputs-list.multi-container {
    list-style: none;
    padding: 0;
}
textarea { 
    height: 100px; 
    width: 100%;
    font-family: Gotham; font-weight: 300; font-size: 16px; color: #333D47;
    padding: 17px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}
li.hs-form-checkbox label {
    display: block;
}
form label { display: none; }
form ul.hs-error-msgs.inputs-list label { display: block; }
.hs-form-field > label { display: none !important; }
ul.hs-error-msgs.inputs-list { display: none !important; }
input.invalid.error, select.invalid.error { border: 1px solid red !important; }
.hs-form-field { margin: 20px 0; }
.page-center { max-width: 1170px; margin: 0 auto; padding: 0 15px; position: relative; float: none; }
.ta-center { text-align: center; }

.bg-orange { background-color: #f8a344; }
.bg-gray { background-color: #F0F0F0; }
.bg-lightgray { background-color: #F7F7F7; }
.bg-darkgray { background-color: #4E5053; }
.bg-green { background-color: #7DC960; }
.bg-purple { background-color: #9578D3; }
.bg-teal { background-color: #6BB9AD; }
.bg-blue { background-color: #1d9fe6; }
.c-orange { color: #f8a344; }
.c-white { color: #ffffff; }
.c-white h2 { color: #ffffff !important; }
.c-darkgray { color: #4E5053; }

h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.208em;
    font-family: "effra",sans-serif;
}
h3 {
    font-family: "effra",sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
}


/* HEADER */
.main-nav-container { padding: 25px 0; }
.main-nav-container .page-center { max-width: 1500px; }
.main-nav { float: none !important; }
.main-nav a { color: #4E5053; text-decoration: none; font-family: "effra",sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 1.5px; }
.main-nav ul { list-style: none; margin: 0; padding: 0; }
.main-nav li { display: inline-block; }
.main-nav .logo { display: inline-block; vertical-align: middle; width: 8.7%; float: none; }
.main-nav .menu { display: inline-block; margin: 0; width: 90%; text-align: right; vertical-align: middle; float: none; }
.main-nav .hs-item-has-children .hs-menu-children-wrapper { display: none; }
.main-nav .hs-menu-item.hs-menu-depth-1 { padding-right: 0; }
.main-nav .hs-menu-item.hs-menu-depth-1:last-child { padding: 0; }
.main-nav .hs-item-has-children .hs-menu-children-wrapper a { color: #676B6E; padding: 10px 20px; display: block; }
.main-nav .hs-menu-item.hs-item-has-children:last-child .hs-menu-children-wrapper { right: 0; }
.main-nav .burger { display: none; position: absolute; top: 0; right: 15px; text-align: right; }
.main-nav .burger .burger-button { display: inline-block; cursor: pointer; }
.main-nav .burger-button .fa-bars { color: #000000; font-size: 30px; }
.main-nav .hs-menu-item.hs-menu-depth-1:nth-last-child(2) a {
    border-radius: 5px;
    padding: 13px 72px;
    box-sizing: border-box;
    font-family: "effra",sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #1290F5;
    border: 2px solid #1290F5;
    max-width: 200px;
    display: block;
    background: url(../png/jiji_full.png);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 12% center;
}
.main-nav .hs-menu-item.hs-menu-depth-1:nth-last-child(2) a:hover { background-color: rgb(19,158,255); border: 2px solid rgb(19,158,255); color: #ffffff; }
.main-nav .hs-menu-item.hs-menu-depth-1:last-child a {
    border-radius: 5px;
    padding: 13px 24px;
    box-sizing: border-box;
    font-family: "effra",sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    background-color: #1290F5;
    color: #fff;
    border: 2px solid #1290F5;
    max-width: 200px;
    display: block;
}
.main-nav .hs-menu-item.hs-menu-depth-1:last-child a:hover { background: rgb(19,158,255); border: 2px solid rgb(19,158,255); }

.interior .main-nav .logo { background: url(../png/ni-logo-blue%402x.png); background-repeat: no-repeat; background-size: contain; }
.interior .main-nav .logo img { opacity: 0; }
.interior .main-nav a { color: #333D47; }
.interior .main-nav-container { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.interior .main-nav .burger-button .fa-bars { color: #333D47; }

/* Footer */
.footer-2017-container { padding: 70px 0; }
.footer-2017-container .footer-2017 { float: none; }
.footer-2017 .social { margin: 27px 0 0 0; padding: 0; }
.footer-2017 .social ul { padding: 0; margin: 0; }
.footer-2017 .social li { display: inline-block; vertical-align: middle; margin-right: 15px; border: 1px solid #979797; border-radius: 50%; width: 40px; height: 40px; }
.footer-2017 .social li:last-child { margin-right: 0; }
.footer-2017 .social a { color: #ffffff; }
.footer-2017 .social .fa { font-size: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }
.footer-2017 .menu ul { margin: 30px 0 0 0; padding: 0; list-style: none; }
.footer-2017 .menu .hs-menu-depth-1 { display: inline-block; width: auto; vertical-align: top; padding-right: 20px; }
.footer-2017 .menu .hs-menu-depth-1:last-child { padding-right: 0; }
.footer-2017 .menu a { font-size: 16px; color: #ffffff; text-decoration: none; font-family: "effra",sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.footer-2017 .menu .hs-menu-children-wrapper { margin: 0; }
.footer-2017 .menu .hs-menu-children-wrapper .hs-menu-depth-2 a { display: block; padding: 20px 0 0; }
.footer-2017 .logo { max-width: 210px; margin: 0 auto !important; float: none !important; }
.footer.copyright.ta-center { float: none; padding: 30px 0; }
.copyright-container {  border-top: 1px solid #6A6B6F; }
.footer.copyright .copy { font-size: 14px; line-height: 1; }


.half { display: inline-block !important; vertical-align: middle; width: 49% !important; float: none !important; margin: 0 !important; }


.home .hero h1 { margin-bottom: 7px; font-family: "effra",sans-serif; }
.home .hero h2 { margin-bottom: 7px; font-size: 48px; font-weight: 400; line-height: 1.208em; font-family: "effra",sans-serif; }
.home .hero .page-center { max-width: 1186px; }


.hero-slider .container { display: none; }
.hero-slider .slick-initialized .container { display: block; }
.hero .container { overflow: hidden; }
.hero .copy.half { display: inline-block; vertical-align: middle; width: 49%; padding: 131px 30px 131px 0; }
.hero .copy p { font-size: 20px; line-height: 1.5em; margin-bottom: 30px; }
.hero .image.half { display: inline-block; vertical-align: bottom; width: 49%; margin-bottom: -6px; }
.hero .image.video.half { position: relative; vertical-align: middle; }
.hero .image.video.half:before {
    content: '';
    background: url(../png/herovideoembedarrows.png) no-repeat;
    background-size: contain;
    background-position: center center;
    width: 130%;
    height: 120%;
    position: absolute;
    left: -100px;
}
.hero .image.video .screenshot { position: relative; }
.hero .image.video .screenshot img.play-button { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute;
    left: 0; right: 0; max-width: 100px; margin: 0 auto; cursor: pointer; z-index: 5; }
.hero .image.video .embed { display: none; position: relative; z-index: 5; padding: 0; box-shadow: 0 11px 30px 0 rgba(214,86,86,0.42); border: 5px solid #ffffff; }
.hero .image.video .embed iframe { max-width: 100%; height: 304px !important; margin-bottom: -6px; }

.hero.image-left h1 { margin-bottom: 10px; max-width: 445px; }

.hero-slider { position: relative; }
.hero-slider ul.slick-dots { list-style: none; padding: 0; margin: 0; position: absolute; bottom: 50px; width: 100%; text-align: center; }
.hero-slider ul.slick-dots li { display: inline-block; margin-right: 10px; }
.hero-slider ul.slick-dots li:last-child { margin-right: 0 }
.hero-slider ul.slick-dots li button { background-color: #fff; border: none; border-radius: 50%; cursor: pointer; font-size: 0; height: 10px; width: 10px; padding: 0; }
.hero-slider ul.slick-dots li.slick-active button { background-color: #1d9fe6; }
.hero-slider button.slick-prev.slick-arrow,
.hero-slider button.slick-next.slick-arrow { display: none !important; text-shadow: 3px 3px 5px rgba(0,0,0, 0.5); }
.hero-slider button.slick-prev.slick-arrow::before { color: #ffffff; }
.hero-slider button.slick-next.slick-arrow::before { color: #ffffff; }
.hero-slider:hover button.slick-prev.slick-arrow,
.hero-slider:hover button.slick-next.slick-arrow { display: block !important; }

.section { float: none !important; padding: 100px 0; }
.section-container .page-center { max-width: 1140px; }
.section.intro .copy { text-align: center; font-size: 20px; line-height: 1.5em; color: #4E5053; max-width: 900px; margin: 0 auto; float: none; }

.power.section { overflow: hidden; }
.features-list > span > div { margin-bottom: 50px; padding: 0 15px; }
.left.features-list > span > div { text-align: right; }
.feature-item { position: relative; max-width: 555px; text-align: left; display: inline-block; }
.feature-item .icon { max-width: 60px; position: absolute; }
.feature-item .text { padding-left: 80px; }
.feature-item .title { color: #4E5053; font-size: 20px; margin-bottom: 20px; line-height: 1.5em; font-family: "effra",sans-serif; font-weight: 600; }
.feature-item .copy { font-size: 16px; line-height: 1.625em; }
.power .section-title { margin-bottom: 50px; }
.power .features-list, 
.power .right-image, 
.power .left-image { display: inline-block; width: 49%; vertical-align: middle; margin: 0; float: none; }
.power .right-image img { position: relative; right: -2vw; width: 100% !important; }
.power .right-image { text-align: right; }

.video .copy { font-size: 16px; line-height: 1.625em; }
.video .copy p { font-weight: 300; }
.video iframe { max-width: 100%; height: 350px !important; }
.video .embed { padding-right: 30px; }
.video h2 { line-height: 1.27em; margin-bottom: 7px; font-family: "effra",sans-serif; font-weight: 600; font-size: 36px; }
.section.video .video-popup { display: none; }
.section.video .video-background { text-align: center; padding: 125px 0; }
.pis-container .video-background { padding: 25% 0 !important; }
.video-background a img { max-width: 100px; }

.video-popup { display: none; }
#colorbox { z-index: 10000; }
#cboxLoadedContent { outline: none; }
#cboxLoadedContent .video-popup { display: block; outline: none; }
#cboxOverlay { /*background: rgba(96,125,139,.9);*/ background: rgba(0,0,0,.8); position: fixed; top: 0; z-index: 9999; height: 100%; width: 100%; }
button#cboxClose { display: none; }
.colorbox-close-button {
    position: absolute !important;
    top: -20px;
    right: -20px;
    max-width: 15px;
    position: relative;
    cursor: pointer;
    display: block !important;
}
.video-popup iframe { width: 720px; height: 414px; }
.video-popup .colorbox-close-button {
    background-image: url(../png/videopopup-x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: -50px;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    outline: none;
}

/* DOWNLOAD BOX */
.top-box {
    background: #1d9fe6;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
}
.top-box h3 {
    padding: 15px;
    text-align: center;
}
.top-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-box ul li {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
}
.top-box ul li:nth-child(odd) {
    background: rgba(255,255,255,0.2);
}
.top-box ul li a {
    font-weight: 500 !important;
    color: #fff;
    text-decoration: none;
}

.pis-container button.slick-next.slick-arrow { right: -40px; }
.pis-container button.slick-prev.slick-arrow { left: -40px; }
.pis-container { position: relative; }
.pis-container ul.slick-dots { list-style: none; padding: 0; margin: 0; position: absolute; bottom: -40px; width: 100%; text-align: center; }
.pis-container ul.slick-dots li { display: inline-block; margin-right: 10px; }
.pis-container ul.slick-dots li:last-child { margin-right: 0 }
.pis-container ul.slick-dots li button { background-color: #D3D3D4; border: none; border-radius: 50%; cursor: pointer; font-size: 0; height: 10px; width: 10px; padding: 0; }
.pis-container ul.slick-dots li.slick-active button { background-color: #1d9fe6; }

.pattern { background: url(../png/pattern_01.png); }
.proven h2 { margin-bottom: 10px; font-family: "effra",sans-serif; font-weight: 600; font-size: 36px; }
.proven.section { padding-bottom: 0; }
.proven .image { text-align: center; float: none !important; max-width: 856px; margin: 30px auto 0 !important; }
.proven .image img { position: relative; bottom: -6px; }

.awards-container > span > div { width: calc(97%/4); display: inline-block; vertical-align: top; }
.awards-container { text-align: center; }
.award-item { margin-top: 54px; text-align: center; padding: 0 15px; }
.award-item .image { max-width: 160px; height:120px; margin-bottom: 18px; margin-left: auto; margin-right: auto; }
.award-item .title { font-size: 16px; line-height: 1.625em; color: #4E5053; max-width: 180px; margin: 0 auto; }
.award-item .image img { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }

.content-offering .copy { padding: 96px 0; text-align: center; }
.content-offering .title { font-size: 48px; line-height: 1.208em; font-weight: 300; font-family: "effra",sans-serif; max-width: 450px; margin: 0 auto; }
.content-offering .cta_button { margin-top: 30px; }
.content-offering .image { padding: 25px 0; }
.content-offering .image img { top: 50%; -webkit-transform: translateY(5%); -ms-transform: translateY(5%); transform: translateY(5%); position: relative; }
.content-offering .image.overflow { padding: 0; }
.content-offering .image.overflow img { position: relative; bottom: -80px; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

.testimonial-item { max-width: 956px; margin: 0 auto; position: relative; padding: 0 50px; }
.testimonial-item .photo { width: 175px; height: 175px; border: 1px solid #F0F0F0; border-radius: 50%; text-align: center; overflow: hidden; position: absolute; background-color: #ffffff; }
.testimonial-item .photo img { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; margin: 0 auto; }
.testimonial-item.has-photo .copy { padding-left: 210px; }
.testimonial-item .quote { font-size: 20px; font-weight: 300; font-style: italic; margin-bottom: 20px; line-height: 1.5em; }
.testimonial-item .details { font-weight: 500; font-size: 14px; line-height: 1.714em; }

.slick-slider { position: relative; }
button.slick-prev.slick-arrow, button.slick-next.slick-arrow { background-color: transparent; border: none; font-size: 0; cursor: pointer;
    top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 10; }
button.slick-prev.slick-arrow:before { 
    content: "‘"; font-family: modernpicto; color: rgba(78,80,83,0.25); font-size: 70px; 
    content: "\f104"; font: normal normal normal 14px/1 FontAwesome; font-size: 50px;
}
button.slick-next.slick-arrow:before { 
    content: "—"; font-family: modernpicto; color: rgba(78,80,83,0.25); font-size: 70px; 
    content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 50px;
}
.white-arrow-nav-slick button.slick-arrow:before { color: rgba(255,255,255,.80) !important }
.gray-arrow-nav-slick button.slick-arrow:before { color: rgba(79,80,84,.80) !important }
button.slick-next.slick-arrow { right: 0; }

.subscribe-offer .title { font-size: 36px; font-weight: 300; margin-bottom: 50px; }
.subscribe-offer .hs-form-field { margin: 0; width: 50%; display: inline-block; vertical-align: middle; max-width: 335px; }
.subscribe-offer .hs-form-field input { border-radius: 3px 0 0 3px; }
.subscribe-offer .hs_submit { width: auto; display: inline-block; vertical-align: middle; }
.subscribe-offer .submitted-message { color: #ffffff; }


.hero.simple .overlay { padding: 192px 0; background-color: rgba(0,0,0,0.40); }
.hero.simple .copy { max-width: 975px; margin: 0 auto; }
.hero.simple .copy p { max-width: 800px; margin: 10px auto 0; }

.secondary-nav { float: none !important; text-align: center; }
.secondary-nav ul { padding: 0; margin: 0; list-style: none; }
.secondary-nav ul li { display: inline-block; padding: 15px; transition: ease-in-out all 0.4s; }
.secondary-nav ul li:hover { background-color: #cccccc; }
.secondary-nav ul li a { color: #4E5053; font-size: 18px; font-family: "effra",sans-serif; text-decoration: none; }
.secondary-nav ul li a:hover { text-decoration: none; }

.cta-section .title { font-size: 36px; font-weight: 300; max-width: 850px; font-family: "effra",sans-serif; margin: 0 auto 30px; }

#brain-connection .page-center { max-width: 1170px; }
.brain-features > span > div { margin-bottom: 138px; }
.brain-features > span > div:last-child { margin: 0; }
.brain-features > span > div:nth-child(odd) .popup-feature > .image { padding-right: 15px; }
.brain-features > span > div:nth-child(odd) .popup-feature > .copy { padding-left: 15px; }
.brain-features > span > div:nth-child(even) .popup-feature > .image { padding-left: 15px; }
.brain-features > span > div:nth-child(even) .popup-feature > .copy { padding-right: 15px; }
.popup-feature { position: relative; }
.popup-feature .title { font-size: 36px; color: #4E5053; font-family: "effra",sans-serif; font-weight: 500; margin-bottom: 33px; }
.popup-feature .caption { font-size: 18px; font-style: italic; text-align: center; margin-top: 30px; }
.popup-feature .copy { font-size: 16px; color: #4E5053; line-height: 1.625em; height: auto; }
/*.popup-feature .copy.half .inner { position: relative; top: 50%; height: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */
.popup-feature > .copy { position: relative; }
/*.popup-feature .image.half .inner { position: relative; top: 50%; height: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */
.popup-feature .image.half { overflow: hidden; text-align: center; }
.popup-label, .pillar-title { color: #1d9fe6; font-family: "effra",sans-serif; font-size: 18px; margin-top: 30px; cursor: pointer; display: inline-block;}
.popup-label { margin-right: 40px; }
.popup-feature .popup-box { display: none; position: absolute; background-color: #fff; max-width: 360px; right: 0; padding: 50px 27px; text-align: center; 
    box-shadow: 15px 24px 66px 0 rgba(0,0,0,0.28); z-index: 3; -webkit-transform: translateY(-52%); -ms-transform: translateY(-52%); transform: translateY(-52%); }
.popup-feature .popup-box .title { color: #4E5053; font-size: 20px; margin-bottom: 20px; }
.popup-feature .popup-box .icon { width: 70px; height: 70px; margin: 0 auto 30px; }
.popup-feature .left-triangle { max-width: 25px; position: absolute; left: -20px; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.popup-feature .close-button { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 25px solid #ffffff; }

.collage-container { overflow: hidden; margin-top: 100px; }
.collage-container .inner { margin: 0 -30px; }
.grid-slide { display: table; width: 100%; height: 540px; border-collapse: separate; border-spacing: 30px; }
.grid-slide * { background-size: cover !important; background-position: center center !important; }
.grid-slide > * { display: table-cell !important; }
.grid-slide .half { width: 50% !important; }
.grid-slide .quarter { width: 25%; }
.grid-slide .quarter > * { height: 255px; }
.grid-slide .three { margin-top: 30px; }

.gray-cta h2 { margin-bottom: 10px; color: #4E5053; line-height: 1.27em; font-size: 36px; font-family: "effra",sans-serif; font-weight: 600; }
.gray-cta .copy { max-width: 900px; margin: 0 auto; font-weight: 300; font-size: 20px; line-height: 1.5em; }

#programs .page-center { max-width: 1200px; }
#programs h2 { color: #4E5053; }
.programs-container > span > div { width: calc(97%/2); display: inline-block; vertical-align: top; }
.programs-container { text-align: center; }
.program-item { margin-top: 57px; text-align: center; padding: 0 15px; }
.program-item .icon { max-width: 82px; height: 82px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.program-item .icon img { max-height: 82px; width: auto; }
.program-item .title { font-family: "effra",sans-serif; font-size: 20px; line-height: 1.625em; color: #4E5053; font-weight: 500; } 
.program-item .copy { font-size: 16px; line-height: 1.625em; margin-top: 10px; color: #4E5053; }
.anchor a { text-decoration: none; color: #1d9fe6; font-family: "effra",sans-serif; font-size: 18px; }


#technical-requirements .copy { max-width: 800px; font-size: 20px; margin: 20px auto 0; float: none; text-align: center; font-weight: 300; line-height: 1.5em; }
#technical-requirements h2 { color: #4E5053; }
.hiw .testimonials-container { padding-top: 100px; margin-top: 100px; border-top: 1px solid #CCCCCC; }
.hiw .testimonial-item .copy { text-align: left !important; }

.section-title, .section-title h2 { font-size: 36px; font-family: "effra",sans-serif; font-weight: 500; color: #4E5053; }

#blog-posts .page-center { max-width: 1180px; }
#blog-posts .blog-post-item:nth-child(2),
#blog-posts .blog-post-item:nth-child(3),
#blog-posts .blog-post-item:nth-child(4) { display: inline-block; }
#blog-posts .blog-post-item .featured-image { height: 175px; background-position: top center !important; }
#blog-posts .blog-post-item .featured-image a { display: block; height: 100%; }
#blog-posts .blog-post-item { display: none; vertical-align: top; width: calc(92%/3); background-color: #ffffff; margin: 50px 1% 0; }
#blog-posts .blog-post-item .text { padding: 30px 30px 80px; text-align: left; position: relative; }
#blog-posts .blog-post-item .post-title { font-family: "effra",sans-serif; font-weight: 500; font-size: 20px; line-height: 1.5em; margin-bottom: 10px; }
#blog-posts .blog-post-item .post-title a { color: #333d47; text-decoration: none; font-family: "effra",sans-serif; font-weight: 500 !important; font-size: 20px; line-height: 1.5em; margin-bottom: 10px; }
#blog-posts .blog-post-item .desc { font-weight: 300; line-height: 1.875em; font-size: 16px; margin-bottom: 30px; }
#blog-posts .blog-post-item .read-more a { border-radius: 5px; padding: 13px 35px; box-sizing: border-box; font-family: "effra",sans-serif; letter-spacing: 1px;
    text-transform: uppercase; font-weight: bold; font-size: 16px; background-color: #1290F5; color: #ffffff; display: block; max-width: 200px; text-align: center; margin: 0 auto;
    text-decoration: none; }
#blog-posts .blog-post-item .read-more a:hover { background: rgb(19,158,255); }
#blog-posts .blog-post-item .read-more { position: absolute; bottom: 30px; left: 0; right: 0; }

.hero.image-right .copy p { font-size: 20px; }
.hero.image-right .copy .inner { max-width: 440px; }
.hero .image.half img { position: relative; bottom: -6px; /*max-height: 400px;*/ }

.learning #features .page-center { max-width: 1500px; }
.learning #features .program-item { margin-top: 50px; }
.learning #features .section { padding-top: 50px; }
.features-container-five > span > div { width: 100%; max-width: 225px; display: inline-block; vertical-align: top; }
.features-container-five { text-align: center; }

#who-is-jiji { background-color: #f8a344; color: #ffffff; }
#who-is-jiji .section-title h2 { color: #fff; }
#who-is-jiji .page-center { max-width: 940px; }
#who-is-jiji .image { margin-top: 50px; }
#who-is-jiji .section-copy { max-width: 900px; margin: 15px auto 0; float: none; line-height: 1.5em; }
#who-is-jiji .caption { font-family: "effra",sans-serif; font-weight: bold; font-size: 20px; }
#who-is-jiji .student-testimonials { margin-top: 18px; }
#who-is-jiji .student-testimonials .testimonial-item { max-width: 675px; margin: 0 0 15px; padding: 0; }
#who-is-jiji .student-testimonials .testimonial-item .quote { font-weight: 400; font-size: 24px; }
#who-is-jiji ul.slick-dots { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#who-is-jiji ul.slick-dots li { display: inline-block; margin-right: 10px; }
#who-is-jiji ul.slick-dots li:last-child { margin-right: 0 }
#who-is-jiji ul.slick-dots li button { background-color: #fff; border: none; border-radius: 50%; cursor: pointer; font-size: 0; height: 10px; width: 10px; padding: 0; }
#who-is-jiji ul.slick-dots li.slick-active button { background-color: #1d9fe6; }

#math-chats .section-title h2 { color: #fff; }
#profiles .section-title h2 { color: #fff }

.section-header .copy { font-size: 20px; max-width: 900px; margin: 10px auto 0; line-height: 1.5em; color: #4E5053; }
.two-col-list .copy { margin-top: 50px; }
.two-col-list .section-header .copy { margin-top: 10px; }
.two-col-list .copy ul { list-style: none; padding: 0; margin: 0; }
.two-col-list .copy > ul > li::before { display: none; }
.two-col-list .copy > ul > li { display: inline-block; width: 49%; vertical-align: top; margin-bottom: 30px; }
.two-col-list table td:first-child { width: 75px; text-align: center; }
.two-col-list table td { vertical-align: top; }
.two-col-list table td:last-child { padding: 0 44px; }
.two-col-list .copy table img { max-width: 75px; max-height: 70px; width: auto; }
.two-col-list .copy table ul { padding: 0; }
.two-col-list .copy table li { font-size: 16px; margin-bottom: 10px; line-height: 1.625em; position: relative; padding-left: 25px; }
.two-col-list .copy table li::before { content: "•"; position: absolute; margin-left: -25px; }
.two-col-list .copy table li:last-child { margin-bottom: 0; }

.two-col-list strong { font-weight: 500; font-family: "effra",sans-serif; font-size: 20px; }
.two-col-list p { font-size: 16px; line-height: 1.625em; }

.one-col .section-header .copy { max-width: 900px; margin-left: auto; margin-right: auto; }
.one-col .small-title { color: #1d9fe6; font-size: 16px; letter-spacing: 3px; line-height: 1; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.one-col .page-center > .copy { margin-top: 30px; }
.one-col.large { color: #4E5053; }
.one-col.large .section-header .copy { font-size: 20px; }
.one-col.large .copy ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.one-col.large .copy ul li { display: inline-block; width: calc(97%/3); vertical-align: top; padding: 0 12px; margin-top: 50px; }
.one-col.large .copy ul li img { max-height: 196px; width: auto; }
.one-col.large .copy table { width: 100%; }
.one-col.large .copy table tr:first-child td { height: 208px; text-align: center; }
.one-col.large .copy table tr:last-child td { padding-top: 30px; }
.one-col.large .copy strong { font-family: "effra",sans-serif; font-size: 20px; line-height: 1.5em; }
.one-col.large .copy { line-height: 1.875em; font-size: 16px; }

.three-col .section-header .copy { max-width: 900px; margin-left: auto; margin-right: auto; }
.three-col .small-title { color: #1d9fe6; font-size: 16px; letter-spacing: 3px; line-height: 1; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.three-col.large { color: #4E5053; }
.three-col.large .section-header .copy { font-size: 20px; }
.three-col.large .copy ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.three-col.large .copy ul li { display: inline-block; width: calc(97%/3); vertical-align: top; padding: 0 12px; margin-top: 50px; }
.three-col.large .copy ul li img { max-height: 196px; width: auto !important; }
.three-col.large .copy table { width: 100%; }
.three-col.large .copy table tr:first-child td { height: 208px; text-align: center; }
.three-col.large .copy table tr:last-child td { padding-top: 30px; }
.three-col.large .copy strong { font-family: "effra",sans-serif; font-size: 20px; line-height: 1.5em; }
.three-col.large .copy { line-height: 1.875em; font-size: 16px; }

.three-col.small .section-header .copy { font-size: 20px; }
.three-col.small { color: #4E5053; }
.three-col.small .copy ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.three-col.small .copy ul li { display: inline-block; width: calc(97%/4); vertical-align: top; padding: 0 12px; margin-top: 50px; position: relative; }
.three-col.small .copy ul li img { max-height: 87px; max-width: 87px; width: auto; z-index: 1; }
.three-col.small .copy table { width: 100%; }
.three-col.small .copy table tr:first-child td { height: 99px; text-align: center; }
.three-col.small .copy table tr:last-child td { padding-top: 20px; }
.three-col.small .copy strong { font-family: "effra",sans-serif; font-size: 20px; line-height: 1.5em; }
.three-col.small .copy { line-height: 1.875em; font-size: 16px; }
.three-col.small .copy ul li::after { content: ''; background: url(../png/dottedline1eaa.png) no-repeat;
    padding: 1px; width: 50%; overflow: hidden; display: block; position: absolute; top: 50px; right: -25%; }
.three-col.small .copy ul li:last-child::after { display: none; }

.five-col.small .section-header .copy { font-size: 20px; max-width: 700px; }
.five-col.small { color: #4E5053; }
.five-col.small .copy ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.five-col.small .copy ul li { display: inline-block; width: calc(97%/5); vertical-align: top; padding: 0 12px; margin-top: 50px; position: relative; }
.five-col.small .copy ul li img { max-height: 87px; max-width: 87px; width: auto; z-index: 1; background-color: transparent; }
.five-col.small .copy table { width: 100%; }
.five-col.small .copy table tr:first-child td { height: 99px; text-align: center; }
.five-col.small .copy table tr:last-child td { padding-top: 20px; }
.five-col.small .copy strong { font-family: "effra",sans-serif; font-size: 20px; line-height: 1.5em; }
.five-col.small .copy { line-height: 1.5em; font-size: 16px; }
.five-col.small.dots .copy ul li::after { content: ''; background: url(../png/dottedline1eaa.png) no-repeat;
    padding: 1px; width: 50%; overflow: hidden; display: block; position: absolute; top: 50px; right: -25%; }
.five-col.small.dots .copy ul li:last-child::after { display: none; }

.overlapping-images .images { max-width: 1100px; margin: 50px auto 0; }
.overlapping-images .images > div { display: inline-block; }
.overlapping-images .images > .one { width: 67%; }
.overlapping-images .images > .two { position: absolute; bottom: -50px; right: 15px; width: 45%; }
.overlapping-images .images .title { margin-bottom: 30px; font-family: "effra",sans-serif; font-size: 20px; font-weight: 500; }
.overlapping-images .copy { color: #ffffff; }

.four-images .images { overflow: hidden; margin-top: 50px; }
.four-images .images .inner > div { display: inline-block; width: 27.5vw; margin: 0 15px; float: left; }
.four-images .images .inner > div img { width: 100%; }
.four-images .images .inner { width: 150vw; margin-left: -10vw; }
.four-images .section { padding-bottom: 30px; }

.cta-section.single-line .section { padding: 50px 0; }
.cta-section.single-line .title { width: auto; max-width: none; display: inline-block; vertical-align: middle; margin: 0; padding: 20px 0; }
.cta-section.single-line .copy { display: inline-block; vertical-align: middle; width: 20%; }


.hero.simple.short .copy {
    padding: 70px 0;
}

.two-col-copy .title { font-family: "effra",sans-serif; font-size: 36px; font-weight: 500; line-height: 1.27em; margin-bottom: 20px; color: #4E5053; }
.two-col-copy.c-white .title { color: #fff; }
.two-col-copy .copy ul { list-style: none; padding: 0; margin: 0; }
.two-col-copy .copy ul > li { font-family: "effra",sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5em; color: #4E5053; }
.two-col-copy .copy ul > li:last-child { margin-bottom: 0; }
.two-col-copy .copy ul > li ul { list-style: initial; padding-left: 30px; margin-top: 10px; }
.two-col-copy .copy ul > li ul > li { font-family: Gotham, sans-serif; font-weight: 300; color: #4E5053; line-height: 1.625em; font-size: 16px; margin-bottom: 5px; }
.two-col-copy .copy ul > li ul > li:last-child { margin-bottom: 0; }
.two-col-copy .copy ul > li > p { padding-top: 30px; margin-bottom: 0; }
.two-col-copy .copy ul > li:first-child > p { padding-top: 20px; }
.two-col-copy .copy ul > li > ul li p {
    padding-top: 0 !important;
}
.two-col-copy .copy td img { max-width: 45px; }
.two-col-copy .copy table td { vertical-align: top; font-family: "effra",sans-serif; font-size: 30px; font-weight: 500; line-height: 1.33em; color: #4E5053; }
.two-col-copy .copy table td > p { margin: 0; }
.two-col-copy .copy table td:nth-child(2) { padding-top: 5px; padding-left: 10px; }
.two-col-copy .copy table tr { padding-bottom: 55px; display: block; }
.two-col-copy .copy table tr:last-child { padding-bottom: 0; }
.two-col-copy .copy { vertical-align: top; }
.two-col-copy .copy strong { font-weight: 600; }
.two-col-copy .copy a.app-store img { max-width: 200px; }
.two-col-list .copy.row > ul > li { width: 100%; }
.two-col-list .copy.row table { width: 100%; }
.two-col-list .copy.row table ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.two-col-list .copy.row table td:first-child { width: 115px; }
.two-col-list .copy.row table td:last-child { padding: 0; }

.tech .flexible-container > span > div { border-bottom: 1px solid #CCCCCC; }
.tech .flexible-container > span > div:last-child { border-bottom: none; }
.tech .flexible-container > span > div:last-child > * { padding-bottom: 0; border-bottom: none; }
.tech .flexible-container > span > div > * { padding: 100px 0; }

.single-col-copy .title { font-family: "effra",sans-serif; font-size: 36px; font-weight: 500; line-height: 1.27em; margin-bottom: 14px; color: #4E5053; }
.single-col-copy .large { font-size: 20px; color: #4E5053; font-weight: 300; line-height: 1.5em; }
.single-col-copy .small { font-size: 16px; color: #4E5053; font-weight: 300; margin-top: 20px; line-height: 1.625em; }
.single-col-copy .copy { max-width: 700px; margin: 0 auto; padding: 0 15px; }
.single-col-copy .copy a { font-weight: 400; text-decoration: underline; color: #1d9fe6; }
.single-col-copy .copy .cta_button { margin-top: 30px; }

.sccl .title { font-family: "effra",sans-serif; font-size: 36px; font-weight: 500; line-height: 1.27em; margin-bottom: 14px; color: #4E5053; }
.sccl .copy .inner a,
.sccl .copy .inner a > * { color: #1d9fe6; font-weight: 400 !important; text-decoration: underline; }
.sccl .copy .inner,
.sccl .copy .inner p,
.sccl .copy .inner span { margin-bottom: 10px; font-weight: 300; font-size: 16px; line-height: 1.625em; font-family: Gotham, sans-serif; }
.sccl .copy .inner h3,
.sccl .copy .inner h3 > * { font-family: "effra",sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5em; color: #4E5053; margin-bottom: 20px; margin-top: 20px; }
.sccl .copy .inner strong { font-weight: 600; }
.sccl .copy .inner > ol { padding-left: 0; list-style: none; }
.sccl .copy .inner > ul { padding-left: 20px; }
.sccl .copy .inner > ul > li { margin-bottom: 15px; }
.sccl .copy .inner > ul > li:last-child { margin-bottom: 0; }
.sccl .copy .inner > ul > li > ul > li > ul > li,
.sccl .copy .inner > ol > li > ul > li > ul > li { margin-bottom: 10px; }
.sccl .copy .inner > ul > li > ul > li > ul > li:last-child,
.sccl .copy .inner > ol > li > ul > li > ul > li:last-child { margin-bottom: 0; }
.sccl .copy .inner ol ol { margin: 20px 0; }
.sccl .copy .inner ol ol > li { margin-bottom: 10px; }
.sccl .copy .inner ol ol > li:last-child { margin-bottom: 0; }

#tech-list .section { padding-top: 0; }

.cta-section.small-title .section { padding: 80px 0; }
.cta-section.small-title .title { font-size: 20px; max-width: 900px; margin: 0 auto 30px; line-height: 1.5em; font-family: Gotham, sans-serif; font-weight: 400; }

.list-left-image-right { overflow: hidden; }
.list-left-image-right .section-header { margin-bottom: 50px; padding: 0 15px;}
.list-left-image-right .left-copy { text-align: right; }
.list-left-image-right .left-copy .inner { max-width: 555px; text-align: left; display: inline-block; padding-right: 70px; padding-left: 15px; }
.list-left-image-right .image.half { position: relative; right: -1.7vw; text-align: right; }
.list-left-image-right ul { list-style: none; padding: 0; margin: 0; }
.list-left-image-right li { position: relative; padding-left: 60px; margin-bottom: 30px; line-height: 1.625em; font-size: 16px; min-height: 50px !important; }
.list-left-image-right li:last-child { margin-bottom: 0; }
.list-left-image-right li > *{ font-size: 16px; }
.list-left-image-right li:before {
    content: '';
    background: url(../png/orangecheckmark%402x.png) no-repeat;
    display: block;
    width: 40px;
    background-size: contain;
    height: 40px;
    position: absolute;
    top: -7px;
    left: 0;
}

iframe[name="google_conversion_frame"] { display: none; }

.image-left-copy-right .image { padding-right: 15px; text-align: center; }
.image-left-copy-right .copy { padding-left: 30px; }
.image-left-copy-right .copy, .image-left-copy-right .copy > * { font-weight: 300; line-height: 1.875em; font-size: 16px; }
.image-left-copy-right .image img { max-width: 100%; width: auto; }
.image-left-copy-right .image.bordered { border: 1px solid #CCCCCC; }
.image-left-copy-right.reg_image .copy, 
.image-left-copy-right.reg_image .image { display: table-cell !important; width: 50% !important; padding-top: 20px; padding-bottom: 20px; }
.image-left-copy-right.bg_image .copy,
.image-left-copy-right.bg_image .image { display: table-cell !important; width: 50% !important; padding-top: 20px; padding-bottom: 20px; height: 300px; }
.image-left-copy-right .copy h3 { font-family: "effra",sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5em; margin-bottom: 15px; }

.image-right-copy-left .copy { padding-right: 30px; }
.image-right-copy-left .image { padding-left: 15px; text-align: center; }
.image-right-copy-left .copy, .image-right-copy-left .copy > * { font-weight: 300; line-height: 1.875em; font-size: 16px; }
.image-right-copy-left .image img { max-width: 100%; width: auto; }
.image-right-copy-left .image.bordered { border: 1px solid #CCCCCC; }
.image-right-copy-left.reg_image .copy, 
.image-right-copy-left.reg_image .image,
.image-right-copy-left.bg_image .copy,
.image-right-copy-left.bg_image .image { display: table-cell !important; width: 50% !important; padding-top: 20px; padding-bottom: 20px; height: 300px !important; }
.image-right-copy-left .copy h3 { font-family: "effra",sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5em; margin-bottom: 15px; }

.image-right-copy-left .title,
.image-left-copy-right .title { font-family: "effra",sans-serif; font-size: 36px; font-weight: 500; line-height: 1.27em; margin-bottom: 15px; color: #4E5053; }

.image-right-copy-left .copy a, 
.image-left-copy-right .copy a { color: #1d9fe6; text-decoration: underline; font-weight: 400; }

.patterned-with-copy { background-color: #7DC960; }
.patterned-with-copy .section-header { margin-bottom: 50px; }
.patterned-with-copy .section-header .copy { max-width: 850px; }
.patterned-with-copy .body.copy .cta_button { margin-top: 30px; }
.patterned-with-copy .section { padding: 100px 15px; }
.patterned-with-copy .copy { color: #ffffff; line-height: 1.5em; }

.hero.simple.short.image-bg .overlay { padding: 121px 0; }
.hero.simple.short.image-bg .copy { padding: 0; }

.impact .section.features { padding-top: 50px; }
.impact .features-container-five>span>div { width: calc(97% / 4); }
.impact .cta-section.small-title .title { max-width: 900px; }
.impact .cta-section .title { max-width: 700px; }

.efficacy .flexible-container > span > div .section { padding-top: 0; }
.efficacy .flexible-container > span > div:last-child .section { padding-bottom: 0; }
.efficacy .single-col-copy { padding: 100px 0; }
.efficacy .image-right-copy-left .copy,
.efficacy .image-right-copy-left .copy > *,
.efficacy .image-left-copy-right .copy,
.efficacy .image-left-copy-right .copy > * { line-height: 1.625em; }
.efficacy .image-right-copy-left .copy .title,
.efficacy .image-left-copy-right .copy .title { line-height: 1.27em; }
.efficacy .single-col-copy .copy { max-width: 800px; padding: 0 15px; }

.popup-slider-item .popup-item-image { display: none; text-align: center; background-color: #000000; }
.popup-slider-item { padding: 0 15px; }
.popup-slider-item img { margin: 0 auto; /*width: 100%;*/ }
.popup-slider .inline img { border: 1px solid #CCCCCC; }
.popup-slider button.slick-prev.slick-arrow:before, 
.popup-slider button.slick-next.slick-arrow:before { color: #ffffff; font-size: 100px; text-shadow: 3px 3px 5px rgba(0,0,0, 0.5); }


#colorbox .popup-item-image { display: block; }
#colorbox .popup-item-image img { max-width: 725px; width: 100%; }
#colorbox .popup-item-image .colorbox-close-button { cursor: pointer; max-width: 38px; position: absolute; top: -50px; right: -50px; }

#visual-conceptual-instruction .section-title h2 { color: #4E5053; padding: 0 15px; }
#visual-conceptual-instruction .copy { padding: 0 15px; margin-bottom: 50px; max-width: 800px; margin: 10px auto 50px; float: none; line-height: 1.5em; font-weight: 300; color: #4E5053; font-size: 20px; }
#visual-conceptual-instruction .section { padding-bottom: 30px; }

.learning .program-item .icon { max-width: 91px; height: 70px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.learning .program-item .icon img { max-height: 70px; }

.si-four-col { padding-top: 50px; }
.si-four-col .title.line { position: relative; z-index: 1; }
.si-four-col .title.line:before{ border-top: 1px solid #dfdfdf; content:""; margin: 0 auto;  position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }
.si-four-col .title.line span { padding: 0 15px; color: #4E5053; font-size: 20px; font-weight: 500; font-family: "effra",sans-serif; line-height: 1.5em; }
.si-four-col .copy ul { list-style: none; padding: 0; margin: 0; text-align: center; line-height: 1.85em; }
.si-four-col .copy ul li { display: inline-block; vertical-align: top; max-width: 255px; padding: 0 15px; font-size: 16px; margin-top: 35px; width: 100%; }
.si-four-col .copy ul li img { max-width: 65px; max-height: 68px; }
.si-four-col .copy ul li td { vertical-align: top; height: 80px; }
.si-four-col .copy table { table-layout: fixed; width: 100%; }

.contact .hero .inner { padding: 50px 0; }
.contact .hero .left { background: rgba(255, 255, 255, 0.95); max-width: 450px; padding: 45px; border-top: 5px solid #f8a344; line-height: 1.5em; font-size: 16px; }
.contact .hero h3 { font-family: "effra",sans-serif; font-size: 24px; color: #f8a344; font-weight: 600; line-height: 1.2em; margin-bottom: 10px; }
.contact .signup h3 { font-family: "effra",sans-serif; font-size: 36px; color: #fff; font-weight: 300; line-height: 1.2em; margin-bottom: 50px; }
.contact .left-column h1 { font-family: "effra",sans-serif; font-size: 36px; color: #4E5053; line-height: 1.27em; font-weight: 500; }
.contact .left-column .hs-form-field > label { display: block !important; font-size: 16px; margin-bottom: 10px; }
.contact .left-column .hs-form-field > label span.hs-form-required { color: #f8a344; }
.contact .left-column .hs-form-field input,
.contact .left-column .hs-form-field select { border: 1px solid #cccccc; border-radius: 0; background-color: #ffffff; }
.contact .left-column .hs-form-field textarea { border: 1px solid #cccccc; height: 200px; width: 100% !important; }
.contact .left-column .form-columns-1 .hs-form-field input { width: 100% !important; }
.contact .left-column .form-columns-1 .hs-form-field select { width: 100% !important; }
.contact .left-column, .contact .right-column { vertical-align: top; }
.contact .left-column .form-columns-1 .input { margin-right: 0; }
.contact .left-column .form-columns-2 .input { margin-right: 30px; }
.contact .left-column .form-columns-2 > .hs-form-field:last-child .input { margin-right: 0; }
.contact .left-column  input[type=submit] { padding: 12px 68px; cursor: pointer; }
.contact .right-column { font-size: 16px; line-height: 1.625em; padding-left: 45px; }
.contact .right-column h3 { font-size: 20px; font-weight: 500; font-family: "effra",sans-serif; color: #4E5053; margin-bottom: 10px; }
.contact .right-column > span > div { border-bottom: 1px solid #CCCCCC; padding-bottom: 50px; margin-bottom: 50px; }
.contact .right-column > span > div:last-child { padding-bottom: 0; margin-bottom: 0; border: none; }
.contact .section-container .page-center { max-width: 1200px; }
.contact .signup .hs-form-field { max-width: 338px; display: inline-block; width: 100%; margin: 0; }
.contact .signup .hs-form-field input { border-radius: 3px 0 0 3px; }
.contact .signup .hs_submit { display: inline-block; }
.contact .signup .hs_submit input[type=submit] { border-radius: 0 3px 3px 0; }
.contact .signup span { color: #fff; font-size: 24px; }


.results-at-scale .intro-copy { font-size: 20px; line-height: 1.5em; font-weight: 300; max-width: 800px; margin: 0 auto 50px !important; float: none !important; 
    text-align: center; margin-bottom: 50px; }
.results-at-scale .small-copy { font-size: 14px; line-height: 1.7em; font-weight: 300; max-width: 920px; margin: 50px auto 0 !important; float: none !important; }
.results-at-scale .tabs > div { display: inline-block; background-color: #A2A2A2; color: #fff; font-weight: 500; font-size: 14px; width: 100%; max-width: 150px;
    text-align: center; padding: 13px 22px; cursor: pointer; transition: ease-in-out all 0.3s;
}
.results-at-scale .tabs > div.active,
.results-at-scale .tabs > div:hover { background-color: #1d9fe6; }
.results-at-scale .tab-content .inner { position: relative; }
.results-at-scale .tab-content { background-color: #ffffff; padding: 50px; font-weight: 300; font-size; 16px; }
.results-at-scale .tab-content p { font-size: 16px; }
.results-at-scale .tab-content strong { font-family: "effra",sans-serif; font-weight: 500; font-size: 14px; }
.results-at-scale .tab-content em, .results-at-scale .tab-content i { font-size: 14px; }
.results-at-scale .tab-content .one { display: block; }
.results-at-scale .tab-content .two,
.results-at-scale .tab-content .three { display: none; }
.results-at-scale .tab-content a { font-size: 18px; text-decoration: none; font-weight: 400; font-family: "effra",sans-serif; }
.results-at-scale .tab-content a::after { content: '»'; padding-left: 5px; position: relative; }
.results-at-scale img.result-icon { position: absolute; left: 20%; z-index: 20; top: 60%;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 40px;
    -webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.35); border-radius: 50%;
}

.results-at-scale .map-dropdown { max-width: 375px; margin: 0 auto; display: none; }
.results-at-scale .map-dropdown select { border: 1px solid #eaeaea; }
.results-at-scale .state-selector option { display: none; }
.results-at-scale .state-selector option:first-child { display: block; }
.results-at-scale .state-map-container { position: relative; max-width: 944px; margin: 0 auto; }
.results-at-scale .map-details-popup { display: none; }
.results-at-scale .map-details-popup p { display: block; }
.results-at-scale .state-map { }
.results-at-scale .state-nv { z-index: 1; }
/*.results-at-scale .map-details-popup { position: absolute; width: 600px; z-index: 15; }*/
.results-at-scale .state-fl.state img.result-icon { left: 60%; top: 50%; }
.results-at-scale .state-il.state img.result-icon { left: 0; top: 50%; }
.results-at-scale .state-in.state img.result-icon { left: -10px; top: 50%; }
.results-at-scale .state-ms.state img.result-icon { left: -5px; top: 50%; }
.results-at-scale .state-oh.state img.result-icon { left: 0; }
.results-at-scale .state-tx.state img.result-icon { left: 43%; top: 50%; }
.results-at-scale .state-ut.state img.result-icon { left: 11%; }
.results-at-scale .state-va.state img.result-icon { left: 35%; }

.results-at-scale a.state-ak { top: 500px !important; left: 115px !important; }
.results-at-scale a.state-ca { top: 280px !important; left: 60px !important; }
.results-at-scale a.state-fl { top: 475px !important; left: 750px !important; }
.results-at-scale a.state-wa { top: 45px !important; left: 90px !important; }
.results-at-scale a.state-or { top: 115px !important; left: 75px !important; }
.results-at-scale a.state-nv { top: 230px !important; left: 115px !important; }
.results-at-scale a.state-az { top: 350px !important; left: 175px !important; }
.results-at-scale a.state-ut { top: 255px !important; left: 197px !important; }
.results-at-scale a.state-mt { top: 90px !important; left: 250px !important; }
.results-at-scale a.state-wy { top: 175px !important; left: 275px !important; }
.results-at-scale a.state-co { top: 275px !important; }
.results-at-scale a.state-tx { top: 450px !important; left: 400px !important; }
.results-at-scale a.state-nm { top: 365px !important; left: 275px !important; }
.results-at-scale a.state-ok { top: 350px !important; left: 440px !important; }
.results-at-scale a.state-mn { top: 130px !important; left: 480px !important; }
.results-at-scale a.state-mo { top: 290px !important; left: 520px !important; }
.results-at-scale a.state-ar { top: 365px !important; left: 525px !important; }
.results-at-scale a.state-la { top: 455px !important; left: 528px !important; }
.results-at-scale a.state-ms { top: 415px !important; left: 575px !important; }
.results-at-scale a.state-al { top: 405px !important; left: 629px !important; z-index: 10; }
.results-at-scale a.state-ga { top: 413px !important; left: 700px !important; }
.results-at-scale a.state-sc { top: 384px !important; left: 740px !important; z-index: 10; }
.results-at-scale a.state-nc { top: 335px !improtant; left: 750px !important; }
.results-at-scale a.state-tn { top: 350px !important; left: 620px !important; }
.results-at-scale a.state-ky { top: 295px !important; left: 660px !important; }
.results-at-scale a.state-dc { left: 800px !important; }
.results-at-scale a.state-ne { top: 224px !important; left: 400px !important; }
.results-at-scale a.state-sd { top: 156px !important; left: 400px !important; }
.results-at-scale a.state-ks { top: 285px !important; left: 425px !important; }
.reuslts-at-scale a.state-ia { top: 207px !important; left: 500px !important; }
.results-at-scale a.state-vt { top: 95px !important; left: 824px !important; }
.results-at-scale a.state-ma { top: 159px !important; left: 900px !important; }
.results-at-scale a.state-ri { top: 159px !important; left: 900px !important; }
.results-at-scale a.state-ct { top: 194px !important; left: 875px !important; }
.results-at-scale a.state-md { top: 250px !important; left: 867px !important; }
.results-at-scale a.state-va { top: 281px !important; left: 750px !important; }
.results-at-scale a.state-mi { top: 150px !important; left: 637px !important; }
.results-at-scale a.state-in { top: 248px !important; left: 623px !important; }

#colorbox .map-details-popup { display: block; }

.results-at-scale .cs-inner { float: none !important; }
.results-at-scale .cs-container .section-header .copy { color: #ffffff; margin: 15px auto 20px; float: none; }
.results-at-scale #previous-reports .section-copy { font-weight: 300; font-size: 16px; margin-top: 20px; }
.results-at-scale #previous-reports .section-copy strong { font-weight: 700; letter-spacing: 2px; }
.results-at-scale .previous-reports-list { margin-bottom: 20px; }
.results-at-scale .previous-reports-list > span { display: block; }
.results-at-scale .previous-reports-list > span > div {  max-width: 540px; width: 100%;  margin-top: 30px; }
.results-at-scale .previous-reports-list > span > ul > div { display: list-item; padding-top: 30px; }
.results-at-scale .previous-reports-list > span > ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; padding: 0; margin: 0; list-style: none; }
.results-at-scale .prev-reports-item .title { font-family: "effra",sans-serif; font-size: 20px; font-weight: 600; line-height: 1.5em; border-bottom: 1px solid #CCCCCC;
    padding-bottom: 15px; margin-bottom: 15px; }
.results-at-scale .prev-reports-item .details { font-size: 16px; font-weight: 300; }
.results-at-scale .prev-reports-item .details a { text-decoration: none; font-weight: 400; font-family: "effra",sans-serif; }
.results-at-scale .prev-reports-item .details a::after { content: '»'; padding-left: 5px; position: relative; top: -2px; }
.results-at-scale .prev-reports-item .details table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.results-at-scale .prev-reports-item .details tr { padding-top: 15px; display: block; height: auto !important; }
.results-at-scale .prev-reports-item .details tr:first-child { padding-top: 0; }
.results-at-scale .prev-reports-item .details td:first-child { width: 500px; padding-right: 20px; }
.results-at-scale .prev-reports-item .details td:last-child { width: 200px; text-align: right; }

.cs-list > span > div { display: inline-block; width: calc(97%/3); vertical-align: top; padding: 15px; }
.cs-item .featured-image { height: 150px; background-color: #F0F0F0; padding: 20px; }
.cs-item .featured-image a { display: block; height: 100%; }
.cs-item .featured-image img { max-width: 127px; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }
.cs-item .copy { background-color: #ffffff; padding: 30px 30px 75px 30px; position: relative; }
.cs-item .copy .title,
.cs-item .copy .title a { text-align: left; font-family: "effra",sans-serif; font-size: 20px; line-height: 1.5em; font-weight: 500 !important; color: #333D47; text-decoration: none; }
.cs-item .copy .details { text-align: left; margin: 30px 0; }
.cs-item .copy .details ul { list-style: none; padding: 0; margin: 0; }
.cs-item .copy .details > ul > li { font-family: "effra",sans-serif; font-size: 14px; font-weight: 500; line-height: 1.7em; margin-bottom: 10px; }
.cs-item .copy .details > ul > li:last-child { margin-bottom: 0; }
.cs-item .copy .details > ul > li > ul > li { font-family: Gotham, gotham-light-webfont, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.6em; }
.cs-item .copy .read-more { position: absolute; bottom: 30px; left: 0; right: 0; }
.cs-item .copy .read-more a { border-radius: 5px; padding: 13px 24px; box-sizing: border-box; font-family: "effra",sans-serif; letter-spacing: 1px;
    margin: 0 auto; text-transform: uppercase; font-weight: bold; font-size: 16px; background-color: #1290F5; color: #fff; border: 2px solid #1290F5;
    max-width: 200px; display: block; text-decoration: none; transition: ease-in-out all 0.3s; 
}
.cs-item .copy .read-more a:hover { background: rgb(19,158,255); border: 2px solid rgb(19,158,255); }

.line.load-more { position: relative; z-index: 1; margin-top: 50px; }
.line.load-more:before { border-top: 2px solid #ffffff; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 25px; bottom: 0; width: 30vw; max-width: 400px; z-index: -1; }
.line.load-more::after { border-top: 2px solid #ffffff; content: ""; margin: 0 auto; position: absolute; top: 50%; right: 25px; bottom: 0; width: 30vw; max-width: 400px; z-index: -1; }
.line.load-more span { border: 2px solid #fff; border-radius: 5px; padding: 14px 50px; color: #ffffff; text-transform: uppercase; font-family: "effra",sans-serif; 
    letter-spacing: 1px; font-weight: bold; line-height: 1; font-size: 16px; cursor: pointer; transition: ease-in-out all 0.3s; }
.line.load-more span:hover { background-color: #ffffff; color: #333D47; }

.landing .main-nav .burger .burger-button { display: none; }
.landing .main-nav .logo { width: 100%; max-width: 127px;}
.landing .page-center { max-width: 1140px; }
.landing .form { float: none; }
.landing .hero .copy { text-align: center; max-width: none; padding-right: 480px !important; }
.landing .section-container .section { padding-right: 475px; }
.landing .form-container { position: absolute; top: 0; right: 15px; max-width: 460px; padding: 55px 46px; color: #ffffff; }
.landing .form .hs-form-field > label { display: block !important; color: #fff; margin-bottom: 10px; font-size: 16px; line-height: 1.5em; }
.landing .form input,
.landing .form select { border-radius: 0; height: 40px; font-size: 14px; padding: 12px 15px; }
.landing .form h3 { color: #ffffff; text-align: center; margin-bottom: 30px; font-family: "effra",sans-serif !important; }
.landing .main-nav .menu { display: none; }
.landing .footer-2017-container { display: none; }
.landing .copyright-container { border-top: none; }
.landing .footer.copyright { text-align: left; }
.landing .section h3 { font-family: Gotham, sans-serif; margin-bottom: 30px; }
.landing .section, 
.landing .section p,
.landing .section li { font-size: 16px; line-height: 1.625em; }
.landing .share { margin-top: 50px; }
.landing .share .text { font-size: 12px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; display: inline-block; vertical-align: middle; }
.landing .share .icons { display: inline-block; vertical-align: middle; }
.landing span.at-icon-wrapper { border-radius: 50%; border: 1px solid #eaeaea; }
.landing .at-svc-twitter g { fill: #5FA9DD; }
.landing .at-svc-twitter svg { width: 25px !important; height: 30px !important; position: relative; left: 2px; }
.landing .at-svc-facebook g { fill: #3E5B99; }
.landing .at-svc-facebook svg { width: 24px !important; height: 30px !important; position: relative; left: 3px; }
.landing .at-svc-google_plusone_share g { fill: #DC4F42; }
.landing .at-svc-google_plusone_share svg { width: 30px !important; height: 30px !important; }
.landing .at-svc-pinterest_share g { fill: #DC4F42; }
.landing .at-svc-pinterest_share svg { width: 25px !important; height: 30px !important; position: relative; left: 2px; }
.landing .form .hs_submit { text-align: center; margin-top: 30px; }
.landing .form input[type=submit] { background-color: #7DC960; border-radius: 5px; height: auto; padding: 14px 72px; }
.landing li.hs-form-checkbox label { color: #fff; }

.ts #technical-requirements .copy { text-align: left; }
.ts .three-col.small .copy ul li { width: calc(97% / 3); }
.ts .three-col.small .copy h3 { margin-bottom: 15px; }
.ts .three-col.small .copy ul li img { max-height: 75px; max-width: 75px; }
.ts .three-col.small .copy p { font-size: 16px; line-height: 1.625em; }
.ts .three-col.small .copy ul li::after { display: none; }
.ts .three-col.small .copy table tr:first-child { height: 75px; }
.ts .three-col.small .copy table { border-collapse: collapse; }
.ts .three-col.small .copy table tr:last-child td { padding-top: 0; }

.landing.demo .testimonial-title { margin-top: 50px; }
.landing.demo .testimonial-item { padding: 0; }
.landing.demo .testimonial-item .photo { width: 160px; height: 160px; }
.landing.demo .testimonial-item .copy { padding-left: 190px; }
.landing.demo .hero .copy { padding-top: 42px; }
.landing.demo .hero .image { padding-right: 475px !important; }
.landing.demo .hero .image.overflow img { position: relative; bottom: -80px; margin-top: -60px; }


@media screen and (min-width: 1470px){
/*     .learning .popup-slider .slick-slide { width: auto !important; } */
}
@media screen and (max-width: 1180px) and (min-width: 1025px){
    .main-nav .hs-menu-item.hs-menu-depth-1 a { font-size: 1.3vw !important; }
}
@media screen and (max-width: 1149px) {
   .results-at-scale .previous-reports-list { max-width: 540px; margin: 0 auto !important; float: none; }
}
@media screen and (max-width: 1140px) {
   .contact .hero { background-position: -20vw center !important; }   
}
@media screen and (min-width: 1025px){
    .main-nav .menu { display: inline-block; }
    .main-nav a { position: relative; padding-bottom: 20px; padding-right: 20px; }
    /*.main-nav li.hs-menu-item.hs-menu-depth-1:hover > a::after { content: " "; background-color: #34C37D; height: 2px; width: 100%; position: absolute; bottom: 15px; left: 0; } */
    .main-nav li.hs-menu-item.hs-menu-depth-2:first-child a { padding-top: 20px; }
    .main-nav li.hs-menu-item.hs-menu-depth-2:last-child a { padding-bottom: 20px; }
    .main-nav li.hs-menu-item.hs-menu-depth-2 a:hover { opacity: 0.5; }
    .main-nav .hs-item-has-children .hs-menu-children-wrapper:hover { display: block; }
    .main-nav .hs-item-has-children { position: relative; }
    .main-nav .hs-item-has-children:hover .hs-menu-children-wrapper { display: block; position: absolute; background-color: #fff; padding: 0; margin-left: -20px; margin-top: 20px; top: 20px; width: 290px;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); z-index: 12; }
    .main-nav .hs-item-has-children:hover .hs-menu-children-wrapper > .hs-menu-item { display: block; text-align: left; padding: 0; }
    .main-nav .hs-item-has-children:hover .hs-menu-children-wrapper::before {
        content: "\f0d8";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        font-size: 30px;
        color: #fff;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: -21px;
        left: 50px;
        z-index: 12;
        text-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
    }
    .main-nav .hs-item-has-children:last-child:hover .hs-menu-children-wrapper::before {  
        content: "\f0d8";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        font-size: 30px;
        color: #fff;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute; top: -21px; right: 55px; left: auto; text-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); 
    }
    .hs-item-has-children.active-branch:before,
    .hs-item-has-children.active:before {
        content: "";
        width: calc(100% - 20px);
        height: 2px;
        background: #1290F5;
        position: absolute;
        bottom: -13px;
    }
}

@media screen and (max-width: 1024px){
    .main-nav .hs-menu-item.hs-menu-depth-1:nth-last-child(2) { margin-bottom: 10px; }
    .main-nav .hs-menu-item.hs-menu-depth-1:nth-last-child(2) a,
    .main-nav .hs-menu-item.hs-menu-depth-1:last-child a { max-width: none; }
    .main-nav .hs-menu-item.hs-menu-depth-1:nth-last-child(2) a { background-size: 5vw; }
    .main-nav .logo { width: 127px; }
    .main-nav .menu { display: none; width: 100%; background-color: #fff; text-align: center; }
    .main-nav .menu a { color: #676B6E; }
    .main-nav .hs-menu-item { width: 100%; border-top: 1px solid #eaeaea; position: relative; padding: 0 !important; }
    .main-nav .hs-menu-item a { padding: 20px 0 !important; display: block; }
    .main-nav .hs-menu-item:first-child { border: none; }
    .main-nav .burger { display: block; }
    .main-nav .hs-item-has-children .hs-menu-children-wrapper { background: #fafafa; }
    .main-nav .menu .hs-item-has-children::after { content: "”"; z-index: 12; position: absolute; right: 25px; font-family: modernpicto; 
        cursor: pointer; font-size: 30px; top: 16px; padding-left: 10%; transition: ease-in-out all 0.3s;     padding: 0 3%; font-size: 45px; top: 10px; }
    .main-nav .menu .hs-item-has-children.opened::after { transform: rotateX(180deg); }

    .power .right-image, .power .left-image { display: none; }
    .power .features-list { width: 100%; }
    .features-list > span > div { text-align: center !important; }
    
    .content-offering .image.overflow img { position: initial; }
    
    .video-popup iframe { width: 74vw; height: 42vw; } 
    
    .grid-slide { height: 20vw; border-spacing: 2vw; }
    .grid-slide .quarter > * { height: 20vw; }
    .grid-slide .three { margin-top: 2vw; }
    .collage-container .inner { margin: 0 -2vw; }
    
    .results-at-scale .map-dropdown { display: block; }
    .results-at-scale .state-map-container { display: none; }
    .results-at-scale .map-details-popup { display: none; max-width: 600px; margin: 50px auto 0; }
    .results-at-scale .tab-content { border: 1px solid #eaeaea; }
    
    .cs-list > span > div { width: calc(97%/2); }
    
    .landing .form-container { position: initial; margin: 100px auto 0; max-width: none; }
    .landing .hero .copy,
    .landing .section-container .section { padding-right: 0 !important; }
    .landing.demo .hero .image { padding-right: 0 !important; max-width: 550px; margin: 0 auto; }
}

@media screen and (max-width: 768px){
    .footer-2017 .menu .hs-menu-depth-1 { display: block; width: auto; padding-right: 0; margin-bottom: 15px; }
    .footer-2017 .menu .hs-menu-depth-1:last-child { margin: 0; }
    
    .testimonial-item .photo { position: initial; margin: 0 auto; }
    .testimonial-item .copy, .testimonial-item.has-photo .copy { text-align: center; padding-left: 0; padding-top: 50px; }
    .awards-container > span > div { width: calc(97%/3); }
    .content-offering .image { display: none !important; }
    .half { display: block !important; width: 100% !important; }
    .video .embed { padding-right: 0; }
    .video .copy { margin-top: 50px !important; }
    .hero.image-right .copy .inner { margin: 0 auto; }
    .hero .image.half { text-align: center; }
    .hero .image.half img { margin: 0 auto; }
    .popup-feature .image.half .inner { position: relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }
    .popup-feature .copy.half .inner { -webkit-transform: none; -ms-transform: none; transform: none; }
    .brain-features > span > div:nth-child(even) .popup-feature > .image { float: none !important; }
    .popup-feature .image.half { margin-bottom: 50px !important; padding: 0 !important; }
    .popup-feature .copy.half { padding: 0 !important; }
    .grid-slide > * { display: table-cell !important; }
    #blog-posts .blog-post-item { width: 100%; max-width: 375px; margin: 50px 0 0; }
    .programs-container > span > div { width: calc(97%/2); }
    .cta-section.single-line .title { width: 100%; display: block; margin-bottom: 30px; }
    .cta-section.single-line .copy { display: block; width: 100%; }
    .three-col.large .copy ul li, .three-col.small .copy ul li  { display: block; width: 100%; max-width: 375px; margin: 50px auto 0; }
    .three-col.small .copy ul li::after { display: none; }
    .two-col-list .copy > ul > li { display: block; width: 100%; max-width: 520px; margin: 0 auto 30px; }
    #who-is-jiji .student-testimonials .testimonial-item { margin: 0; max-width: none; }
    #who-is-jiji ul.slick-dots { text-align: center; }
    #who-is-jiji .caption { text-align: center; }
    .features-container-five > span > div { width: calc(97%/3); }
    .two-col-copy .copy.right { padding-top: 50px; }
    .list-left-image-right .left-copy .inner { display: block; padding-right: 15px; padding-left: 15px; margin: 0 auto 50px; }
    .image-left-copy-right .image, .image-right-copy-left .image { padding: 0; margin-bottom: 50px !important; text-align: center; }
    .image-left-copy-right .copy, .image-right-copy-left .copy { padding: 0; text-align: center; }
    .impact .features-container-five>span>div { width: 100%; }
    .image-left-copy-right .page-center > *,
    .image-right-copy-left .page-center > * { display: block !important; border: none; }
    .hero.image-left .copy.half { padding: 50px 0 131px; }
    
    .image-right-copy-left.reg_image .copy, 
    .image-right-copy-left.reg_image .image,
    .image-right-copy-left.bg_image .copy,
    .image-right-copy-left.bg_image .image { display: block !important; width: 100% !important; padding-top: 0; padding-bottom: 0; height: auto !important; }
    
    .image-left-copy-right.reg_image .copy, 
    .image-left-copy-right.reg_image .image,
    .image-left-copy-right.bg_image .copy,
    .image-left-copy-right.bg_image .image { display: block !important; width: 100% !important; padding-top: 0; padding-bottom: 0; height: auto !important; }
    
    .image-left-copy-right.bg_image .image, 
    .image-right-copy-left.bg_image .image { height: 50vw !important; }
    
    .image-left-copy-right.reg_image .image, 
    .image-right-copy-left.reg_image .image { height: auto !important; }
    
    .image-left-copy-right.reg_image .image img, 
    .image-right-copy-left.reg_image .image img { position: initial; top: 50%; -webkit-transform: none; -ms-transform: none; transform: none; }

    .contact .section-container { text-align: center; }
    .contact .left-column form { width: auto; display: inline-block; margin-bottom: 100px; }
    .contact .hero .left { margin: 0 auto; }
    .contact .right-column { padding: 0; }
    
    .hero .copy.half { padding-bottom: 50px; }
    .hero .image.video.half { padding: 0 7vw 100px; }
    .hero .image.video.half:before { width: 100%; height: 85%; left: 0; }
    .hero .image.video .embed iframe { height: 40vw !important; }
    
    .line.load-more:before, .line.load-more::after { width: 25vw; }
    
    .ts .three-col.small .copy ul li { width: 100%; }
    
    .landing.demo .testimonial-item .copy { padding-left: 0; }
    
    .secondary-nav-container { display: none; }
    .five-col.small .copy ul li { width: calc(97%/3); }
    
    .two-col-list .copy.row * { height: auto !important; }
}
@media screen and (max-width: 650px){
    .line.load-more:before, .line.load-more::after { width: 20vw; }
    .results-at-scale .previous-reports-list > span > div { max-width: 375px; width: 100%; margin: 30px auto 0; }
}
@media screen and (max-width: 550px){
    .cs-list > span > div { width: 100%; max-width: 350px; margin: 0 auto; }
    .line.load-more:before, .line.load-more::after { display: none; }
}
@media screen and (max-width: 480px){
    .main-nav .hs-menu-item.hs-menu-depth-1:nth-last-child(2) a { background-size: 8vw; }
    
    .awards-container > span > div { width: 100%; }
    .subscribe-offer .hs-form-field { width: 100%; margin-bottom: 20px; }
    .programs-container > span > div { width: 100%; }
    .popup-feature .left-triangle { display: none; }
    .features-container-five > span > div { width: 100%; }
    .four-images .images .inner > div { width: 23vw; }
    .two-col-list table { width: 100%; }
    .two-col-list table td { display: block; }
    .two-col-list table td:first-child { text-align: center; width: auto; }
    .two-col-list table td:last-child { padding: 25px 0 0; }
    .two-col-list table td:last-child strong { text-align: center; display: block; }
    #colorbox .popup-item-image .colorbox-close-button { max-width: 25px; top: -30px; right: -30px; }
    .two-col-list .copy.row table td:first-child { width: 100%; text-align: center; }
    .two-col-list .copy.row table ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
    button.slick-prev.slick-arrow, 
    button.slick-next.slick-arrow { display: none !important; }
    .hero-slider:hover button.slick-prev.slick-arrow, 
    .hero-slider:hover button.slick-next.slick-arrow { display: none !important; }
    
    .contact .signup .hs-form-field input,
    .contact .signup .hs_submit input[type=submit] { border-radius: 3px; }
    
    .hero .image.video .screenshot img.play-button { max-width: 75px; }
    
    .map-details-popup .tabs { display: none; }
    .map-details-popup .tab-content > * { display: block !important; border-bottom: 1px solid #eaeaea; padding-bottom: 25px; margin-bottom: 25px; }
    .map-details-popup .tab-content > *:last-child { border: none; padding: 0; margin: 0; }
    .map-details-popup .tab-content { border: none; padding: 0; }
    
    .five-col.small .copy ul li { width: 100%; }
}

@media screen and (max-width: 400px){ 
    .contact .left-column .form-columns-2 .input { margin: 0 !important; }
    .contact .left-column .form-columns-2 input, select { width: 100% !important; }
}


/* Hide Mega on initial loading */
/* .hs-mega-menu ul, .hs-right-menu ul {
  display: none;
} */
a.btn-primary {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-family: Effra;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 17px;
  line-height: 19px;
  text-align: center;
  padding: 13px 47px;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.btn-primary:hover {
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.2);
}
a.btn-secondary {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-family: Effra;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none !important;
  margin: 0 20px 10px 0;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.btn-secondary:hover {
    box-shadow: 0px 4px 11px rgba(0,0,0,0.2);
    color: #333d47 !important;
}
@media (max-width: 767px) { 
  a.btn-primary, a.btn-secondary {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .btn-block-mobile {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.btn-white {
  background: #fff;
  color: #1D9FE6 !important;
}
.btn-orange {
  background: #f8a344;
  color: #FFF !important;
}
.btn-blue {
  background: #1d9fe6;
  color: #FFF !important;
}
.btn-green {
  background: #7dc960;
  color: #FFF !important;
}
.btn-bordered {
  border: 2px solid #FFF;
  color: #FFF !important;
}

/* Bootstrap helpers */
.text-center {
    text-align: center;
}