/******************************* common css *******************************/
.hide4desktop {
    display: none!important;
}
.text-uppercase {
    text-transform: uppercase;
}

.clear {
    clear: both;
}

#modalTmpContent .languageModal .languageOptions {
    margin: 0;
    width: 50%;
}
.pepSyndicatedComponent .mobile-top button.mobileNav.list, 
.pepSyndicatedComponent .mobile-top button.mobileNav.search {
    height: 34px;
}
.pepSyndicatedComponent .mobile-top button.mobileNav .icon{
	line-height: normal;
}
.pepSyndicatedComponent .footer h5, .pepSyndicatedComponent .footer-lists h5{
	line-height: 1.5;
}

#headerWrapper .thumbnail {
    padding: 0;
    border-radius: 0;
    border: 0 none;
    margin-bottom: 0;
}

/* ==========================================================================
Social Menu definitions
========================================================================== */

/* Social Module Container Layout*/
.socialModuleContainer .uiToolTipBox .uiToolTipContent {
    width: 11em;
	box-sizing: content-box;
}

.socialModuleContainer {
    margin: 10px 0;
}
/* Button and Link Styles */
.socialModuleContainer .shareButton {
    color: #253B56;
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
}
.socialModuleContainer .shareButton .icon {
    font-size: 20px;
    width: 22px;
    margin-left: 5px;
}
.socialModuleContainer .shareButton:last-child {
    margin-bottom: 0;
}

.socialModuleContainer .shareButton span.link {
    margin-left: 8px;
}

.socialModuleContainer .shareButton span.link,
.socialModuleContainer #shareLink span.link {
    margin-bottom: 6px;
}

.socialModuleContainer .shareButton.hoverable:hover span,
.socialModuleContainer .shareButton.hoverable:focus span,
.socialModuleContainer .uiToolTip.uiToolTipShow .uiToolTipTrigger span.link,
.socialModuleContainer .uiToolTip.uiToolTipShow .uiToolTipTrigger span[data-icon] {
    color: #1994D7;
}

.socialModuleContainer .shareButton span {
    display: inline-block;
}

.shareButton .icon-symbol {
    font-size: 200%;
    vertical-align: top;
}
/* Bar CTA */
.barCta {
    display: block;
    font-style: normal;
    font-weight: 400;
    border-radius: 0 0 12px 12px;
    height: auto;
    width: auto;
    padding: 17px 30px;
    background-color: #1994D7;
    position: relative;
}
.barCta .title {
    font-weight: 600;
    margin-bottom: 1px;
}
.barCta .detailsCTA {
    font-size: 18px;
    line-height: 20px;
}
.barCtaContainer {
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.barCtaLeftContainer {
    display: table-cell;
    vertical-align: middle;
    width: 79%;
}
.barCtaRightContainer {
    display: table-cell;
    vertical-align: middle;
    min-width: 80px;
    text-align: right;
}
.barCtaToolTip {
    display: inline;
    margin-top: -8px;
    padding-left: 5px;
    position: absolute;
}
.barCtaTitle {
    font-size: 18px;
    display: inline;
}
.linkButton .button.blue > span {
    min-width: 150px;
    padding: 0;
}
/* end Bar CTA */

@media(min-width:961px) {
    .pepde-container {
        width: 940px;
    }
}
@media(max-width:960px) { 
	.m-hide, .t-hide {
        display: none;
    }
	
	.headerContainer h1 {
        display: block;
        line-height: 33px;
        margin: 15px 0 17px;
        font-size: 30px;
        color: #0470ab;
    }
}

@media(max-width:750px) {
	.hide4mobile {
        display: none!important;
    }
    .hide4desktop {
        display: block!important;
    }
	#pageContainer{
		box-shadow: none;
	}

	 /* modal */
	#modalPaddingLayer .ui-dialog {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        border-radius: 0;
		box-sizing: border-box;
    }
    #modalDialogDivContainer {
        height: 100% !important;
    }
    #modalDialogDivContainer #modalTmpContent {
        padding-top: 20px;
    }
    #modalTmpContent .languageModal .languageOptions {
        width: 100%;
        height: auto;
        min-height: 1em;
        padding: 0 30px;
    }
    #modalTmpContent .languageModal div:first-child {
        margin-top: 0;
    }
    #modalDialogDivContainer #modalUIPlusButtonPane {
        position: absolute;
        bottom: 0;
    }
	#tmp_overlay_background{
		left:0!important;
	}
	
    /* footer overwrite */
    #footerWrapper .pepSyndicatedComponent .pepGlobalFooter .base.standardContentContainer.footer {
        border: 1px solid #D9D9D9;
    }
    #footerWrapper .pepSyndicatedComponent .pepGlobalFooter .wdwFooter {
        padding: 0 10px !important;
    }
    #footerWrapper .pepSyndicatedComponent .pepGlobalFooter .footerGeneralLinks {
        padding: 0 10px;
    }
    #footerWrapper .pepSyndicatedComponent .pepGlobalFooter .socialMediaAndRequestInformationContainer.secondaryBlue {
        padding-left: 10px;
    }
    /* ios!! */
    #footerWrapper .pepSyndicatedComponent .responsive .pepGlobalFooter .wdwFooter {
        padding: 0 0px !important;
    }
    #footerWrapper .base.standardContentContainer.footer .footer-lists {
        padding-left: 10px;
    }
    #footerWrapper .base.standardContentContainer.footer .footer-lists section {
        padding-left: 0px;
    }
}
/***************************** end of  common css *************************/


/******************************* template b *******************************/
.template-b #globalNavBreadcrumbs {
    float: none;
    padding: 30px 0 30px;
    margin: 0 auto;
}

/* content */
.template-b .headerContainer h1 {
    display: none;
}
.resortsPage .tabsNavigation a {
    padding: 10px 10px;
    line-height: 1.4;
}
.resortsPage .tabsNavigation a.active, 
.resortsPage .tabsNavigation a:focus {
    color: #1994d7;
    text-decoration: none;
}
.resortsPage .tabsNavigation a span {
    display: inline-block;
}
.resortsPage .tabsNavigation a img.hotel_logo_d {
    height: 2.8em;
    display: inline-block;
    margin-right: 8px;
}
.resortsPage .tabsNavigation a img.hotel_logo_m {
    display: none;
}
.resortsPage.base.standardContentContainer {
    padding: 20px 0 20px;
    margin: 0 0 20px 0;
}
.resortsPage h1.roomRatesTitle {
    padding: 0 20px 20px;
    margin-bottom: .5em;
    padding-bottom: 0;
    max-width: 750px;
    font-weight: 200;
    font-size: 33px;
    color: #253b56;
}

/* tab content */
.resortsPage .tab-content {
    display: none;
    padding: 0 20px;
}
.resortsPage .tab-content.active {
    display: block;
}
.resortsPage .tab-content .slideShow {
    margin-bottom: 20px;
}
.resortsPage .descriptionContainer {
    width: 100%;
}
.resortsPage .descriptionContainer .htmlContentWrapper .htmlContainer h3 {
    margin-top: -1px;
}
.resortsPage .descriptionContainer div + div.overviewTitle{
	padding-top:1px;
}
.resortsPage a.htmlContentBlock:focus {
    text-decoration: none;
    outline: none;
}


