@charset "utf-8";
/* CSS Document */

.pure-g-valign-fix{
	display:block;
	}

.floatleft{
	float:left;
	}

.floatright{
	float:right;
		}		

.descriptioncontainer{
	padding-top:64px;
	padding-bottom:64px;
}

.sectioncontainer{
	padding-top:80px;
	padding-bottom:98px;
}

.sectioncontainer_smaller{
	padding-top:64px;
	padding-bottom:0px;
}

.sectioncontainer_bot{
	padding-bottom:80px;
}

.rowtoppad{
	padding-top: 4.16vw;
}

.bluegradBG{
	background-color: #d1f2ff; /* For browsers that do not support gradients */
	background-image: linear-gradient(#d1f2ff, #ffffff 50%);
}


.triangle { 
  		border-left: 8vw solid transparent;
  		border-right: 8vw solid transparent;
  		border-top: 8.33vw solid #fff;
		margin:auto;
	}


/*Text Left Image Right Banner */
#txtLimgRbanner{
	display: flex; 
	background-image: url(images/project_images/advantagefamilycampaign/AdvantageFamilyCampaign_ProcessBG2560.jpg); 
	background-size:contain; 
	background-repeat: repeat-y; 
	min-height:26vw;
}

.txtLimgRbanner_Lspacer{
	flex: 1;
}

.txtLimgRbanner_Mspacer{
	flex: 1;
}

.txtLimgRbanner_textcontainer{
	flex: 7; 
	align-self: center;
}

#txtLimgRbanner_imgcontainer{
	flex: 15; 
	background-image: url(images/project_images/advantagefamilycampaign/xxl_images/advantagefamilycampaign_03.png); 
	background-repeat: no-repeat; 
	background-size: cover;
}

/*Advantus process Text Left Image Right Banner*/
#advantuspros_txtLimgRbanner{
	display: flex; 
	background-image: url(images/project_images/advantuspositioning/advantuspositioning_processbg.jpg); 
	background-size:contain; 
	background-repeat: repeat-y; 
}

#advantus_txtLimgRbanner{
	display: flex;
}

.advantuspros_Lspacer{
	flex: 1;
}

.advantuspros_Mspacer{
	flex: 1;
}

.advantus_Lcontainer{
	flex: 8; 
}

.advantus_Rcontainer{
	flex: 13; 
}

.advantus_LImgPad{
	padding-top: 4.16vw;
}

/*Logo Page*/
.logo_sectioncontainer{
	background-image: url(images/project_images/logos/logos_gridbg.jpg); 
	background-size: contain;
	background-repeat: repeat-x;
	padding-top:8vw;
	padding-bottom:9vw;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	position: relative; 
}

.lastlogo_sectioncontainer{
	background-image: url(images/project_images/logos/logos_gridbg_last.jpg); 
	background-size: contain;
	background-repeat: repeat-x;
	padding-top:8vw;
	padding-bottom:9vw;
	position: relative; 
}

.logo_proctoppad{
	padding-top:8vw;
}

.logo_desctoppad{
	padding-top:0vw;
}

/*Icons Page -- uses logo desc padding from above */
.icon_sectioncontainer{
	padding-top:8vw;
	padding-bottom:9vw;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
	position: relative; 
}

.lasticon_sectioncontainer{
	padding-top:8vw;
	position: relative; 
}

.icon_iconstoppad_first{
	padding-top:5vw;
}

.icon_iconstoppad{
	padding-top:5vw;
}

/*Tru Rebrand Toolkit Banner -- uses spacers from above */
#trurebrandtoolkitintro{
	display: flex;
	flex-direction: row; 
}

#trurebrandtoolkitintro_textcontainer{
	flex: 7; 
	align-self: center;
	padding-left: 2%;
	padding-bottom:5%;
}

#trurebrandtoolkitintro_img{
	display: flex;
	flex: 14; 
}

/*Carousel Left Text Right Banner */
.carLtextRbanner{
	background-image: url(images/project_images/truvaccinesrebrand/truvaccinesrebrand_ProcessBG2560.jpg); 
	background-size:contain; 
	background-repeat: repeat-y; 
}

#cardCarContainer{
	height: calc(46vw + 15px); 
	padding-right:37.5px; 
	padding-bottom:5%;
	padding-top:5%;
}

