/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hidden-for-m {
    display: none;
    visibility: hidden;
}

/* total style start */

@media (max-width: 767px) {
    .list-4cols ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;    
        vertical-align: top;
        padding-left: 30px;
    }
}
@media (min-width: 768px) {
    .list-4cols ul {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;    
        vertical-align: top;
        padding-left: 30px;
    }
    .list-2cols ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;    
        vertical-align: top;
        padding-left: 30px;
    }
}

.hs_cos_flex_thumbnavs-direction-nav li {
  margin: 0;
}
.widget-type-image_slider .hs_cos_flex-slides-thumb li {
	margin: 0 5px;
}
.desktop .hs_cos_flex_thumbnavs-direction-nav a,
.desktop .hs_cos_flex_thumbnavs-direction-nav a:hover {
  background-image: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png);
  background-size: auto;
}
.desktop .hs_cos_flex_thumbnavs-prev {
  background-position: 0 40%;
}
.desktop .hs_cos_flex-direction-nav a,
.desktop .hs_cos_flex-direction-nav a:hover {
  background-image: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png);
  background-size: auto;
}
.desktop .hs_cos_flex-prev {
  background-position: 0 40%;
}

/* total style end */

.schedule-dates p {
  margin: 20px 0 0 0;
}
.schedule-icon {
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/CL-150/CL-150_Program_Review/calendar-icon.svg) no-repeat center;
  -webkit-background-size: 28px 28px;
  background-size: 28px 28px;
  width: 28px !important;
  height: 28px !important;
  display: inline-block !important;
  text-align: center;
  color: #6693bd;
  font-weight: bold;
  font-size: 14px;
  padding-top: 10px;
  margin-top: 20px;
  box-sizing: border-box;
  vertical-align: top;
}
.location-icon {
  width: 28px !important;
  height: 36px !important;
  display: inline-block !important;
  vertical-align: top;
}
.schedule-icon-text,
.location-icon-text {
  display: inline-block !important;
  width: calc(95% - 28px) !important;
}
@media screen and (max-width: 767px) {
  .schedule-icon-text,
  .location-icon-text {
    margin-left: 4px !important;
  }
}
html:not(.hs-inline-edit) .schedule-date-hidden {
  display: none !important;
}
.location-map iframe {
  max-width: 100%;
  border: 0;
}
.bottom-sep {
  box-shadow: inset 0 -7px 7px -7px rgba(219,219,219, .7);
  height: 30px;
  width: 100%;
  margin: 0 !important;
}
.how-to-win-title ul {
	margin-bottom: 0;
}
.cl-150-location h3 {
	margin-bottom: 20px;
}
.cl-150-title h1 {
	line-height: 1.1;
}
.form-section {
	border: 4px solid rgba(67, 113, 156, 0.23);
	border-radius: 6px;
	padding: 30px;
}
@media (max-width: 767px) {
  .code-request-img {
		margin-top: 40px;
  }
}

.icon-tlhs--books:before {
  width: 33.282px;
  height: 37.29px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Homeschool/books.svg) 0 0 no-repeat;
}

.icon-tlhs--calendar:before {
  width: 26.496px;
  height: 26.72px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Homeschool/calendar.svg) 0 0 no-repeat;
}

.icon-tlhs--hours:before {
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Library_Webinars/hours.svg) 0 0 no-repeat;
  width: 37px;
  height: 37px;
}

.icon-tlhs--latin:before {
  width: 34px;
  height: 34px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Homeschool/latin.svg) 0 0 no-repeat;
}

.icon-tlhs--speaking:before {
  width: 37px;
  height: 33px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Homeschool/speaking.svg) 0 0 no-repeat;
}

.hs-dropdown a {
  background-image: none !important;
}

.tl-violet-bg {
  background-color: #7165ac;
}

.body-container-wrapper {
  background: #fff;
}

.body-container.container-fluid {
  width: 100%;
}

/* homeschool */

.limited-time-update{
 padding: 30px 0 0 0; 
}

.limited-time-update h1,
.limited-time-update h3{
  display: inline;
  vertical-align: middle;
}

.buy-top{
  padding: 35px 0 0 0;
}

.contact-homeschool{
  padding: 35px 0 0 0;
  
}

 .solution-image{
  margin-top: -230px;
  
}

.solution-list{
  z-index: 0;
}

.elementary-section-info .icon-tlhs--books, 
.middle-school-section-info .icon-tlhs--speaking, 
.latin-section-info .icon-tlhs--latin {
  padding-right: 25px;
}
  
.tools-for-parents .icon-tlhs {
  padding-right: 15px;
}

.left-list .header p {
  margin: 20px 0 40px;
}

.icon-tlhs {
  position: relative;
  padding-left: 55px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 25px;
}

.icon-tlhs:before {
  content: '';
  position: absolute;
  left: 0;
}