@media(max-width:960px) { /* for landscape phone */
	 .template-b .headerContainer h1 {
        display: block;
        line-height: 33px;
        margin: 15px 0 17px;
        font-size: 30px;
        color: #0470ab;
    }
    /* content */
    .resortsPage.base.standardContentContainer {
        padding-top: 0;
        background-color: #FFFFFF;
        height: auto;
    }
    .resortsPage .tabsNavigation {
        border-radius: 6px 6px 0 0;
    }
    .resortsPage .tabsNavigation a {
        white-space: normal;
        font-size: 10px;
        padding: 5px 5px 3px;
        line-height: 1.4;
    }
    .resortsPage .tabsNavigation a img.hotel_logo_d {
        display: none;
    }
    .resortsPage .tabsNavigation a img.hotel_logo_m {
        display: block;
        margin: 3px auto;
    }
    .resortsPage .tabsNavigation a.active, 
    .resortsPage .tabsNavigation a:focus {
        color: #1994d7;
        text-decoration: none;
    }    
    /* tab content */
    .resortsPage .tab-content {
        padding: 0 10px;
    }
    .resortsPage .checkAvailabilityContainer {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .resortsPage .descriptionContainer {
        width: 100%;
    }
    .resortsPage .descriptionContainer .htmlContentWrapper {
        width: 100%;
    }
    .resortsPage .descriptionContainer .description {
        font-size: 14px;
    }
    
}
@media(max-width:570px) {
    .resortsPage a.htmlContentBlock .heroButtonWrapper:after {
        content: "";
    }
	.resortsPage a.htmlContentBlock .heroCopyButtonImage {
		max-width:120px;
	}
    .resortsPage a.htmlContentBlock .heroCopyButtonContent:after {
        font-family: 'pepmdx';
        font-style: normal;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        font-size: 23px;
        color: #e9e9e9;
        content: "\e30c";
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -14px;
    }
    .resortsPage .descriptionContainer .htmlContentWrapper .htmlContainer h3 {
        margin-bottom: 0px;
    }
    .resortsPage .descriptionContainer .htmlContentWrapper .htmlContainer p {
        display: none;
    }
}
/*************************** end of template b ****************************/


/******************************* template c *******************************/
body.template-c {
    background-color: #ffffff;
    width: 100%;
}
/* fix sync header */
.template-c .thumbnail {
    margin-bottom: 0;
}

/* full width video */
.template-c .videoContainerPad {
    width: 100%;
    height: 80px; /* header height */
}
.template-c #video_container {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.template-c #video_container img {
    width: 100%;
}
/* #video_container iframe,  */
.template-c #video_container video {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* pointer-events: none; */
}
.template-c #video_container .embed-responsive {
    padding-bottom: 0;
    height: 100%;
}
.template-c #video_container .btnFullscreenVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #FFFFFF;
}
.template-c #video_container .btnFullscreenVideo:after {
    font-family: "dlpmdx";
    content: "\e337";
    margin-left: 8px;
    line-height: 1;
}

/* main content */
.template-c #main {
    max-width: 1260px;
    width: 96%;
    margin: -50px auto 0;
    position: relative;
    background-color: #ffffff;
}
.template-c #main hr {
    background: #ffffff;
    border: none;
    border-top: 1px solid #BCBCBC;
    margin: 10px 0 20px 0;
    clear: both;
}

.template-c #main .m-links {
    padding: 10px 30px;
}
.template-c #main .m-links a.btnMap, 
.template-c #main .m-links a.btnParkHours {
    color: #1994d7;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 200;
}
.template-c #main .m-links a.btnMap:hover, 
.template-c #main .m-links a.btnParkHours:hover {
    color: #1994d7;
    text-decoration: underline;
}
.template-c #main .m-links a.btnMap:before, 
.template-c #main .m-links a.btnParkHours:before {
    font-family: dlpmdx;
    display: inline-block;
    text-decoration: none;
    color: #000;
    margin-right: 5px;
    font-size: 25px;
}
.template-c #main .m-links a.btnMap:before {
    content: "\e200";
}
.template-c #main .m-links a.btnParkHours:before {
    content: "\e312";
}
.template-c #main .m-links .m-verticalSeparator {
    border-left: 1px solid #E6EBEE;
    margin: 0 10px;
    font-size: 20px;
}
.template-c #main .m-links .btnOffers {
    color: #ffffff;
    float: right;
}

.template-c #main .m-article {
    padding: 0 40px;
    text-align: center;
}
.template-c #main .m-article h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0 15px 0;
}
.template-c #main .m-article p {
    font-size: 36px;
    font-weight: 200;
    line-height: 44px;
    margin: 0 0 30px 0;
}

/* 6 img with desc */
.template-c #main h4.storycard {
    text-align: center;
    font-size: 20px;
    font-weight: 200;
    line-height: 24px;
    padding: 0;
    margin: 0 0 25px 0;
}
.template-c #main h4.storycard.mb-0 {
    margin-bottom: 15px;
}
.template-c #main p.storycard {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    padding: 0 40px;
    margin: 0 0 30px 0;
}
.template-c #main .m-storycard {
    margin-top: 20px;
    /* margin-bottom: 10px; */
}
.template-c #main .m-storycard .m-card .m-image {
    overflow: hidden;
    margin-bottom: 7px;
}
.template-c #main .m-storycard .m-card .m-image img {
    width: 100%;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.template-c #main .m-storycard .m-card .m-storyTitle {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 7px;
}
.template-c #main .m-storycard .m-card .m-storyTitle:before {
    content: "\e305";
    font-family: dlpmdx;
    float: right;
    font-size: 26px;
    line-height: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 0 0 10px;
}
.template-c #main .m-storycard .m-card.s-collapsed .m-storyTitle:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.template-c #main .m-storycard .m-card.s-expand .m-storyTitle:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.template-c #main .m-storycard .m-card {
    cursor: pointer;
}
.template-c #main .m-storycard .m-card a:hover {
    text-decoration: underline;
}
.template-c #main .m-storycard .m-card:hover .m-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.template-c #main .m-storycard .m-storyDescription {
    position: relative;
    display: none;
    background: #ebf6fc;
    padding: 25px 20px;
    margin: 22px 15px 25px;
    width: calc(100% - 30px);
}
.template-c #main .m-storycard .m-storyDescription:before {
    position: absolute;
    width: 22px;
    height: 22px;
    top: -11px;
    background: #ebf6fc;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.template-c #main .m-storycard .m-storyDescription.desc1:before {
    left: calc(15% - 11px);
}
.template-c #main .m-storycard .m-storyDescription.desc2:before {
    left: calc(50% - 11px);
}
.template-c #main .m-storycard .m-storyDescription.desc3:before {
    left: calc(85% - 11px);
}
.template-c #main .m-storycard.two-col-row .m-storyDescription.desc1:before {
    left: calc(25% - 11px);
}
.template-c #main .m-storycard.two-col-row .m-storyDescription.desc2:before {
    left: calc(75% - 11px);
}
.template-c #main .m-storycard .m-storyDescription h4 {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 200;
}
.template-c #main .m-storycard .m-storyDescription p {
    font-size: 20px;
    line-height: 24px;
}

/* footer overwrite */
.template-c #footerWrapper #gde_footerLegalContainer, 
.template-c #footerWrapper #gde_footerLegalContainer a {
    color: #000000;
}

@media(max-width:1300px) { 
    .template-c #main .m-article h2 {
        margin: 20px 0 15px 0;
        font-size: 36px;
        line-height: 1.2;
    }
    .template-c #main .m-article p {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media(max-width:750px) {
    
    .template-c #main {
        margin-top: 0;
        width: 100%;
    }
    
    /* 6 img with desc */
    .template-c #main .m-storycard {
        margin: 0;
    }
    .template-c #main .m-storycard article {
        padding-left: 0;
        padding-right: 0;
    }
    .template-c #main .m-storycard .m-card .m-storyTitle {
        display: block;
        padding: 10px 20px;
        margin: 0;
        min-height: 55px;
    }
    .template-c #main .m-storycard .m-card .m-storyTitle:before {
        font-size: 28px;
        line-height: 1.3;
    }
    .template-c #main .m-storycard .m-card:hover .m-image img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .template-c #main .m-storycard .m-storyDescription {
        padding: 20px;
        margin: 20px 0;
        width: 100%;
    }
    .template-c #main .m-storycard .m-storyDescription.desc1:before, 
    .template-c #main .m-storycard .m-storyDescription.desc2:before, 
    .template-c #main .m-storycard .m-storyDescription.desc3:before, 
    .template-c #main .m-storycard.two-col-row .m-storyDescription.desc1:before, 
    .template-c #main .m-storycard.two-col-row .m-storyDescription.desc2:before {
        left: calc(50% - 11px);
    }
    .template-c #main .m-storycard .m-storyDescription h4 {
        margin: 0 0 20px 0;
        padding: 0 10px;
        font-size: 20px;
        line-height: 1.2;
    }
    .template-c #main .m-storycard .m-storyDescription p {
        margin: 0;
        font-size: 16px;
        line-height: 1.25;
    }

    /* footer overwrite */
    .template-c #footerWrapper #gde_footerLegalContainer, 
    .template-c #footerWrapper #gde_footerLegalContainer a {
        color: #000000;
    }
    .template-c #footerWrapper .pepSyndicatedComponent .pepGlobalFooter .base.standardContentContainer.footer {
        border: 1px solid #D9D9D9;
    }
}
/************************** end of template c *****************************/