#carLtextRbanner_Lside{
	padding-right:0%;
}

#carLtextRbanner_textcontainer{
	padding-bottom:7%;
}

/* Tru Launch Materials Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
#TruMats_txtLimgRbanner{
	display: flex; 
	background-color: #e6e6e6; 
	min-height:36vw;
	clip-path: polygon(0% 8.75vw, 100% 0%, 100% 100%, 0% 100%);
}

#TruMats_txtLimgRbanner_imgcontainer{
	flex: 15; 
	background-image: url(images/project_images/truvaccineslaunchmaterials/xxl_images/truvaccineslaunchmaterials_03.jpg); 
	background-repeat: no-repeat; 
	background-size: contain;
	background-position:100% 0;
}

#TruMats_txtLimgRbanner_textcontainer{
	flex: 7;
	padding-top:216px; 
	align-self: center;
}

/* Tru Launch Materials BOTTOM Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
#TruMatsBot_txtLimgRbanner{
	display: flex; 
	background-color: #e6e6e6;
	clip-path: polygon(0% 8.75vw, 100% 0%, 100% 100%, 0% 100%);
	min-height: 48vw;
}

#TruMatsBot_txtLimgRbanner_imgcontainer{
	flex: 12;
	align-self: center;
	padding-top:64px;
}

#TruMatsBot_txtLimgRbanner_textcontainer{
	flex: 7;
	padding-top:160px; 
	align-self: center;
}

#TruMatsBot_Lspacer{
	flex: 2;
}

#TruMatsBot_Mspacer{
	flex: 1;
}


/* 3 Column Grid */
.threecolL{
	padding-left:4.16%;
	padding-right:0.6%; 
	padding-bottom:3%;
}

.threecolM{
	padding-left:2.38%; 
	padding-right:2.38%; 
	padding-bottom:3%; 
	padding-top:0%;
}

.threecolR{
	padding-right:4.16%;
	padding-left:0.6%; 
	padding-bottom:3%;
}

/* 2 Column Grid */
.STRTtwocolL{
	padding-left:;
	padding-right:2.08%; 
}

.STRTtwocolR{
	padding-right:;
	padding-left:2.08%; 
}

.STRTtwocolElmt{
	padding-bottom:4.16vw;
}


#trurebrandexR{
	padding-bottom:3%;
}

#AFamFuneralVid{
	padding-top:98px;
}

#AFamLPText{
	padding-bottom:5%;
}


#TruRebrandDesc{
	background:#dcf1f6;
	padding-top:120px;
	padding-bottom:72px;
	clip-path: polygon(0% 0%, 100% 8.75vw, 100% 100%, 0% 100%);
	margin-top: -8.75vw;
}

#TruRebrandBookIntro{
	background:#1a4278;
	padding-top:3%;
	padding-bottom:5%;
	margin-top: -1px;
}

#TruRebrandBookIntro_Text{
	align-self:center; 
	padding-bottom:4%;
}

#TruRebrandBookOverlap{
	margin-top:-11.9%;
}

#TruMatDesc{
	background:#dcf1f6;
	padding-top:120px;
	padding-bottom:72px;
	clip-path: polygon(0% 0%, 100% 4.36vw, 100% 100%, 0% 100%);
	margin-top: -4.37vw;
}

.afamilystrybrd{
	padding-top: 4.16vw;
}

/*.halfcontainerleft{
	max-width:840px;
	padding-left:16.66%;
	}

.halfcontainerright{
	padding-right:16.66%;
	} */

.anchornav{
  position: sticky;
  top: 60px;
}
	
.verticalcenter{
	display:flex; 
	align-items:center;
	}

.flexend{
	display:flex;
	justify-content:flex-end;
	}

.bottomalign{
	display:flex;
	align-items:flex-end;
	}

.controlledvideo:hover{
}

#mackinacleft_process{
	background-image: url("images/project_images/mackinac_island/corkboard.gif");
	padding-left:10px;
	}

#dndimage{
	background-color:#f5ebe2;
	display:flex; 
	align-items:flex-end;
	justify-content:flex-end;
	}


.l-padding{
	padding-left:10px;
	padding-right:30px;
	padding-top:70px;
	padding-bottom:40px;
	}
	
.ld-padding{
	padding-left:30px;
	padding-right:10px;
	padding-top:70px;
	padding-bottom:40px;
	}