.check-icon-tlhs {
  position: relative;
  padding-left: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 25px;
}

.check-icon-tlhs:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
}

/** new bullet checkmark **/
.icon-tlhs--checkmark:before {
  width: 22px;
  height: 20px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English/checkmark.svg) 0 0 no-repeat;
}

.courses-header p {
  margin-top: 20px;
}

.elementary-section,
.middle-school-section, .latin-section {
  position: relative;
  margin-top: 60px;
}

.course-learning {
  margin-top: 40px;
}

.course-learning h2 {
  margin-bottom: 30px;
}

.tools-for-parents .center {
  margin-bottom: 40px;
}

.disclaimer-info {
  color: #fff;
}

.disclaimer-info p {
  line-height: 23px;
  font-size: 16px;
}

/* mobile styles */
@media only screen and (max-width:1279px) {
  .solution-image{
    margin-top: -200px;   
  }
 .contact-homeschool{
    padding: 35px 0 0 70px;
  }
  
}

@media only screen and (max-width: 1023px) {
  .disclaimer-info {
    padding: 20px;
  }
 
 
}

@media only screen and (min-width: 1024px) {
  .disclaimer-info {
     padding-top: 50px;
     padding-bottom: 50px;
  }
  
}

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

.break {
  display: none;
  }
 
}

@media only screen and (max-width: 767px) {
 
  .elementary-section .elementary-monitor, 
  .middle-school-monitor, 
  .latin-monitor, 
  .course-learning-image, 
  .tools-for-parents-image {
    text-align: center;
  }
  
  .limited-time-update, .tl-homeschool{
    text-align:center;
  }
  
  .buy-top{
    padding: 15px 0 10px 0;
  }
  
  .contact-homeschool{
  padding: 20px 0 25px 0;
  
}
  
  .solution-image {
    margin-top: 0;
    
  }
  
  .break {
    display: none;
  }
 
}
/* end new mobile styles */

  
/*homeschool coupon */

.homeschool-right {
   padding-top: 80px;
   
  }

 .buy-now-homeschool-coupon {
   margin-right: 30px;
    
  }

.homeschool-buttons {
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
   
  }
  
  .homeschool-pricing-coupon {
  display: -webkit-box !important;   
  display: -moz-box !important;      
  display: -ms-flexbox !important;   
  display: -webkit-flex !important;  
  display: flex !important;
  align-items: center;
  z-index: 1;
 
}

.prices-starting {
  display: -webkit-box !important;   
  display: -moz-box !important;      
  display: -ms-flexbox !important;   
  display: -webkit-flex !important;  
  display: flex !important;
  align-items: center;
  z-index: 1;
 
}

.homeschool-w-coupon {
  display: -webkit-box !important;   
  display: -moz-box !important;      
  display: -ms-flexbox !important;   
  display: -webkit-flex !important;  
  display: flex !important;
  align-items: center;
  z-index: 1;
 
}

.original-homeschool-price {
 padding-left: 13px; 
}

.red-strike {
  background-color: #cf4425;
  height: 3px;
  width: 126px;
  position: absolute;
  z-index: 2;
  margin: 25px 0 0 0;
  
}

.new-homeschool-price {
  padding: 0 10px 0 14px; 
}

.new-homeschool-price h1{
 color: #4da460; 
}

.no-wrap-flex {
  flex-shrink: 0;
}

.homeschool-coupon {
    background-color: #cf4425; 
    padding: 18px 40px;
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox; 
    display: inline-flex !important;
    align-items: center;
   
  }

 
.save-50 h2{
  font-family: helvetica, arial, sans serif;
  color: #ffffff;
  font-size: 42px;
  letter-spacing: -.5px;
  font-weight: 600;
  transform: scaleY(1.2);
 
  }
  
.limited-time-text {
  padding-left: 25px;
  text-align: left;
}

.limited-time-text h5{
  color: #ffffff;
  font-size: 17px;
  margin-bottom: 0;
}

.limited-time-text p{
  color: #ffffff;
  font-size: 18px;
  
}

.homeschool-sale-date {
 max-width: 535px; 
}

.homeschool-sale-date p{
  font-size: 14px;
  padding: 8px;
}


@media only screen and (max-width: 1023px) {
  .red-strike {
    margin: 20px 0 0 0;
  }
  
   .homeschool-left {
   width: 100% !important;
   text-align: center;
  }
  
  .homeschool-right {
   width: 100% !important;
   text-align: center;
   padding-top: 50px;
   
  }
  
  .homeschool-pricing-coupon {
   justify-content: center; 
  }
  
  .homeschool-buttons {
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    
  }
  
  .homeschool-sale-date {
    max-width: none;
  }
  
}