/******************************* template e *******************************/
.template-e #globalNavBreadcrumbs {
    float: none;
    padding: 30px 0 15px;
    margin: 0 auto;
}

/* content */
.template-e .headerContainer h1 {
    color: #0470ab;
    font-size: 36px;
    line-height: 1;
    font-weight: 200;
    margin-bottom: 0;
    padding-bottom: 15px;
}
.resourcesPage.base.standardContentContainer {
    padding: 20px 0 20px;
    margin: 0 0 20px 0;
}

.resourcesPage .resultCount {
    padding-left: 20px;
    padding-bottom: 20px;
}

.resourcesPage .finderList {
    padding: 0;
    margin: 0;
}
.resourcesPage .card {
    list-style-type: none;
    border-top: 1px solid rgba(161,175,192,0.3);
    position: relative;
    padding: 0 20px;
}
.resourcesPage .card .cardLinkContainer {
    position: relative;
    display: inline-table;
    width: 95%;
    min-width: 259px;
} 
.resourcesPage .card .thumbnail {
    display: table-cell;
    text-align: center;
    border: 0 none;
    padding: 20px 0;
    vertical-align: top;
    min-width: 170px;
    width: 175px;
}
.resourcesPage .card .thumbnail .desktopVer {
    display: block;
}
.resourcesPage .card .thumbnail .mobileVer {
    display: none;
}
.resourcesPage .card .itemInfo {
    display: table-cell;
    min-width: 680px;
    vertical-align: middle;
    padding: 20px;
}
.resourcesPage .card .itemInfo .cardName {
    display: table-cell;
    width: 420px;
    font-size: 23px;
    line-height: 1.2;
    font-weight: bold;
}
.resourcesPage .card .itemInfo .metaInfo {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding-left: 10px;
}
.resourcesPage .card .itemInfo .metaInfo > a {
    margin-left: 80px;
}

/* @media(max-width:750px) { */
@media(max-width:570px) {
    .template-e #pageContainer {
        box-shadow: none;
    }	
    /* content */
    .template-e .headerContainer h1 {
        display: block;
        line-height: 33px;
        margin: 15px 0 17px;
        padding: 0;
        font-size: 30px;
        color: #0470ab;
    }
    .resourcesPage .card .thumbnail {
        min-width: 55px;
        max-width: 55px;
        overflow: hidden;
        position: relative;
    }
    .resourcesPage .card .thumbnail .desktopVer {
        display: none;
    }
    .resourcesPage .card .thumbnail .mobileVer {
        display: block;
    }
    .resourcesPage .card .itemInfo {
        min-width: 0;
        vertical-align: top;
        padding: 20px;
        width: 100%;
    }
    .resourcesPage .card .itemInfo .cardName {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 2px;
    }
    .resourcesPage .card .itemInfo .metaInfo {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .resourcesPage .card .itemInfo .metaInfo > a {
        margin-left: 0;
        margin-top: 10px;
    }
}
/************************** end of template e *****************************/


