/*Loading Screen*/

/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

@media only screen and (max-width: 415px) {
#loadingimage {
	position:absolute;
	background: url(/siteFiles/NewPublic/images/NNSGG-0727.png) center no-repeat;
	background-size: 25%!important;
	width:100%;
	height:100%;
	z-index:1500;
}

.bar {
width:1.2vw!important;
height: 3vw!important;
background:white;
display:inline-block;
transform-origin: bottom center;
animation: loading 1.5s ease-in-out infinite;
}

.middle {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
z-index:1400;
margin-top:8%!important;
}
}

#loadingimage {
	position:absolute;
	background: url(/siteFiles/NewPublic/images/NNSGG-0727.png) center no-repeat;
	background-size: 14%;
	width:100%;
	height:100%;
	z-index:1500;
}

.bar {
width: 0.6vw;
height: 1.5vw;
background:white;
display:inline-block;
transform-origin: bottom center;
animation: loading 1.5s ease-in-out infinite;
}

.bar1 {
animation-delay:0.1s;
}
.bar2 {
animation-delay:0.2s;
}
.bar3 {
animation-delay:0.3s;
}
.bar4 {
animation-delay:0.4s;
}
.bar5 {
animation-delay:0.5s;
}
.bar6 {
animation-delay:0.6s;
}
.bar7 {
animation-delay:0.7s;
}
.bar8 {
animation-delay:0.8s;
}

.middle {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
z-index:1400;
margin-top:4.5%;
}

@keyframes loading {
0% {
transform:scaleY(0.1);
background:#fff;
}
50%{
transform:scaleY(1);
background:#727272;
}
100%{
transform:scaleY(0.1);
background:transparent;
}
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background-color: #001a3e;;
    z-index: 1000;
}
 
#loader-wrapper .loader-section.section-left {
    left: 0;
}
 
#loader-wrapper .loader-section.section-right {
    right: 0;
}

#loader {
    z-index: 1001; /* anything higher than z-index: 1000 of .loader-section */
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader {
    opacity: 0;
}

.loaded .se-pre-con {
    visibility: hidden;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded .se-pre-con {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
 
        -webkit-transition: all 0.3s 1s ease-out; 
                transition: all 0.3s 1s ease-out;
}


#s4-workspace {
  margin-bottom: -355px;
  -webkit-overflow-scrolling: touch;
  /*background-color:#3f3f3f;*/
}

#s4-statusbarcontainer {
	display:none;
}

.wholeContent {
	width:100%!important;
}

#linkedinIcon {
	width:20px;
	z-index:50;
	cursor:pointer;
	top:0px;
	right:0px;
	position:relative;
	padding-right:10px;
}

h3 {
	color:#ae2030!important;
	font-size:20px!important;
}

#sideNavBoxCon ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#sideNavBoxCon {
	display: none;
}

.parallax {
  /* The image used */
  /*background-image: url("img_parallax.jpg");*/

  /* Set a specific height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#youtubeIcon {
	width:20px;
	z-index:50;
	cursor:pointer;
	top:0px;
	right:0px;
	position:relative;
	padding-right:0px;
}

#sideNavBox {
	display:none;
}

.article-title {
	display:none;
}

.flexarrowblack {
	color: rgba(0, 0, 0, 0.8)!important;
}

.flexarrowblack a:before{
	color: rgba(0, 0, 0, 0.8)!important;
}

ul.dynamic {
	width:300px!important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.27);
}

ul.dynamic a {
	margin:10px;
}

.flex-direction-nav .flex-next {
	margin: -20px 18px 0;
}

.flexslider:hover .flex-direction-nav .flex-prev {
left:30px!important;
}

.flex-direction-nav .flex-prev {
left:20px!important;
}

.flex-direction-nav .flex-next {
right:0px!important;
}

.flexslider:hover .flex-direction-nav .flex-next {
right:10px!important;
}

/*.flex-direction-nav a {
	position: fixed!important;
	top: 40%!important;
}*/

.ms-webpart-titleText:after {
	content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 1px; /* This creates some space between the element and the border. */
    border-bottom: 5px solid #fff; /* This creates the border. Replace black with whatever color you want. */
    display:none;
}

.ms-webpart-titleText.ms-webpart-titleText {
    color: #444;
    background-color:transparent;
    font-weight:bold; 
    border-bottom:none;
    font-size:18pt;
    padding-left:6px;
    padding-top:4px;
    padding-bottom:4px;
    /*padding-right:6px;
    margin-right:5px;*/
}

.ms-webpart-titleText.ms-webpart-titleText:after {
content:"";
display:block;
width:50%;
padding-top:10px;
border-bottom: 2px solid #001a3e;
margin-left:0px;
}

.ms-wpContentDivSpace {
	padding-left:6px;
}

.ms-webpart-titleText > a {
	color:#444;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* The bottom margin is the negative value of the footer's height */
  margin: 0 auto -350px;
  overflow: visible !important;
}

#SearchIDCon {
	position:relative;
	right:0px;
	top:42px;
}