@media only screen and (max-width: 767px) {
  
  .contact-homeschool-coupon {
    padding: 20px 0 0 0;

  }

.red-strike {
   width: 100px;
}
  
   .save-50 h2{
   font-size: 31px; 
  }
  
  .limited-time-text h5{
  font-size: 12px;
  
}

.limited-time-text p{
  font-size: 13px;
  
}
  
  .homeschool-sale-date p{
  font-size: 10.5px !important;
 
}
  
}


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

.red-strike {
   width: 74px;
   margin-top: 15px;
}
  
 .homeschool-w-coupon {
  display: block !important;
 
}
  
  .homeschool-buttons {
    display: block !important;

  }

  .buy-now-homeschool-coupon {
    margin: 0 0 20px 0;

  }
  
  .homeschool-coupon {
      padding:13px;
      
    }
    
  .no-wrap-flex {
    flex-shrink: 1; 
  }
  
.with-coupon p {
  font-size: 11px;
  }
}



/* end homeschool */


/* start video */

.whitepaper-link {
  margin-top: 20px;
  padding-left: 45px;
}

.whitepaper-link:before {
  content: '';
  position: absolute;
  margin-left: -45px;
  background-image: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Video%20page/whitepaper-01.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 33px;
  height: 43px;
}

.whitepaper-link a {
	word-wrap: break-word; 
}

@media only screen and (min-width: 568px) {
  .landscape-disclaimer{
    padding-bottom: 0;
  }
  
  .landscape-disclaimer p{
    display: none;
    padding-bottom: 0;
}
}

@media only screen and (max-width: 567px) {
  .landscape-disclaimer p{
  display: block;
}
}

/* end video */

/* video portfolio */

/*slideshow container */
.slides-container {
max-width: 1070px;
position: relative;
margin: auto;
}

/* hide videos by default */
.hubspot-video {
  display: none !important;
}

.video-thumbnail{
  cursor: pointer;
  opacity: .5;
}

/* end video portfolio */

.webinars-info h3 {
	margin-bottom: 20px;
}

/*new webinar archive styles 2022 */

@media only screen and (max-width: 1023px) {
  .archive-top-image {
   display: none !important; 
  }
  
  .stack-group {
  display: -webkit-box;   
  display: -moz-box;      
  display: -ms-flexbox;   
  display: -webkit-flex;  
  display: flex !important;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  }
  
  .archive-button-active {
   width: 100% !important; 
  }
  
  .lib-archive-button, .archive-button {
   width: 100% !important; 
  }
  
  .archive-title {
    text-align: center !important;   
  }
  
  .archive-nav {
   width: auto !important; 
  }
  
  .archive-nav > .row-fluid-wrapper > .row-fluid a {
   background-image: none; 
  }
  
  .archive-nav > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

}

/* /transparent-language-online-for-education-webinars-archives */
@media only screen and (max-width: 767px) {
  .webinar-item {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .webinar-item {
    margin-top: 80px;
  }
}


@media only screen and (max-width: 767px) {
  
.archive-nav a {
  	text-decoration: none !important;
    
  }
  
.archive-nav > .row-fluid-wrapper > .row-fluid {
    gap: 5px;

}
 
}

@media only screen and (min-width: 768px) {
  .archive-nav {
    margin-bottom: 0;
  }
  
 
}

.archive-image{
  margin: -100px 0 0 0;
  
} 

.archive-button {
  padding: 10px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid rgba(67, 113, 156, 0.23);
}

.archive-button-active {
  background-color: #2b3c4c;
  border-radius: 6px;
  border: 4px solid #2b3c4c;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
 
}

.lib-archive-button {
  margin: 0 10px 0 0;
  
}

.archive-button p{
  text-align: center;
  color: #474747;
  
}

.archive-button-active p {
  color: #fff;
  text-align: center;
}


.archive-button-active .row-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-tlhs--slide-link:before {
  width: 33px;
  height: 24px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Homeschool/grammar-videos-sm.svg) 0 0 no-repeat;
}

.icon-tlhs--slide-link a{
  word-break: break-word;
  
}



/*
@font-face {
    font-family:"MuseoSlab";
	src:url("//cdn2.hubspot.net/hub/307322/file-298214149-otf/fonts/Museo_Slab_700.eot?t=1466086927897");
	src:url("//cdn2.hubspot.net/hub/307322/file-298214149-otf/fonts/Museo_Slab_700.woff?t=1466086927897") format('woff'),
		url("//cdn2.hubspot.net/hub/307322/file-298214149-otf/fonts/Museo_Slab_700.ttf?t=1466086927897") format('truetype'),
		url('//cdn2.hubspot.net/hub/307322/file-298214149-otf/fonts/Museo_Slab_700.svg#MuseoSlab') format('svg');
	font-weight:700;
	font-style:normal;
}*/


.body-container.container-fluid {
    background-color: #fff;
}

@media (min-width: 940px) {
    .body-container.container-fluid {
    	position: relative;
      margin: 0 auto;
    }
}


/* total style start */