/******************************* template f *******************************/
.template-f #globalNavBreadcrumbs {
    float: none;
    padding: 10px 0;
    margin: 0 auto;
}
.template-f .ui-hdr-xxl {
    font-size: 36px;
    line-height: 42px;
    font-weight: lighter;
}
.template-f .ui-disclaimer {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #8294AA;
}
.free-form-overview .uLayout.standardContentContainer {
    margin-top: 40px;
}
.free-form-overview .uLayout.standardContentContainer.uiPlus {
    padding: 20px;
	margin-top: 0;
}
.free-form-overview .ui-hdr-xxl {
    font-size: 36px;
    line-height: 42px;
    font-weight: lighter;
}
.free-form-overview .ui-disclaimer {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #8294AA;
}
.free-form-overview .free-form-overview-container .signInLinkWrapper {
    text-align: right;
    height: auto;
}
.free-form-overview .free-form-overview-container .signInLink {
    float: none;
}
.free-form-overview .free-form-overview-container .ctaButtonsWrapper a {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.free-form-overview .free-form-overview-container .ctaButtonsWrapper a span {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}
.free-form-overview .free-form-overview-container .pageTitle,
.free-form-overview .free-form-overview-container .pageSubtitle,
.free-form-overview .free-form-overview-container .title,
.free-form-overview .free-form-overview-container .sectionTitle,
.free-form-overview .free-form-overview-container .details {
    width: auto;
}
.free-form-overview .free-form-overview-container .pageTitle,
.free-form-overview .free-form-overview-container .pageSubtitle {
    margin: 0 auto;
}
.free-form-overview .free-form-overview-container .pageTitle {
    line-height: 44px;
    font-weight: 100;
    margin-bottom: 9px;
}
.free-form-overview .free-form-overview-container .pageSubtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}
.free-form-overview .free-form-overview-container .feature-image {
    position: relative;
    text-align: center;
}
.free-form-overview .free-form-overview-container .feature-image img {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.free-form-overview .free-form-overview-container .section {
    padding-top: 35px;
}
.free-form-overview .free-form-overview-container .section a:focus,
.free-form-overview .free-form-overview-container .section a:hover {
    text-decoration: underline;
}
.free-form-overview .free-form-overview-container .title {
    width: auto;
}
.free-form-overview .free-form-overview-container .title h3,
.free-form-overview .free-form-overview-container .sectionTitle h3,
.free-form-overview .free-form-overview-container .details {
    margin-left: 150px;
}
.free-form-overview .free-form-overview-container .title h3 {
    font-size: 32px;
    line-height: 38px;
    font-weight: lighter;
}
.free-form-overview .free-form-overview-container .list-icon {
    line-height: 25px;
}
.free-form-overview .free-form-overview-container .list-icon .iconWrapper {
    display: block;
    float: left;
}
.free-form-overview .free-form-overview-container .list-icon .detailWrapper {
    display: block;
    margin-left: 70px;
}
.free-form-overview .free-form-overview-container .ui-hdr-m h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 22px;
}
.free-form-overview .feature-image img {
    padding: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    zoom: 1;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.free-form-overview .free-form-overview-container .pageSubtitle .downloadLinks .appMarket {
    display: inline-block;
    margin: 0 3px;
}

.free-form-overview .free-form-overview-container .nonBottomRadius img {
    border-radius: 12px 12px 0 0;
}
.free-form-overview .free-form-overview-container .mediaEngineDialog img {
    border-radius: 0;
}
.free-form-overview .uiToolTip .informationIcon.hoverable:hover {
    color: #FFF;
}
/* Details section */
.overview-details-wrapper .detailTitle {
    color: #78899E;
    font-size: 14px;
    line-height: 18px;
}
.overview-details-wrapper .detailBody {
    font-size: 16px;
}
.overview-details-wrapper .detailLink {
    font-size: 13px;
}

/* end Details section */
/* Drawers section */
.overviewDrawersHeaderTitle {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
}
.overviewDrawersDescription {
    color: #65778A;
    line-height: 28px;
    margin: 0 auto;
    font-size: 14px;
}
.overviewStoryCard {
    float: left;
}
.overviewStoryCard img {
    width: 100%;
}
.overviewStoryCard a {
    cursor: pointer;
}
.overviewStoryCard > img {
    display: block;
    margin-bottom: 10px;
}
.mainStoryCardWrapper {
    float: left;
    width: 100%;
    display: table;
}
.mainStoryCardWrapper .description {
    display: table-cell;
    float: left;
    width: 98%;
    color: #253B56;
}
.overviewDrawerHeader {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
}
.mainStoryCardWrapper .arrow,
.mainStoryCardWrapper .icon {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}
.mainStoryCardWrapper .arrow:after {
    background-image: none;
    color: #E4E8ED;
    content: '\E30C';
    font-family: pepmdx;
    font-size: 20px;
    margin: -3px 0 0 -6px;
    display: block;
}

.viewMoreWrapper h2 {
    float: left;
    width: 93%;
    font-size: 2em;
    margin-bottom: 0.75em;
    font-weight: lighter;
	line-height: 1.5;
}

.viewMoreCard {
    padding: 5px 0;
    float: left;
    width: 100%;
}

.viewMoreWrapper .viewMoreCard .description div {
    margin: 0;
}

.viewMoreWrapper .articleViewMoreLeft h3,
.viewMoreWrapper .articleViewMoreRight h3 {
    color: #1994D7;
    font-size: 14px;
    font-weight: bolder;
    line-height: 18px;
    margin: 10px 0 0;
}

.viewMoreWrapper .headerSection .articleViewMoreRight img {
    width: 100%;
}

.viewMoreLinkout .arrow:after,
.mainStoryCardWrapper .arrow:after {
    background-image: none;
    color: #E4E8ED;
    content: '\E30C';
    font-family: pepmdx;
    font-size: 20px;
    margin: -3px 0 0 -6px;
    display: block;
}

/* end Drawers section */
.pepGlobalFooter .socialMediaAndRequestInformationContainer {
    -webkit-border-radius:0 0 12px 12px;
    -moz-border-radius:0 0 12px 12px;
    border-radius:0 0 12px 12px
}

.free-form-overview .free-form-overview-container .title img,
.free-form-overview .free-form-overview-container .sectionTitle img {
    display: inline-block;
    float: left;
    margin-left: 35px;
}
.free-form-overview #pageContent .horizontalSeparator {
    margin: 25px 0;
}
.free-form-overview .socialModuleContainer {
    margin: 12px 0;
    float: right;
    font-size: 14px;
}
.free-form-overview .free-form-overview-container .section .title .icon {
    width: auto;
}
.free-form-overview .free-form-overview-container .pageTitle,
.free-form-overview .free-form-overview-container .title,
.free-form-overview .free-form-overview-container .sectionTitle {
    width: 616px;
}
.free-form-overview .free-form-overview-container .feature-image {
    position: relative;
}
.free-form-overview .free-form-overview-container .feature-image .nonBottomRadius{
    border-radius: 12px 12px 0 0;
}
.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton, 
.free-form-overview .storyImg .openMediaEngineButton {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 20px 20px;
    display: none;
    border-radius: 10px;
    border: 3px solid #FFF;
    padding: 8px 14px;
    background: none;
    background-color: rgba(0, 0, 0, .45);
    font-size: 17px;
    line-height: 1.5em; 
    font-weight: bold;
    text-align: center;
    color: #FFF;
    float: left;
    vertical-align: middle;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg .openMediaEngineButton {
    display: inline;
    padding: 10px 7px;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg .openMediaEngineButton:hover {
    color: #1994D7;
    border-color: #1994D7;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg .openMediaEngineButton span span {
    font-size: 20px;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg.small {
    margin-bottom: 10px;
    line-height: inherit;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg.small .openMediaEngineButton {
    margin: 0 0 10px 10px;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 5px;
}

.free-form-overview .overviewDrawers .overviewStoryCard, 
.free-form-overview .overviewDrawers .overviewStoryCard .storyImg{
    position: relative;
}

.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton .icon {
    font-family: pepmdx;
    display: inline-block;
}
.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton:hover,
.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton:focus {
    color: #1994D7;
    border-color: #1994D7;
}
.free-form-overview .details .detailWrapper .detailPartTitle {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 6px;
    width: 620px;
}
.free-form-overview .details .detailWrapper ul {
    margin-bottom: 38px;
}

.free-form-overview .uLayout.standardContentContainer.uiPlus {
    padding: 15px 20px 0;
}

.free-form-overview .free-form-overview-container .section {
    padding-top: 47px;
}

.free-form-overview .free-form-overview-container .details {
    width: 556px;
    margin-left: 152px;
}

.free-form-overview .free-form-overview-container .pageTitle {
    font-size: 28px;
    line-height: 36px;
    width: 100%;
    font-weight: lighter;
}

.free-form-overview .free-form-overview-container .pageSubtitle {
    color: #253B56;
    font-size: 18px;
    font-weight: lighter;
    line-height: 28px;
    text-align: center;
    margin-top: 18px;
    padding-bottom: 13px;
}

.free-form-overview .free-form-overview-container .pageSubtitle h2 {
    margin: 18px 0 .75em;
    padding: 0 70px;
    text-align: center;
    color: #253b56;
    font-size: 36px;
    font-weight: normal;
    line-height: 42px;
}

.free-form-overview .free-form-overview-container .signInLinkWrapper {
    float: right;
}

.free-form-overview .free-form-overview-container .disclaimer p {
    margin-bottom: 18px;
}

.free-form-overview .free-form-overview-container .pageSubtitle .downloadLinks .appMarket {
    display: inline-block;
    margin: 0 10px;
}

.free-form-overview .free-form-overview-container .section .details .detailWrapper ul {
    margin-bottom: 24px;
    padding-left: 22px;
}

.free-form-overview .free-form-overview-container .details .detailWrapper p {
    padding-top: 20px;
}

.barCtaLeftContent {
    float: left;
}

.barCtaRightContent {
    float: right;
}
.pageSubtitleHeader {
    color: #253B56;
    font-size: 36px;
    line-height: 40px;
    font-weight: lighter;
    text-align: center;
    padding-bottom: 5px;
}

.pageSubtitleHeader.overviewHeader {
    width: 75%;
    margin: 0 auto 20px;
    padding-top: 0;
}
/* Details section */
.overview-details-wrapper {
    text-align: center;
    width: auto;
    margin: 20px;
}
.overview-details-wrapper .twoColumn {
    width: 46.7%;
    float: left;
}
.overview-details-wrapper p {
    margin: 5px 0;
}

.viewMoreCard a:hover .description > *,
.viewMoreCard a:hover .arrow:after,
.overviewStoryCard a:hover .description > *, 
.overviewStoryCard a:hover .arrow:after {
    color: #1994D7;
}

.finder-overview-drawers {
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    max-width: 500px;
    margin: 0 auto;
}

.finder-overview-storycard {
    margin-bottom: 2px;
}


/* end Details section */
/* Drawers section */
.overviewDrawersHeaderTitle,
.overviewDrawersDescription {
    text-align: center;
}
.overviewDrawersDescription {
    width: 600px;
    margin-top: -15px;
    padding-bottom: 20px;
}
.overviewStoryCard {
    margin-bottom: 45px;
    overflow: hidden;
}
.overviewDrawers{
	margin: 0;
}
.overviewDrawers .twoColumn {
    width: 48%;
    padding: 0;
}
.overviewDrawers .twoColumn.right {
    float: right;
}
.threeColumn.overviewStoryCard {
    padding: 2px 31px 0 0;
    width: 31%;
	box-sizing: content-box;
}
.threeColumn.overviewStoryCard:nth-of-type(3n) {
    padding-right: 0;
}
.twoColumn.overviewStoryCard:nth-of-type(odd),
.threeColumn.overviewStoryCard:nth-of-type(3n+4) {
    clear: both;
}
/* end Drawers section */
/* View More section */
.overviewDrawers .viewMoreSection {
    width: 100%;
    float: left;
}

.overviewDrawers .viewMoreSection.open {
    padding-bottom: 50px;
}
.overviewDrawers .viewMoreSection:nth-last-of-type(1) {
    padding-bottom: 0;
}
.overviewDrawers .viewMoreSection:nth-last-of-type(1).open {
    padding-bottom: 45px;
}
.overviewDrawers .viewMoreSection:nth-last-of-type(1).open + .horizontalSeparator {
    height: 0;
}
.finderDetailsExperienceMedia.nonBottomRadius {
    border-radius: 12px 12px 0;
}

.overviewDrawers .viewMoreSection,
.overviewDrawers .viewMoreSection > div {
    display: none;
}

.viewMoreWrapper {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.overviewDrawers .viewMoreWrapper > div {
    padding: 40px 40px 15px;
    float: left;
    width: 91%;
	box-sizing: content-box;
}

.viewMoreWrapper > div:after,
.viewMoreWrapper > div:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.viewMoreWrapper > div:after {
    border-bottom-color: #FFF;
    border-width: 11px;
    margin-left: -11px;
}

.viewMoreWrapper > div:before {
    border-bottom-color: #DFDFDF;
    border-width: 13px;
    margin-left: -13px;
}

.viewMoreWrapper > div.twoColumn:after,
.viewMoreWrapper > div.twoColumn:before {
    left: 3.5%;
}

.viewMoreWrapper:nth-child(2) > div.twoColumn:after,
.viewMoreWrapper:nth-child(2) > div.twoColumn:before,
.viewMoreWrapper > div.twoColumn.secondCol:after,
.viewMoreWrapper > div.twoColumn.secondCol:before {
    left: 55.5%;
}

.viewMoreWrapper > div.threeColumn:after,
.viewMoreWrapper > div.threeColumn:before {
    left: 3.5%;
}

.viewMoreWrapper:nth-child(2) > div.threeColumn:after,
.viewMoreWrapper:nth-child(2) > div.threeColumn:before {
    left: 38.5%;
}

.viewMoreWrapper:nth-child(3) > div.threeColumn:after,
.viewMoreWrapper:nth-child(3) > div.threeColumn:before {
    left: 73%;
}

.viewMoreWrapper .closeIcon {
    cursor: pointer;
    padding-left: 34px;
}

.viewMoreWrapper .closeIcon:before {
    font-size: 18px;
}

.viewMoreWrapper .headerSection > div {
    width: 49%;
    float: left;
}

.viewMoreWrapper .headerSection > img {
    width: 46%;
    float: right;
    padding-top: 6px;
    padding-bottom: 25px;
}

.viewMoreWrapper .headerSection > div img {
    width: 100%;
    margin-bottom: 10px;
    /*padding-left: 25px;*/
}

.viewMoreWrapper .twoColumn > .viewMoreCards .description div {
    max-width: 495px;
    line-height: 18px;
}

.viewMoreLinkout img {
    width: 25%;
    float: left;
}

.viewMoreLinkout {
  width: 100%;
}

.viewMoreLinkout h3 {
    font-size: 18px;
    font-weight: bold;
}

.viewMoreLinkout .description {
    display: table-cell;
    color: #2D3E53;
    padding: 0 0 0 20px;
    float: left;
    width: 95%;
    min-width: 530px;
}

.viewMoreWrapper .headerSection .articleViewMoreLeft {
    width: 49%;
    float: left;
}


.viewMoreWrapper .headerSection .articleViewMoreRight {
    width: 46%;
    float: right;
    /*padding: 0 15px;*/
}

.viewMoreLinkout .viewMoreTitle {
    color: #1994D7;
    text-transform: uppercase;
}

.viewMoreLinkout .arrow,
.mainStoryCardWrapper .arrow,
.mainStoryCardWrapper .icon {
    display: table-cell;
    float: none;
    vertical-align: top;
    position: relative;
    left: 0;
    right: 0;
    top: 10px;
}

.viewMoreLinkout .icon {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
    left: 12px;
    right: 0;
    top: 0;
}

.storyCardWrapper {
    float: left;
    width: 75%;
    display: table;
}

.free-form-overview .marginsSeparator {
    margin: 15px 0;
    padding: 0;
    display: inline-block;
}
/* end View More section */

@media(max-width:750px) {
	.preDetailContent .feature-image img{
		width: 100%;
		height: auto;
		border-radius: 0;
	}
	
	.free-form-overview.universalLayout #pageContent{
		margin: 0;
	}
	
	.free-form-overview .uLayout.standardContentContainer.uiPlus{
		padding: 20px;
		width: auto;
		margin: 20px 10px 40px;
	}
	
	.free-form-overview .free-form-overview-container .pageTitle{
		font-size: 18px;
		line-height: 1;
		font-weight: normal;
		margin-bottom: 5px;
		color: #162F4A;
	}
	
	.free-form-overview .free-form-overview-container .pageSubtitle{
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		font-weight: 400;
		margin-top: 10px;
		padding-bottom: 0;
	}
	
	.horizontalSeparator.fullWidth{
		margin-top: 30px;
		margin-bottom:0;
		display: inline-block;
	}
	
	.overviewDrawersHeaderTitle{
		margin-top: 30px;
		margin-bottom: 5px;
		padding-bottom: 0;
		text-align: left;
	}
	
	.overviewDrawerHeader{
		margin-top: 10px;
	}
		
	.overviewDrawersDescription{
		display: none;
	}
	
	.overviewDrawers .twoColumn,
	.overviewDrawers .threeColumn{
		width: 100%;
	}
	
	.overviewDrawers .threeColumn{
		padding:0;
	}
	
	.overviewStoryCard{
		margin-top: 25px;
		margin-bottom: 0;
		float:none;
	}
	
	.free-form-overview #pageContent .horizontalSeparator {
		margin: 30px 0 0 0;
	}
	
	.overviewDrawers .viewMoreWrapper > div{
		padding: 25px 5px 0;
		position: relative;
		border-top: none;
		width:100%;
		box-sizing: border-box;
	}
	
	.overviewDrawers .viewMoreSection, .overviewDrawers .viewMoreSection > .viewMoreWrapper{
		margin-top: 0;
		padding-bottom: 0;
	}
	
	.overviewDrawers .viewMoreSection.open{
		padding-bottom: 0;
	}
	
	.overviewDrawers .viewMoreSection.open > .viewMoreWrapper{
		margin-top: 25px;
		margin-bottom: 25px;
		padding-bottom: 30px;
	}
	
	.viewMoreWrapper > div:before{
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		left: 50%;
		border-bottom-color: #DFDFDF;
		border-width: 13px;
		margin-left: -13px;
	}
	
	.overviewDrawers .twoColumn.left,
	.overviewDrawers .twoColumn.right {
		float:none;
	}
		
	.free-form-overview #pageContent .overviewDrawers .viewMoreSection:nth-last-of-type(1).open + .horizontalSeparator{
		display: none;
	}
	
	.viewMoreWrapper > div.twoColumn:after, .viewMoreWrapper > div.twoColumn:before,
	.viewMoreWrapper > div.threeColumn:after, .viewMoreWrapper > div.threeColumn:before{
		left: 50%!important;
	}
	
	.viewMoreWrapper .closeIcon{
		padding-left: 0;
	}
	
	.viewMoreWrapper h2{
		width: 90%;
	}
	
	.viewMoreWrapper .headerSection .articleViewMoreLeft,
	.viewMoreWrapper .headerSection .articleViewMoreRight{
		width: 100%;
	}
	
	.viewMoreWrapper .articleViewMoreLeft{
		margin-top: 20px;
	}
	
	.horizontalSeparator.fullWidth{
		margin-top: 30px;
		display: inline-block;
	}
	
	.free-form-overview .socialModuleContainer{
		margin: 20px 0;
		float: left;
	}
	
	.free-form-overview .uiToolTip {
		display: inline-block;
		position: relative;
		text-align: left;
	}
		
	.free-form-overview .uiToolTip .uiToolTipBox{
		left: -35px;
		right: auto;
	}
	
	.detailsCTA .uiToolTip .uiToolTipBox{
		right: -47px;
		left:auto;
		bottom: 80%;
	}
	
	.detailsCTA .upsideDown .uiToolTipBox {
		top: 80%;
		padding: 20px 0 0;
	}
	
	.barCta{
		border-radius: 12px;
		padding: 10px 5px;
		margin-top: 20px;
	}
	
	.barCtaContainer{
		display: block;
		text-align: center;
	}
	
	.barCtaLeftContainer{
		display: block;
		width: auto;
	}
	
	.barCtaRightContainer{
		display: block;
		width: auto;
		text-align: center;
		margin-top: 10px;
	}
	
	.mainStoryCardWrapper .arrow, .mainStoryCardWrapper .icon{
		display: table-cell;
		float: none;
		vertical-align: middle;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
	}
	
	.viewMoreCard a:hover .description > *,  .overviewStoryCard a:hover .description > *{
		color: #253B56;
	}
	
	.viewMoreCard a:hover .arrow:after,  .overviewStoryCard a:hover .arrow:after{
		color: #E4E8ED;
	}
}
/************************** end of template f *****************************/


/******************************* template h *******************************/
.template-h #globalNavBreadcrumbs{
	float: none;
	margin: 0 auto;
	padding: 10px 0;
}
.standard-custom .ui-hdr-xxl{
    font-size:36px;
    line-height:42px;
    font-weight:lighter
}
.standard-custom .ui-disclaimer{
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    color:#8294aa
}
.standard-custom .uLayout.standardContentContainer{
    margin-top:40px
}
.standard-custom .uLayout.standardContentContainer.uiPlus{
    padding:20px
}
.standard-custom .mdx-standard-container{
    font-size:16px;
    line-height:20px
}
.standard-custom .ui-hdr-xxl{
    font-size:36px;
    line-height:42px;
    font-weight:lighter
}
.standard-custom .ui-disclaimer{
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    color:#8294aa
}
.standard-custom .mdx-standard-container ul{
    padding-left:1em
}
.standard-custom .mdx-standard-container .signInLinkWrapper{
    text-align:right;
    height:auto
}
.standard-custom .mdx-standard-container .signInLink{
    float:none
}
.standard-custom .mdx-standard-container .ctaButtonsWrapper a{
    display:block;
    margin-bottom:30px;
    text-align:center
}
.standard-custom .mdx-standard-container .ctaButtonsWrapper a span{
    font-size:16px;
    font-weight:bold;
    line-height:26px
}
.standard-custom .mdx-standard-container .pageTitle,.standard-custom .mdx-standard-container .pageSubtitle,.standard-custom .mdx-standard-container .title,.standard-custom .mdx-standard-container .sectionTitle,.standard-custom .mdx-standard-container .details{
    width:auto
}
.standard-custom .mdx-standard-container .pageTitle,.standard-custom .mdx-standard-container .pageSubtitle{
    margin:0 auto;
    text-align:center
}
.standard-custom .mdx-standard-container .pageTitle{
    line-height:44px;
    font-weight:100;
    margin-bottom:9px
}
.standard-custom .mdx-standard-container .pageSubtitle{
    font-size:20px;
    font-weight:400;
    line-height:30px;
    margin-bottom:20px;
    margin-top:10px
}
.standard-custom .mdx-standard-container .feature-image{
    position:relative;
    text-align:center
}
.standard-custom .mdx-standard-container .feature-image img{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.standard-custom .mdx-standard-container .section{
    padding-top:35px
}
.standard-custom .mdx-standard-container .section a:focus,.standard-custom .mdx-standard-container .section a:hover{
    text-decoration:underline
}
.standard-custom .mdx-standard-container .title{
    width:auto
}
.standard-custom .mdx-standard-container .title h3,.standard-custom .mdx-standard-container .sectionTitle h3,.standard-custom .mdx-standard-container .details{
    margin-left:150px
}
.standard-custom .mdx-standard-container .title h3{
    font-size:32px;
    line-height:38px;
    font-weight:lighter
}
.standard-custom .mdx-standard-container .list-icon{
    line-height:25px
}
.standard-custom .mdx-standard-container .list-icon .iconWrapper{
    display:block;
    float:left
}
.standard-custom .mdx-standard-container .list-icon .detailWrapper{
    display:block;
    margin-left:70px
}
.standard-custom .mdx-standard-container .ui-hdr-m h3{
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    margin-top:22px
}
.standard-custom .mdx-standard-container .horizontalSeparator{
    margin:30px 0
}
.standard-custom .feature-image img{
    padding:0;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
    box-shadow:0 0 4px rgba(0,0,0,0.2);
    zoom:1;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.standard-custom .mdx-standard-container .pageSubtitle .downloadLinks .appMarket{
    display:inline-block;
    margin:0 3px
}
.pepGlobalFooter .socialMediaAndRequestInformationContainer{
    -webkit-border-radius:0 0 12px 12px;
    -moz-border-radius:0 0 12px 12px;
    border-radius:0 0 12px 12px
}
.standard-custom .mdx-standard-container .title img,.standard-custom .mdx-standard-container .sectionTitle img{
    display:inline-block;
    float:left;
    margin-left:35px
}
.standard-custom .mdx-standard-container .section .title .icon{
    width:auto;
    margin-left:64px
}
.standard-custom .mdx-standard-container .pageTitle,.standard-custom .mdx-standard-container .sectionTitle{
    width:616px
}
.standard-custom .mdx-standard-container .title,.standard-custom .mdx-standard-container .pageSubtitle{
    width:725px
}
.standard-custom .mdx-standard-container .title h3{
    line-height:40px;
    margin-top:24px;
    margin-bottom:40px
}
.standard-custom .mdx-standard-container .feature-image{
    position:relative
}
.standard-custom .mdx-standard-container .feature-image .openMediaEngineButton{
    position:absolute;
    left:0;
    bottom:0;
    margin:0 0 20px 20px;
    display:none;
    border-radius:10px;
    border:3px solid #FFF;
    padding:8px 14px;
    background:0;
    background-color:rgba(0,0,0,.45);
    font-size:17px;
    line-height:1.5;
    font-weight:bold;
    text-align:center;
    color:#FFF;
    float:left;
    vertical-align:middle
}
.standard-custom .mdx-standard-container .feature-image .openMediaEngineButton .icon{
    font-family:pepmdx;
    display:inline-block
}
.standard-custom .mdx-standard-container .feature-image .openMediaEngineButton:hover,.standard-custom .mdx-standard-container .feature-image .openMediaEngineButton:focus{
    color:#1994d7;
    border-color:#1994d7
}
.standard-custom .details .detailWrapper .detailPartTitle{
    font-size:22px;
    line-height:30px;
    font-weight:600;
    margin-bottom:6px;
    width:620px
}
.standard-custom .details .detailWrapper ul{
    margin-bottom:38px
}
.standard-custom .mdx-standard-container .pageTitle{
    width:785px
}
.standard-custom .uLayout.standardContentContainer.uiPlus{
    padding:20px 20px 12px
}
.standard-custom .mdx-standard-container .section{
    padding-top:23px
}
.standard-custom .mdx-standard-container .details{
    width:596px;
    margin-left:152px
}
.standard-custom .mdx-standard-container .pageTitle{
    padding-top:30px;
    font-size:36px;
    line-height:40px
}
.standard-custom .mdx-standard-container .pageSubtitle{
    margin-bottom:30px
}
.standard-custom .mdx-standard-container .signInLinkWrapper{
    float:right
}
.standard-custom .mdx-standard-container .disclaimer p{
    margin-bottom:18px
}
.standard-custom .mdx-standard-container .pageSubtitle .downloadLinks .appMarket{
    display:inline-block;
    margin:0 10px
}
.standard-custom .mdx-standard-container .section .details .detailWrapper ul{
    margin-bottom:24px;
    padding-left:22px
}
#downloaddisneylandmobileapp .mdx-standard-container .section .details .detailWrapper ul{
    margin-bottom:0;
    padding:24px 0 0 22px
}
#downloaddisneylandmobileapp .mdx-standard-container .section .details:first-child .detailWrapper ul{
    padding-top:0
}
.standard-custom .mdx-standard-container .details .detailWrapper p{
    padding-top:20px
}
#downloaddisneylandmobileapp .mdx-standard-container .details .detailWrapper p{
    padding-top:0;
    margin:0
}
.standard-custom .mdx-standard-container .horizontalSeparator{
    margin:46px 0 30px
}
.standard-custom .mdx-standard-container .section .details .detailWrapper>h3{
    margin-bottom:0;
    font-size:20px;
    font-weight:bold
}