#DeltaPlaceHolderSearchArea {
	top:-2px;
	right:0px;
	position:relative;
	width:230px;
	height:25px;
}

#SearchTable tbody {
	vertical-align:top;
}

#SearchIcon {
	width:20px;
	z-index:50;
	cursor:pointer;
	top:15px;
	padding-left:10px;
	border-left:2px solid white;
}

#facebookIcon {
	width:20px;
	z-index:50;
	cursor:pointer;
	top:0px;
	right:0px;
	position:relative;
	padding-right:10px;
}

#twitterIcon {
	width:30px;
	z-index:50;
	cursor:pointer;
	top:-5px;
	right:0px;
	position:relative;
}

#ms-pageDescriptionDiv {
	display:none!important;
}

.caption2 {
	position: absolute;
    left: 0;
    top: 76%;
    width: 55%;
    text-align: left;
    text-shadow: -1px 3px 10px rgb(0, 0, 1);
    font-size: 2vmin;
    color: #f7f7f7;
    font-weight: bold;
    padding-left:1.4%;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    /*background:linear-gradient(90deg, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 70%);*/
    background:rgba(0,0,0,0.3);
    box-shadow:-1px 3px 10px rgb(0, 0, 1);
}

#RibbonTitle {
	display:none;
	position:fixed;
	top:68px;
	z-index:200;
	width:100%;
	background-color:rgba(255, 255, 255,.85);
	height:30px;
	right:17px;
}

#TitleTextRib {
	font-size:18px;
	color:black;
	padding-left:35px;
	position:relative;
	top:2px;
}

.ms-cui-topBar2 {
	border-bottom:0px!important;
}

#s4-ribbonrow {
	z-index:150;
	position:relative;
}

#suiteBarLeft {
	background-color:#001a3e;
}

#s4-titlerow {
	/*width:97%;*/
	margin-right:auto;
	margin-left:auto;
	padding-top:0!important;
	padding-bottom:0!important;
	/*margin-top:19px;*/
	margin-bottom:8px;
	height:80px;
	background-image:url('../images/Menu11.png');
	z-index:50!important;
	position:relative;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.27);
	transition: 0.3s;
}

.TitleText {
	color:black!important;
}

.titlesmall{
	max-height:40px!important;	
}

#titleAreaBox {
	margin:auto 1%!important;
}

.ms-siteicon-img {
	max-width:225px!important;
	max-height:none!important;
}

#siteIcon {
	height:auto!important;
	max-height:90px!important;
	top:-3px;
	position:relative;
}

.ms-siteicon-a {
	max-width:220px!important;
	max-height:none!important;
}

.ms-breadcrumb-top {
	padding-top:50px;
}

#DeltaSiteLogo {
	height:auto!important;
	min-height:64px!important;
	min-width:64px!important;
}

#DeltaTopNavigation a[href*="/default.aspx"] {
	position:absolute;
	top:-44px;
	font-size:28px;
	left:-.5%;
	display:block;
}

.ms-displayInline.ms-core-navigation {
	position:relative;
	top:0px;
	left:0px;
	font-size:15px;
}

#DeltaTopNavigation ul.static {
	left:0%;
	position:relative;
	color:white;
	float:left;
	top:5px;
}

#DeltaTopNavigation .static {
	color:white;
	font-weight:normal;
}

div#s4-titlerow #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv {
	background-color:white;
}

#contentBox {
	width:70%;
	/*margin:auto 2%;*/
	margin:auto;	
}

.ms-dialog #contentBox {
	margin-left:0px!important;
	height:100%;
	width:100%;
}

#FooterPub {
	width:100%;
	background-color:#001a3e;
	height:350px;
	border-bottom:0px;
	border-top:5px;
	border-style:solid;
	border-color:white;
	border-left:0px;
	border-right:0px;
	color:white;
	font-size:14px;
}

#footertable {
	padding-bottom:0px;
	padding-top:10px;
	width:100%;
	line-height:14px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	z-index:5;
}

#footertable a {
	color:white;
}

#footertopcolor {
	background-color:#727272;
	height:20px;
}

#FooterPub img {
	width:125px;
	margin-left:15px;
	float:right;
}

.push {
	height:355px;
	position:relative;
	clear:both;
	z-index:-5;
}

