/**********************************************************************************include hubspot/styles/responsive/required_base.css**************************************************************************/
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}

/**********************************************************************************include hubspot/styles/responsive/hubtheme-modules.css**************************************************************************/
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
  vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}

#caldays {
    margin-bottom: 4px;
}

#calmonth, #calyear {
    display: inline;
}

/* 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 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

/* Space Module */
.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */
.hs-author-social-links {
    display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
    font-size: 25px;
    display: inline-block;
    padding-right: 3px;
}
.about-author-sec {
    margin-top: 40px;
}
.about-author-sec img{
    border-radius: 50%;
    border: 1px solid #CCC;
    display: block;
}
.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;
    }
}

.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;
}


/**********************************************************************************include hubspot/styles/patches/recommended.css**************************************************************************/
/* 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;}




/* ==========================================================================
   Index:                                                

    - Variables
    - Macros
    - Base
    - Typography
    - Structure
    - Header
    - Custom Menu Primary
    - Mobile Menu
    - Content
    - Blog
    - Forms
    - Buttons
    - Footer
    - Mobile
    - Custom Styles
 idah love christian ayiie <3 idah idah idah danicks
   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

  

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */



/* FONT FACE */
@font-face {
    font-family: 'MrsEavRm';
    src: url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmRoman/MrsEavesRoman.eot');
    src: url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmRoman/MrsEavesRoman.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmRoman/MrsEavesRoman.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmRoman/MrsEavesRoman.ttf') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmRoman/MrsEavesRoman.svg#MrsEavRm') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MrsEavesSmItalic';
    src: url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmItalic/MrsEavesItalic.eot');
    src: url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmItalic/MrsEavesItalic.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmItalic/MrsEavesItalic.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmItalic/MrsEavesItalic.ttf') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmItalic/MrsEavesItalic.svg#MrsEavSmLigBd') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'MrsEavSmLigBd';
    src: url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmBold/MrsEavesBold.eot');
    src: url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmBold/MrsEavesBold.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmBold/MrsEavesBold.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmBold/MrsEavesBold.ttf') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/323779/Fonts/mrseavessmBold/MrsEavesBold.svg#MrsEavSmLigBd') format('svg');
    font-weight: normal;
    font-style: normal;
}  
  



/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
 * Create jinja macros for CSS3 properties that need browser prefixes.
 *
 * Apply the style as shown below.  Ignore the jinja comment tags. 
 *
 * 
*/

 

/** 
 * Example of how to apply the above macro (ignore the jinja comment tags):
 *
 * a {
 *    color: red;
 *    font-size: 12px;
 *     
 * }
 */





/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Custom fonts */
/* ex. @font-face {}; */
/* all @import calls need to be done at the top on line 1 */

html, body {
    min-height: 100%;
    margin: 0;
    padding: 0; 
} 

/* Website background color and default font styles can go here */
body {
  background: #fff;
  color: gray;
  font-family: 'MrsEavRm', 'Myriad Pro Regular',Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

/**
 * Page Center
 *
 * Apply this class to full-width modules.
 */
.page-center {
  float: none !important;
  max-width: 1230px !important;
  margin: 0 auto !important;
  background: none;
  box-shadow: none;
  padding: 0;
}



a { color: blue; }
a:hover, a:focus { color: #0055FF; }

/* Highlighted Text */
::-moz-selection {
    color: #fff;
    background: gray;
    text-shadow: none;
}
::selection {
    color: #fff;
    background: gray;
    text-shadow: none;
}





/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p, td, li, .post-body span { font-size: 26px;} 
small {}
strong {}
em {}
cite {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: 'MrsEavSmLigBd', 'Myriad Pro Regular',Arial, Helvetica, sans-serif; font-weight:normal;  margin: 10px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {}
h2 { font-size:65px; }
h3 { font-size:42px;}
h4 {font-size:29px;}
h5 {}
h6 {}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.inline, ol.inline {}
ul.inline > li, ol.inline > li {}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {margin:0 auto;}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }





/* ==========================================================================
   Header
   ========================================================================== */


.header-container-wrapper {padding:10px 0;}
.header-container {max-width:1230px;}
.header-container ul{width:100%;}
.header-container ul > li{
    margin-left:4%;
}

.header-container ul li a{
    text-decoration:none;
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}





/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


  /* Set ul background color */
  /*  Set li background Color */
  /*  Set link Color */
  /*  Set link Hover Color */


  /* Parent List */
  .custom-menu-primary .hs-menu-wrapper > ul{ 
      background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
      background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a{
    color:#cacaca;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:red;
  }

  /* Child List */
  .custom-menu-primary .hs-menu-wrapper > ul ul{}
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
      background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:#cacaca;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color:red;
  }

  /* Override max width on menu links */
  .custom-menu-primary .hs-menu-wrapper > ul li a, 
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    overflow: visible !important;
    max-width: none !important;
    width: auto!important;
  }




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

@media (min-width: 768px){

  a.mobile-trigger, a.child-trigger{
      display: none !important; /* Hide button on Desktop */
  }

}

@media (max-width: 767px){

  /* Variables
     ========================================================================== */

     /* Set Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }



 


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
      /* position: fixed;
       padding-top: 44px;  Makes room for button 
       margin: 10px 0 10px 0;
       z-index:999;*/
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    /* display: none; */
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }


  /* Toggle Button
     ========================================================================== */
     
    .menu-toggle {
          z-index: 1000;
          position: absolute;
          top: 18px;
          padding: 5px 10px;
          /* position: fixed; */
          overflow: hidden;
          cursor: pointer;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          display: block!important;
    }

    .hamburger {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0px;
		left: 0px;
		-webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
    	-moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
    	-ms-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
    	-o-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
		transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
	}
    
    .menu-toggle .bar {
        width: 38px;
        height: 4px;
        padding: 0;
        background-color: #FFFFFF;
        margin: 4px 0;
        border-radius: 5px;
    	-webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    	-webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
    	-moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
    	-ms-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
    	-o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
		transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
    }
    
   .menu-toggle.active { background:none;  top: 22px; }
    .menu-toggle.active .bar {
       /* background-color: #00aef1;*/
        width: 38px;
        height: 8px;
        border-radius: 4px;
                -webkit-transition: all 0.1s linear 0s;
        -moz-transition: all 0.1s linear 0s;
        -ms-transition: all 0.1s linear 0s;
        -o-transition: all 0.1s linear 0s;
        transition: all 0.1s linear 0s;
    }

   .menu-toggle.active .bar:nth-child(1) {
    	-webkit-transform: rotate(-135deg) translateY(-8.5px);
        -moz-transform: rotate(-135deg) translateY(-8.5px);
        -ms-transform: rotate(-135deg) translateY(-8.5px);
        -o-transform: rotate(-135deg) translateY(-8.5px);
		transform: rotate(-135deg) translateY(-8.5px);   
    }
    .menu-toggle.active .bar:nth-child(2), .menu-toggle.active .bar:nth-child(4), .menu-toggle.active .bar:nth-child(5) { opacity: 0; height: 0; margin: 0; }
    .menu-toggle.active .bar:nth-child(3) {
    	-webkit-transform: rotate(135deg) translateY(8.5px);
        -moz-transform: rotate(135deg) translateY(8.5px);
        -ms-transform: rotate(135deg) translateY(8.5px);
        -o-transform: rotate(135deg) translateY(8.5px);
		transform: rotate(135deg) translateY(8.5px);
    }
    
    .custom-menu-primary.js-enabled ul {
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.95);
        padding: 135px 0 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -ms-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }
    .custom-menu-primary .hs-menu-wrapper>ul li {
        border-top: 0;
    }
    .custom-menu-primary .hs-menu-wrapper>ul li a {
        text-transform: uppercase;
        font-size: 68px;
        text-align: center;
        display: block;
        padding: 36px 0;
        line-height: 52px;
    }
    .custom-menu-primary .hs-menu-wrapper>ul li a:hover {
        background-color: #ed008c;
       -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
    }


}

/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container {}







/* ==========================================================================
   Blog                                               
   ========================================================================== */


/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}


/* Blog Content Column
   ========================================================================== */