@media(max-width:750px) {
	.template-h #pageContent .base.standardContentContainer{
		margin-top: 40px;
		padding: 20px 10px;
	}
	.standard-custom .mdx-standard-container .pageTitle{
		font-size: 20px;
		line-height: 25px;
		font-weight: lighter;
		padding-top: 0;
		margin-bottom: 9px;
		width: auto;
	}
	.standard-custom .mdx-standard-container .pageSubtitle{
		margin-bottom: 35px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		margin-top: 10px;
		width: auto;
	}
	.standard-custom .mdx-standard-container .feature-image img{
		width: 100%;
		height: auto;
		box-shadow: none;
	}
	.standard-custom .mdx-standard-container .section{
		padding-top: 28px;
	}
	.standard-custom .mdx-standard-container .title h3{
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		margin: 0 0 18px 0;
	}
	.standard-custom .mdx-standard-container .details{
		width: auto;
		margin-left: 0;
		font-size: 14px;
		line-height: 16px;
	}
}
/************************** end of template h *****************************/

/***************************** template i *********************************/
.template-i  #globalNavBreadcrumbs{
	float:none;
	margin: 0 auto;
	padding: 10px 0;
}
.finder .uLayout.standardContentContainer.uiPlus{
	margin: 0;
	padding:0;
}
.finderDetailsContainer {
    padding: 20px 20px 24px;
    z-index: 5;
}
.finderDetailsContainer .finderDetailPageTitle h1{
	line-height: 36px;
    margin: -6px 0 2px 0;
	padding: 0 0 5px;
	color: #162f4a;
    font-weight: lighter;
    font-size: 28px;
}
.finderDetailPageTitle.subflowHeader{
	margin-bottom: 10px;
	display: block;
    padding: 0;
	width: 75%;
}
.finderDetailsExperienceMedia, .finderDetailsExperienceMedia img.fullColumn, .finderDetailsExperienceImage{
	border-radius: 12px;
}
.finderDetailsExperienceMedia{
	background-color: #ebf6fc;
    width: 100%;
    margin-top: 8px;
    max-height: 354px;
}
.finderDetailsContainer .finderDetailsExperienceMedia{
	margin-top: 1px;
	display: block;
}
.finderDetailsExperienceMedia .mediaLauncher{
	display: flex;
    max-height: 350px;
    position: relative;
    background: #FFF;
}
.finderDetailsExperienceMedia .mediaLauncher.wrapper #openMediaEngineButton{
	border-radius: 10px;
    border: 3px solid #FFF;
    padding: 8px 14px;
    background: 0;
    background-color: rgba(0,0,0,.45);
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    float: left;
    right: inherit;
    vertical-align: middle;
}
.finderDetailsExperienceMedia .mediaLauncher.wrapper #openMediaEngineButton:hover{
	border-color: #1994d7;
	color: #1994d7;
}
.openMediaEngineButton{
	left: 0;
    margin-left: 20px;
    bottom: 0;
    margin-bottom: 20px;
}
.finderDetailsExperienceMedia .button {
    color: #FFF;
    border-radius: 20px;
    cursor: pointer;
    background-color: rgba(0,0,0,.45);
    padding: 3px 14px;
    position: absolute;
    z-index: 99;
    bottom: 14px;
    right: 14px;
    border: 1px solid #000;
}
.finderDetailsContainer .icon{
	display: inline-block;
    vertical-align: middle;
}
.finderDetailsExperienceMedia .mediaLauncher.wrapper #openMediaEngineButton .icon{
	font-family: pepmdx;
    display: inline-block;
}
.finderDetailsContentLeft{
	width: 69%;
	float: left;
}
.finderDetailsContentRight{
	width: 28%;
    float: right;
    min-width: 250px;
}
.finderDetailsContentRight .horizontalSeparator{
	width: 100%;
}
.finderDetailsHeaderContent {
    padding-top: 27px;
}
.finderDetailsPageSubtitle .heroData, .finderDetailsContainer .finderDetailsPageSubtitle{
	font-size: 20px;
    font-weight: 200;
    line-height: 28px;
	margin-bottom: 27px;
    display: inline-block;
}
.finderDetailsContainer .htmlContainer{
	font-weight: normal;
    font-size: 14px;
    line-height: 1.8rem;
    width: 100%;
	height: 100%;
	clear: both;
    float: left;
	padding: 0;
}
.finderDetailsContainer .htmlContainer.heroBlock .heroRight{
	font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
	padding:0;
}
.finderDetailsContainer .htmlContainer.heroBlock img, .finderDetailsContainer .htmlContainer img.heroCopyButtonImage, .finderDetailsContainer .finderResults .thumbnail{
	width: 170px;
	max-width: none;
	margin: 0 20px 0 0;
    height: auto;
    display: inline-block;
}
.finderDetailsContainer .marginsSeparator{
	margin: 27px 0;
    padding: 0;
    display: inline-block;
}
.finderDetailsContentLeft .htmlContentWrapper{
	width: 90%;
}
.finderDetailsContentLeft .htmlContentWrapper .htmlContainer h3, 
.finderDetailsContentLeft .htmlContentWrapper .htmlContainer h2{
    text-align: left;
    line-height: 1.2;
}
.finderDetailsContentLeft .heroCopyButtonContent p, 
.finderDetailsContentLeft .heroData .abridgedContent p{
	line-height: 18px;
}
.finderDetailsContainer .htmlContentBlock .heroCopyButtonContent{
	font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 3px;
    overflow: hidden;
    padding: 0 20px 0 0;
}
.finderDetailsContainer .htmlContentBlock .arrow{
	display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}