.form-right .hs_cos_wrapper {
	display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .form-right .hs_cos_wrapper {
    justify-content: center;
    margin-top: 60px;
  }
}

/* transparent-connect-english */

.connect-join{
  padding: 30px 0 0 0;
} 

.tl-connect{
  padding: 0 100px 0 0;
}

.tl-connect-image{
  text-align:right;
}

/*trusted callout */

/* top callout */

.trusted-callout-text-top li{
   float: left; 
   margin:0;
   padding: 0 40px 0 0;
  }

.trusted-image-top img {
  background-color: #fbedb9;
  padding: 20px 15px 20px 15px;
  
}

.trusted-callout-top {
  background-color: #FFF;
  border: 4px solid rgba(67,113,156,.23);
  border-radius: 6px;
  
}

.trusted-callout-text-top {
    padding: 20px 0 20px 35px;
    
  }
/* end top callout */


/*bottom */

.trusted-callout-text-bottom li{
   float: left; 
   margin:0;
   padding: 0 40px 0 0;
  }

.trusted-image-bottom img {
  background-color: #fbedb9;
  padding: 40px 15px 40px 15px;
  
}

.trusted-callout-bottom{
  background-color: #FFF;
  border: 4px solid rgba(67,113,156,.23);
  border-radius: 6px;
  
}

.trusted-callout-text-bottom {
    padding: 20px 0 20px 35px;
    
  }

.get-to-know{
  padding: 10px 0 0 0; 
}

/*end bottom callout */

 .stack-row > .row-fluid-wrapper > .row-fluid{
       display: -webkit-box;   
        display: -moz-box;      
        display: -ms-flexbox;   
        display: -webkit-flex;  
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        align-items: center;

    } 

.stack-left.desc-right {
  margin-left: 2% !important;
  
}


.no-wrap{
  white-space: nowrap;
}

.lesson-number h2{
  color: #43719c;
}

/** icons **/

.icon-learner-icon:before{
  content: "";
  position: absolute;
  background-image: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English/online-lesson-1.svg) 0 0 no-repeat;
}

.lesson-1{
    position: relative;
    padding-left: 45px;
  }
  
  .lesson-1:before{
    content: "1";
    position: absolute;
    left: 0;
    color: #43719c;
    font-size: 40px;
  }

.lesson-2{
    position: relative;
    padding-left: 45px;
  }
  
  .lesson-2:before{
    content: "2";
    position: absolute;
    left: 0;
    color: #43719c;
    font-size: 40px;
  }



/*mobile styles*/

@media only screen and (min-width: 1280px){
  
  .trusted-callout-text-bottom li{
   float: left; 
   margin:0;
   padding: 0 40px 0 0;
  }
  
  .trusted-callout-text-bottom {
    padding: 20px 0 20px 35px;
    
  }
  
}

@media only screen and (max-width: 1170px) {
  
  .trusted-image-bottom img{
    padding: 80px 15px 80px 15px;
    
  }
  
  .trusted-callout-text-bottom {
   padding: 25px 20px 25px 35px; 
  }
  
  .trusted-callout-text-bottom li {
    float: none;
    
  }
  
   .trusted-image-top img{
    padding: 62px 15px 62px 15px;
    
  }
  
  .trusted-callout-text-top {
   padding: 25px 20px 25px 35px; 
  }
  
  .trusted-callout-text-top li {
    float: none;
    
  }
}

@media only screen and (max-width: 767px) {
  
   /*change stack order*/

    .stack-left{
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        width: 100%;   
    }
  
    .stack-right {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        width: 100%;
        margin: 0 auto !important;
    }
  
    .stack-left.desc-left{
      float: left;
      width: 50%;
      text-align: center;
     padding: 20px 50px 0 0;
     
    }
  
    .stack-left.desc-right{
      float: right;
      width:50%;
      text-align: center;
     padding: 20px 0 0 50px; 
      margin-left: 0 !important; 
    }
  /* end change stack order */
  
  .connect-join{
  padding: 20px 0 20px 0;
} 
  
  .tl-connect{
    text-align: center;
    padding: 0;
  }
  
  .tl-connect-image{
    text-align: center;
  }
  
  .lesson-gif{
    padding: 30px 0 0 0;
    text-align: center;
  }
  
  .instructors{
   text-align:center; 
  }
  
  .instructors-text{
   padding: 20px 0 0 0; 
  }
  
  .trusted-image-bottom, .trusted-image-top{
  background-color: #fbedb9;
  border-bottom: 4px solid rgba(251,230,153, 1); 
  text-align: center;
  }
  
  .trusted-image-bottom img, .trusted-image-top img{
  padding: 10px 15px 10px 15px;
    
  }
  
  
 
}

/* transparent connect english, Chinese course campaign, Transparent Connect tutoring */

/* new styles added 7.8.2020 */