.lp-padding{
	padding-left:10px;
	padding-right:30px;
	padding-top:60px;
	padding-bottom:60px;
	}

.logoseperator{
	height:90px;
	}

.packagingseperator{
	height:150px;
	}

.sevenseas_spacer{
	height:0px;
	width:100%;
}

.simonresponsive_spacer{
	height:60px;
	width:100%;
	}	

.kabuki_spacer{
	height:60px;
	width:100%;
	}

.weather_spacer{
	height:100px;
	width:100%;
	}

.weather_iconset_spacer{
	height:40px;
	width:100%;
	}

.weather_label{
	color:#757575;
	text-align:center;
	}

.genderblocks_spacer{
	height:30px;
	width:100%;
}
	
@media screen and (max-device-width: 35.5em) {
	.maxpure-hide{
	display: none;
	}
	
	.halfcontainerleft{
	display: none;
	}

	.halfcontainerright{
	display: none;
	}
		
	.l-padding{
	padding-left:8.16vw;
	padding-right:8.16vw;
	padding-top:20px;
	padding-bottom:20px;
		}

	.lp-padding{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	}
	
	.ld-padding{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	}

	.logoseperator{
	height:40px;
	}
	
	.packagingseperator{
	height:40px;
	}
	
	.sevenseas_spacer{
	height:20px;
	width:100%;
	}
	
	.simonresponsive_spacer{
	height:0px;
	width:100%;
	}
	
	.kabuki_spacer{
	height:20px;
	width:100%;
	}
	
	.weather_spacer{
	height:60px;
	width:100%;
	}
	
	.weather_iconset_spacer{
	height:0px;
	width:100%;
	}
	
	}

@media screen and (max-width: 90em) {
	/* Tru Launch Materials Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
	#TruMats_txtLimgRbanner{
		min-height: 0vw;
		}

	#TruMats_txtLimgRbanner_imgcontainer{
		flex: 15; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-position:0 100%;
	}

	#TruMats_txtLimgRbanner_textcontainer{
		flex: 7;
		padding-top:192px;
	}

	}

@media screen and (max-width: 80em) {
	
	#AFamLPText{
	padding-bottom:0%;
	}
}

@media screen and (min-width: 80em) {
	.minxl-hide{
	display: none;
	}
}

@media screen and (max-width: 64em) {
	.maxlg-hide{
	display: none;
	}
	
	#advmeetingvid{
	padding-top:80px;
	}
	
	.laptoptoppad{
	padding-top:48px;
	}
	
	#selfportrait{
	max-width:200px;
	}
	
	/* Tru Launch Materials Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
	#TruMats_txtLimgRbanner{
		min-height: 0vw;
		flex-direction:column-reverse;
	}

	#TruMats_txtLimgRbanner_imgcontainer{
		flex: 1; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-position:0 0;
		min-height:65vw;
	}

	#TruMats_txtLimgRbanner_textcontainer{
		flex:1; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		align-self: flex-start;
		padding-top: 32px;
	}
	
	/* Tru Launch Materials BOTTOM Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
	#TruMatsBot_txtLimgRbanner{
		min-height: 0vw;
		flex-direction:column-reverse;
	}

	#TruMatsBot_txtLimgRbanner_imgcontainer{
		flex: 1;
		padding-top:160px;
		padding-left: 8.33%;
		padding-right: 8.33%;
	}

	#TruMatsBot_txtLimgRbanner_textcontainer{
		flex:1; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		align-self: flex-start;
		padding-top: 64px;
	}

	#TruMatsBot_Lspacer{
		display: none;
	}

	#TruMatsBot_Mspacer{
		display: none;
	}
	
	/*Advantus process Text Left Image Right Banner*/
	#advantuspros_txtLimgRbanner{
		flex-direction:column-reverse; 
		background-image: url(images/project_images/advantuspositioning/advantuspositioning_processbg_vertical.jpg); 
		background-size:contain; 
		background-repeat: repeat-x; 
	}
	
	#advantus_txtLimgRbanner{
		flex-direction:column-reverse;
	}

	.advantuspros_Lspacer{
		display: none;
	}

	.advantuspros_Mspacer{
		display: none;
	}

	.advantus_Lcontainer{
		flex:1;
		display:flex;
		flex-direction:column-reverse; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		align-self: flex-start; 
	}

	.advantus_Rcontainer{
		flex:1; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		align-self: flex-start;
	}

	.advantus_LImgPad{
		padding-top: 4.16vw;
		padding-bottom: 4.16vw;
	}				
}