#footercontent {
	height:100%;
}

#r-expanded-footer {
	width: 100%;
	max-width:950px;
	margin-left:auto;
	margin-right:auto; 
	display: block; 
	padding: 30px 0 0px 0; 
}

#r-expanded-footer .col1, #r-expanded-footer .col2, #r-expanded-footer .col3, #r-expanded-footer .col4, #r-expanded-footer .col5 {
	width: 180px; 
	padding: 0px 10px 0 0; 
	float: left; 
}
	
#r-expanded-footer ul {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}
		
#r-expanded-footer li {
	font: bold 14px "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; 
	text-transform:uppercase; 
	padding-bottom: 20px;
}

#r-expanded-footer ul ul li {
	text-transform:capitalize; 
	padding: 5px 0; 
	font-weight: normal;
}
				
#r-expanded-footer a {
	color: #FFF; 
}

#OUSNW {
	text-align:center;
	position:relative;
	width:100%;
	float:left;
	margin-top:15px;
}

.BannerIMG {
	height:100%;
	max-height:600px;
	width:100%;
	z-index:1;
}

#contentRow{
	padding-top:0px!important;
	z-index:11!important;
}

#BannerDiv {
	position:relative;
	top:-9px;
	width:100%;
	height:100%;
	margin-bottom:-9px;
	display:none;
}

#BannerTable {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

#BannerTable td {
	padding: 0px;
	border-collapse: collapse;
	border-left: 0px;
 	border-right: 0px;
}

#youtubetd {
	width:69.5%;
}

#Secnavtd {
	width:32%;
	position:relative;
}

#SECNAVIMG {
	width: 100%;
	float:right;
	margin-right:0px;
	border:none;
	border-collapse: collapse;
	border-left: 0px;
 	border-right: 0px;
 	border-spacing: 0px;	
 	z-index:3;
}

#SecnavName {
	position:absolute;
	color:white;
	background:rgba(0,0,0,.3);
	text-align:center;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:18px;
	padding-bottom:10px;
	
}

#SecnavName a {
	color:white;
}

#youtubewrapper {
	position:relative;
	height:0px;
	padding-bottom: 56.25%; /* 16:9 */
}

#youtubewrapper iframe {
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
    top:0px;
}

div#s4-titlerow div.ms-breadcrumb-box.ms-tableCell.ms-verticalAlignTop {
	width:100%;
	max-width:400px;
	position:relative;
	top:-15px;
}

#PageTitleBanner {
	height:20px;
	background-color:#727272;
	border-bottom:0px;
	border-top:5px;
	border-style:solid;
	border-color:white;
	border-left:0px;
	border-right:0px;
	position:relative;
	padding-left:50px;
	top:10px;
}

#toptitlebanner {
	background-color:#001a3e;
	height:35px;
	margin-bottom:20px;
	position:relative;
	top:-1px;
}

#SpanTitle {
	position:relative;
	color:white;
	top:-1px;
	font-weight:bold;
	font-size:16px;
}

#bannerDivIMG {
	position:relative;
	top:-70px;
	width:100%;
	height:100%;
	margin-bottom:-69px;
	display:none;
}

.flexslider {
	padding:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
	margin:0px!important;
	border:none!important;
}

.flexslider .slides img {
	max-height:600px;
	object-fit: cover;
}

.flex-control-nav.flex-control-paging {
	display:none;
}

.flex-caption {
  width: 96%;
  padding: 2%;
  left: 0;
  bottom:-15px;
  background: rgba(0,0,0,.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  line-height: 18px;
  position:absolute;
}

.twitter-timeline {
	width:100%!important;
	margin-right:0px!important;
	float:left!important;
	/*margin-left:1%;*/
	max-width:1868px!important;
	/*margin-top:20px!important;*/
}

/*Mobile Menu*/

.MobileMcontainer {
  display: none;
  cursor: pointer;
  left:350px;
  position:fixed;
  top:25px;
  background-color: rgba(0, 26, 62, 0.5);
  padding-left:6px;
  padding-right:6px;
  padding-top:2px;
  padding-bottom:2px;
}

.Mbar1, .Mbar2, .Mbar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
  
}

/* Rotate first bar */
.Mchange .Mbar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.Mchange .Mbar2 {
  opacity: 0;
}

/* Rotate last bar */
.Mchange .Mbar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}

.backcolor {
	background-color:#001a3e!important;
	transition: 0.4s;
}

@media only screen and (min-width: 1600px) {
	.twitter-timeline {
	margin-left:1%;
}
}

