.centered-headline { text-align: center; padding: 10rem 0 }
.actions-container { background: var(--main-ppp-color) }

.centered-headline h1 {
	font-family: 'Ayer Web Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 10rem;
	color: #fff;
	line-height: 1em;
}

.centered-headline span { display: block }
.taxonomy-group { background: var(--main-ppp-color) }
.action-list-container-item a { color: #fff}

.actions-subs-list { position: relative }

.action-group-image { width: calc(100% - 200px); height: 100%; position: absolute; top: 0; right: 0 }
.action-group-image > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; }

.action-list-container-item { margin: 0 0 100px 0}
	.sublist { padding: 100px 0 150px 0; position: relative; z-index: 100; width: 300px; pointer-events: none }
		.sublist li { border-top: 1px solid #fff; padding: 10px 150px 10px 10px; text-transform: uppercase }
		.sublist ul { list-style-type: none; border-bottom: 1px solid #fff; }
		
	.action-group-image a { position: absolute; left: -50px; bottom: 50px; background: #fff; color: #333; padding: 10px 50px; -webkit-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px; text-decoration: none; font-size: 1.2rem; text-transform: uppercase }
		
	.action-group-image a:hover { color: #fff; background: #111}	
	
	.theactions .action-list-container-item:nth-child(2n) .action-group-image { right: auto; left: 0 }
	.theactions .action-list-container-item:nth-child(2n) .list-wrapper { text-align: right; margin: 0 0 0 calc(100% - 300px) }
	.theactions .action-list-container-item:nth-child(2n) .sublist li { border-top: 1px solid #fff; padding: 10px 10px 10px 150px;}
	
	.theactions .action-list-container-item:nth-child(2n) .action-group-image a { left: auto; right: -50px}
	
	#termMasterImage { height: 400px; position: relative }
	
	#country-filter-intext a:after {-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;}
	
	#action-parts-inner { padding: 0 0 0 200px }
	
	#ctalabel { border-bottom: 1px solid #fff; padding: 0 0 20px 0; margin: 50px 0 20px 0; font-size: 1.5rem; text-transform: uppercase }
	
	#country-filter-intext a { color: #333; text-decoration: none; position: relative }
	#country-filter-intext a:after { width: 0; height: 2px; position: absolute; background: var(--main-ppp-color); content: ''; left: 0; bottom: 3px }
	#country-filter-intext a:hover:after { width: 100%} 
	
	.actionpart-image-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover}
	
	.actionpart-item { float: left; position: relative }
	.action-part-image-master { padding: 100% 0 0 0; position: relative}
	.actionpart-image { position: relative; width: 100%; z-index: 10 }
	.actionpart-label { position: absolute; bottom: 0; left: 0; background: var(--main-ppp-color); color: #fff; padding: 20px 0 0 0; font-size: 1.5rem; width: 100%; display: block; z-index: 20}
	
	body.tax-ActionGroup, #the-guide { background: #D9D9D9}
	body.tax-ActionGroup #footer { background: none; height: 100px; padding: 0; line-height: 100px }
	.guide-inner-inner { padding: 0 300px 0 0}
	.taxImageMaster a { position: absolute; bottom: 50%; top: auto; margin-bottom: -20px; height: 30px; line-height: 30px;  }
	
	.guide-inner { position: relative; padding: 100px 0 100px 200px;  color: #333 }
	
	#the-guide { position: relative; height: auto; }
	
	.theguide-image { width: 400px; height: 100%; position: absolute; right: 0; top: 0; }
	.the-guide-image-view { position: absolute; right: 0; bottom: -100px; width: 700px; height: calc(100% + 150px); background-size: contain; background-position: right bottom; background-repeat: no-repeat }
	
	body.tax-ActionGroup #footeright { z-index: 1000 }
	
	.guide-headline h2 {
		font-family: 'Ayer Web Regular';
		font-style: normal;
		font-weight: 400;
		font-size: 11rem;
		color: #222;
		text-align: right;
		line-height: 1em;
		text-transform: uppercase
	}
	
	.term-intro { padding: 100px 0}
	
	#action-parts { padding: 0 0 100px 0}
	.guide-headline { width: 150px; float: left; overflow: visible  }
	.guide-text { float: left; width: calc(100% - 200px); text-align: left; margin: 0 0 0 50px; }
	.guide-text-inner { padding: 0 200px 0 0 }
	.guide-text p, .term-intro-right p {
		font-family: 'Merriweather';
		font-style: normal;
		font-weight: 400;
		font-size: 1.65rem;
		line-height: 2.8rem;
	}
	
	.term-intro-right p { color: #fff }
	
	.term-intro-left { width: calc(50% - 40px); float: left; text-align: right; margin: 0 80px 0 0 }
	
	.term-intro-left h1 {
		font-family: 'Ayer Web Regular';
		font-style: normal;
		font-weight: 400;
		font-size: 11rem;
		color: #fff;
		text-align: right;
		line-height: 1em;
		text-transform: uppercase
	}
	.term-intro-right { width: calc(50% - 40px); float: left }
	
	#country-filter { text-align: center; padding: 30px 0 }
	#country-filter a { background: var(--main-ppp-color); color: #fff; display: inline-block; padding: 15px 30px; margin: 0 10px; text-decoration: none; -webkit-border-radius: 40px 40px 40px 40px;
		border-radius: 40px 40px 40px 40px; opacity: .7 }
	#country-filter a:hover { background: #111; opacity: 1 }
	p.first-row { font-family: 'Switzer-Regular';
		font-size: 1.5rem; text-transform: uppercase; display: block; margin: 0 0 10px 0;
		       font-weight: 400; }
	
	.sublist li, #country-filter a  {
		font-family: 'Switzer-Regular';
		font-size: 1.5rem; text-transform: uppercase;
		       font-weight: 400; 
	}
	
	@media screen and (min-width: 1000px) {
		.actionpart-item { margin: 0 20px 20px 0;  width: calc((100% / 2) - 10px); }
		#action-parts-inner .group .actionpart-item:nth-child(2n) { margin: 0 0 20px 0}
	}
	
	.people-quote, .countries-box a:before {
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-ms-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}
	
	.people-quote { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.6); opacity: 0; pointer-events: none; overflow: scroll }
	.people-quote-box { display: flex; position: absolute; top: 0; left: 50px; width: calc(100% - 100px); height: 100% }
	.people-quote blockquote { margin: auto; text-align: center; font-family: 'Merriweather';
		font-style: normal;
		font-weight: 400;
		font-size: 1.7rem;
		line-height: 1.3em;
	 }
	
	.people-image:hover .people-quote { opacity: 1;  }
	
	@media screen and (min-width: 1000px) and (max-width: 1300px) {
		.people-quote-box { left: 20px; width: calc(100% - 40px);}
		.people-quote blockquote { font-size: 1rem }		
	}
	
	.content-row p a { color: #fff }
	
	.countries-box { padding: 50px 0 0 0 }
	
	.countries-box a { color: #fff; text-decoration: none; position: relative }
	.countries-box a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #888}
	
	.countries-box a:before { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #fff; z-index: 1000}
	.countries-box a:hover:before { width: 100% }
	
	.countries-box h2 { 
		text-align: center; 
		color: #fff;
		font-family: 'Ayer Web Regular';
		font-weight: 400;   font-size: 5rem;
		text-align: center;
		margin: 0 0 30px 0;
		font-style: normal;
		font-stretch: normal; 
	}
	
	
	
	.actionpart-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	  z-index: 100; background: rgba(0,0,0,.8); top: calc(100% + 5px); -webkit-transition: all 300ms ease-in-out;
	  -moz-transition: all 300ms ease-in-out;
	  -ms-transition: all 300ms ease-in-out;
	  -o-transition: all 300ms ease-in-out;
	  transition: all 300ms ease-in-out; overflow: auto; pointer-events: all }
	
	.actionpart-text p {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	font-size: 1.35rem;
	line-height: 1.5em;
	}
	.actionpart-text-inner { padding: 30px 30px 80px 30px }
	.actionpart-image-view { overflow: hidden; }
	.actionpart-item:hover .actionpart-text { top: 0 }
	.actionpart-item:hover .actionpart-image-view  .actionpart-text { overflow: scroll }
	
	@media screen and (max-width: 1000px) {
	  
	    #action-parts-inner { padding: 0 }
	    .actionpart-item { width: 100%; }
	    .action-group-image { width: 100% }
	    
	    .actionpart-item { margin: 0 0 40px 0}
	    
	    .actionpart-text p {
		   font-size: 1.65rem;
		   line-height: 2.8rem;
	    }
	    
	    .term-intro-left { width: 100%; text-align: center }
	    .term-intro-left h1 { text-align: center }
	    .term-intro-right { width: 100% }
	    .term-intro-left { margin: 0 0 50px 0}
	    
	    .taxImageMaster a { position: fixed; bottom: 40px; width: 200px; text-align: center; left: 50%; margin: 0 0 0 -100px; z-index: 2000000; padding: 15px 0 }
	    
	}
	
	.term-intro .term-intro-right h3 {
		font-family: 'Merriweather';
		font-style: normal;
		font-weight: 700;
		font-size: 1.65rem;
		line-height: 2.8rem;
		display: block; 
		margin: 20px 0 0 0
	 }
	 
	 .nobreak { white-space: nowrap; }
	 
	 .term-intro-right p:last-child 
	 {
		 margin-top: 15px;
	 }
	 
	 .actionpart-text-inner p { margin: 0 0 15px 0 }
	 
	@media screen and (max-width: 1600px) {
		#the-guide .row-row1 { max-width: calc(100% - 200px); }
		.guide-inner { padding: 100px 0 }
	}
	
	@media screen and (max-width: 1300px) {
		.guide-headline { width: 100%; float: left; text-align: left  }
		.guide-headline h2 { text-align: left; font-size: 6rem }
		.guide-text { width: 100%; float: left; margin: 0  }
	}
	
	@media screen and (max-width: 1000px) {
	
		#the-guide { padding: 0 0 400px 0 }
		.theguide-image { height: 400px; width: 100%; top: auto; bottom: 0 }
		.guide-inner-inner { padding: 0 }
		.guide-text-inner { padding: 0 }
		
		.term-intro-left h1, .centered-headline h1 { font-size: 6rem }
		
		
		body.tax-ActionGroup #footer { line-height: 20px }
		body.tax-ActionGroup #footer { height: 150px; z-index: 0; position: relative }
		.the-guide-image-view { bottom: -150px}
		#footerleft { margin: 0 0 0 0 !important; }
		#menu-footer-wrapper { padding: 10px 0 0 0 }
		body.tax-ActionGroup #footer { z-index: 100 }
		#footeright li { display: inline-block; margin: 0 10px }
		#footerleft, #footeright { width: 100%; float: none; padding: 0; text-align: left; line-height: 1.2em; position: relative; top: auto }
		#footeright { padding: 15px 0 0 0 }
		.taxImageMaster a { bottom: 20px; left: 20px; margin: 0 }
		
		
		  .page.page-id-636 .action-group-image {
		    width: 50%;
		    height: 100%;
		    position: absolute;
		  }
		  
		  .sublist { padding: 40px 0; width: 50% }
		  .sublist li {
		    border-top: 1px solid #fff;
		    padding: 10px 50px 10px 0;
			   }
			    
		.page.page-id-636 .action-group-image a { left: auto; bottom: -30px; right: 20px; line-height: 60px; padding: 0 30px }
		
		.theactions .action-list-container-item:nth-child(2n) .sublist li { padding: 0 }
		.theactions .action-list-container-item:nth-child(2n) .list-wrapper {
		  text-align: right;
		  margin: 0 0 0 50%;
		}	   
		.theactions .action-list-container-item:nth-child(2n) .list-wrapper .sublist { padding: 40px 0; width: 100% }
		.theactions .action-list-container-item:nth-child(2n) .list-wrapper .sublist li { padding: 10px 0 10px 50px }
		
		.theactions .action-list-container-item:nth-child(2n) .action-group-image a {
			bottom: -30px; left: 20px; right: auto; line-height: 60px
		}
		
		.actions-group-list  .group .row-row1 { max-width: calc(100% - 100px); }
		
		.action-group-image a { background: #000; color: #fff; }
		.action-group-image a:hover { background: #fff; color: #222; } 
		
	}
	
	@media screen and (max-width: 800px) {
		
		#footer, body.tax-ActionGroup #footer { background: rgba(255,255,255,.9); }
		.taxImageMaster a { bottom: 20px; -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,0.2);
			box-shadow: 0 0 60px 0 rgba(0,0,0,0.2); z-index: 9999999999 !important }
			
			.the-guide-image-view {
			  position: absolute;
			  right: 0;
			  bottom: 0;
			  width: 100%;
			  height: calc(100%);
		  }
		  
		  .guide-inner { padding: 100px 0 40px 0 }
		  
		  #footerleft, #footeright { text-align: center }
		  body.tax-ActionGroup #footer { z-index: 1 }
		  
		  .term-intro-left h1, .centered-headline h1 { font-size: 4rem }
		  .centered-headline { padding: 4rem 0}
		  
		  .page.page-id-636 .action-group-image { width: 100%; height: 400px; position: relative }
		  .action-list-container-item { margin: 0 0 50px 0 }
	
	}
	
	@media screen and (max-width: 600px) {
		.page.page-id-636 .action-group-image a { left: 50% !important; width: 260px !important; margin: 0 0 0 -130px !important; right: auto !important; padding: 0; text-align: center}
		.page.page-id-636 .action-group-image { height: 300px }
		.list-wrapper { background: #fff; padding: 0 30px }
		.sublist { width: 100%; color: #222; padding: 50px 0; }
		.sublist li, .theactions .action-list-container-item:nth-child(2n) .sublist li { border-color: #222; text-align: center; padding: 10px 0 !important }
		.sublist ul li:first-child,
		.theactions .action-list-container-item:nth-child(2n) .sublist ul li:first-child { border-top: 0 }
		.theactions .action-list-container-item:nth-child(2n) .list-wrapper { margin: 0 }
		
		.theactions .action-list-container-item:last-child { margin:  0 0 100px 0}
	}

	@media screen and (max-width: 500px) {
		#the-guide { padding: 0 0 300px 0 }
		.theguide-image { height: 300px;  }
		.page.page-id-636 .action-group-image { height: 200px;}
		
		#the-guide .row-row1 { max-width: calc(100% - 100px) }
		
		body.scrolledaway #header #header-background { background: #222 !important; }
		body.scrolledaway #header { height: 8rem }
		
	}
	
	.page-id-54 .content-row p a,
	.page-id-58 .content-row p a,
	.page-id-48 .content-row p a { color: #222 }