@media screen and (min-width: 64em) {
	.minlg-hide{
	display: none;
	}
}

@media screen and (max-width: 48em) {
		
	.maxmd-hide{
		display: none;
	}
		
	.mobiletoppad{
	padding-top:48px;
	}
	
	.sectioncontainer_smaller{
		padding-top:32px;
		padding-bottom:0px;
	}
	
	.rowtoppad{
		padding-top: 8.32vw;
	}
	
	.ld-padding{
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.simon_adjustalign{
		margin-left:-2.20vw;
	}
	
	#advmeetingvid{
		padding-top:0px;
	}
	
	#AFamFuneralVid{
		padding-top:80px;
	}
	
	/*Logo Page*/
	.logo_sectioncontainer{
		background-image: url(images/project_images/logos/logos_gridbg.jpg); 
		background-size: contain;
		background-repeat: repeat-x;
		padding-top:11vw;
		padding-bottom:13vw;
		box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
		position: relative; 
	}
	
	.lastlogo_sectioncontainer{
		background-image: url(images/project_images/logos/logos_gridbg_last.jpg); 
		background-size: contain;
		background-repeat: repeat-x;
		padding-top:11vw;
		padding-bottom:13vw;
		position: relative; 
	}

	.logo_proctoppad{
		padding-top:10vw;
	}
	
	.logo_desctoppad{
		padding-top:10vw;
	}
	
	/*Icons Page*/
	.icon_sectioncontainer{
		padding-top:11vw;
		padding-bottom:13vw;
		position: relative;
	}
	
	.lasticon_sectioncontainer{
		padding-top:11vw;
		position: relative;
	}
	
	.icon_iconstoppad_first{
		padding-top:8vw;
	}

	.icon_iconstoppad{
		padding-top:0vw;
	}

	
	
	/*Text Left Image Right Banner */
	#txtLimgRbanner{
		display: flex; 
		background-image: url(images/project_images/advantagefamilycampaign/AdvantageFamilyCampaign_ProcessBG2560_vertical.jpg); 
		background-size:contain; 
		background-repeat: repeat-x; 
		flex-direction:column-reverse;
	}

	.txtLimgRbanner_Lspacer{
		display:none;
	}

	.txtLimgRbanner_Mspacer{
		display:none;
	}

	.txtLimgRbanner_textcontainer{
		flex:1; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		align-self: flex-start;
		}

	#txtLimgRbanner_imgcontainer{
		flex:1;
		background-image: url(images/project_images/advantagefamilycampaign/sm_images/advantagefamilycampaign_03.png); 
		background-repeat: no-repeat; 
		background-size: cover;
		min-height:45vw;
	}
	
	/*Tru Rebrand Toolkit Banner -- uses spacers amd text container from above */
	#trurebrandtoolkitintro_img{
		flex: 1; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		}

	#trurebrandtoolkitintro_textcontainer{
		flex:1; 
		padding-left:8.32%;
		padding-right:8.32%;
		padding-bottom:8%;
		align-self: flex-start;
	}

	#trurebrandtoolkitintro{
		display: flex;
		flex-direction:column-reverse;
	}
		
	/*Carousel Left Text Right Banner */
	.carLtextRbanner{
		background-image: url(images/project_images/truvaccinesrebrand/truvaccinesrebrand_ProcessBG2560_vertical.jpg); 
		background-size:contain; 
		background-repeat: repeat-x; 
	}	
	
	#cardCarContainer{
		height: calc(46vw + 15px); 
		padding-right:0; 
		padding-bottom:20%;
		padding-top:0;
	}
	
	#carLtextRbanner_Lside{
		padding-right:30px;
	}
	
	#carLtextRbanner_textcontainer{
		padding-bottom:32px;
	}
	
	/* Tru Launch Materials BOTTOM Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
	#TruMatsBot_txtLimgRbanner_imgcontainer{
		padding-top:144px;
	}

	#TruMatsBot_txtLimgRbanner_textcontainer{
		padding-top: 64px;
	}
	
	/* 3 Column Grid */
	.threecolL{
		padding-left:0%;
		padding-right:0%; 
		padding-bottom:3%;
	}

	.threecolM{
		padding-left:0%; 
		padding-right:0; 
		padding-bottom:3%; 
		padding-top:0px;
	}

	.threecolR{
		padding-right:0%;
		padding-left:0%; 
		padding-bottom:3%;
	}
	
	.twocolL{
		padding-right:2.08%;
		padding-left:4.16%; 
	}
	
	.twocolR{
		padding-right:4.16%;
		padding-left:2.08%; 
	}
	
	/* 2 Column Grid */
	.STRTtwocolL{
		padding-left:;
		padding-right:0%; 
	}

	.STRTtwocolR{
		padding-right:;
		padding-left:0%; 
	}

	.STRTtwocolElmt{
		padding-bottom:4.16%;
	}
	
	#TruRebrandBookIntro_Text{
		align-self:center; 
		padding-bottom:0%;
	}
	
	#TruRebrandBookOverlap{
		margin-top:-10.9%;
	}
	
	#TruRebrandDesc{
		padding-top:96px;
		padding-bottom:56px;
	}
	
	#TruMatDesc{
		padding-top:96px;
		padding-bottom:56px;
	}
	
	.afamilystrybrd{
	padding-top: 8.32vw;
	}	
}