@media only screen and (max-width: 1280px) {
	.MobileMcontainer {
	display:block;
	top:35px;
	position:absolute;
	left:50%;
	width:35px;
}
	#DeltaTopNavigation a {
	display:none;
}
	#DeltaTopNavigation li.dynamic-children {
	display:none;
}
	#DeltaTopNavigation a[href*="/default.aspx"] {
	display:block;
}
	#sideNavBoxCon {
	display:none;
	position:absolute;
	width:100%;
	right:0px;
	height:auto;
	background-color: #001a3e;
	top: 0px;
	margin-left:0px;
	z-index:40;
	padding-top:120px;
	padding-left:40px;
}
	#DeltaPlaceHolderLeftNavBar .ms-core-listMenu-item {
	color:white;
	font-size:1.5vw;
}
#DeltaPlaceHolderLeftNavBar {
	margin-left:40px;
	margin-bottom:40px;
}
}
	
@media only screen and (max-width: 966px) {
.col5 {
	display:none;
}
}

@media only screen and (max-width: 880px) {
#FooterPub img {
	display:none;
}
#ColSearch {
	display:none;
}
.col5 {
	display:none;
}
#pageTitle {
margin-left:4%;
font-size:3.5vmin;
white-space:normal;
}
#r-expanded-footer {
	width:auto;
}
#contentBox {
	margin-left:auto!important;
}
}

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

#DeltaTopNavigation a[href*="/default.aspx"] {
	display:none!important;
}

.ms-webpart-titleText.ms-webpart-titleText nobr {
font-size:4vmin;
}

.caption2 {
	top:65%;
}
	
	#sideNavBoxCon {
	position:absolute;
	height:100%;
	background-color: #001a3e;
	top: 0px;
	margin-left:0px;
	z-index:40;
}

#r-expanded-footer {
	width:auto;
	padding-left:5%;
}	
	#FooterPub {
	height:550px;
	padding-left:
}
	#footertopcolor {
}
	#youtubetd {
	display:none;
}

.twitter-timeline {
	width:100%!important;
}
#contentBox {
	min-width:0px!important;
	margin:1%!important;
	width:auto;
}
.push {
}
.ms-rteTableFirstCol-0 {
	/*float:left;*/
	width:95%!important;
	height:auto!important;
}
.ms-rteTableOddCol-0 {
	/*float:left;*/
	width:95%!important;
	height:auto!important;
}
.ms-rteTableLastCol-0 {
	/*float:left;*/
	width:95%!important;
	height:auto!important;
}
.wholeContent {
	padding:0px!important;
}
.ms-webpart-zone {
	display:block!important;
}
.ms-rteTableEvenCol-default {
	height:auto!important;
	width:auto!important;
	/*float:left;*/
}
.ms-rteTableOddCol-default {
	height:auto!important;
	width:auto!important;
	/*float:left;*/
}
.ms-rteTable-default {
	border:none!important;
	width:96.5%!important;
	/*float:left;*/
}
.sliderItem > .description {
	margin-top:30px!important;
}
#saprolead {
	display:block;
}
.ms-rteTableEvenCol-0 {
	/*float:left;*/
	width:96.5%!important;
	height:auto!important;
}
.ms-rteTableOddCol-0 {
	/*float:left;*/
	width:96.5%!important;
	height:auto!important;
}
.ms-rteTableEvenCol-0 {
	/*float:left;*/
	width:96.5%!important;
	height:auto!important;
}
.tableCol-33 {
	float:left;
}
#speaker td {
	display:block;
	width:100%!important;
}
}


/*Mobile View*/	
@media only screen and (max-width: 415px) {
	
	.MobileMcontainer {
	display: inline-block;
	transition: top 0.7s;
	cursor: pointer;
  	left:84%;
  	position:fixed;
  	top:25px;
  	background-color: rgba(0, 26, 62, 0.5);
  	padding-left:6px;
  	padding-right:6px;
  	padding-top:2px;
  	padding-bottom:2px
}

	#sideNavBoxCon {
	position:absolute;
	width:100%;
	height:100%;
	background-color: #001a3e;
	top: 0px;
	margin-left:0px;
	z-index:40;
	padding-left:0;
	padding-top:0;
}
	#DeltaPlaceHolderLeftNavBar .ms-core-listMenu-item {
	color:white;
	font-size:5vw;
}
	#DeltaPlaceHolderLeftNavBar {
	background-color: #001a3e;
	padding-left:20px;
	padding-top:100px;
	padding-bottom:50px;
	margin-left:0px;
	margin-bottom:0px;
}