.blog-content-column {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
.hs-author-avatar {}
.hs-author-avatar img {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
    border-width: 0;
    max-height: 170px;
    max-width: 210px;
    height: auto;
    width: auto;
    display: block !important;
    float: none;
    margin: 0;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment {
    margin: 10px 0;
    border-top: 1px solid #ccc;
    padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {}
.blog-pagination .previous-posts-link {}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {}



/* Blog Sidebar
   ========================================================================== */

.blog-sidebar {}

/* Blog Modules */
.blog-sidebar .widget-span {}




/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */

/* Labels */
body label {}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"] {}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus {}

/* Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Drop Downs */
body select {}
body select:focus {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}


/* Form Module
   ========================================================================== */

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"] {
  width: 100%;
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus {}

/* Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {
  width: 100%;
}
.hs_cos_wrapper_type_form textarea:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}

/* Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {
  width: 100%;
}
#comment-form input[type="text"]:focus {}

#comment-form textarea {
  width: 100%;
}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {
  width: 100%;
}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"] {}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}





/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}


/* ==========================================================================
   Template Module Classes                                               
   ========================================================================== */


/* Site Pages
   ========================================================================== */

/* Full Width Template */
.full-width-template .full-width{}

/* Three Column Template */
.three-column-template{}
.three-column-template .left-column{}
.three-column-template .center-column{}
.three-column-template .sidebar{}

/* Two Column Template */
.two-column-template{}
.two-column-template .left-column{}
.two-column-template .sidebar{}


/* Landing Pages
   ========================================================================== */

/* Full Width Template */
.full-width-template-landing-page .full-width{}

/*Thank You Flex Template */
.thank-you-template{}
.thank-you-template .left-column{}
.thank-you-template .sidebar{}

/*Three Column Template */
.three-column-template-landing-page{}
.three-column-template-landing-page .left-column{}
.three-column-template-landing-page .center-column{}
.three-column-template-landing-page .sidebar-form{}

/* Two Column Template */
.two-column-template-landing-page{}
.two-column-template-landing-page .left-column{}
.two-column-template-landing-page .sidebar-form{}




/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {}
.footer-container {}




/* ==========================================================================
   Custom styles                                                
   ========================================================================== */

 
   
     
/* RESET */
body{
    margin:0;
    padding:0;
    font-family: 'MrsEavRm', 'Myriad Pro Regular',Arial, Helvetica, sans-serif;
    font-size:15px;
    color: #606164; 
}


/* HEADER */
.header-container-wrapper{
    width:100%;
    padding:0;
    position:fixed;
    z-index:1000;
}

.header-container{
    max-width:1230px;
    width:90%;
    margin:0 auto;
    background:url('//cdn2.hubspot.net/hubfs/323779/new_images/shadow-header.png') no-repeat bottom center;
    padding-bottom:20px;
}

.header-holder{
    background:#ede6d9;
    font-size:0;
}

.row-fluid .span12.mobile-menu{
    display:none;
    font-size:18px;
}

.header-logo{
    background:#5a5e3f;
    text-align:center;
    padding:22px 0;
    width:100%;
}

.header-logo img{
    max-width:85%;
}

.fading-images{
    min-height:400px;
}
.main-menu li.hs-menu-item.hs-menu-depth-2 {  margin: 0; }
.captions-holder .hs_cos_flex-slider{
    background:transparent;
    margin-bottom:0;
}

.captions-holder .hs_cos_flex-slider .caption{
    background:none;
}

.fade-bg > .row-fluid-wrapper:nth-child(2){
    position:absolute;
    z-index:605;
    top:21%;
    left:0;
    right:0;
}

.fade-bg > .row-fluid-wrapper:nth-child(3){
    position:absolute;
    z-index:600;
    top:0;
    left:0;
    right:0;
}

.blog-links ul{
    padding:0;
    margin:0;
    text-align:right;
}

.blog-links ul > li{
    display:inline-block;
    border-left:solid 1px #8f8c86;
    padding-left:20px;
    padding-right:20px;
    line-height:80px;
}

.blog-links li a{
    color:#676561;
    font-style:normal;
    font-family:'MrsEavRm';
}

.blog-links ul > li.blog-icon{
    padding-right:44px;
    font-size:18px;
    text-transform:uppercase;
    background:url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/p-pennnational-site-4-1-15-01_09.png') no-repeat center right 10px;
}

.main-menu ul{
    padding:0;
    margin:0;
    border-top:solid 1px #8f8c86;
}


.desktop-view .main-menu ul > li a{
    color:#676561;
    font-style:normal;
    font-family:'MrsEavRm';
    font-size:18px;
    display:block;
    padding:15px 20px 14px 20px;
    cursor:pointer;
}

.desktop-view .main-menu ul>li a:hover{background:#676561;color:#CBC5B9;}

.header-container ul>li{margin-left:0 !important;}

.mobile-menu-view{display:none !important;}
.footer-top-part .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {  white-space: initial; }

.desktop-view .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  width:auto;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li{
    display:block;
    float:none;
    width:auto;
    background-color:#fff;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2{
    padding:0 20px 0 25px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2:hover{
    background-color:#5A5E40 !important;
    background:url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/main_nav_arrow_2.png') no-repeat 8px center;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    color:#676561;
    display:block;
    padding:10px 10px;
    border-bottom:1px dotted #676561 ;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
    color:#EDE6D8;
    background-color:#5A5E40 !important;
}

.span9-nomargin{
  width: 76.8% !important;
  margin-left: 0 !important;
}

.fading-images .hs_cos_flex-slider{
    margin-bottom:0;
}



.slant-bg-holder{
    background:#ede6d9;
    padding:0;
}

.inner-slant{
    background:#ede6d9;
    transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    padding: 60px 3% 60px 0;
    margin-left: 18% !important;
    width: 41% !important;
}

.inner-slant > .row-fluid-wrapper{
    transform: skew(15deg);
    -o-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -webkit-transform: skew(15deg);
}

.section-wrapper{
    position:relative;
}

.section-wrapper h2{
    text-transform:uppercase;
    color:#676561;
    margin:0 0 28px 0;
    font-size:50px;
}

.learn-more{
    color:#b12225;
    font-size:26px;
    font-family:'MrsEavesSmItalic';
}
.learn-more a{
    color:#b12225;
    text-decoration:none;
}

.learn-more a.largefont{
    font-size:42px;
}

.learn-more a span{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6 ease-in-out;
    -moz-transition:all .6 ease-in-out;
    -o-transition:all .6 ease-in-out;
    
}

.learn-more a:hover span{
    margin-right:20px;
}

.slant-bg1{
    background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-1.jpg') no-repeat center right;
    background-size: 45.35% 100%;
}

.slant-bg2{
    background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-2.jpg') no-repeat center right;
    background-size: 44.75% 100%;
}

.hikers-bg img{
    width:100% !important;
}

.hikers-section{
    position:absolute;
    top:13%;
    left:0;
    right:0;
    color:#c0c2c4;
}
    
.activities-wrapper {
    position: relative;
    }
    
.activities-wrapper .row-number-2 {
    position: absolute;
    top: 0;
    left: 8%;
    }
    
.activities-holder{
    background:rgba(0,0,0,0.7);
    font-size:20px;
    float: right !important;
    margin-left: 0;
}


.activity-content{
    padding:40px;
}

.hikers-section h2{
    color:#fff;
    margin-bottom:10px;
}


.body-wrapper > .row-fluid-wrapper:nth-child(2){
   
}
.body-wrapper > .row-fluid-wrapper:nth-child(3){
   
}

.hikers-bg{
 margin-top:-65px;
}

.clearer{
    overflow:hidden;
}
.fl{float:left;}
.fr{float:right;}

.activities-holder .fl{
    width:45%;
}

.activities-holder .fr{
    width:45%;
}

.find-more{
    background:#b12225;
    padding:25px;
    text-align:center;
}

.find-more a{
    color:#6b0504;
    text-decoration:none;
    font-size:34px;
}

.section-schedule{
    background:#5a5e3f;
    padding:20px 0;
}

.section-schedule h2{
    color:#84895f;
    font-size:58px;
    text-transform:capitalize;
    margin:10px 0 5px 0;
    font-family:'MrsEavRm';
    line-height:45px;
}

.section-schedule h3{
    color:#373b23;
    font-size:20px;
    margin:0;
    line-height:24px;
}

.sched-button{
    border:solid 2px #84895f;
    text-align:center;
}

.sched-button a{
    color:#84895f;
    font-size:39px;
    padding:20px;
    display:block;
    text-decoration:none;
}


/* footer css */

.footer-inner-links .hs-menu-flow-vertical ul > li a{
    margin:0 0 3px 0;
    color:#ede6d9;
    font-family:'MrsEavRm';
    font-size:20px;
    text-decoration: none;
}

.footer-inner-links .hs-menu-flow-vertical ul > li.hs-item-has-children a{
    
    border-bottom:dotted 1px #fff;
}

.footer-inner-links .hs-menu-flow-vertical ul > li ul li{
    display:block;
    float:none !important;
    line-height:24px;
    border-bottom:none;
}

.footer-inner-links .hs-menu-flow-vertical ul > li ul li a{
    text-decoration:none;
    color:#ede6d9;
    font-family:'MrsEavRm';
    font-size:20px;
}

.footer-top-part{
    background:#403d3a url('//cdn2.hubspot.net/hubfs/323779/images/bk.png') no-repeat center right; background-size: auto 100%;  padding:50px 0;);
}

.inner-footer > .row-fluid-wrapper{
    max-width:1230px;
    margin:auto;
}

.footer-logo{
    border-bottom:solid 1px #cac5bb;
    text-align:center;
    margin-bottom:15px;
    padding-bottom:15px;
    padding-top:50px;
}

.copyright{
    background:#231f20;
    padding:15px 0;
    text-align:right;
    color:#ede6d9;
    font-size:14px;
}

.footer-details{
    padding-left:15px;
    color:#a19d96;
    padding-right:15px;
    font-size:15px;
}

.footer-details .iBlock{
    width:48%;
}

.footer-icons{
    margin-top:40px;
}

.footer-icons a{
    margin-right:8px;
}

.iBlock{
    vertical-align:middle;
    display:inline-block;
}


.footer-inner-links .hs-menu-flow-vertical ul > li ul{
    padding-left:20px;
    margin-bottom:25px !important;
}

.footer-inner-links .hs-menu-flow-vertical ul > li ul li a{
    color:#a19d96;
    text-decoration:none;
}

.fading-background{
    width:100%;
}

.fading-background .fade img{
    width:100%;
}

.fade {
    overflow: hidden;
}


/** common CSS **/

.border-bottom-wrapper{ border-bottom: 13px solid #403e3b;}

/** FIND MORE ACTIVITIES BUTTON **/
  .fma-wrapper{background:#B12225;max-width: 714px;text-align:center;color:#6A0403;font-size:34px;padding:10px 0;} 
  
/** HOMEPAGE **/

    /** SECTION 1 - SLIDER**/
    .outerWrap{font-size:0;}
    .hs_cos_flex-direction-nav {display:none;}
    .sliderText { position:absolute; top:30%; z-index:2; }
    .banner-texts h1{text-transform:uppercase;   font-size: 110px; color: #EDE5D8;  text-shadow: 3px 5px 5px rgba(35, 31, 32, 1); line-height:normal;   
        max-width: 1230px;
        float: none;
        margin: 0 auto !important;
        padding-top: 5%;
     }
    .banner-texts h1::first-letter {  font-size: 145px; }
    .banner-texts h1 div.inline{
        display:inline;
    }
    
    .captions-holder .caption .inner-caption{
          max-width: 1140px;
          margin: auto;
    }
    
    .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 100%;
         top: 460px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
    .fade-bg{position:relative;}
    .fade-bg .fading-images{
          border-bottom: solid 15px #403e3b;
    }
    .captions-holder h3{margin:0; background-color: rgba(0,0,0,0.5); color:#ede6d9;  padding: 17px;  text-align: left;  transform: skew(-25deg);  -o-transform: skew(-25deg);  -moz-transform: skew(-25deg);  -webkit-transform: skew(-25deg);  border-radius: 0; }
    .captions-holder h3 span{color:#ede6d9; display:block;  font-family: 'MrsEavesSmItalic'; padding:0 15px; transform: skew(25deg); -o-transform: skew(25deg); -moz-transform: skew(25deg); -webkit-transform: skew(25deg); font-size:51px; line-height: normal; margin:0; }

    .relative-wrapper{position:relative;}
    .cta-wrapper {  
        position: absolute;
        z-index: 9999;
        bottom: 15px;   
    }
    .row-fluid [class*="span"] .cta-wrapper {
      display: block;
    }
    .cta-innerwrapper {
      position: relative;
      background: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/cta-background.png') no-repeat; 
      background-size:cover;
      padding:15px 20px;
    }
    .absolute-closeimage img {
      position: absolute;
      right: -1.25%;
      top: -10%;
      cursor: pointer;
    }
    .cta-innerwrapper .widget-type-text{
        font-size:40px;
        line-height: 38px;
        padding: 15px 0;
    }
    .cta-innerwrapper  .widget-type-cell {
        text-align:center;
        margin-left: 1%;
    }
    .cta-absolutesideimage img{
        position:absolute;
        bottom:0;
    }
    
    /* SECTION 2 */
    .slant-image-wrapper{position:absolute; right:0;}
    /*.slant-image-wrapper img{display:none;}*/
    .who-are-we { background: #EDE5D8; }
  
    /* SECTION 3 */
    .hikers-background {   /*padding: 6% 0;*/ color:#fff; background:url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/section3bg.png');  background-size: cover; }
    .textcontent-wrapper .widget-type-rich_text{ background: rgba(2, 2, 1, 0.6);  padding: 40px;  max-width: 714px; }
    .content-relative {position:relative;}
    .absoluteImage img{  position: absolute; bottom: 13px;  left: 6%;}
    .textcontent-wrapper td:first-child{ padding:0 10px 0 0;}
    .textcontent-wrapper td{   vertical-align: top;  padding: 0 10px; }
  
/** BLOG **/
    /** BLOG LIST **/
    .banner-content .post-header, .banner-content .post-body, .banner-content .morelink-wrapper{max-width:530px;}
    .blog-banner{ background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;   background-size: cover;background-color: #3F3D3A;}
    .banner-content .hs-featured-image-wrapper, .blog-listing-wrapper .post-listing .post-item:first-child {display:none;}
    .banner-content {   padding: 11% 45px 35px;color:#EDE5D8;  max-width: 48%;  float: right !important;  background-color: rgba(0,0,0,0.7);  min-height: 708px !important; }
    .hs-blog-social-share {border:none;}
    .banner-content h2 {margin: 0;  line-height: 0;}
    .banner-content h2 a{ line-height: 65px;  text-shadow: 3px 5px 5px rgba(35,31,32,1); }
    .banner-content a{color:#EDE5D8;text-decoration:none;}
    .banner-content .more-link {color: #EDE5D8!important;}
    .more-link {font-size:20px;text-decoration:none;font-family: 'MrsEavSmLigBd','Myriad Pro Regular',Arial,Helvetica,sans-serif;}
    .banner-content .red{color:#B12225;font-weight:bold;}
    .post-listing p, .banner-content p{margin:10px 0;}
    span.author-date-wrapper {border: 2px solid #fff; }
    .banner-content p { font-size: 22px; }
    #hubspot-author_data a.author-link,  span.author-date-wrapper{  border-right: 2px solid #fff;  padding: 7px;font-size: 18px; } 
    .widget-type-post_filter {background-color:#3F3D3A;  padding: 20px 0;}
    .widget-type-post_filter .block{  float: none!important; max-width: 1230px!important; margin: 0 auto!important;position:relative;}
    .widget-type-post_filter .block h3{display:inline-block; color: #8D8B85; font-size:30px;margin:0;}
    .widget-type-post_filter .block .widget-module{display:inline-block;  position:absolute; right:0;top:0; bottom:0;}
    .widget-type-post_filter .block .widget-module select{ outline:none; background: none; color: #fff; border: 2px solid #fff; font-size: 20px;  text-transform: lowercase;  padding: 5px;  width: 340px; }
    .widget-type-post_filter .block .widget-module select option{ background-color: #3F3D3A;}
    .blog-listing-wrapper .post-listing .post-item { max-width: 373px; display: inline-block; vertical-align: top;   margin: 20px 17px;min-height: 655px !important;  overflow: hidden;
  position: relative;
    -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
      background: #878C61;}
      a.more-link {color: #878C61;}
    .post-listing .post-item h2 {font-size:49px;margin:10px 0;   line-height: 45px;}
    .post-listing .post-item h2 a{ color:#fff;text-decoration:none; }
    .post-listing .post-item .author-date-wrapper a{display:none;}
    .post-listing .post-item .post-body{display:none;}
    .post-listing .post-item .hs-featured-image-wrapper { position:relative; width:auto; height: 390px; overflow: hidden;  margin-bottom: 10px;}
    .post-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { max-width: none;   float: right;  margin: 0;  max-height: 100%;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    min-height: 100%; min-width: 100%; height: auto; width: auto; margin: 0 0 0 0;    
    }
    
    .post-listing .post-item:hover .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
    -moz-transform:scale(1.25); 
-webkit-transform:scale(1.25);
-o-transform:scale(1.25);
}


    .post-listing .post-item:hover:before {  content: "";  display: block; position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0, 0, 0, 0.3);  z-index: 9; }
    .post-listing .post-item:hover a { position: relative;   z-index: 99;}
    .post-listing .post-item a.hs-featured-image-link {  display: inline-block;  height: 100%;  width: 100%;  background: #000; }
    .post-listing .post-item:hover a.hs-featured-image-link img {  opacity: 0.6; }
    .post-listing .post-item:nth-child(3n+0) {  }
    .post-listing .post-item .hubspot-editable{font-size:15px; color:#231F20;  padding-top: 10px;}
    .post-listing .post-item .hs_cos_wrapper_type_blog_social_sharing{display:none;}
    #hubspot-topic_data {display:none;}
    .post-listing .post-item  span.author-date-wrapper{border:none;}
    .post-listing .post-item .hubspot-editable, .post-listing .post-item h2, .post-listing .post-item .more-link{padding:0 15px;}
    .post-listing .post-item .morelink-wrapper{background:rgba(35, 31, 32, 0.6);  padding: 10px 0;  margin-top: 30px;position:absolute;width:100%; bottom:0;}
    .widget-type-blog_subscribe label{display:none;}
    .widget-type-blog_subscribe .hs_email, .widget-type-blog_subscribe .hs_submit, div#hs_form_target_module_14294856950105520, h3#hs_cos_wrapper_module_14294856950105520_title{display:inline-block; vertical-align:middle;}
    .blog-pagination {text-align:right;}
    .blog-pagination a{font-size:20px; color:#403D3A;text-decoration:none;}
    .widget-type-blog_subscribe .bigS{font-size:45px;color:#595E3F;text-transform:uppercase;  line-height: 0;}
    .widget-type-blog_subscribe  h3 hr{    border: none; display: inline-block;width: 83px; height: 4px; background-color: #595E3F;}
    .smallS{  display: inline-block; vertical-align: top; font-size: 25px; font-family: 'MrsEavesSmItalic'; line-height: 15px;  color: #3B3F27;}
    .separator{  padding: 0 0 0 30%; display: block;}
    .widget-type-blog_subscribe .input input { outline:none; background: #878B61; border: none;   padding: 12px 10px; font-size: 20px;  font-family: 'MrsEavRm','Myriad Pro Regular',Arial,Helvetica,sans-serif;width:238px; }
    .widget-type-blog_subscribe input.hs-button.primary.large { background-color: #3B3F27; border: none; font-size: 20px; color: #fff; padding: 12px 30px;  font-family: 'MrsEavRm','Myriad Pro Regular',Arial,Helvetica,sans-serif; }
    .hsformerror p {  font-family: 'MrsEavRm','Myriad Pro Regular',Arial,Helvetica,sans-serif !important; }
    .widget-type-blog_subscribe{text-align:center;  background: #595E3F url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/subscribebg.png') no-repeat;  background-size: 50% 100%;padding:25px 0; position:relative;}
    .widget-type-blog_subscribe span{font-size:20px;color:#000;}
    .resubscribe-message.email-validation.message { position:absolute; right:0; width:100%; bottom:5px; }
    
    h3#hs_cos_wrapper_module_14294856950105520_title{ padding: 0px 25px 0; margin-top: 1%; font-size:inherit; margin-bottom:0; }
    div#hs_form_target_module_14294856950105520 { margin-left: 11em; }
    .widget-type-blog_subscribe ::-webkit-input-placeholder { color: #595E3F; }
    .widget-type-blog_subscribe :-moz-placeholder { color: #595E3F;  opacity: 1; }
    .widget-type-blog_subscribe ::-moz-placeholder { color: #595E3F;  opacity: 1; }
    .widget-type-blog_subscribe :-ms-input-placeholder { color: #595E3F; }
    
    .post-listing .post-header .hs-featured-image-wrapper:nth-child(2) {display:none;}
    .placeholderimage {display:none;}
    .main-banner {background-image: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/discover_img/discover_banner.png');
    background-repeat: no-repeat;
    background-size: cover;}
    
    /** BLOG POST **/
    .penn-blog.hs-blog-post .blog-section .blog-post-wrapper .post-body {  margin: 0 auto; max-width: 970px; }
    .penn-blog.hs-blog-post .banner-content{background:none;}
    .penn-blog.hs-blog-post .blog-banner { position:relative; }
    .penn-blog.hs-blog-post .blog-banner:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); }
    .penn-blog.hs-blog-post .widget-type-post_filter{display:none;}
    .penn-blog.hs-blog-post .banner-content{max-width: 100%; position:relative; padding-left:0;}
    .penn-blog.hs-blog-post .bannercontentinnerwrapper{position:absolute; bottom:10%;}
    .penn-blog.hs-blog-post .banner-content h1{ font-size:102px; margin:0;}
    .penn-blog.hs-blog-post #hubspot-author_data a.author-link, .penn-blog.hs-blog-post span.author-date-wrapper { font-size: 28px; }
    .penn-blog.hs-blog-post .blog-section .post-header{ display:none; }
    .penn-blog.hs-blog-post .post-body p:first-child img{ min-width: 69%; width: auto;  overflow: hidden;  float: left;  max-width: 608px;  margin: 10px 30px 0 0;  height: auto;}
    .blog-post-social-sharing { margin: 0 auto!important;   max-width: 970px; float: none !Important;  position: relative; }
    .blog-post-social-sharing #hs_cos_wrapper_module_142975475097212585 { display: block; width: 40px; font-size: 0; z-index: 999;  position: static;   margin-top: 24px; }
    .blog-post-social-sharing #hs_cos_wrapper_module_142975475097212585.addfixed { position:fixed; top:135px; }
    .blog-post-social-sharing a { display: inline-block;  font-size: 0;}
    .blog-post-social-sharing .layout-widget-wrapper { position: absolute; left: -50px; }
    span#hs_cos_wrapper_module_14230970572854191 a{width:33px !important;}
    span#hs_cos_wrapper_module_14230970572854191 a:hover{background-color: black;}
    img.hs-image-widget.hs-image-social-sharing-24:hover {  opacity: 0.8;}
    
    .blog-post-social-sharing img[alt="Share on Facebook"]
    {
    background: url('//web.afflink.com/hs-fs/hub/282504/file-2442947198-png/Afflink_Blog_images/facebookicon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    .blog-post-social-sharing img[alt="Share on LinkedIn"]
    {
    background: url('//web.afflink.com/hs-fs/hub/282504/file-2445115961-png/Afflink_Blog_images/linkedinicon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    .blog-post-social-sharing img[alt="Share on Twitter"]
    {
    background: url('//web.afflink.com/hs-fs/hub/282504/file-2445121016-png/Afflink_Blog_images/twittericon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    .blog-post-social-sharing img[alt="Share on Google+"]
    {
    background: url('//web.afflink.com/hs-fs/hub/282504/file-2445121011-png/Afflink_Blog_images/googleicon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    
    .penn-blog.hs-blog-post .post-body h4{margin:0; color:#4A4A4C;}
    .penn-blog.hs-blog-post .post-body h4 + p{margin-top:0;}
    .penn-blog.hs-blog-post .post-body h2{margin:0; color:#B12225;}
    .penn-blog.hs-blog-post .post-body h2 + p{margin-top:0;}
    .penn-blog.hs-blog-post .post-body h3{margin:0; color:#454547;}
    .penn-blog.hs-blog-post .post-body h3 + p{margin-top:0;}
    .penn-blog.hs-blog-post .post-body ul { margin-left:2em; }
    .about-author-mainwrapper{  border-top: solid 15px #403e3b;  margin-top: 3%; }
    .about-author-sec {max-width:1230px; float:none; margin:0 auto !important; padding:3% 0;}
    #comments-listing{border:none;}
    .about-author-sec img {   border-radius: 0; }    
    .about-author-mainwrapper h3 a{color:#606164; text-decoration:none;  text-transform: uppercase;  padding-right: 20px;}
    .about-author-mainwrapper h3, .about-author-mainwrapper .hs-author-social-section{display:inline-block;  vertical-align: middle;}
    .about-author-mainwrapper p{margin:0;font-family: 'MrsEavesSmItalic';font-size:21px;  }
    .about-author-mainwrapper .span10{max-width:750px;}
    
    .hs-author-social-section {padding:0 25px;}
    .hs-author-social-links a.hs-author-social-link {  text-indent: -99999px; }
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-facebook, 
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-linkedin, 
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-twitter, 
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{ background: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/autho-social_v2.png') no-repeat;}
    
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-facebook{background-position: 0 0;    width: 40px; height: 38px;}
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-linkedin{background-position: -43px 0; width: 40px; height: 38px;}
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-twitter{background-position: -86px 0;  width: 40px; height: 38px;}
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{background-position: -130px 0px; width: 40px; height: 38px;}
  
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-facebook:hover{background-position: 0px -38px; width: 40px; height: 38px; }
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:hover{background-position: -43px -38px; width: 40px; height: 38px;}
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-twitter:hover{background-position: -86px -38px;    width: 40px;	height: 38px;}
    .hs-author-social-section .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:hover{background-position: -130px -38px; width: 40px; height: 38px;}
    
    
    
.section-schedule a{text-decoration: none;}
.section-schedule{height: auto!important; text-decoration: none; padding: 0px!important;}
.section-schedule:hover{cursor: pointer;}
.section-schedule:hover .btn{color: #474936; border-color: #474936; transition: all ease 0.4s;}
.tour-holder{padding: 30px 0px!important; width: 100%!important; text-decoration: none;}
.tour-holder .maxwidth{max-width: 1200px; position: relative; margin: 0 auto; padding: 0 15px; }
.tour-holder .header{color: #84895f; font-size: 58px; max-width: 490px; text-transform: capitalize; margin: 10px 0 5px 0; font-family: 'MrsEavRm'; line-height: 45px; display: block;}
.tour-holder .sub{display: block; color: #373b23; font-size: 20px; margin: 0; max-width: 300px; line-height: 24px;}
.tour-holder .btn{15px;transition: all ease 0.4s; position: absolute; right: 15px; top: 0; cursor: pointer; border: solid 2px #84895f; max-width: 200px; text-align: center; font-size: 31px; padding: 15px 37px ; display: block; text-decoration: none; color: #84895f;}


@media (max-width: 712px){
.tour-holder .btn{clear: both; margin: 20px auto 0; position: inherit!important; text-align: center;}
.tour-holder .header{text-align: center; display: block; margin: 0 auto; font-size: 40px;}
.tour-holder .sub{text-align: center; display: block; margin: 0 auto;}
}

    
/* Global Landing Pages    */

.in-lp .slant-image-wrapper {
    background-size: cover;
    height: 823px;
    position:static;
    
}

/* Landing Pages - 1 */

    /* Section 1 */
    
    .in-lp-1 .slant-image-wrapper {
        border-bottom: 10px solid #403e3b;
    }
    
    .in-lp-1 .lp-form {
        padding-top:16%;
    }
    
    .lp-form label {
        display:none;
    }
    
    .lp-form form input {  font-size:20px;   padding: 3% 4%!important; }
    .lp-form form .hs-button  { padding:5% 4% !important;}
    
    .form-columns-2 {
        padding-bottom:20px !important;
    }
    
    
    .in-lp input {
        border-radius:5px;
        border:1px solid #b1b3b4;
        line-height:24px;
        outline:0;
        padding:5px;
        font-family: 'MrsEavRm', 'Myriad Pro Regular',Arial, Helvetica, sans-serif;
       
    }
   
    
    .in-lp-1 .hs-button  {  
        background: #b12225;
        border: none;
        border-radius: 0;
        text-transform: uppercase;
        padding: 20px 40px;
        width: 82%;
        color: #7f1011;
        font-size: 20px;
        font-family: 'MrsEavRm', 'Myriad Pro Regular',Arial, Helvetica, sans-serif;
        cursor:pointer;
    }
    
    /* Section 2*/
    
    .schedule-tour {
        position:relative;
        text-align:center;
        padding:100px 0;
        
    }
    
    .schedule-tour h1 {
        color:#676561;
        font-size:63px;
    }
    
    .schedule-tour .content {
        width:75%;
        margin:0 auto !important;
        float:none;
    }
    
    .schedule-tour .content p {
        
        
    }
    
    /* Section 3*/
    .testi {
        position:relative;
        border-top:5px solid #b6b2aa;
        background:rgba(66,70,44,.71);
        overflow:hidden;
        
    }
    
    .testi .img-wrapper {
        border-bottom:10px solid #403e3b;  

            
    }
    
    .testi.slant-image-wrapper-2 img {
        display:none;
    }
    
    .testi .content {
        position:absolute;
        top:0;
        background:rgba(66,70,44,.71);
        right:-120px;
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        padding:25px 0;
        height:624px;
    }
    
    .testi .content img {
        float:left; 
        margin-right:10px;
        max-height:50px;
    }
    
    .testi .content .text {
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        color:#c1c2c4;
        font-size:26px;
        padding:10% 3%; 
        width:52%;
    }
    
    .name, 
    .position {
        text-align:right;
        margin:0;
    }
    
    .name {
        color: #ffffff;
        font-size: 26px;
        padding-right:20px;
    }
    
    /* Section 4*/
    .section-4 {
        position:relative;
    }
    
    .section-4 img {
        margin-top: -13%;
    }
    
    .section-4 .img-wrapper {
        border-bottom:3px solid #616264;
        position:relative;
    }
    
    .section-4 p {
        line-height:26px;
    }
    
    .section-4 .content {
        padding:5% 0;
    }
    
    
    /* Section 5*/
    .section-5 {
        padding:155px 0;
        text-align:center;
    }
    
    .section-5 .content {
        width:64%;
        margin:0 auto !important;
        float:none;
       
    }
    
    
    
    .section-5 .content p {
        font-size:22px;
        line-height:22px;
    }
    
 
 
/* Landing Pages - 2 --- Schedule Your Tour */
.getaway-mainwrap { position:relative;   padding: 8% 0 9%;}
.schedule-tour2-img { position:absolute;}
    .schedule-tour2-img img {   right: 0px; position: absolute; width: 50% !important; }
a:focus { border:none !important; outline:0 !important;}
.utube-play a { display: inline-block; height: 200px; width: 100%; text-align: center; margin-top: 15%; }
    .utube-play a img {display: block; text-align: center; margin: 0 auto; }

/* video css */
.schedule-your-tour2 #cboxOverlay {  background-image: none; }
.youtube:focus { outline:0; border:none;}

/* form css */
    .lp2-form { position: absolute; top: -172px; }
    .lp2-form form { border-top: 15px solid #86847e; width: 100%; text-align: center; padding: 10% 8%; background-color:#fff}
    .lp2-form form:before,  .lp2-form form:after {
          content: "";
          position: absolute;
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86847e), to(transparent));
          background-image: -webkit-linear-gradient(#86847e, transparent);
          background-image: -moz-linear-gradient(#86847e, transparent);
          background-image: -o-linear-gradient(#86847e, transparent);
          background-image: linear-gradient(#86847e, transparent);
          top: 10px;
          bottom: -15px;
          width: 15px;   height: 70%;
        }
    .lp2-form form:before { left:0px;}
    .lp2-form form:after { right:0px;}

    .lp2-form .hs-form fieldset { max-width:100%;}
       .lp2-form .hs-form fieldset.form-columns-2 .input {margin: 0.5% 4%; }
       .lp2-form form input { font-size:20px !important;   padding: 3% 4% !important;}
       .lp2-form form  select {   width: 97.5%!important; margin-left: 1%; border-radius: 6px;  border: 1px solid #b1b3b4; height: auto; padding: 1.5%; 
            color: #b1b3b4; margin-bottom: 5%; font-family: "MrsEavRm","Myriad Pro Regular",Arial,Helvetica,sans-serif; font-size: 20px; }
       .lp2-form form  textarea {    width: 97.5%!important; margin-left: 1%; border-radius: 6px; border: 1px solid #b1b3b4; height: 140px; font-size: 20px;
            padding: 2%; font-family: 'MrsEavRm','Myriad Pro Regular',Arial,Helvetica,sans-seri;  }
        .lp2-form form .hs-button.primary, .lp2-form form input[type="submit"]  {
              border: 0px;
              background: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/landing-page-img/sched-tour-submit-bg.jpg') no-repeat;
              width: 96%;   background-size: 100% 100%;
              height: 74px;   margin-right: 1%;
              text-align: left;
              font-size: 21px;
              margin-top:5%;
              padding-top: 13px;  padding-left: 10% !important;
              color: #fff; 
              cursor: pointer; border-radius:0px;   font-size: 23px !important;
              font-family: 'MrsEavRm','Myriad Pro Regular',Arial,Helvetica,sans-serif !important; }
         .lp2-form form .hs-button.primary:hover, .lp2-form form input[type="submit"]:hover{background: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/landing-page-img/sched-tour-submit-bg-hover.jpg') no-repeat;   
            width: 96%;   background-size: 100% 100%;}
    .lp2-form-details { text-align:left; float:right !important }
        .lp2-form-details h3 a { font-size:34px; color:#b12225; text-decoration:none;  font-family: 'MrsEavesSmItalic';}

/* thank you reply css */
.sched-thank-you { border: 15px solid #86847e; padding: 7% 5% 10%; margin-top: 32%; font-size: 22px; margin-bottom: 5%; }
        
    
.schedule-tour2 {   padding: 4% 0 7%;   position: relative; }
    .schedule-tour2-list h2 { font-size:30px !important; }
    .schedule-tour2-list ul {  list-style-image: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/landing-page-img/check-bullet-schedule.jpg');
         margin-top: 10%;  border-bottom:4px solid #b6b2aa; padding-right:0px; 4px solid #b6b2aa; padding-bottom:12%;}
        .schedule-tour2-list ul li { vertical-align:top; color:#858a60;  font-size:24px;   font-family: 'MrsEavesSmItalic'; margin-bottom: 1%; line-height: 40px; }
.discover-getaway { position:relative; padding: 0 0;}
    .offer-promo {  position: relative; top: 10px; width: 63% !important; background: url("//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/landing-page-img/offer-promo-bg.png") no-repeat right; 
        background-size: cover; height: 109px;    opacity: 0.88; }
        .offer-promo h2 {  font-size: 36px;font-family:'PT Sans',sans-serif;  text-align: right; padding-right: 10%; color:#fff; text-shadow: 2px 2px 4px rgba(28, 28, 28, 1); margin-bottom:0;}
       .offer-promo p {  text-align:center; color:#fff;  font-size: 21px; margin:0;}
.page-center.cta-wrap { text-align:center; padding-top:2%;}
    .cta-wrap p { width:40%; margin:0 auto;}
    .cta-wrap .cta_button {  margin: 3% 0 10%; }
    
 

    
    
    
    /* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

select{
     font: normal normal normal normal 24.333333px/normal 'MrsEavSmLigBd';
    
}
.dropdown{
	position: relative;
	cursor: pointer;
    transition: border 0.2s ease 0s, box-shadow 0.2s ease 0s;
    box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
    z-index: 2;
   background: none;
   color: #fff;
   border: 2px solid #fff;
   font-size: 20px;
   text-transform: lowercase;
   padding: 5px;
   width: 340px;
     font: normal normal normal normal 24.333333px/normal 'MrsEavSmLigBd';
}

.dropdown.open{
	z-index: 3;
}

.dropdown:hover{

}

.dropdown.focus{
}

/* CARAT */

.dropdown .carat{
position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -7px;
  border: 11px solid transparent;
  border-top: 18px solid #FFFFFF;
  z-index: -1;
}

.dropdown.open .carat{
  margin-top: -17px;
  border-top: 6px solid transparent;
  border-bottom: 8px solid #ff7ec0;
  border: 11px solid transparent;
  border-bottom: 18px solid #FFF;
}

.dropdown.disabled .carat{
	border-top-color: #ff7ec0;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected,
.dropdown li{
	display: block;
	line-height: 1;
	padding: 4px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown.disabled .selected{
	color: #999;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
    border-left: 2px solid #fff;
}

/* DROP DOWN WRAPPER */

.dropdown div{
  position: absolute;
  height: 0;
  left: -2px;
  right: -2px;
  top: 100%;
  margin-top: -1px;
  overflow: hidden;
  opacity: 0;
  background-color: #3F3D3A;
  border-radius: 0;
  border: 2px solid #fff;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	
	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
    padding: 0 20px !important;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 8px 12px;
}

/* .focus class is also added on hover */

.dropdown li.focus{
	background: #3F3D3A;
	position: relative;
	z-index: 3;
	color: #fff;
}

.dropdown li.active{
	font-weight: 700;
}


/* ==========================================================================
        Media queries              
   ========================================================================== */
@media (max-width: 1852px){
    .slant-bg1{
        background-size:50% 100%;
    }
    
     .slant-bg2{
        background-size:44.95% 100%;
    }
}

@media (max-width: 1782px){
    .slant-bg1{
        background-size:49% 100%;
    }
    
     .slant-bg2{
        background-size:48.2% 100%;
    }
    
    .inner-slant{
        margin-left:15% !important;
    }
}

@media (max-width: 1626px){
    .activities-holder{margin-top:-22px;}
}


@media (max-width: 1625px){
    .hikers-section{
    position:absolute;
    top:1%;
    left:0;
    right:0;
    color:#c0c2c4;
    } 
    
    .testi .content .text {
    /*   padding:12% 3%; */
    } 
    
    .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 100%;
         top: 380px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
     .slant-bg1{
        background-size:50% 100%;
    }
    
     .slant-bg2{
        background-size:49% 100%;
    }
    
    .inner-slant{
        margin-left:15% !important;
    }
    
    .activities-holder{margin-top:22px;}
    
}

@media (max-width: 1612px){
    .testi .content{
       right:-240px; 
    }
}


@media (max-width: 1475px){
     .slant-bg1{
        background-size:58% 100%;
    }
    
     .slant-bg2{
        background-size:54.55% 100%;
    }
    
    .inner-slant{
        margin-left:10% !important;
    }
    
    .activity-content{
        padding:25px;
    }
    
   
    
}

   
@media (max-width: 1440px){
    
    .in-lp-1 .hs-button{
        width:83%;
    }
    
     .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 100%;
         top: 350px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
    .inner-slant{
        margin-left:2%;
    }
      
    .slant-bg1{
    background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-1.jpg') no-repeat center right;
    background-size: 55% 100%;
    }

    .slant-bg2{
        background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-2.jpg') no-repeat center right;
        background-size: 40.99% 100%;
    }
    
    .hikers-section{
    position:absolute;
    top:2%;
    left:0;
    right:0;
    color:#c0c2c4;
    }    
    
   .activity-content{
        padding:25px;
    }
    
    .activity-content p, .activity-content{
        font-size:21px;
    }
    
    
    .hikers-section h2{
        font-size:26px;
        margin-bottom:5px; 
    }
    
    .header-container {  width: 100%; }
    .header-container, .page-center, .widget-type-post_filter .block, .about-author-sec { max-width: 1200px !important; }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {  line-height:17px; }
    
    /** BLOG **/
    .banner-content { padding: 16% 45px 35px;  min-height: 650px !important; }
    .blog-listing-wrapper .post-listing .post-item { max-width: 350px; }
    
    .penn-blog.hs-blog-post .bannercontentinnerwrapper {  bottom: 2%; }
    .penn-blog.hs-blog-post .banner-content h1 { font-size: 88px; }
    
    .schedule-tour2-list ul {   margin-top: 0%; padding-bottom: 0%;}
    .schedule-tour2-img img { width:60% !important;} 
    
}


@media (max-width: 1387px) {
    .slant-bg2{
        background-size:41.99% 100%;
        }
        
    .activities-holder{margin-top:10px;}
}

@media (max-width: 1300px) {
    .slant-bg2{
        background-size:41.99% 100%;
        }
        
    .activity-content{
        padding:15px;
    }
    
    .find-more{
        padding:17px;
    }
}

@media (min-width: 1281px) {
    .header-container{
        max-width:1230px;
    }
     
    .captions-holder .caption .inner-caption{
          max-width: 1140px;
          margin: auto;
    }
    
    
    .captions-holder h3 span{  
      font-size: 58px;
      line-height: 45px;
      text-indent: -1em;
      padding-left: 1.25em;}
      
    
}



@media (max-width: 1280px) {
    .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 100%;
         top: 340px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
    .desktop-view .main-menu ul > li a{
        padding:15px 15px 14px 15px;
    }
    
    .inner-slant{
        margin-left:2%;
    }
    
    .inner-slant{
        padding:60px 7% 60px 0;
    }
     
     
    .slant-bg1{
    background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-1.jpg') no-repeat center right;
    background-size: 55% 100%;
    }

    .slant-bg2{
        background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-2.jpg') no-repeat center right;
        background-size: 52% 100%;
    }
    
    .span9-nomargin{
          width: 73.8%!important;
        
    }
    
    .activity-content{
        padding:20px;
    }
    
    .activity-content p, .activity-content{
        font-size:16px;
    }
    
    
    .hikers-section h2{
        font-size:26px;
        margin-bottom:5px; 
    }
    
    /** blog **/
    
    .post-listing .post-item h2 { font-size: 36px; line-height: 30px; }
    .banner-content {  max-width: 53%; }
    
    .testi .content{
        right:-340px;
    }
    
    
    .testi .content .text {
        padding:4% 3%;
        width:53%;
    }
} 


@media (max-width: 1265px) {

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { line-height: 10px;}
    .header-container, .page-center, .widget-type-post_filter .block, .inner-footer>.row-fluid-wrapper, .about-author-sec { max-width: 1100px!important; }
    .header-container ul>li { margin-left: 2%; }
    h2 { font-size: 46px; }
    
    .blog-listing-wrapper .post-listing .post-item { max-width: 329px;  min-height: 610px !important; }
    .banner-content { min-height: 620px !important; }
    
    .cta-absolutesideimage img{max-width:66%;bottom:50px;}
    
    .in-lp-1 .hs-button{width:92%;}
    
     .desktop-view .main-menu ul > li a{
        padding:15px 10px 10px 14px;
    }

}




/* Large Desktop Screens
   ========================================================================== */

@media (max-width: 1200px) {
    .in-lp-1 .hs-button  {  
        width: 95%;
    }
    
    .hs-form fieldset.form-columns-2 .input {
        margin-right:20px !important;
    }
    
    body .hs-form fieldset.form-columns-2 > div.input:nth-child(2) {
        margin:right:0;
    }
    
    .testi .content{
        right:-340px;
    }
    
    
    .testi .content .text {
        padding:4% 3%;
        width:53%;
        
    }
    
    .testi .content .text p {
        font-size:26px;
        line-height:32px;
    }
    
    .testi .content img {
        max-height:none;
    }
    
    .name {
        font-size:33px !important;
    }
    
    .position {
        line-height:30px;
    }
    
    .section-5 {
        padding:155px 0;
    }
    
    .section-5 .widget-type-cta {
        padding-top:50px;
    }
    
 
    .lp2-form .hs-form fieldset.form-columns-2 .input { margin-right: 5% !important; margin-left: 3%; }
    
    
}

@media (max-width: 1174px) {
     .desktop-view .main-menu ul > li a{
        padding:10px 4px 10px 4px;
    }

}




  /* Landscape tablet and larger screen sizes
   ========================================================================== */
@media (max-width: 1185px) {
    
    
}

@media (max-width: 1174px) {
    .header-container, .page-center, .widget-type-post_filter .block, .inner-footer>.row-fluid-wrapper, .about-author-sec { max-width: 970px!important; }
    
    .header-container ul>li{margin-left:1%;}
    
    .main-menu ul>li a{
        padding-top:11px;
        padding-bottom:11px;
    }
    
     .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 100%;
         top: 320px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
    .captions-holder h3 span{
        font-size:34px;
    }
    
    .inner-slant{
        padding:60px 10% 60px 0;
    }
    
    .slant-bg2{
        background-size:49.75% 100%;
    }
    
    
    .section-wrapper h2{
        font-size:46px;
    }
    
    .activity-content{
        padding:15px;
    }
    
    .activity-content p, .activity-content{
        font-size:16px;
    }
    
    .activities-wrapper .page-center {
        max-width:100% !important;
    }
    
    .hikers-section h2{
        font-size:26px;
        margin-bottom:5px; 
    }
    
    .cta-absolutesideimage img{max-width:64%;bottom:55px;}
    
    .blog-links img{width:300px !important;}
    .span9-nomargin { width: 74.8%!important;}
    .blog-listing-wrapper .post-listing .post-item { max-width: 284px;  min-height: 570px !important; }
    .post-listing .post-item .hs-featured-image-wrapper { height: 350px; }
    .post-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {   margin: 0 0 0 0; }
    
    .penn-blog.hs-blog-post .banner-content h1 { font-size: 75px; }
    .penn-blog.hs-blog-post .blog-section .blog-post-wrapper .post-body, .blog-post-social-sharing {  max-width: 850px; }
    
}

@media (max-width: 1165px){
    .cta-absolutesideimage img{max-width:63%;}
}


@media (max-width: 1139px) {
    .activities-wrapper {
       /* min-height: 1152px !important; */
        background-repeat: no-repeat;
        background-size: initial;
    }
    .activities-wrapper .row-number-3 {
        position: absolute;
        height:417px;
        bottom: 0;
        width: 100%;
    }
    .activities-wrapper .hikers-section, .activities-wrapper .activities-holder {
        width: 100% !important;
    }
    .activities-wrapper .activities-holder {
        margin-top:-60px !important;
       
    }
        .activities-wrapper .row-number-3 .widget-type-space {
            display:none;
        }
    /*.activities-wrapper .hikers-background {
        display:none;
    }*/
}


   @media (max-width: 1024px) {
     h2 { font-size: 41px;}
     .dropdown {  padding: 2px;  font: normal normal normal normal 22.333333px/normal 'MrsEavSmLigBd'; }
     .header-container, .page-center, .widget-type-post_filter .block, .inner-footer>.row-fluid-wrapper, .about-author-sec { max-width: 900px!important; }
    .blog-links img { width: 250px!important; }
    .banner-content { min-height: 577px !important; }
    .blog-listing-wrapper .post-listing .post-item { max-width: 262px;  min-height: 540px !important;  margin: 15px 10px; }
    .post-listing .post-item .hs-featured-image-wrapper { height: 300px; }
    .post-listing .post-item h2 { font-size: 31px;  line-height: 28px; }
    .widget-type-post_filter .block h3 {  font-size: 21px;}
    .widget-type-post_filter .block .widget-module select {  font-size: 16px; }
    .penn-blog.hs-blog-post .blog-section .blog-post-wrapper .post-body, .blog-post-social-sharing { max-width: 680px; }
    .sched-button a {  font-size: 26px; }
    .blog-banner {  background-position: 50% 100%; }
    .slant-bg2 {  background-size: 43.5% 100% !important;}

    .header-container { max-width: 990px!important; } 
      .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 100%;
         top: 300px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
    .activity-content{
        padding:15px;
    }
    
    .activity-content p, .activity-content{
        font-size:16px;
    }
    
    
    .hikers-section h2{
        font-size:22px;
        margin-bottom:5px; 
    }
    
    .section-wrapper h2{
        font-size:34px;
    }
    
     .inner-slant{
        padding:60px 12% 60px 0;
    }
    
    .section-wrapper h2{
        font-size:36px;
    }
    
    .slant-bg1{
        background-size:58% 100%
    }
    .slant-bg2{
        background-size:53.75% 100%;
    }

        .in-lp-1 .lp-form {
      padding-top: 28%;
    } 
    
    .in-lp-1 .hs-button {
        width:98%;
    }
    
    .testi .content .text {
        padding: 3% 1%; 
    }
    
    .section-4 p {
        font-size:22px;
        line-height:30px;
    }
    
    .section-4 .content {
        padding: 7% 10px 0 0;
    }
    
    /* new css */
    .footer-top-part{ background-position:center top; background-size:cover;  padding:50px 0; }
  
  /*  schedule your tour css responsive */
  .slant-image-wrapper { background:no-repeat top center; }
  .utube-play a {   margin-top: 35%; }
  .lp2-form {   top: -157px }
      .testi .content .text p { font-size: 20px; line-height: 20px; }
  .name { font-size: 29px !important }
  .offer-promo { top: 0; width: 100% !important; }
  .schedule-tour2-list ul { border-bottom:none;}
   .cta-wrap { padding-top: 5%; }
  #video-container { margin-top: 34%; }
  #player {left: -161px; width: 650px !important; }
  .sched-thank-you {    margin-top: 15%; } 
  .schedule-tour2-list { padding-left:10px;}
 }
 

  @media (max-width: 1023px) {
      .activities-wrapper .activities-holder{margin-top:25px !important;}
      
      .slant-bg2{background-size:46.5% 100%!important;}
  }

@media (max-width: 957px) {
     .desktop-view .main-menu ul > li a{
        padding:10px 2px 10px 4px;
    }

}

  @media (max-width: 996px) {
     .header-container { max-width: 990px !important; } 
      .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding:0;
         width: 100%;
         top: 290px;
         text-align: center;
         left: 0;
         right: 0;
    }
    
   .activity-content{
        padding:15px;
    }
    
    .activity-content p, .activity-content{
        font-size:15px;
    }
    
    
    .hikers-section h2{
        font-size:28px;
        margin-bottom:5px; 
    }
    
    .inner-slant{
        padding:60px 12% 60px 0;
    }
    
    .section-wrapper h2{
        font-size:40px;
    }
    
    .slant-bg1{
        background-size:58% 100%
    }
    .slant-bg2{
        background-size:48.75% 100%;
    }
 }
 


 @media (max-width: 950px) {
    .header-container, .page-center, .widget-type-post_filter .block, .inner-footer>.row-fluid-wrapper, .about-author-sec { max-width: 930px!important; } 
    .header-container ul>li{margin-left:0.5%;}
     .blog-links img {width: 200px!important; }
    .blog-links ul>li.blog-icon { background-size: 20px; }
    .blog-links ul>li{line-height:60px;}
    .banner-content { min-height: 540px !important; padding: 19% 35px 30px; }
    .blog-listing-wrapper .post-listing .post-item { max-width: 211px;  min-height: 500px !important;; }
    .post-listing .post-item .hs-featured-image-wrapper { height: 250px; }
    .banner-content p { font-size: 23px; }
    .more-link { font-size: 20px; }

    .widget-type-blog_subscribe .bigS { font-size: 35px; }
    .smallS {  font-size: 20px; }
    .widget-type-blog_subscribe h3 hr { width: 59px;  height: 3px; }
    .widget-type-blog_subscribe input.hs-button.primary.large { font-size: 20px;   padding: 5px 15px; }
    .widget-type-blog_subscribe .input input { padding: 5px 10px; }
    div#hs_form_target_module_14294856950105520 { margin-left: 9em; }
    
    .penn-blog.hs-blog-post .blog-section .blog-post-wrapper .post-body, .blog-post-social-sharing { max-width: 600px; }
    .resubscribe-message.email-validation.message span {  font-size: 18px; }
 }

 @media (max-width: 921px) {
    .main-menu ul>li a{font-size:17px;}
}

 @media (max-width: 870px) {
    .main-menu ul>li a{font-size:15px;}
    .header-container ul>li{margin-left:1%;}
}


@media (max-width: 790px) {
div#hs_form_target_module_14294856950105520 { margin-left: 5em; }
}


/* Portrait tablet and larger screen sizes
   ========================================================================== */



@media (max-width: 768px) {
    .in-lp-1 .lp-form {
        padding-top: 36%;
    } 
    
    .schedule-tour .content,
    .section-5 .content {
        width:80%;
    }
    
    .testi .content {
        right:0;
        left:44%;
    }
    
    .testi .content .text {
        padding:0;
        width:50%;
    }
    
    .testi .content .text p {
        font-size:18px;
        line-height:24px;
        margin:0;
    }
    
    .name {
        padding-top:5px;
        font-size:20px !important;
    }
    
    .section-4 p {
        font-size:22px;
        line-height:26px;
    }
    
    .section-4 .content {
        padding:5% 10px 0 0;
    }
    
    .section-5 {
        padding: 40px 0 80px; 
    }
    
     
    /* new css for schedule your tour */
    .schedule-tour2 {   padding: 10% 0;}
    .lp2-form, .lp2-form-details, .schedule-tour2-list {  width: 90% !important; margin: 0 auto !important; text-align: center !important; float: none !important; }
     .schedule-tour2-list ul { text-align:left; padding-left:10%;}
    .cta-wrap p { width: 60%; }
    .offer-promo {width: 95%!important; }
    
    .schedule-tour2 { position: relative; top: -180px; padding:0% 0 !important;}

    .lp2-form  {  position:relative; top: 75px; }
    .lp2-form .hs-form fieldset { max-width:100% !important;}
    .lp2-form form .hs-button.primary, .lp2-form form input[type="submit"] { width: 96%; margin-right:0}
     .schedule-tour2-img, .schedule-tour2-img img  { width:100% !important; position:relative;}
     .schedule-tour2-list {   padding-top: 5%; }
}

@media (max-width: 889px){
    .slant-bg2{background-size:47% 100%!important;}
}

@media (min-width:768px) and (max-width: 889px){
    .slant-bg2{background-size:48.5% 100%!important;}
}


/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 767px) {
     /*MENU HEDER*/ 
    .mobile-navigation {height:auto !important;}
    .mobile-navigation ul  > li.hs-item-has-children.active >  ul {display:block;}
    .mobile-navigation ul  > li.hs-item-has-children.active > ul li a, .mobile-navigation ul  > li.hs-item-has-children.active a, .mobile-navigation ul > li.active a {color:#ffffff !important;}
    .mobile-navigation .hs-menu-wrapper>ul>li:last-child {border-top:none;}
    .mobile-navigation ul {height:475px; padding-top:50px; }
    .mobile-navigation ul li > ul {height:327px;}
    .mobile-navigation .hs-menu-wrapper>ul>li:last-child {display:none;}
    .mobile-navigation ul  > li.hs-item-has-children.active > ul li:last-child {border:none;}
    .added-menu li.blog-icon { background: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/p-pennnational-site-4-1-15-01_09.png') no-repeat center right 35px;}
    .added-menu {width:100% !important;}
    .added-menu li {display:inline-block; width:50%; padding:10px 20px !important;  }
    .added-menu {height:auto !important; border: solid 2px #9A9893; padding-top:0 !important;}
    .added-menu > li:last-child {display:inline-block !important; width:auto !important; border-left: solid 2px #9A9893; }
    .added-menu li a {text-transform:uppercase; padding-bottom:0 !important;}
    .added-menu li.news-icon {background: url('//cdn2.hubspot.net/hubfs/323779/Pennhomes_Images/news-icon.png') no-repeat center right 35px; width:50% !important; background-size:auto 21px; border-top:none !important;}
    .mobile-navigation ul li > .hs-menu-children-wrapper li a {white-space:normal !important;}
    
    .hikers-background img, .fading-images ul.hs_cos_flex-slides-main li img {display:none;}
    .hikers-background {height:600px !important;margin-top:-200px; background-size:cover;position:relative;z-index:-2;}
    .activities-wrapper .activities-holder {background: #403e3b !important; width:100% !important; margin:13% 0 0 0 !important;}
    .activities-wrapper {min-height: 700px!important; }
    .fading-images ul.hs_cos_flex-slides-main li {height:450px; background-size:cover; background-repeat:no-repeat; background-position: center;}
    .captions-holder h3 {  transform: skew(-12deg); -o-transform: skew(-12deg); -moz-transform: skew(-12deg);  -webkit-transform: skew(-12deg);}
    .captions-holder h3 span {transform: skew(12deg); -o-transform: skew(12deg); -moz-transform: skew(12deg);  -webkit-transform: skew(12deg);}
    .inner-slant1 .widget-type-rich_text {width:85%; padding-top:5%;}
    .inner-slant1 h2 {font-size:40px !important;}
    .find-more a {font-size:26px;}
    .inner-slant2 .widget-type-rich_text { padding: 5% 5% 0 5%;}
    
    .widget-type-post_filter .block .widget-module select { width: 100%; }
    .blog-banner .page-center{ padding:0 !important; }
    .penn-blog.hs-blog-post .post-body p:first-child img {  float: none; }
    h3#hs_cos_wrapper_module_14294856950105520_title { padding: 0 30px 0px; }
    .resubscribe-message.email-validation.message span {  font-size: 15px; }
    .resubscribe-message.email-validation.message { line-height: 16px; bottom:2px; }
    .widget-type-blog_subscribe .hs_email, .widget-type-blog_subscribe .hs_submit, div#hs_form_target_module_14294856950105520, h3#hs_cos_wrapper_module_14294856950105520_title {  vertical-align: top; }
     .dropdown { width: 280px;  font: normal normal normal normal 20.333333px/normal 'MrsEavSmLigBd'; text-align:left;}
    .cta-wrapper{display:none !important;}
    .desktop-view{ display:none !important; }
    .mobile-menu-view{ display:block !important; }
    .header-holder {  font-size: 100%; }
    .header-logo {
        text-align: left;
        display: inline-block !important;
        margin-left: 15% !important;
    }
    .header-container { max-width: 100%;   width: 100%;}
    .mobile-menu-view{background:#5a5e3f;}
     .mobile-menu-view .widget-type-cta{display:inline-block !important;}
    
    .inner-slant {
    background:0;
    transform: none !important;
     transform:  none !important;
     -o-transform: none !important;
     -moz-transform: none !important;
    -webkit-transform: none !important;
     width:100% !important;
     text-align:center;
     margin:68% 0 0 0 !important;
     padding:0 0 10% 0 !important;
    }
   
    
    .inner-slant2 .row-fluid-wrapper {
    background:#ede6d9;
    transform: none ;   
    -o-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
     transform: rotate(6deg);
    text-align:center;
    padding:10% 0 0 0;
    margin:0 0 0 -45px;
    }
   
    .inner-slant2 .row-fluid {
      background:0;      
      -o-transform: rotate(-6deg);
      -moz-transform: rotate(-6deg);
      -webkit-transform: rotate(-6deg);
      transform: rotate(-6deg);
      width:90%;
      margin:0 auto;
    }
    
     .inner-slant1 .row-fluid-wrapper {
    background:#ede6d9;
    transform: none ;    
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
    text-align:center;
    padding:10% 0 0 0;
    margin:0 -43px 0 0;
    }
   
    .inner-slant1 .row-fluid {
      background:0;      
      -o-transform: rotate(6deg);
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      transform: rotate(6deg);
      width:90%;
      margin:0 auto;
    }
    
    .activity-content{
        text-align:center;
        border-top:2px solid #4B4B4B;
    }
    
    .activity-content .fl, .activity-content .fr{
        float:none !important;
        width:100% !important;
    }
      
    .slant-bg1{
        background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-1.jpg') no-repeat top;
       /* background-size:100% 50%;*/
       background-size:auto 250px;
        overflow:hidden;
    }

    .slant-bg2{
        background:#ede6d9 url('//cdn2.hubspot.net/hubfs/323779/new_images/slantbg-2.jpg') no-repeat top;
        background-size: 100% 62% !important;
        overflow:hidden;
    }
    
    .fading-images .hs_cos_flex-slider .hs_cos_flex-slides img {  height: 700px; }
    
    .banner-texts { padding: 8% 30px; }
    .captions-holder h3 span {  font-size:24px; line-height:24px; }
    #hs_cos_wrapper_module_142928722500811560 img{display:none;}
    .hiker-img img { left: 0; }
    
    .captions-holder .hs_cos_flex-slider .caption{
         background:none;
         padding: 0;
         width: 90%;
         top: 300px;
         text-align: center;
         left: 0;
         right: 0;
         margin:0 auto;
    }
    
    .sched-button{
        display:block;
    }
    
    
    
    .row-fluid .span12.mobile-menu{
        display:block;
        background:#5a5e3f;
    }
    
    .mobile-menu-toggle{
        position: absolute;
        left: 2%;
        top: 28%;
        cursor:pointer;
    }
    
    .mobile-menu-toggle span{
        height:3px;
        background:#fff;
        width:45px;
        display:block;
        margin-top:18%;
        transition:0.5s ease;
    }
    
    .mobile-menu .active span.top{
       transform:rotate(45deg);
       -webkit-transform:rotate(45deg);
       -moz-transform:rotate(45deg);
       -o-transform:rotate(45deg);
       -ms-transform:rotate(45deg);
       position:relative;
       top:8px;
        transition:0.5s ease;
       -webkit-transition:0.5s ease;
       -moz-transition:0.5s ease;
       -o-transition:0.5s ease;
       -ms-transition:0.5s ease;
       
    }
    
    .mobile-menu .active span.mid{
        background:none !important;
        transition:0.5s ease;
       -webkit-transition:0.5s ease;
       -moz-transition:0.5s ease;
       -o-transition:0.5s ease;
       -ms-transition:0.5s ease;
    }
    
    
    .mobile-menu .active span.bottom{
        transform:rotate(-45deg);
       -webkit-transform:rotate(-45deg);
       -moz-transform:rotate(-45deg);
       -o-transform:rotate(-45deg);
       -ms-transform:rotate(-45deg);
       position:relative;
       bottom:10px;
       transition:0.5s ease;
       -webkit-transition:0.5s ease;
       -moz-transition:0.5s ease;
       -o-transition:0.5s ease;
       -ms-transition:0.5s ease;
    }
    
    
    .mobile-logo.span6{
        position: relative;
        width: 20%;
        left: 11%;
        padding:2% 0;
    }
    
    .mobile-cta.span5{
        position: absolute;
        right: 1%;
        top: 26%;
        width: 30%;
    }
    
   .row-fluid .mobile-navigation{
        width: 100% !important;
        position: absolute;
        background: rgba(63,61,58,0.9);
        display:none;
    }
    
    .section-wrapper h2{
        font-size:50px;
    }
    
    .mobile-navigation ul{
        width: 47%;
        border-right: solid 2px #9A9893;
        padding-left:5%;
    }
    
    .header-container  .mobile-navigation li{
        margin-left:0;
    }
    
    .mobile-navigation ul{
        position:relative;
    }
    
     .mobile-navigation ul li a{
        color:#D0CAC1;
     }
     
      .mobile-navigation ul li.hs-menu-depth-1 a{
        border-bottom: dotted 2px #9a9691;
        color:#D0CAC1;
    }
    
     .mobile-navigation ul li.hs-menu-depth-2 a{
        border-bottom: dotted 2px #9a9691;
        color:#D0CAC1;
        padding-bottom:10px;
    }
    
    .mobile-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children{
        position:static;
    }
    
    .mobile-navigation li{
        padding: 10px 15px 0px 15px;
        line-height:21px;
        font-size:22px;
    }
    
    
     .mobile-navigation .hs-menu-wrapper > ul > li:last-child{
        width: 200%;
        border-top: solid 2px #9A9893;
    }
    
    
    
     .mobile-navigation .hs-menu-wrapper > ul > li:last-child a{
        border-bottom:none;
        padding-bottom:10px;
    }
    
    .mobile-navigation .hs-menu-wrapper > ul > li:nth-last-child(2) a{
        border-bottom:none;
        padding-bottom:10px;
    }
    
    .hs-menu-depth-1>a{font-size:27px;padding-bottom:20px !important;}
      
    
    .mobile-navigation li.hs-menu-depth-1:hover a{
        color:#FFF;
    }
    
     .mobile-navigation li.hs-menu-depth-1 ul li a{
        font-size:20px;
    }
    
    .mobile-navigation li.hs-menu-depth-1:hover ul li a{
        opacity:0.8;
    }
    

    
    .mobile-navigation li.hs-menu-depth-1:hover ul li a:hover{
        opacity:1;
    }
    
   
    .mobile-navigation li.hs-item-has-children ul{
          display: none;
          position: absolute;
          left: 100%;
          top: 1%;
          width: 100%;
          border-right: none;
    }
    .banner-texts h1{
        font-size:large;
    }
    
 
    
    .hikers-bg{
        margin-top:-5%;
    }
    .section-schedule h2{
        font-size:30px;
        line-height:30px;
    }
    
    .schedule-today{
        text-align:center;
        padding:0 15px 20px;
    }
   
    
    .hikers-section{
       position:static;
    } 
        
    .footer-container, .copyright{
        text-align:center;
    }    
        
    .footer-inner-links ul{
        display:none;
    }
    
    p, td, li, .post-body span {  font-size: 20px; }
    h4 { font-size: 28px }
    
    .header-container, .page-center, .widget-type-post_filter .block, .inner-footer>.row-fluid-wrapper, .about-author-sec { max-width: initial!important;}
    
    .banner-content { height: auto;  padding: 26% 20px 50px; max-width: inherit; float: none !Important;}
    .widget-type-post_filter {  padding: 20px; }
    .post-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { height: auto;  max-width: 100%; }
    .post-listing {   max-width: 500px; margin: 0 auto; float: none; }
    .blog-listing-wrapper .post-listing .post-item { max-width: 100%; min-height: none!important; }
    .post-listing .post-item .hs-featured-image-wrapper { max-height: 100%; }
    .post-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { height: auto;  max-width: 100%;  float: none; }
    .post-listing .post-item .morelink-wrapper { position: relative; }

    .widget-type-post_filter .block h3 { font-size: 23px;   display: block; padding-bottom:10px;}
    .widget-type-blog_subscribe {  background-size: 98% 100%; }
    h3#hs_cos_wrapper_module_14294856950105520_title { display: block; }
    .separator {  padding: 0; }
    div#hs_form_target_module_14294856950105520 { margin-left: 0;  }
    .widget-type-blog_subscribe .input input { padding: 3px 10px; border: 1px solid #595E3F;  width: 100%; }
    .widget-type-post_filter .block .widget-module { display: block;  position: relative; }
    .penn-blog.hs-blog-post .blog-section .blog-post-wrapper .post-body, .blog-post-social-sharing { max-width: initial;  padding: 0 20px; }
    .penn-blog.hs-blog-post .bannercontentinnerwrapper {  position: relative;  padding: 0 20px; }
    .penn-blog.hs-blog-post .banner-content h1 { font-size: 60px; margin: 10px 0;  line-height: 53px;}
    .penn-blog.hs-blog-post #hubspot-author_data a.author-link, .penn-blog.hs-blog-post span.author-date-wrapper { font-size: 20px; }
    .about-author-sec img { margin: 0 auto; }
    .about-author-mainwrapper h3, .about-author-mainwrapper .hs-author-social-section { display: block; text-align: center; }
    .about-author-mainwrapper {padding:20px;}
    .penn-blog.hs-blog-post .post-body p:first-child img { min-width: 100%;  width: auto;  overflow: hidden;  float: left;  max-width: 100%;  margin: 20px 0;  height: auto; }
    .blog-post-social-sharing .layout-widget-wrapper { position: relative;  left: 0; }
    .blog-post-social-sharing #hs_cos_wrapper_module_142975475097212585 { display: block;  width: auto;  font-size: 35px;  position: relative;  margin: 0;  text-align: center; }
    .blog-post-social-sharing a { display: inline-block;   font-size: 35px;  width: 34px !important; }
    .blog-post-social-sharing #hs_cos_wrapper_module_142975475097212585.addfixed { position:relative;}
    .banner-content .post-header, .banner-content .post-body, .banner-content .morelink-wrapper{max-width:100%;}
    
    /** landing page **/
    
    
    .input {
        padding-bottom:10px;
        margin-right:0 !important;
    }
    
    .in-lp-1 input {
        width:100% !important;
    }
    
    .in-lp-1 .hs-button{
        width:95% !important;
        float:left;
    }
    
    .in-lp-1 .lp-form {
        padding:25% 10px 10px;
        text-align:center; 
    }
    
    .in-lp .slant-image-wrapper {
        height:560px;
    }
    
    .form-columns-2 > div:first-child {
        margin-right:5px;
    }
    
    .form-columns-2 > div:nth-child(2) {
        margin-left:5px;
    }
    
   .hs-form fieldset {
        max-width:none !important;
    }
    
    .hs-form fieldset.form-columns-2 .hs-form-field {
        width:48% !important;

    } 
    
    /* Section 2*/
    .schedule-tour h1 {
        margin:0;
        line-height:48px;
        font-size:48px;
    }
    
    .schedule-tour {
        padding:30px 10px;
    }
    
    .schedule-tour .content {
        width:100%;
    }
    
    /* Section 3*/
    .testi .content {
        position:static;
    }
    
    .slant-image-wrapper-2 img {
        max-width:none;
        width: auto !important;
        height:300px;
    }
    
    .testi {
        background:#777A68;
        height:490px;
    }
    
    .testi .content{
        right:50px;
        width:200%;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform:rotate(-10deg);;
        transform: rotate(-10deg);
        margin-top:-160px !important;
        background:#777A68;
        padding: 25px 10px;
     
    }
    
     .testi .content .text {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        padding:6% 3%;
         width: 50%;
     }
    
    .name {
        font-size:26px;
        padding-right:10px;
    }
    
    /* Section 4*/
    .section-4 .content {
        padding:10px;
    }
    
    /* Section 5*/
    .section-5 {
        padding:10px 0 30px;
    }
    
    .section-5 .content {
        width:100%;
        padding:0 10px;
    }
    
    .section-5 .widget-type-cta {
        padding:0 10px;
    }
    
    .section-5 .cta_button,  .cta-wrap .cta_button {
        font-size:26px !important;
        margin-bottom:6%;
        margin-top: 2%;
    }
    
    /*new css */
    .page-center { padding: 2% !important; }
    
    a#cta_button_323779_fa597761-dec4-4da1-875c-79a5e3b34400{display:block !important;}
    
    /* new css for schedule your tour */
    .offer-promo h2 { font-size: 24px;font-family:'PT Sans',sans-serif; text-align: center; padding: 0 12%; }
    #video-container { margin-top: 28%;}
    #player { width: 500px!important; top: -82px; left: -94px;  height: 362px; }
    .lp2-form  { top: 85px }
    .lp2-form form { margin-bottom: 15% }
    .lp2-form form .hs-form fieldset.form-columns-2 .input { margin-right: 0px!important;} 
    .lp2-form form .input {   padding-bottom: 15px;}
    .lp2-form form select {   margin-bottom: 1%; }
    .lp2-form .hs-form fieldset.form-columns-2 .input { margin-right: 0%!important; } 
    .lp2-form .form-columns-2 { padding-bottom:0px !important;}
    .lp2-form  .hs-button {  width: 99%!important;  float: none !important; }
}   





/* iPhone
   ========================================================================== */

   /* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 736px) {    
    .activities-wrapper .activities-holder{
        background:#403e3b !important;
    }    
}     


    
     
@media (max-width: 667px) {    
    .activities-wrapper .activities-holder{
        background:#403e3b !important;
    }    
}     

@media (max-width: 600px) {
    
    /*HOME*/ 
    .banner-texts {  padding:4% 30px 0; }
    .captions-holder .hs_cos_flex-slider .caption { top: 200px;}
    
     .schedule-today{
        text-align:center;
        padding:0 15px;
    }
    
    .sched-button{
        display:none !important;
    }
    
    a#cta_button_323779_fa597761-dec4-4da1-875c-79a5e3b34400{display:block !important;}
    
}
   
@media (max-width: 568px) {
    .captions-holder .hs_cos_flex-slider .caption{
        top:190px;
    }
    
    .mobile-navigation ul{
        height:390px;
        padding-top:30px;
    }
    
    .mobile-menu-toggle{
        left:1%;
    }
    
    .activities-wrapper .activities-holder{
        background:#403e3b !important;
    }   
    
    .resubscribe-message.email-validation.message { bottom:0px; }
    .utube-play a img { width:35%}
    .cta-wrap p {   width: 90%; padding-bottom: 4%; }
    .offer-promo  {   padding-top: 3px;}
    .lp2-form form { margin-bottom: 4%; }
}  
   
   

@media (max-width: 479px) {
    .banner-content p {  font-size: 20px; }
    span.author-date-wrapper { border: 1px solid #fff;}
    #hubspot-author_data a.author-link, span.author-date-wrapper { font-size: 15px;   border-right: 1px solid #fff;}
    h2 { font-size: 40px; }
    .banner-content h2 a { line-height: 35px; }
    .more-link { font-size: 15px; }
    h3#hs_cos_wrapper_module_14294856950105520_title { padding: 0 25px 0px; }
    .widget-type-post_filter .block .widget-module select { font-size: 17px; }
    .post-listing .post-item h2 { font-size: 30px; line-height: normal; }
    .widget-type-blog_subscribe .input input { font-size: 20px; }
    h3 { font-size: 36px; }
    .penn-blog.hs-blog-post .post-body ul { margin-left: 0em; }
    .penn-blog.hs-blog-post .banner-content h1 { font-size: 40px;  line-height: 38px; }
    
    .mobile-menu-toggle{
        position:absolute;
        left:2%;
        top:28%;
    }
   
    
    .footer-details{
        font-size:17px;
    }
    
    
    /**  landing page **/
      .hs-form fieldset.form-columns-2 .hs-form-field {
        width:100% !important;
        float:none !important;

    } 
    
    .form-columns-2 > div:first-child, 
    .form-columns-2 > div:nth-child(2) {
        margin:0 !important;
    }   
    
    .testi .content{
        margin-top:-90px !important;
 
    }
    .testi{
        height:600px;
    }
    
    .testi .content .text {
        padding:4% 3%;
     }
     
     .testi .content .text p {
        font-size:20px;
     }
     
     .schedule-today{
        text-align:center;
        padding:0 15px;
    }
    .sched-button{
        display:none !important;
    }
    
    a#cta_button_323779_fa597761-dec4-4da1-875c-79a5e3b34400{display:block !important;}
    
    .mobile-logo.span6{
        width:30%;
        left:15%;
    }
    
    .activities-wrapper .activities-holder{
        background:#403e3b !important;
    }
    
    /* new css: schedule your tour */
    #video-container { margin-top: 40%; }
    #player { width: 320px !important;  top: -22px; left: 0px; height: 300px; }
    .vid-inactive-state { background-position: center center; background-size: 37%; }
    .lp-form form .form-columns-2 { padding-bottom:0px !important;}
    .lp2-form-details { padding-top: 20%;  position: relative; }
 
    
}

@media (max-width: 375px) {
    .mobile-menu-toggle{
        position:absolute;
        left:3%;
        top:20%;
    }
    
    .activities-wrapper{
         min-height:640px !important;
     }
      .activities-wrapper .activities-holder{
        margin:6% 0 0 0!important;
    }
    
    .inner-slant2 .widget-type-rich_text{
         padding:5% 0 0 16%;
     }
  
}

@media (max-width: 360px) {
    .mobile-menu-toggle{
        top:18%;
    }
    .mobile-logo.span6{
        width:35% !important;
        left:20% !important;
    }
    
    .mobile-navigation ul{
        padding-left:1%;
    }   
    
    .activities-wrapper .activities-holder{
        margin:8% 0 0 0!important;
    }
       .lp2-form form .hs-button.primary, .lp2-form form input[type="submit"], .lp2-form form .hs-button.primary:hover, .lp2-form form input[type="submit"]:hover {
           background-position:center center;   background-size: 100% 60%;   line-height: 20px;   font-size: 20px!important; padding-left:5% !important;  }
           
    .hs-menu-depth-1>a{font-size:20px;}
    
    .mobile-navigation li.hs-menu-depth-1 ul li a{font-size:18px;}
}

@media (max-width: 320px) {
    
    
    /** landing page **/
    
      .testi .content{
        margin-top:-70px !important;
    }
    
    .testi .content .text {
        padding: 5% 2% 0 6%;
        width:52%;
      
     }
      .testi .content .text p {   font-size:20px !important; }
     
     .activities-wrapper{
         min-height:640px !important;
     }
     
     .inner-slant2 .widget-type-rich_text{
         padding:5% 0 0 19%;
     }
     
     .footer-details{
         font-size:15px;
     }
     
     .mobile-navigation ul{
        padding-left:0;
     }
     
    .mobile-navigation ul{
        height:390px;
        padding-top:15px;
    }
    
    
    .hs-menu-depth-1>a{font-size:18px;}
    
    .mobile-navigation li.hs-menu-depth-1 ul li a{font-size:16px;}
    
    ul.added-menu li.blog-icon{width:51%;}
    
    ul.added-menu li.news-icon{width:49% !important;}
    
    .mobile-logo.span6{width:25% !important;left:20% !important;padding:4% 0;}
    
    .mobile-menu-toggle{top:20%;}
    
}

@media (max-width: 240px) {
      .mobile-menu-toggle{
        top:5%;
    }
    .mobile-logo.span6{
        width:40% !important;
        left:24% !important;
    }
    
    .captions-holder .hs_cos_flex-slider .caption{
        top:190px !important;
    } 
    .section-wrapper h2{
        font-size:35px;
    }
    
     .activities-wrapper .activities-holder{
        margin:0!important;
    }
    
    .activities-wrapper{
        min-height:610px !important;
    }
    
    .find-more{
        padding:15px;
    }
    
    .find-more a{
        font-size:15px;
    }
    
     .footer-details{
         font-size:11px;
    }
}






/* 
   ========================================================================== */

   /* NEW CSS
   ========================================================================== */
 
.clubWrap, .discoverWrap, .neighborsWrap{position: relative;}
.clubWrap:after, .discoverWrap:after, .neighborsWrap:after{content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3);}
.bannerWrap .bannerDesc{z-index: 4;}

.gray-wrapp{height: 333px; overflow: hidden; position: relative;}
.gray-wrapp .gray-link{position: absolute; bottom: 0;}


.gray-wrapp p{min-height: 0px!important; text-overflow: ellipsis!important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-height: 24px; max-height: 144px; overflow: hidden!important;}
.desktop-view .main-menu ul > li a{padding: 15px 20px!important;}

.fl-floorplan{padding: 0px!important;}
.fl-floorplan a{display: block!important; width: 100%!important; max-width: none!important; padding: 0px!important; margin: 0 auto!important; height: 52px; line-height: 52px;}
.utube-play a img{width: 180px;}

.iBlock a{color: #a19d96; text-decoration: none;}
.iBlock a:hover{color: #ede6d9;}


.cboxPhoto{max-width: 670px!important; height: auto!important;}

.btm-amenities{max-width: 1200px; margin: 80px auto 0px; padding: 0 15px;}
.btm-amenities h2{font-size: 34px; text-transform: uppercase;}
.btm-amenities h2:after{content: ""; display: block; width: 40%; height: 3px; background: #ccc; margin-top: 10px; }
.btm-amenities p{font-size: 24px;}



.top-amenities h4{font-size: 34px; text-transform: uppercase;}
.top-amenities h4:after{content: ""; display: block; width: 40%; height: 3px; background: #fff; margin-top: 10px; }
.top-amenities p{font-size: 24px;}
.blog-links{height: 82px;}

.move-in{margin-bottom: 70px;}
.titlethis h2{margin: 40px 0 50px; padding: 10px 0; font-size: 53px; color: #676561; font-family: 'MrsEavRm','Myriad Pro Regular',Arial,Helvetica,sans-serif; border: 2px solid #676561; border-width: 2px 0;}
.specs-movein ul{margin-top: 0px!important;}
.specs-movein ul li{font-size: 23px; color: #413E3B!important;}
.specs-movein ul li strong{color: #919668;}

        /* ////////////////////////////
        NEW HEADER CSS
        //////////////////////////// */
        
        .blog-icon{position: relative; padding: 0px 13px 0px 0px!important;}
        .blog-icon a{padding: 0px 32px!important; margin: 0 auto!important; display:block;}
        .blog-links ul li:nth-child(2){margin: 0 auto!important; padding: 0px;}
        #cta_button_323779_ed685d98-df0e-4708-8c31-e6e1084b79e7{padding: 0px 21px;}
        
        
        
        /* ////////////////////////////
        NEW eBOOK HEADER
        //////////////////////////// */
        
        .screen-wrapp{height: 823px; width: 100%; position: relative;}
        .screen-block{position: absolute; border: 6px solid #5A5E3F; width: 650px; right: 60px; padding: 0px 15px 15px; top: -19px;}
        .screen-block div{height: 100%; margin-top: 0px; background: rgba(90, 94, 63, 0.7)!important;}
        .screen-block h2{color: #fff; font-weight: 500; font-size: 73px; line-height: 65px; margin: 0 auto; padding: 30px 25px; text-shadow: 3px 4px 5px rgba(0,0,0,0.5);}
        
        
        
        /* ////////////////////////////
        NEW LANDING PAGE
        //////////////////////////// */
        
        
        .hs-form-field label{display: none;} 
        .hs_penn_retirement label{display: block!important; float: left; font-size: 20px; margin-right: 18px;}
        .hs_penn_retirement{text-align: left; margin-left: 15px;}
        .hs_penn_retirement .input{float: left; width: 30%;}
        .hs_penn_retirement .multi-container{padding: 0px!important; margin-top: 0px;}
        .hs_penn_retirement .hs-form-radio{list-style: none;}
        
        .click-here{border: 5px solid #a1a28d; color: #a1a28d; text-decoration: none; font-size: 52px; text-shadow: none; box-shadow: none; font-weight: 400; padding: 5px 20px;}
        .click-here:visited{color: #a1a28d!important; border: 5px solid #a1a28d!important;}
        .click-here:hover{color: #B77534!important; border: 5px solid #B77534!important;}
        

        
        @media(max-width: 1024px){
        .activityBottom:after{content: none!important;}
        }    
            
        @media(max-width: 768px){
        .screen-block{right: 0; left: 0; margin: 0 auto; width: 90%;}    
        .screen-block h2{font-size: 55px; line-height: 43px;}
        }
        
        
        .fade-bg{min-height: 500px!important; background: #5a5e3f;}
        
        
        @media(max-width: 768px){
        .fade-bg{min-height: 400px!important;
        }
        
          @media(max-width: 600px){
        .fade-bg{min-height: 300px!important;
        }