.icon-tlhs--lessons-only:before {
  width: 46px;
  height: 46px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/examination-2797151-1.svg) 0 0 no-repeat;
}

.icon-tlhs--speech:before {
  width: 35px;
  height: 31px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/speech-bubbles-12346641.svg) 0 0 no-repeat;
}


.lessons-only p{
  text-align:left; 
}

.new-access-lessons .icon-tlhs {
  margin-bottom: 0 !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.subscribe-lessons-only {
    margin: 0;
    text-align: left;
    padding: 0 0 0 15px;
    
  }

.new-access-lessons {
  background-color: #fff;
  border-radius: 3px;
  border: solid 4px rgba(67, 113, 156, 0.23);
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.new-access-lessons-container {
    padding: 0 100px 0 100px;
  
}

.month {
  font-size: 26px;
}

.connect-buy-buttons {
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  
}

.live-tutoring {
  margin-bottom: 0;
  
}

.new-connect-top-image:lang(ko){
    padding-left: 40px;
    
  }

.connect-try-free:lang(ko){
    padding-left: 20px;
    
  }

@media screen and (min-width: 767px) {

.personal-connect-img-sm img{
  display: none;
  
}
  
}


/* transparent connect english, Chinese course campaign, Transparent Connect tutoring NEW STYLES */

/* Korean styles */
.renew-no:lang(ko) {
  padding: 20px 0 15px 0;
}

.video-text:lang(ko):after{
margin: -20px 0 0 350px;
}

/*language switcher*/
.globe_class {
 background-image: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/noun_Globe_1707552_3.svg); 
 width: 48px;
 height: 38px;
}

.lang_switcher_class {
  position: absolute;
  margin: -30px 0 0 0;
  
}

.lang_list_class {
 top: 35px;
 left: 40%;
  
}

.lang_list_class li{
  line-height: 1.5;
  background-color: #f8f9fa;
  border-left: none;
  border-right: none;
  font-size: 16px;
}

.lang_list_class li + li {
  margin-top:0;
  
}

.lang_list_class li a{
  color: #008300; 
}

.lang_list_class li a:hover {
  color: #008300
}

.lang_list_class:before {
  border-bottom-color: none;
}

.lang_list_class li:last-child {
  border-bottom: none;
  
}

.lang_list_class li:first-child {
  border-top: none;
  
}

.lang_list_class:before{
  border-bottom-color: #f8f9fa;
  
}

.lang_list_class:after {
  border-bottom-color: #f8f9fa;
  
}

.sub-and-image > .row-fluid-wrapper > .row-fluid {
  
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;

}

.subscription-box {
 border: 2px solid #43719c;
 border-radius: 3px;
 padding: 30px 10px 0 10px;
}

.subscription-title h4{
  color: #43719c;
  
}

.monthly-price {
  padding: 14px 0 0 0;
  
}

.one-month-price {
 padding: 40px 0 0 0; 
}

.included-features {
  padding: 30px 0 20px 0;
  
}

.renew-text {
  color: #43719c;
  
}

.renew-auto{
  padding: 20px 0 15px 0;
  
}

.renew-no {
  padding: 20px 0 46px 0;
  
}

.try-free-section {
  padding: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.connect-top-image {
  padding: 0 0 0 60px;
 
}

.video-text{
  font-size: 24px;
  font-weight: bold;
  color: #43719c;
  
}

.video-text:after {
  content: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/arrow-2637416-01.svg);
  display: inline-block;
  width: 21px;
  height: 46px;
  margin: -20px 0 0 130px;
  
}

.access-lessons {
  background-color: #fff;
  border-radius: 3px;
  border: solid 4px rgba(67, 113, 156, 0.23);
  padding: 20px;
}

.access-lessons-container {
  padding: 0 220px 0 220px;
  
}

.step-title h2{
  color: #43719c;
}

.how-it-works-section > .row-fluid-wrapper > .row-fluid {
  
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
    align-items: center;

}

.icon-tlhs--live-tutoring:before {
  width: 40px;
  height: 38px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/video-call-2473347.svg) 0 0 no-repeat;
}

.icon-tlhs--business-news:before {
  width: 32px;
  height: 50px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/mobile-statistics-357357.svg) 0 0 no-repeat;
}

.icon-tlhs--business-conversation:before {
  width: 44px;
  height: 36px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/business-talk-1542450.svg) 0 0 no-repeat;
}

.icon-tlhs--set-up:before {
  width: 42px;
  height: 41px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/calendar-1725405.svg) 0 0 no-repeat;
}

.icon-tlhs--online-lesson:before {
  width: 41px;
  height: 40px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/examination-2797151.svg) 0 0 no-repeat;
}