@media screen and (min-width: 48em) {
	.minmd-hide{
		display: none;
		}
	
	.triangle {
		width: 0; 
  		height: 0; 
 		border-left: 4vw solid transparent;
 		border-right: 4vw solid transparent; 
 		border-top: 4.16vw solid #fff;
		margin:auto;  
	}
		
	/* 2 Column Grid */
	.STRTtwocolL{
		padding-left:;
		padding-right:2.08%; 
	}

	.STRTtwocolR{
		padding-right:;
		padding-left:2.08%; 
	}

	.STRTtwocolElmt{
		padding-bottom:4.16vw;
	}

}

@media screen and (max-width: 35.5em) {
	.sectioncontainer{
		padding-top:56px;
		padding-bottom:64px;
		}
		
	.sectioncontainer_smaller{
		padding-top:16px;
		padding-bottom:0px;
		}
	
	.sectioncontainer_bot{
		padding-bottom:64px;
		}
	
	.mobiletoppad{
		padding-top:32px;
		}
	
	.mobilenopad{
		padding:0px;
		}
	
	.maxsm-hide{
		display: none;
		}

	.medal{
		width:40px;
		}
	
	.descnotes{
		padding-top:40px;
		}

	.descriptioncontainer{
		padding-top:48px;
		padding-bottom:48px;
		}
		
	.simon_adjustalign{
		margin-left:-4.16vw;
	}
		
	#AFamFuneralVid{
		padding-top:40px;
		}
	
	#selfportrait{
		max-width:300px;
		margin:auto;
	}
		
	/*Text Left Image Right Advantage Family process*/
	#txtLimgRbanner_imgcontainer{
		background-image: url(images/project_images/advantagefamilycampaign/pure_images/advantagefamilycampaign_03.png); 
	}
	
	/*Logo Page*/
	.logo_sectioncontainer{
		background-image: url(images/project_images/logos/logos_gridbg.jpg); 
		background-size: contain;
		background-repeat: repeat-x;
		padding-top:12vw;
		padding-bottom:16vw;
		box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
		position: relative; 
	}

	.lastlogo_sectioncontainer{
		background-image: url(images/project_images/logos/logos_gridbg_last.jpg); 
		background-size: contain;
		background-repeat: repeat-x;
		padding-top:12vw;
		padding-bottom:16vw;
		position: relative; 
	}

	.logo_proctoppad{
		padding-top:12vw;
	}
	
	.logo_desctoppad{
		padding-top:12vw;
	}
	
	/*Icons Page*/
	.icon_sectioncontainer{
		padding-top:16vw;
		padding-bottom:17vw;
		position: relative;
	}
	.lasticon_sectioncontainer{
		padding-top:16vw;
		position: relative;
	}
	
	
	/* Tru Launch Materials BOTTOM Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
	#TruMatsBot_txtLimgRbanner_imgcontainer{
		padding-top:112px;
		}
	
	/* 3 Column Grid */	
	.twocolL{
		padding-right:4.16%;
		padding-left:4.16%;
		padding-bottom:4.16%; 
	}
	
	.twocolR{
		padding-right:4.16%;
		padding-left:4.16%;
		padding-bottom:4.16%;
	}
	
	.onecolText{
		padding-right:8.33%;
		padding-left:8.33%;
		padding-top:12%;
		padding-bottom:16.66%; 
	}
	
	/*Carousel Left Text Right Banner */	
	#cardCarContainer{
		height: calc(46vw + 15px); 
		padding-right:0; 
		padding-bottom:25%;
		padding-top:0;
	}

	
	#TruRebrandBookIntro{
		background:#1a4278;
		padding-top:32px;
		padding-bottom:32px;
		margin-top: -1px;
	}
	
	#TruRebrandDesc{
		padding-top:88px;
		padding-bottom:40px;
	}
	
	#TruMatDesc{
		padding-top:88px;
		padding-bottom:40px;
	}
	
	/* Tru Launch Materials Text Left Image Right Banner -- uses spacerstxtLimgRbanner above*/
	#TruMats_txtLimgRbanner_textcontainer{
		flex:1; 
		padding-left: 8.33%;
		padding-right: 8.33%;
		align-self: flex-start;
		padding-top: 0px;
	}
	
	.afamilystrybrd{
	padding-top: 8.32vw;
	}
}

