.owl-carousel .owl-item { height:100vh;}
.pageContentBlock::-webkit-scrollbar {
    width: .7em;
}
 
.pageContentBlock::-webkit-scrollbar-track {
	background-color:#ddd;
    -webkit-box-shadow: none;
}
 
.pageContentBlock::-webkit-scrollbar-thumb {
  background-color: #aeaeae;
  outline: 1px solid #a7a7a7;
}
.owl-carousel .owl-item img{ width:auto;}
 

a{ color:#136580;}
a:hover{ color:#ee592b;}
/* Newsletter Section*/ 
#loader{display:block;width:100%;height:100%;position: fixed;top:0;z-index: 9;left:0;background: #3d4752;}
#loader i{position:absolute;width: 42px;height: 42px;top:0;right:0;left:0;top:0;bottom:0;margin:auto;color: #FFFF;}

.newsletterWrapper{background: #626b75;height: 100vh;}
.newsletterContent {background-color:#3d4752;padding: 0;overflow: hidden;height: 100vh;}
.newsletterContent .newsletterPages{display:block;/* height:100%; */max-height: 1020px;}
.newsletterContent .newsletterPages:after{content:''; display:table; clear:both;}
.backbutton{position:absolute;width: 100px;height: 30px;top: 0;left: 0;z-index: 99999;}
.backbutton a{
    background: #119b8e;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
    font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-align: center;
    cursor: pointer;
    padding: 3px 12px;
    display: inline-block;
    }
.newsletterWrapper .backbutton a:hover{ text-decoration:none; background-color:#ee592b;}
.newsletterWrapper .newsletterNav{position:fixed;z-index: 99;width:100%;bottom: -60px;transition: bottom .3s ease;}
.newsletterWrapper .newsletterNav.active{bottom:0;-webkit-transition: bottom .3s ease;transition: bottom .3s ease, top .3s ease;}
.newsletterWrapper .newsletterNav .newsletterpageNAv{background: #FF5722;padding: 10px 0;width: 100%;float: none;clear: both;}
.newsletterNav ul{ margin:0; padding:0; list-style:none; text-align:center;}
.newsletterNav ul li{display:inline-block;margin: 5px;}
.newsletterNav ul li a{border: 1px solid rgba(255, 255, 255, 0.5);display:block;padding: 5px 10px;color:#FFF;min-width: 34px;font-size: 12px;text-align: center;}
.newsletterNav ul li a:hover,.newsletterNav ul li.selected a{background-color: #3d4752;border-color: rgba(148, 148, 148, 0.5);text-decoration:none;}
.newsletterNav .nl_navIcon{width: 120px;height: 34px;float: right;margin: 0 20px;background: #ff5722;text-align: center;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;display: none;}
.newsletterNav .nl_navIcon a{display:block;width: 100%;height: 100%;font-size: 0;color: rgba(255, 255, 255, 0.6);}  
.newsletterNav .nl_navIcon a:hover, .newsletterNav .nl_navIcon a:focus{ text-decoration:none; color:#FFF;}
.newsletterNav .nl_navIcon a:before{content:"\f077";font-family:FontAwesome;font-size: 24px;line-height: 34px;display: block;}

.newsletterPage{width: 100vw;height: 100%;/* overflow: hidden; */padding: 25px 0;float: left;position: relative;background: transparent;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);}
.newsletterPage .pageData{position:relative;padding: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: top center;background-attachment: unset;background-color: #FFF;height: 100%;width: 960px;max-height: 900px;margin: 0 auto;display: block;}
.newsletterPage .pageData:after{content:''; display:table; clear:both; }
.newsletterPage .pageData .pageContentBlock.Contents {max-width: 65%;}
.newsletterPage .pageData .pageContentBlock {height: 100%;overflow: auto;position: relative;z-index: 999;display: block;float: left;overflow: auto;vertical-align: top;text-align: initial;}
.newsletterPage.Cover .pageContentBlock.Cover{ overflow:hidden;}
.newsletterPage .pageData .pageContentBlock div.pageBody{padding: 15px;position: absolute;left: 0;/* padding-bottom: 30px; */width: 100%;height: 400px;transition: height .3s ease;top: 25px;display: block;}
.newsletterPage .pageData .pageContentBlock div.pageBody:after{content:'';display:block;position:absolute;width:100%;height:100%;bottom: 0;left:0;/* background-color: #3a6588; */z-index:-1;}

.newsletterPage .pageData .pageContentBlock div.pageBody h2{color: #136580;font-family: Univers LT W01_57 Condensed, Univers, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: bold;font-size: 24px;line-height: 1.3em;}
.newsletterPage .pageData .pageContentBlock div.pageBody h3{color: #136580;font-family: Univers LT W01_57 Condensed, Univers, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: bold;font-size: 18px;line-height: 1.5em;}
.newsletterPage .pageData .pageContentBlock div.pageBody h4{font-size: 16px;color: #119b8e;font-weight: 600; font-family: "Univers LT W01_55 Roman1475956", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.newsletterPage .pageData.contentPositionRight .callOut,.newsletterPage .pageData.contentPositionLeft .pageContentBlock{}
.newsletterPage .pageData.contentPositionLeft .callOut, .newsletterPage .pageData.contentPositionRight .pageContentBlock{
    float: right;
}
.newsletterPage .pageData div.pageContentBlock[data-callout='']{margin-top:0 !important; }

.newsletterPage .pageData .callOut{margin: 0;width: 280px;display: inline-block;}
.newsletterPage .pageData div.callOut[data-callout='']{ display:none;}
.newsletterPage .pageData div.callOut[data-callout=''][data-calloutimage]{ display:inline-block;}
.newsletterPage .pageData div.callOut img{max-width:100%;padding: 15px;}
.newsletterPage .pageData .callOut span{padding: 0;margin: 10px;margin-bottom: 20px;font-size: 1.2em;max-width: 100%;display: block;background: #ee592b;color:#FFF;font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 600;}
.newsletterPage .pageData .callOut span{display:block;padding: 15px;/* padding-bottom: 12px; */}
.newsletterPage .pageData div.callOut[data-callout=''][data-calloutimage] span{ display:none;}
.newsletterPage .pageData .callOut a:after{content:'';display:none;width:100%;height:3px;background: #ee592b;margin-bottom: -10px;}
.newsletterPage .pageData .callOut a:hover{ color:#333; text-decoration:none;}
.newsletterPage .pageData .callOut.align_Top{align-self:start;}
.newsletterPage .pageData .callOut.align_Middle{align-self:center;}
.newsletterPage .pageData .callOut.align_Bottom{margin: 0;position: absolute;top: 100%;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateY(-100%);}
.newsletterPage .pageData .callOut.align_Middle{margin: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.newsletterPage .pageData.contentPositionRight .callOut {text-align:left;}
.newsletterPage .pageData.contentPositionLeft .callOut a{float: right;}
.newsletterPage .pageData .pageNumber{position:absolute;z-index: 999;right: 10px;bottom: 0;padding: 0px 4px;/* background: #CCC; */color: #808080;font-size: 16px;opacity: 1;}

.newsletterPage .pageData .pageContentBlock div.pageBody .row img{ max-width:100%;}


.bootstrap-wrapper .row.align-center{align-items: center;} 
.bootstrap-wrapper .row.justify-center{justify-content: center;}


/*Newsletter Cover*/
.newsletterPage.Cover .pageData{padding:0;}
.newsletterPage.Cover .pageContentBlock.Cover{max-width: 40% !important;background: #FFF;}
.newsletterPage.Cover .pageContentBlock.Cover .image{/* text-align:center; */padding:15px;}
.newsletterPage.Cover .pageData .CoverTitle {background: none;color: #000;text-align: right;font-size: 13px;padding: 5px 0;padding-left: 90px;margin: 40px 20px;text-transform: uppercase;font-weight: 400;}
.newsletterPage.Cover .pageContentBlock.Cover ul{margin: 10px 20px;padding:0;list-style:none;text-align: right;}
.newsletterPage.Cover .pageContentBlock.Cover ul li{display:inline-block;}
.newsletterPage.Cover .pageContentBlock.Cover ul li span{font-size:14px;font-weight:900;display: inline-block;vertical-align: middle;text-transform:uppercase;font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 13px;font-weight: 700;}
.newsletterPage.Cover .pageContentBlock.Cover ul li span span{vertical-align:top;}
.newsletterPage.Cover .pageContentBlock.Cover ul li.publishDate{display:block;}
.newsletterPage.Cover .pageContentBlock.Cover ul li.publishDate span{ font-size:12px; color:#666; font-weight:500;}
.newsletterPage.Cover .pageContentBlock.Cover ul li:nth-child(2):before{content:"\f111";font-family:FontAwesome;display:inline-block;vertical-align:middle;line-height: 1;margin-right: 5px;font-size: 8px;}
.newsletterPage.Cover .pageContentBlock.Cover .Cover_colorBlocks{width: 100%;position: absolute;bottom: -10px;left: 0;max-height: 150px;}
.newsletterPage.Contents .pageContentBlock.Contents .contensHeader:after{content:''; display:table; clear:both;}
.newsletterPage.Contents .pageContentBlock.Contents .contensHeader img{max-height: 70px;display: block;margin-left: 15px;margin-bottom: 10px;}
.newsletterPage.Contents .pageContentBlock.Contents .contensHeader img.contentsLogo{float: right;margin: 0 15px;display: block;max-height: 60px;}
.newsletterPage.Contents .pageContentBlock.Contents { background-color:#FFF;}
.newsletterPage.Contents .pageContentBlock.Contents h3{font-size: 1.6em;text-transform:uppercase;color: #999;margin: 0;padding: 0 15px;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav{margin:10px 0;margin-bottom: 20px;padding: 0px 15px;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav h4{font-weight:bold;text-transform:uppercase;color: #ee592b;margin: 0;margin-bottom: 5px;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul{ margin:0;padding:0; list-style:none;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul li{display:block;padding-bottom: 7px;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul li a {color: #000;line-height: 1;font-size: .96em;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul li a:hover{text-decoration:none;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul li a span{display:block;font-weight:bold;font-size: 13px;color: #119b8e;text-transform: uppercase;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul li span.subTitle{display:block;/* font-size:12px; *//* color:#697684; */}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav.Special, .newsletterPage.Contents .pageContentBlock.Contents .pageContentNav.Features{display:inline-block;vertical-align: middle;max-width:50%;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul.ContentNav.Special li a span{ display:none;}
.newsletterPage.Contents .pageContentBlock.Contents .pageContentNav ul.ContentNav.Special li {margin-bottom:10px;}


.newsletterPage.Cover .pageData .pageNumber{display:none;}

.newsletterIssue h4{ text-transform:uppercase; text-align:center; }
.newsletterIssue p{ text-align:center;}

ul.pages {list-style:none;text-align:center;margin: 0;padding: 4px 0;display: none;}
ul.pages li{display:inline-block;padding:5px;margin: 0 5px;background: #3d4752;color:#FFF;line-height: 10px;width: 30px;height: 20px;border-radius: 4px;font-size: 12px;}
ul.pages li.active{background:#ee592b; }

.owl-nav button{position:absolute;top: 48%;left: 0;font-size:0;background:none;width: 40px;height: 40px;padding: 0 5px;border: 0;line-height: 1;border-radius: 0;outline: none;}
.owl-nav button.owl-next{ left:auto; right:0;}
.owl-nav button span{font-size:0;font-family:FontAwesome;display: block;height: 100%;line-height: 1;font-style: normal;outline: none;}
.owl-nav button span:before{content:"\f053";display: block;height: 100%;line-height: 46px;font-size: 36px;}
.owl-nav button.owl-next span:before{content:"\f054";}
.owl-nav button.disabled:hover span, .owl-nav button.disabled span{ color:#697684;}
.owl-theme .owl-nav [class*='owl-']:hover{ background:none;}
.owl-nav button:hover span{color: #f8ba25;}

.lastPageLogo{position:absolute; right:0; top:0; margin:15px; max-width:200px;} 
div.endCredits{position: relative;right:0;bottom:0;width: 90%;font-size: 11px;float: right;margin: 20px auto !important;}
div.endCredits p{ font-size:11px;}

div.table{ display:table; width:100%;}
div.table .row{ display:table-row;}
div.table .row span{display:table-cell;padding: 3px;border: 1px solid #eee;}
div.table .row.head span{background:#eee;vertical-align: middle;}


@media (max-width: 1040px) {
	.newsletterContent{/* padding-top: 45px; */height: 100%;}
}

@media (max-width: 960px) {
	.owl-carousel .owl-stage-outer{height: 100%;}	
	.newsletterPage .pageData{width: 720px;float: none;margin: 0 auto;max-height: 640px;}
	.newsletterPage{padding:0;padding-top: 45px;}
	.newsletterPage .pageData .pageContentBlock div.pageBody {padding-bottom: 50px;height: auto;}
	.backbutton{top: 0;margin: 0;height: 45px;width: 80px;margin-top: 0;overflow: hidden;}
	.backbutton a {padding: 0;line-height: 45px;width: 100%;}
	.owl-theme .owl-dots{ display:none;}
	.owl-theme .owl-nav{position: absolute;margin: 0 auto;top: 0;right: 0;width: calc(100% - 100px);padding: 0 15px;float: right;}
	.owl-theme .owl-nav:after{content:''; display:table; clear:both;}
	.owl-nav button {position:relative;margin: 0;}
	.owl-theme .owl-nav [class*='owl-']{margin:0;line-height: 45px;top: auto;height: 45px;}
	.owl-nav button span:before{line-height: 45px;}
	.owl-nav button.owl-prev{ float:left;}
	.owl-nav button.owl-next { float:right;}
	.newsletterPage .pageData .pageNumber {position: absolute;text-align: center;z-index: 1000;right: 10px;line-height: 1;bottom: 0;background: #CCC;color: #808080;}
	.newsletterPage.Cover .pageContentBlock.Cover .Cover_colorBlocks {max-height: 50px;bottom:0;}
}

@media (max-width: 767px) {
	.newsletterPage .pageData{width: 100%;text-align: center;background-image: none !important;}
	.newsletterPage .pageData .pageContentBlock, 
	.newsletterPage.Cover .pageContentBlock.Cover,
	.newsletterPage.Contents .pageContentBlock.Contents {max-width: none !important;}
	.newsletterPage.Cover .pageData,.newsletterPage.Contents .pageData{}
	.newsletterPage .pageData.contentPositionLeft .callOut, .newsletterPage .pageData.contentPositionRight .pageContentBlock{ float:none;}
	.newsletterPage.Cover .pageContentBlock.Cover, .newsletterPage.Contents .pageContentBlock.Contents{/* display: flex; *//* flex-direction: column; *//* justify-content: center; */}
	.newsletterPage.Cover .pageContentBlock.Cover, .newsletterPage.Contents .pageContentBlock.Contents {margin:0;height:100%;min-height:100%;text-align: initial;}
	.newsletterPage .pageData .pageContentBlock {margin-top: 12%;height: 89%;width: 100% !important;float: none;margin-right:  auto;margin-left: auto;}
	.newsletterPage .pageData div.pageContentBlock[data-callout='']{margin-top:0 !important;height: 100%;}
	.newsletterPage .pageData .callOut{max-width: 80% !important;position: absolute;top: 10px !important;left: 0;right: 0;margin: auto !important;width: 100%;display: block;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}
	.newsletterPage .pageData.contentPositionRight .callOut{ text-align:center;}
	.newsletterPage .pageData .callOut a{margin: 0px auto;max-width: 400px;}
	.newsletterPage.Cover .pageContentBlock.Cover .image img{ max-width:100%;}
}

@media (max-width: 540px){
	.newsletterPage .pageData .pageContentBlock, 
	.newsletterPage.Cover .pageContentBlock.Cover, 
	.newsletterPage.Contents .pageContentBlock.Contents, .newsletterPage .pageData .callOut{width: 100% !important;max-width: none !important;}
}

@media (max-width: 480px) {
	.newsletterPage .pageData .pageContentBlock, 
	.newsletterPage.Cover .pageContentBlock.Cover,
	.newsletterPage.Contents .pageContentBlock.Contents {max-width: 100% !important;}
	.newsletterPage .pageData .pageContentBlock{margin-top: 100px;height: calc(100% - 100px);}
	.newsletterPage .pageData .callOut{max-width: 100% !important; text-align:center;}
	.newsletterPage .pageData .callOut a { max-width:none;}
	.newsletterWrapper .newsletterNav{bottom:auto;top: 0;right: -64px;transition: right .3s ease;width: 90px;height: 100%;}
	.newsletterNav .nl_navIcon{width: 26px;height: 50px;float: left;margin: 10px 0;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 0;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 0;-webkit-border-top-right-radius: 0;-webkit-border-top-left-radius: 10px;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 10px;border-top-right-radius: 0;border-top-left-radius: 10px;border-bottom-right-radius: 0;border-bottom-left-radius: 10px;}
	.newsletterNav .nl_navIcon a:before{content:"\f053";line-height: 50px;font-size: 22px;}
	.newsletterNav ul li {margin: 5px;display: block;}
	.newsletterNav ul li a {padding: 5px 3px;font-size: 10px;}
	.newsletterWrapper .newsletterNav .newsletterpageNAv{float: left;clear:none;width: 64px;height: 100%;}
	.newsletterWrapper .newsletterNav.active{bottom: auto;right: 0;transition: right .3s ease;}
}

@media (max-height: 540px) and (min-height: 100px) and (orientation: landscape) {  
	.newsletterPage .pageData .pageContentBlock {width: 100% !important;float:none;margin-left:auto;margin-right:auto;height: auto !important;}
	.newsletterPage .pageData .pageContentBlock div.pageBody{position:relative;}
	.newsletterPage.Cover .pageContentBlock.Cover{float: none;width: 100% !important;height: auto;min-height: auto;overflow: visible;}
	.newsletterPage{height: 100%;overflow: hidden;float: none;width: 100% !important;}
	.newsletterPage .pageData{overflow:auto;height: 100%;}
	.newsletterPage.Cover .pageContentBlock.Cover .Cover_colorBlocks{position:relative;}
}