#r-expanded-footer {
	width:auto;
	padding-left:5%;
}	
	#FooterPub {
	height:550px;
	padding-left:
}
	#footertopcolor {
}
	#youtubetd {
	display:none;
}
.ms-siteicon-img {
	max-width:150px!important;
	max-height:none!important;
}
#siteIcon {
	height:auto!important;
	max-height:90px!important;
	top:15px;
	left:10px;
	position:fixed!important;
	transition: top 0.7s;	
}
.ms-siteicon-a {
	max-width:150px!important;
	max-height:none!important;
}
a[href*="/default.aspx"] {
	display:none!important;
}
.ms-breadcrumb-box.ms-tableCell.ms-verticalAlignTop {
	display:none;
}

.titlerowpos {
	top:-79px!important;
}

#s4-titlerow {
	width:100%!important;
	float:left;
	top:0px;
	background-color: #001a3e;
	border-bottom:5px;
	border-bottom-color:white;
	border-style:solid;
	border-left:none;
	border-right:none;
	border-top:none;
	height:73px;
	background-image:none!important;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.twitter-timeline {
	width:100%!important;
}
#contentBox {
	min-width:0px!important;
	margin:1%!important;
	width:auto;
}
.push {
}
.flexslider .slides li {
	left:-100%;
}
.flexslider .slides img {
	height:257.45px!important;
}
#bannerDivIMG {
	top:78px;
	margin-bottom:79px;
}
.flex-direction-nav a {
	position:absolute!important;
	top:50%!important;
}
.ms-rteTableFirstCol-0 {
	/*float:left;*/
	width:95%!important;
	height:auto!important;
}
.ms-rteTableOddCol-0 {
	/*float:left;*/
	width:95%!important;
	height:auto!important;
}
.ms-rteTableLastCol-0 {
	/*float:left;*/
	width:95%!important;
	height:auto!important;
}
.wholeContent {
	padding:0px!important;
}
.ms-webpart-zone {
	display:block!important;
}
.ms-rteTableEvenCol-default {
	height:auto!important;
	width:auto!important;
	/*float:left;*/
}
.ms-rteTableOddCol-default {
	height:auto!important;
	width:auto!important;
	/*float:left;*/
}
.ms-rteTable-default {
	border:none!important;
	width:96.5%!important;
	/*float:left;*/
}
.sliderItem > .description {
	margin-top:30px!important;
}
#saprolead {
	display:block;
}
.ms-rteTableEvenCol-0 {
	/*float:left;*/
	width:96.5%!important;
	height:auto!important;
}
.ms-rteTableOddCol-0 {
	/*float:left;*/
	width:96.5%!important;
	height:auto!important;
}
.ms-rteTableEvenCol-0 {
	/*float:left;*/
	width:96.5%!important;
	height:auto!important;
}
.tableCol-33 {
	float:left;
}
#speaker td {
	display:block;
	width:100%!important;
}
.parallax {
    background-attachment: scroll;
}
.caption2 {
top:75%;
}
}

@media only screen and (max-width: 399px) {
#FooterPub {
	height:825px;
}
}


#CoronadeMobile {
position:fixed;
z-index:100;
background:transparent;
border:none;
top:68px;
transition: top 0.7s;	
}

#Coronade {
top:92px;
z-index:100;
border:none;
padding:0px;
  cursor: pointer;
  background: linear-gradient(45deg, #fff 50%, #024272 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: fixed;
 color: #fff; /*For IE*/
}
#Coronade:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, #ff5400 50%, #000 50%);
  z-index: -1;
}

#Coronade,
#Coronade:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

#Coronade:hover,
#Coronade:hover:after {
  background-position: 0;
  font-size: 1.1em;

  color: orangeRed; /*For IE*/
}
@supports not (width: max-content) {
#Coronade {
-webkit-text-fill-color: #fff;
}
#Coronade:hover {
-webkit-text-fill-color: #fff;
}
}

/*Sapro Help Button*/
#helplinebutm {
position:fixed;
z-index:100;
background:transparent;
border:none;
top:68px;
transition: top 0.7s;	
}

#helplinebut {
top:184px;
z-index:100;
border:none;
padding:0px;
  cursor: pointer;
  background: linear-gradient(45deg, #fff 50%, #024272 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: fixed;
 color: #fff; /*For IE*/
}
#helplinebut:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, #ff5400 50%, #000 50%);
  z-index: -1;
}

#helplinebut,
#helplinebut:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

#helplinebut:hover,
#helplinebut:hover:after {
  background-position: 0;
  font-size: 1.1em;

  color: orangeRed; /*For IE*/
}
@supports not (width: max-content) {
#helplinebut {
-webkit-text-fill-color: #fff;
}
#helplinebut:hover {
-webkit-text-fill-color: #fff;
}
}