@media screen and (min-width: 35.5em) {
	.minsm-hide{
		display: none;
	}

	.medal{
		width:40px;
	}
}

	.weather_subspacer{
		height:60px;
		width:100%;
	}
	
@media screen and (min-device-width: 35.51em) {
	.weather_subspacer{
	display: none;
	}
	
}

	
.il-padding{
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:40px;
	}

.ir-padding{
	padding-top:20px;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:40px;
	}

.p-padding {
        padding-left: 10px;
		padding-right: 10px;
}

.t-padding {
		padding-top: 20px;
}

.b-padding {
        padding-left: 10px;
		padding-right: 10px;
		padding-top: 40px;
		padding-bottom:40px;
}

.b2-padding {
        padding-left: 10px;
		padding-right: 10px;
		padding-top: 31px;
		padding-bottom:40px;
}

.rule {
	visibility:hidden;
    }

.projecticon{
	max-width:100px;
  }

.bottomnav{
	color:#b4b2b0;
	font-family: 'Oxygen', sans-serif;
	font-size:1em;
	line-height:1.375em;
	word-wrap:normal;
	}

.bottomnav:hover{
	color:#757575;
	}

/*Scroll to Top Button*/	
#totopbtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 98;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: white;
  color: white;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url("icons/uparrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50% 45%;
  background-color:#ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}

#totopbtn:hover {
  background: url("icons/uparrow_white.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50% 45%;
  background-color: #00b9ba; 
}

/*Read More buttons*/
.moreBtn {
	background: rgba(225, 225, 225, 0.0);
	border: 2px solid #b4b2b0;
	color: #8c8c8c;
	border-radius: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

/*Carousel Elements*/
.splide__pagination__page{
	background:#1A4278;
	opacity: .3;	
}

.splide__pagination__page.is-active{
	background:#1A4278;
	opacity: 1;
}

.splide__arrow svg {
	fill:#1A4278;
	opacity: 1;
}

/*bottom Thumbnail Icon*/

#thumbnailicon{
	width:40px;
	margin-left:50%;
	margin-right:50%;
	}
	
.a{
	fill:#B4B2B0;
	border-bottom: 3px solid 
	-webkit-transition: border 200ms ease;
	-moz-transition: border 200ms ease;
	-ms-transition: border 200ms ease;
  	-o-transition: border 200ms ease;
  	transition: border 200ms ease;
	padding-bottom:17px;
	}

#thumbnailicon:hover .a{
	fill:#757575;
	}

#leftarrow{
	height:20px;
	margin-bottom:-4px;
	margin-right:7px;
	
	}
	
#rightarrow{
	height:20px;
	margin-bottom:-5px;
	margin-left:7px;
	
	}

.arrow{
	fill:none;
	stroke-width:10;
	stroke:#b4b2b0;
	}

.bottomnav:hover .arrow{
	stroke:#757575;
	}
	
	
#flexcontainer{
	align-items:center;
	}


	
.processpics{
	background-image: url("images/project_images/mackinac_island/xl_images/mackinac_13.png");
    background-position: right;
	background-size:100%;
	min-height:400px;
	}