.finderDetailsContainer .htmlContentBlock .arrow:after{
	background-image: none;
    color: #e4e8ed;
    content: '\E30C';
    font-family: pepmdx;
    font-size: 20px;
    margin: -3px 0 0 -6px;
    display: block;
}
.finderDetailsContainer .heroBlock:last-child, .finderDetailsContainer .heroCopyButtonContainer3:last-child{
	margin-bottom: 16px;
}
.finderDetailsContainer .htmlContentBlock:hover .heroButtonWrapper h3,
.finderDetailsContainer .htmlContentBlock:hover .heroButtonWrapper p,
.finderDetailsContainer .htmlContentBlock:hover .heroButtonWrapper .arrow:after{
	color: #1994d7;
}
.finderDetailsContainer a.htmlContentBlock .heroButtonWrapper{
	display: table-row;
}
.finderDetailsContainer a.htmlContentBlock .heroButtonWrapper:after{
	display:none;
}
.finderDetailsContainer .socialModuleContainer .shareButton span.link, .finderSocialModal .shareButton span.link, .finderDetailsContainer .socialModuleContainer #shareLink span.link, .finderSocialModal #shareLink span.link{
	margin-bottom: 6px;
	margin-left: 8px;
}
.finderDetailsContainer .socialModuleContainer{
	margin: 10px 0;
}
.finderDetailsContainer .socialModuleContainer .shareButton span, .finderSocialModal .shareButton span{
	display: inline-block;
}
.finderDetailsContainer .shareButton [data-icon]:before{
	font-size: 24px;
}