.icon-tlhs--repeat:before {
  width: 42px;
  height: 31px;
  background: url(https://307322.fs1.hubspotusercontent-na1.net/hubfs/307322/images/Transparent%20Connect%20English%20Update/repeat-691263.svg) 0 0 no-repeat;
}

.connect-refund p{
  font-size: 14px;
}


@media (max-width: 1139px) and (min-width: 768px) {
  
  .connect-buy-buttons {
    padding: 0 0 20px 0;
    
  }
  
  
  .sub-and-image > .row-fluid-wrapper > .row-fluid {
  
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
    flex-wrap: wrap;

}
  
  .subscription-box-module {
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    width: 100% !important;
  }
  
   .connect-sub {
    padding: 20px 0 0 0;
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    width: 100% !important;
  }
  
  .renew-no {
    padding: 20px 0 15px 0;
  }
  
  .access-lessons-container {
  padding: 0 150px 0 150px;
  
}
  
  .connect-video {
    width: 100% !important;
  }
  
  .connect-top-image {
    order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    width: 100% !important;
    text-align: center;
    padding: 0 0 40px 0;
    margin: 0;
  }
  
  .video-text{
    font-size: 22px; 
  }
  
  .video-text:lang(ko):after{
    margin: -20px 0 0 320px;
}
  
}
@media screen and (max-width: 767px) {
  
  .lang_switcher_class {
    margin: -30px 0 0 -10px;
    
  }
  
  .globe_class {
    width: 40px;
    height: 32px;
    
  }
  
  .lang_list_class {
    left: 100%;
    
  }
  
   .lang_list_class li{
    width: 60px;
  }
  
  .lang_list_class:after, .lang_list_class:before{
    left: 22%;
    
  }
  
  .connect-main {
    margin: 10px 0 0 0;
    
  }
  
    .sub-and-image > .row-fluid-wrapper > .row-fluid {
  
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
    flex-wrap: wrap;

}
  
  .subscription-box-module{
     order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    max-width: 380px;
    margin: 0 auto !important;
  }
  
   .connect-sub{
     order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    margin: 0 auto !important;
    padding: 20px 0 0 0;
  }
  
   .month {
  font-size: 21px;
  
}
  
   .connect-try-free {
    padding: 20px 0 0 0;
    
  }
  
  .one-month-price{
    padding: 25px 0 0 0;
  }
  .monthly-box{
    margin: 0 0 30px 0;
  }
  
  .included-features {
    padding: 15px 0 20px 0;
  }
  
  .renew-no{
    padding: 20px 0 15px 0;
  }
  .connect-top-image {
     order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    padding: 0 0 40px 0;
    text-align: center;
    width: 100% !important;
    margin: 0;
  }
  
  .connect-video {
    width: 100% !important;  
  }
  
  .access-lessons-container {
    padding: 0 20px 0 20px;
  }
  .summary-icons{
    padding: 30px 0 0 0;
  }
  
   .personal-connect-img img{
    display: none;
  
}
  
  .how-it-works-section > .row-fluid-wrapper > .row-fluid {
  
    display: block !important;

}
  
  .how-it-works-left {
    text-align: center;
    padding: 0 40px 20px 40px;
    
  }
  
  .how-it-works-right {
    text-align: center;
    padding: 20px 40px 0 40px;
    
  }
  
  .new-access-lessons-container {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px 0 40px;
    
  }
  
    .new-access-lessons {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
  }
  

  .subscribe-lessons-only {
    padding: 20px 0 0 0;
    text-align: center;
    
  }
  
  .connect-try-free:lang(ko){
    padding-left: 0;
    
  }
  
  .new-connect-top-image:lang(ko){
    padding-left: 0;
    
  }
  
}
@media screen and (max-width: 639px) {
  .subscription-box-module{
    max-width: 380px;
    margin: 0 auto !important;
  }
  
  .month {
  font-size: 19px;
  
}
  
 
  .video-text{
  font-size: 18px; 
  }
  
  .video-text:after {
    width: 15px;
    height: 40px;
    margin: -15px 0 0 100px;
    
  }
  
  .video-text:lang(ko):after{
    margin: -13px 0 0 265px;
    
  }
  
 

}



/* transparent connect english NEW STYLES end */

/*webinars styles start*/

.webinar_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.register_button {
  padding: 0 0 0 30px;
}

.webinar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webinar-header__header {
  width: 60%;
}

.webinar-header__img {
    margin-left: 100px;
  }

@media only screen and (max-width: 767px) {
  .webinar-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse wrap;
            flex-flow: column-reverse wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .webinar-header__header {
  width: 100%;
}
}

@media only screen and (min-width: 768px) {
  .webinar-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .webinar-header__header {
    margin-top: 40px;
  }
  
   .webinar-header__header h1{
    text-align: center;
  }
  
  .webinar-header__header h3{
    text-align: center;
  }
  
  .webinar-header__img {
    margin-top: 30px;
    margin-left: 0;
  }
  
}

@media only screen and (max-width: 639px) {
  .webinar_date {
    display: block;
    border-bottom: 1px solid #f5f4f5;
  }
  
  .register_button{
    padding: 10px 0 20px 0;
   }
}

/*webinars style end */


/*remote teaching styles */


.class-section > .row-fluid-wrapper > .row-fluid {
  
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
    align-items: center;

}

.remote-left {
    padding-right: 40px;
}

.mobile-btn {
  display: none !important;
  
}

.help-section {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.help-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  flex: 0 1 32%;
}
  
.help-img-text {
  max-width: 100%; /* for IE11 */
}

@media only screen and (max-width: 1170px) {
  .remote-left {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  
  .class-section > .row-fluid-wrapper > .row-fluid {
    display: block !important;
  }
  
  .remote-contact {
    padding: 20px 0 40px 0;
  }
  
  .elementary, .teen-voices, .latin, .remote-top {
    text-align: center;
  }
    
  .help-info {
    padding-bottom: 40px;
  }
  
  .help-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  
}

/* remote teaching styles end */

/* survival spanish for librarians */

.survival-spanish-buttons .btn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.survival-spanish-buttons .btn,
.survival-spanish-buttons .access-first-lesson,
.survival-spanish-buttons .access-4-lessons {
  width: 275px !important;
  display: inline-block;
  float: none;
}

.survival-spanish-top {
  padding-right: 60px;
}

.survival-spanish-disclaimer {
  text-align: center;
  padding-top: 20px;
}

@media only screen and (max-width: 1170px) {
 
  .survival-spanish-top  {
    width: 100% !important;
  }
  
  .spanish-librarians-image-disclaimer {
    width: 100% !important;
    text-align: center;
    margin-left: 0 !important;
  }
  
  .survival-spanish-top-right {
   width: 100% !important; 
   padding-top: 40px;
   display: -webkit-box !important;   
   display: -moz-box !important;      
   display: -ms-flexbox !important;   
   display: -webkit-flex !important;  
   display: flex !important;
   flex-direction: column !important;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    padding: 0;
  }
  
  .survival-spanish-image {
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    padding-top: 40px;
  }
  
  .survival-spanish-disclaimer {
    margin: 0 !important;
    padding: 20px 60px 0 60px;
    order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
  
  .survival-spanish-buttons {
    text-align: center;
    width: 94% !important;
    margin: 0 auto !important;
    margin: 0 -10px -20px !important;
  }
  .survival-spanish-buttons .access-first-lesson,
  .survival-spanish-buttons .access-4-lessons {
    margin: 0 10px 20px !important;
  }

  .survival-spanish-top {
    padding-right: 0;
  }
 
}

@media only screen and (max-width: 767px) {
  .survival-spanish-buttons {
    width: 99.99% !important;
  }
  .survival-spanish-disclaimer {
    padding: 20px 10px 0 10px;
 }

}
/* end survival spanish for librarians & asl for libriarians styles */

/* cl150 orientation styles */


   .cl150-orientation-buttons {
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
  }


.cl150-orientations-image {
  padding-left: 80px;
  
}

  .cl150-orientation-buttons {
    width: 130% !important;
}


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

  .cl150-orientations-top-left {
    width: 100% !important;
    
  }
  
  .cl150-orientations-image {
    width: 100% !important;
    text-align: center;
    padding-top: 40px;
    padding-left: 0;
    
    
  }
  
     .cl150-orientation-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100% !important;
    
   
  }
  

 
}

@media only screen and (max-width: 1023px) {
   .cl150-request-training {
     width: 100% !important;
     text-align: center;
     margin: 0 !important;
     padding: 20px 0 0 0;
  }
  
   .cl150-register-orientation {
     width: 100% !important;
     text-align: center;
     
}
  
  
}

@media only screen and (max-width: 767px) {
  .cl150-request-training {
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;  
    display: flex !important;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    padding-top: 20px;
    
  }
  
  
}

/* cl150 orientations styles end */

/*expired node styles start */

.expired-footer {
align-items: center;  
}

.expired-footer nav {
  text-align: left;
}

.footer-copyright-expired {
  display: block;
  padding-top: 0;
  }

.footer-info-expired {
  border: none;
  width: 100%;
  max-width: 500px;
}

.header-top-expired {
  padding-top: 7px;
}

.wrapper-expired {
  justify-content: flex-end !important;
}


.menu-expired {
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  width: auto;
} 

.menu-expired a {
  background-image: -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
  background-image: linear-gradient(90deg,#fff,#fff);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  -webkit-transition: background .3s linear;
  transition: background .3s linear;
  padding: 0;
}

.menu-expired a:active, .menu-expired a:focus {
  background-color: #202d3a;
}

@media only screen and (max-width: 1023px) {
  .wrapper-expired {
  justify-content: space-between !important;
}
  
  .expired-footer nav {
    display: block;
    text-align: center;
}
  
  .menu-expired {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
.expired-devices {
  text-align: center;
  padding-top: 40px;
}
  
}

/* expired node styles end */


/*chinese course campaign - additional styles (transparent connect enlish base styles) */

.chinese-image {
padding: 80px 0 0 0;  
}

.chinese-renew-auto {
 text-align:left; 
}

@media (max-width: 1139px) and (min-width: 768px) {

  .chinese-image {
  padding: 20px 0 0 0 !important;  
  }
  
  .sub-boxes-w-header {
  width: 100% !important;  
  }
  
  .sub-boxes-w-header h1, 
  .sub-boxes-w-header h2,
  .sub-boxes-w-header h3, 
  .sub-boxes-w-header h4, 
   {
  text-align: center !important;  
  } 
  
  .tutoring-connect-video {
    padding:40px 0 0 0;
    width: 100% !important;
  }
  
 }

@media only screen and (max-width: 767px) {
.chinese-image {
  padding: 20px 0 0 0 !important;  
  }
}

/** teach x with tlo **//

.teach-x-price {
  display: flex !important;
  justify-content: center !important;
}

.teach-x-buttons {
 display: flex !important;
 justify-content: center !important;
}

.contact-teach-x {
  padding: 35px 0 0 0;
}

.buy-teach-x {
  padding: 35px 0 0 0;
}

/** transparent create template **/

.join-free-beta {
  display: -webkit-box !important;   
  display: -moz-box !important;      
  display: -ms-flexbox !important;   
  display: -webkit-flex !important;  
  justify-content: center;
}


/** english screening test beta **/

.beta-screen-applicants {
 padding-right: 30px; 
}

.beta-interview-decisions {
 padding-left: 30px; 
}

  .beta-stack-row > .row-fluid-wrapper > .row-fluid{
       display: -webkit-box;   
        display: -moz-box;      
        display: -ms-flexbox;   
        display: -webkit-flex;  
        display: flex;
        justify-content: center;
        align-items: center;

    } 

.beta-video {
  box-shadow: -0.2px 6px 29px 0 rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: -0.2px 6px 29px 0 rgba(0, 0, 0, 0.21);
 
}


@media only screen and (max-width: 1139px) {
   .beta-video-wrapper {
   width: 80% !important;
   margin: 0 auto !important;
  }
  
  .join-beta {
   text-align: center !important; 
  }
}

@media only screen and (max-width: 1023px) {
  
.beta-header {
  text-align: center;
  }
  
  
.beta-screen-applicants {
 width: 100% !important; 
 padding-right: 0;
}
  
.beta-interview-decisions {
  width: 100% !important;
  padding-left: 0;
  }
  
  .beta-stack-row > .row-fluid-wrapper > .row-fluid{
       display: -webkit-box;   
        display: -moz-box;      
        display: -ms-flexbox;   
        display: -webkit-flex;  
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        align-items: center;

    } 
  
  
   .beta-stack-left{
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        width: 100%;   
       
    }
  
    .beta-stack-right {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        width: 100%;
       
    }
  
  
  .beta-image {
   width: 100% !important; 
   margin-left: 0 !important;
  }
  
  
}

/* asl for librarians */

.asl-librarians-buttons .btn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.asl-librarians-buttons .btn,
.asl-librarians-buttons .access-first-lesson,
.asl-librarians-buttons .access-full-course {
  width: 275px !important;
  display: inline-block;
  float: none;
}

.asl-libriarians-top {
  padding-right: 60px;
}

.asl-librarians-image-disclaimer {
  text-align: center;
  padding-top: 20px;
}

@media only screen and (max-width: 1170px) {
 
  .asl-libriarians-top  {
    width: 100% !important;
  }
  
  .asl-librarians-image-disclaimer {
    width: 100% !important;
    text-align: center;
    margin-left: 0 !important;
  }
  
  .asl-libarians-top-right {
   width: 100% !important; 
   padding-top: 40px;
   display: -webkit-box !important;   
   display: -moz-box !important;      
   display: -ms-flexbox !important;   
   display: -webkit-flex !important;  
   display: flex !important;
   flex-direction: column !important;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    padding: 0;
  }
  
  .asl-librarians-image {
   display: none;
  }
  
  .asl-librarians-image-disclaimer {
    margin: 0 !important;
    padding: 20px 60px 0 60px;
  }
  
  .asl-librarians-buttons {
   text-align: center;
    width: 100% !important;
    margin: 0 auto !important;
  }
  
  .asl-librarians-buttons .access-first-lesson,
  .asl-librarians-buttons .access-full-course {
    margin: 0 10px 20px !important;
  }

  .asl-libriarians-top {
    padding-right: 0;
  }
 
}

@media only screen and (max-width: 767px) {
 
  .asl-librarians-image-disclaimer {
    padding: 20px 10px 0 10px;
 }

}
/* end asl for libriarians styles */