#modalTmp{
	display:none;
}

@media(max-width:750px) {
	.finder  #pageContent{
		margin: 0;
	}
	.finder .base.standardContentContainer.uiPlus.uLayout{
		margin: 20px 10px 40px;
		width: auto;
		padding: 0;
		z-index: 1;
	}
	
	.finderDetailsExperienceMedia{
		border-radius: 0;
		margin: 0;
		height: auto;
		background: 0;
		text-align: center;
	}
	
	.finderDetailsExperienceMedia, .finderDetailsExperienceMedia img.fullColumn, .finderDetailsExperienceImage{
		border-radius: 0;
	}
	
	.finderDetailsExperienceMedia .finderDetailsExperienceImage, .finderDetailsExperienceMedia img.fullColumn, .finderDetailsExperienceImage{
		width: 100%;
	}
	
	.finderDetailsExperienceMedia .mediaLauncher.wrapper #openMediaEngineButton{
		left: 0;
		bottom: 0;
		right: initial;
		border-width: 2px;
		border-radius: 6px;
		margin: 0 0 10px 10px;
		padding: 6px 7px;
		font-size: 8.5px;
		vertical-align: middle;
	}
	
	.finderDetailsContainer{
		padding: 0;
	}
	
	.finderDetailsContainer .finderDetailPageTitle h1{
		font-size: 18px;
		line-height: 1;
		margin: 0 0 5px 0;
		padding: 0;
		font-weight: lighter;
	}
	
	.finderDetailsHeaderContent {
		padding: 0;
	}
	
	.finderDetailPageTitle.subflowHeader{
		padding: 22px 20px 5px 20px;
		margin: 0;
		width: 75%;
	}
	
	.finderDetailsContainer .finderDetailsPageSubtitle{
		font-size: 14px;
		line-height: 1.5;
		font-weight: normal;
		margin: 5px 20px 0 20px;
	}
	
	.finderDetailsContentRight{
		display: none;
	}
	
	.finderDetailsContentLeft{
		width:100%;
	}
	
	.finderDetailsContentLeft>div{
		width: auto;
		margin: 20px;
	}
	
	.finderDetailsContentLeft .atAGlance{
		margin: 20px 0;
		background-color: #e9eff8;
		padding: 20px 20px 10px 20px;
	}
	.finderDetailsContentLeft .atAGlance>div{
		margin: 0 0 10px;
	}
	.finderDetailsContentLeft .atAGlance .atAGlanceItem.basicLocationInfo .location.line1{
		margin-top: 7px;
		font-size: 15px;
		margin: 4px 0;
		line-height: 18px;
		font-weight: bold;
	}
	
	.finderDetailsContentLeft .atAGlance .atAGlanceItem h3{
		font-size: 13px;
		margin: 0;
		font-weight: bold;
		letter-spacing: 0;
		padding: 0;
		margin-bottom: 8px;
	}
	
	.finderDetailsContentLeft .atAGlanceItem>p{
		font-size: 13px;
		margin: 0;
		line-height: 24px;
	}
	
	.finderDetailsContentLeft .htmlContentWrapper{
		width: 100%;
	}
	
	.finderDetailsContentLeft #FinderDetailsMoreInfoLink.FinderDetailsMoreInfoLinkMobile{
		font-size: 13px;
	}
	
	.finderDetailsContentLeft .htmlContentWrapper .htmlContainer h3, 
	.finderDetailsContentLeft .htmlContentWrapper .htmlContainer h2{
		font-size: 14px;
		margin-bottom: 7px;
	}
	
	.finderDetailsContainer .htmlContentWrapper a.htmlContentBlock, 
	.finderDetailsContainer .htmlContentWrapper .htmlContainer{
		display: block;
	}
	
	.finderDetailsContainer .htmlContainer.heroBlock img, .finderDetailsContainer .htmlContainer img.heroCopyButtonImage, .finderDetailsContainer .finderResults .thumbnail{
		display: block;
		width: 100%;
		margin: 0 auto 10px;
	}

	.finderDetailsContainer .marginsSeparator{
		margin: 20px auto;
	}
	
	.finderDetailsContainer .heroBlock p:last-child{
		margin-bottom: 16px;
	}
	
	.finderDetailsContainer .htmlContentBlock .heroCopyButtonContent{
		padding: 10px 10px 10px 0;
	}
	
	.finderDetailsContainer .htmlContentBlock .heroCopyButtonContent p{
		font-size: 12px;
	}
	
	.finderDetailsContainer .socialModuleContainer{
		width: auto;
		margin: 20px;
	}
	
	/*** modal ***/
	.finder #modalPaddingLayer{
		height:100%;
		width:100%;
	}
	.pepModalCustomClass.ui-dialog.hide{
		display:none!important;
	}
	
	.finderDetailsModal.ui-dialog .ui-dialog-title{
		line-height: 28px;
		margin: 0 0 3px 1px;
	}
	.pepModalCustomClass.ui-dialog .horizontalSeparator{
		background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(201,201,201,0)),color-stop(19%,rgba(201,201,201,1)),color-stop(50%,rgba(201,201,201,1)),color-stop(79%,rgba(201,201,201,1)),color-stop(100%,rgba(201,201,201,0)));
		background: -webkit-linear-gradient(left,rgba(201,201,201,0) 0,rgba(201,201,201,1) 19%,rgba(201,201,201,1) 50%,rgba(201,201,201,1) 79%,rgba(201,201,201,0) 100%);
		background: -o-linear-gradient(left,rgba(201,201,201,0) 0,rgba(201,201,201,1) 19%,rgba(201,201,201,1) 50%,rgba(201,201,201,1) 79%,rgba(201,201,201,0) 100%);
		background: -ms-linear-gradient(left,rgba(201,201,201,0) 0,rgba(201,201,201,1) 19%,rgba(201,201,201,1) 50%,rgba(201,201,201,1) 79%,rgba(201,201,201,0) 100%);
		background: linear-gradient(left,rgba(201,201,201,0) 0,rgba(201,201,201,1) 19%,rgba(201,201,201,1) 50%,rgba(201,201,201,1) 79%,rgba(201,201,201,0) 100%);
	}
	.finderDetailsModal #modalDialogDivContainer #modalTmpContent{
		padding: 0 10px 15px;
		margin-bottom: 20px;
	}
	.finderDetailsModal #ui-dialog-title-contents{
		margin: 10px 10px 0;
		font-weight: 600;
		min-width: 299px;
		font-size: 18px;
	}
	.pepModalCustomClass.ui-dialog .ui-dialog-titlebar .horizontalSeparator{
		display: block;
		width: 100%;
		margin: 19px 0 0 0;
	}
	.finderDetailsModal h5, .finderDetailsModal.moreDetailsModal h4{
		font-size: 1.4rem;
		font-weight: bold;
		margin: 30px 0 20px;
	}
	.finderDetailsModal p{
		margin: 10px 0 5px;
	}
	.pepModalCustomClass #modalDialogDivContainer{
		display:block;
	}
	.pepModalCustomClass #modalDialogDivContainer #modalUIPlusButtonPane{
		height: auto;
		position: fixed;
		bottom: 0;
		left: 0;
		padding-bottom: 10px;
		background-color: #FFF;
		z-index: 1002;
	}
	.pepModalCustomClass #modalUIPlusButtonPane .horizontalSeparator {
		margin: 0 auto 30px;
	}
	.pepModalCustomClass #modalUIPlusButtonPane .modalUIPlusButtons {
		float: right;
		padding: 13px 12px 10px 0;
	}
	.pepModalCustomClass #modalUIPlusButtonPane .touch.borderradius .pillLinkWrapper {
		padding: 5px 0;
		display: inline-block;
	}
	.pepModalCustomClass #modalUIPlusButtonPane .pillBase.primary{
		background-color: #61941b;
	}
	
	.finderSocialModal #ui-dialog-title-contents{
		margin: 20px 25px 0;
		font-size: 28px;
		font-weight: 200;
		line-height: 36px;
	}
	.finderDetailsContainer .socialModuleContainer .shareButton, .finderSocialModal .shareButton{
		color: #253b56;
		cursor: pointer;
		display: block;
		margin-bottom: 15px;
		text-transform: uppercase;
		text-decoration: none;
	}
	.finderSocialModal #modalTmpContent{
		padding: 0 26px 100px;
	}
}

/************************** end of template i *****************************/