@import url('https://fonts.googleapis.com/css2?family=Marcellus');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Exo+2');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho');

html,body {
  /* height: 100%; */
  font-size: 16px;
  font-family: 'OpenSans', sans-serif;
}

.title_inner {
	font-family: 'Sawarabi Mincho', serif;
}

.section_title {
    font-family: 'Marcellus', sans-serif;
}


p {
  margin: 10px 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  display: block; 
  margin: 0;
  padding: 0;
}
img,a img {
  border: 0;
  height: auto;
  outline: none;
  text-decoration: none;
}


a.share_via_image:link img, a.share_via_image:visited img, a.share_via_image:active img {
   border: 2px solid #999999;
}

a.share_via_image:hover img {
   border: 2px solid #cc3366;
}

button {
  font-size:18px;
}

a:link, a:visited, a:active {
  color: #233c94;
  text-decoration: underline;
}

a:hover {
  color: #cc3366;
  text-decoration: none;
}

.clear {
  clear: both;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  color:#171717;
}


#body_content {
	position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	
    background-attachment: fixed;
    background-position: center center;
	min-height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background: linear-gradient(to bottom, #01060f, #112e63) no-repeat fixed;
	animation: fadeInBackgroundGradient 3s linear 0s 1 forwards running;
	background-attachment: scroll;
}


#body_content.unsetBodyContentPosition {
	position:unset;
	margin:0 auto;
}


.disable-hover {
  pointer-events: none;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.inline_block {
  display: inline-block;
}



 
@media only screen and (min-width: 500px) {

	.inline_block_min500 {
	  display: inline-block;
	}
}



@media only screen and (min-width: 400px) {

	.mobile_inline_block {
		display: inline-block;
	}
}



.hideMobile500 {
	display:none;
}

.hideMobile1170 {
	display:none;
}

.mobileClear500 {
	clear:both;
}

@media only screen and (min-width: 500px) {

	.hideMobile500 {
		display: inline;
	}

	.mobileClear500 {
		clear:none;
		display: none;
	}
}


@media only screen and (min-width: 1170px) {

	.hideMobile1170 {
		display: inline;
	}

}


.borderbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.text_color_yellow {
  color: #f2d15a;
}

 

.body_wrapper {
	margin:0;
	padding:0;
	width:100%;
}

.outermost_container {
	margin:0;
	padding:0 0 16px 0;
	overflow: hidden;
	width: 100%;
}

 

.title_container {
	margin:0 auto;
    position: relative;
	z-index: 10;
}

.title_inner {
	padding:14px 22px 20px 22px ;
	text-align:center;
}

.title_primary {
	font-size: 1.8em;
	padding:2px 0 0 0;
	font-weight:bold;
	color:#fcf8e1;
	letter-spacing:0.9px;
}

.title_secondary {
	font-size: 1.4em;
	padding:0.4em 0 0 0;
	font-weight:bold;
	color:#e1ebfc;
	letter-spacing:1px;
}



/* --- Image Header Section --- */


#header_image_section {
	margin: 0 auto;
    padding: 16px 20px 4px 20px;
    width: auto;
    overflow: hidden;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-evenly;
    height: 245px;
    column-gap: 5px;
    row-gap: 20px;
    max-width: 1800px;
}


.header_image_wrapper {
	max-height: 300px;
    padding: 2px 7px;
}


.header_image_vert_align {
	display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
		z-index: 10;
		position: relative;
}

.image_header {
	margin:12px auto 16px auto;
	display: block;
	max-height: 170px;
    max-width: 200px;
	border-radius: 15px;
	box-shadow: 0 0 8px 6px #e1ebfc;
}

 
 

 
/* ----------- Stars ------------- */

#outer_space {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
	bottom:0;
	left:0;
	right:0;
	z-index: 5;
}
 
 
.starDiv {
  position:absolute;
}

.starDivNormal {
  opacity:0;
  /* transform: translate(-20vw, -50vh); */
  animation: animStarNormal 9s ease-out 0.3s 1 forwards running; 
   /* animation: appearSlow 4s ease-out 0.5s 1 forwards running;*/
}


.starDivNormal_1 {
  opacity:0;
  /* transform: translate(-20vw, -30vh); */
  animation: animStarNormal_1 6s ease-out 0.3s 1 forwards running;
  /* animation: appearSlow 4s ease-out 0.5s 1 forwards running; */
}


.starDivYellow {
  opacity:0;
  transform: translate(-30vw, -40vh);
  animation: animStarYellow 4s ease-out 0s 1 forwards running;
  /* animation: appearSlow 4s ease-out 0.5s 1 forwards running; */
}


.starDivYellow_1 {
  opacity:0;
  transform: translate(-30vw, -40vh);
  animation: animStarYellow_1 5s ease-out 0s 1 forwards running;
  /* animation: appearSlow 4s ease-out 0.5s 1 forwards running; */
}

.starDivOrange {
  opacity:0;
  transform: translate(-40vw, -50vh);
  /* transform: translate(0vw, -10vh); */
  animation: animStarOrange 5s ease-out 0.3s 1 forwards running;
}


.starDivOrange_slow {
  opacity:0;
  transform: translate(-40vw, -50vh);
  /* transform: translate(0vw, -10vh); */
  animation: animStarOrange 6s ease-out 0s 1 forwards running;
}


.starDivOrange_slowest {
  opacity:0;
  transform: translate(-40vw, -50vh);
  /* transform: translate(0vw, -10vh); */
  animation: animStarOrange 7s ease-out 0 1 forwards running;
}

.starSVG {
  width:20px;
  height:20px;
}
 
.circleStar {
  fill: #f9fae1;
}

.circleNormal {
  stroke:#fcfcf2;
}
 
.circleSmall {
  fill: #fcfcf2;
  stroke:#fcfcf2;
}

/*
Animation shorthand
animation: name duration timing-function delay iteration-count direction fill-mode play-state;
*/

.circleYellow {
  fill: #f7f39c;
  stroke: #f7f39c;
  stroke-width: 1px;
  animation: pulsateYellow 8s ease-out 5s 1 forwards running;
}

.circleOrange {
  fill: #e69c25;
  stroke: #e69c25;
  stroke-width: 0px;
  animation: pulsateOrange 4s ease-out 5s 3 forwards running;
}

 
@keyframes animStarNormal {
  0% {
	  opacity:0;
	  /* transform: translate(-30vw, -40vh); */
  }
  
  30% {
	 
  }
  
  60% {
 
  }
  
  100% {
	  opacity:0.4; 
	  /* transform: translate(0vw, 0vh); */
  }
}


@keyframes animStarNormal_1 {
  0% {
	  opacity:0;
	  
  }
  
  30% {
	   
  }
  
  60% {
	  opacity:0.2;
  }
  
  100% {
	  opacity:0.5;
	  /* transform: translate(0vw, 0vh); */
  }
}


@keyframes animStarYellow {
  0% {
	  opacity:0;
	  transform: translate(-30vw, -40vh);
  }
  
  30% {
	   
  }
  
  100% {
	  opacity:1; 
      transform: translate(0vw, 0vh);
  }

}


@keyframes animStarYellow_1 {
  0% {
	  opacity:0;
	  transform: translate(-30vw, -40vh);
  }
  
  30% {
	   
  }
  
  100% {
	  opacity:1; 
      transform: translate(0vw, 0vh);
  }

}
 

@keyframes animStarOrange {
  0% {
	  opacity:0;
	  transform: translate(-40vw, -100vh);
  }
  
  30% {
	  opacity:1;
  }
  
  100% {
	  opacity:0.6; 
	  transform: translate(0vw, -10vh);
  }
}

 
 
@keyframes pulsateYellow {
	0% {
		opacity:1;
		stroke: #e05324;
		stroke-width:0px;
	}
	
	20%{
		opacity:0.4;
	    /* fill: #e3da36; */
		stroke: #e05324;
		stroke-width:2px;
	}
	
	40%{
		opacity:1;
		stroke-width:0px;
	}
	
	60%{ 
		opacity:0.4;
		stroke: #e05324;
		stroke-width:2px;
	}
	
	80%{
		opacity:1;
		stroke-width:0px;
	}

	100%{
		opacity:0.4;
		stroke-width:0px;
	}
}


@keyframes pulsateOrange {
	0% {
		stroke-width:0px ;
	}
	
	50%{ 
		/* fill: #ad31eb; */
		/* stroke: #e66f25; */
		stroke-width:2px;
	}
	
	100%{ 
		stroke-width:0px;
	}
}
 

 
/* ------------------------------ */

 
 

.main_content_container {
	margin:0 auto;
	padding:0 0 0 0;
	max-width:1080px;
	width:100%;
	/* background-color:#fffef7; */
	position: relative;
	z-index:10;
}

.clear {
	clear:both;
}

.spacer {
	display:block;
}


@media (min-width: 1170px) {
	.spacer {
		line-height: 1em;
		font-size: 1em;
		display:block;
	}
	


}



.section_container {
	margin: 0 auto;
	padding:18px 18px;
	width:auto;
	overflow:hidden;
	position: relative;
}


#container_intro {
	margin: 0 auto;
	padding:14px 18px 24px 18px;
	width:auto;
	overflow:hidden;
	position: relative;
	background-color: #e3edfc;
	/* box-shadow: inset 0 14px 4px -7px #091426; */
	box-shadow: inset 0 10px 4px -5px #091426, inset 0 -10px 4px -5px #091426;
}

.table {
	/* border-top:2px solid #949460; */
	display: flex;
    flex-wrap: wrap;
	
	background-color: #fcfcf7;
	margin:7px 0 0 0;
 
}


.container_left_float {
	margin: 0 0 0 0;
    width: 100%;
	display: table-cell;
	position: relative;
}

.float_left_inner, .float_right_inner {
	margin: 0 0 0 0;
	padding:16px 18px 10px 18px;
	/* background-color: #f8fced; */
	overflow: hidden;
}

.float_left_full {
	background-color: #f7f4e9;
	overflow: hidden;
}

.container_right_float {
	margin: 0 0 0 0;
    width: 100%;
    display: table-cell;
	
}



 


 

.container_crop_circle_image {
	margin:0;
	width: 100%;
	padding: 2px 0 0 0;
    
    max-width: 100%;
    vertical-align: bottom;
}


.show_narrow_screen {
	display:block;
}

.show_wide_screen {
	display:none;
}


.hide_under_600w {
	display:none;
}

.container_1 {
	/* border-top:2px solid #4c5970; */
	/* border-bottom:2px solid #4c5970; */
	background-color: #fcfcf7;
}

.container_first {
	border-top:2px solid #4c5970;
}

.container_2 {
	/* border-top:2px solid #4c5970; */
	/* border-bottom:2px solid #4c5970; */
	background-color: #e3edfc;
}
 

.container_available_resources {
	/* border-top:2px solid #b4c0d1; */
	background-color: #f2f6fc;
}

.container_last {
	border-bottom:2px solid #4c5970;
}


.section_sidebar_left, .section_sidebar_right {
	display:none;
}

 

@media only screen and (min-width: 1170px) {

	#container_intro {
		margin: 0 auto;
		padding:18px 30px 30px 30px;
	}

	.section_sidebar_left, .section_sidebar_right {
		background-color:#8fa0bd;
		position:absolute;
		top:0;
		width:16px;
		height:100%;
		display:block;
	}
	
	.section_sidebar_left {
		left:0;
	}

	.section_sidebar_right {
		right:0;
	}
 

}

 
.text_intro_para {
	margin:14px 0 0 0;
	font-weight:bold;
	font-style:italic;
	line-height:22px;
	font-size: 1.08em;
	color:#242424;
} 

.section_title_mission, .section_title, .section_title_resources {
	font-size:1.35em;
	color:#9e2108;
	font-weight:bold;
}

.section_title_mission {
	margin:7px 0 7px 0;
}

.section_title_resources {
	margin:7px 0 7px 0;
}

.section_title {
	margin:14px 0 0 0;
}

.text_topic_para, .text_topic_para_first {
	padding:0;
	font-size:1.08em;
	line-height:1.4em;
}

.text_topic_para_first {
	margin:12px 0 0 0;
}

.text_topic_para, .text_contact_line {
	margin:18px 0 0 0;
}

.text_contact_line {
	margin:14px 0 0 0;
	padding:0;
	font-size:0.95em;
	line-height:1.15em; 
}


.article_container {
	margin: 14px 0 0 0;
    padding: 7px 18px 24px 18px;
    font-size: 0.97em;
    font-weight: 400;
    background-color: #fdfdfd;

	border:2px ridge #f06043;
	box-shadow: inset 0 0 2px 2px #de745f;
}


.text_testimony_quote_first {
	margin:18px 0 0 14px;
}

.text_testimony_quote {
	margin:28px 0 0 14px;
}

.text_testimony_quote_first, .text_testimony_quote {
	color:#09438f; 
	font-size:1.08em;
	line-height:1.28em;
	font-weight:bold;
}

.text_testimony_credit {
	margin:5px 0 0 16px;
	color:#333333;
	font-size:0.98em;
	line-height:1.25em;
}


.text_contact_bold {
	font-weight:bold;
	font-size:1.05em;
}

.text_contact_line {
	margin:5px 0 0 0;
	padding:0;
	font-size:1.08em;
	line-height:1.15em;

}
 
.resources_container {
	margin:0 0 0 0;
	padding:10px 12px 15px 12px;
	 
	 
}

.text_resource_first, .text_resource {
	padding:0;
	font-size: 1.08em;
	line-height:1.3em;
}

.text_resource_first {
	margin:20px 0 0 0;
}

.text_resource {
	margin:18px 0 0 0;
}


.box_si_contact {
	margin:14px 0 14px 0;
	padding:14px 14px;
	/* background-color:#d7e5fc; */
	border:3px ridge #7089b3;
}

.box_share_learn {
	margin:18px 0 18px 0;
	padding:0; 
	/* border:1px solid #777777; */
}

.share_inner_container {
	margin:0 0 0 0;
	padding:6px 12px;
	background-color:#e6e5e3;
	width: auto;
}

.share_page_options_container {
	display:inline-block;
}

.share_method {
	margin:9px 0 0 12px;
	float:left;
}

.img_social_media {
	margin:0 auto;
	padding:2px;
	width:auto; 
	height:24px; 
	overflow:hidden;
}

.img_share {
	position: relative;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
    width: auto;
    text-align: center;
    display: block;
}

.qa_section_title {
	margin:22px 0 0 0;
	padding:22px 14px;
	background-color:#b34717;
	color:#f9f9f9;
	font-size:1.2em;
	font-weight:bold;
}
 
.text_question {
	margin:35px 0 0 7px;
	padding:0;
	color:#9e2108;
	font-weight:bold;
	font-size: 1.12em;
} 

.text_answer {
	margin:4px 0 0 7px;
	padding:0;
	color: #333333;
	font-size:1.08em;
	line-height:1.4em;
}


.contact_first_section {
	margin:3px 0 0 0;
}

.contact_additional_section {
	margin:14px 0 14px 0;
}

 
.img_house_left, .img_house_right, .img_house_left_first, .img_house_right_first {
	margin:14px auto 9px auto;
	width:96%;
	overflow:hidden;
}

.img_house_center {
	margin:18px auto 9px auto;
	width:96%;
	overflow:hidden;
}

.img_house_200h {
	height:200px;
}

.img_house_212h {
	height:212px;
}

.img_house_220h {
	height:220px;
}

.img_house_nuclear {
	margin:18px auto 9px auto;
	padding: 0 10px 0 0;
	overflow:hidden;
	float:none;
	
}

#img_container_nuclear {
	margin:5px auto 0 auto;
	position:relative;
	width:130px;
	height: 195px;
	border:1px solid #777777;
	border-radius:4px;
}


.rotatedTextNuclear {
	text-align: left;
    transform: rotate(90deg);
    transform-origin: 0 0;
    position: absolute;
    top: 1px;
    left: 140px;
    width: 240px;
    font-size: 9px;
    color: #c3c3c3;
	
}



@media only screen and (min-width: 600px) {
 
	
	.img_house_nuclear {
		/* margin:18px 18px 9px auto; */
		/* float:left; */
		
		margin:18px 0 9px 24px;
		float:right;
	}

}

@media only screen and (min-width: 1170px) {
 
	
	.img_house_nuclear {
		margin:18px auto 9px auto;
		float:none;
	}
	
	#img_container_nuclear {
		margin:5px auto 0 auto;
		position:relative;
		width:200px;
		height:300px;
		
	}
	
	
	.rotatedTextNuclear {
		text-align: left;
		left: 210px;
		width: 240px;
	}


}



.img_house_right_gofl {
	margin:16px auto 16px auto;
	width:90%;
	overflow:hidden;
}
 
 
.img_elem_container {
	margin:0 auto;
	padding: 0 0 18px 0;
	overflow:hidden;
	
}
 
.img_vert_align {
	position: relative;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
    width: auto;
    text-align: center;
    display: block;
}

 
.img_general {
  position: relative;
  background-attachment: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%, auto;  /*contain | cover*/
}

.img_border {
	border: 1px solid #333333;
}



	
#cropcircles_gallery_container {
	/* border-bottom:2px solid #949460; */
	/* background-color: #f7f4e9; */
	background-color: #fcfcf7;
	margin:0 auto;
	padding: 14px 0 24px 0;
	 
	text-align:center;
	overflow:hidden;
}

#cropcircles_gallery_container .gallery {
	margin:0 auto 0 auto;
}


.standalone_descr_credit {
	margin: -4px 0 0 0;
	padding:7px 5px 5px 7px;
	background-color:#fff;
}

.standalone_descr_credit_header {
	background:none;
}


.text_img_descr {
	margin:0 auto 0 auto;
	font-size:0.8em;
	line-height:1em;
	color:#444444;
}

.text_img_credit {
	margin:3px auto 0 auto;
	font-size:0.75em;
	line-height:1.2em;
	color:#777777;
}


.gallery_info_container {
	padding:5px 7px 7px 10px;
	/* display: inline-table; */
	text-align: left;
}

.gallery_text_img_descr, .gallery_text_img_descr_header  {
	margin:0 auto 0 auto;
	font-size:0.77em;
	line-height:1em;
	color:#4c5970;
	font-weight:bold;
}

.gallery_text_img_descr  {
	color:#4c5970;
}

.gallery_text_img_descr_header {
	color:#6c80a3;
}


 
.gallery_text_img_credit {
	margin:7px auto 0 auto;
	font-size:0.72em;
	line-height:1.1em;
	color:#777777;
}

.gallery_text_img_credit_header {
	margin:2px auto 0 auto;
	font-size:0.70em;
	color:#686868;
}


a.with-centered-image { height: 100%; display: block; } 
 

 
.img_cropcircle_1 {
  /* background-image: url("https://www.share-international.us/learn/ForcesOfLight/images/width_400px/2010_07_03_chisbury-ring-wiltshire.jpg"); */
  /* width: 100%; */
  /* height: 240px; */
  /* opacity: 1; */
  /* margin: 0 auto 0 auto; */
	/* width:300px; */
	/* height:200px; */
}



/*###########################################################*/
/*################   Image Gallery  #########################*/
/*###########################################################*/


.gallery {
	margin: 14px auto 0 auto;
	text-align:center;
	max-width:800px;
	width:90%;
}
/*
.gallery_title {
	margin: 0 0 0 0;
	padding:5px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#f9f9f9;
	background-color:#4c5970;
	border:2px ridge #374763;
	cursor:pointer;
	display: inline-block;
	width: 280px;
	transition:width 500ms linear;
}

.gallery_title_expand {
	margin: 0 0 0 0;
	padding:5px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#f9f9f9;
	background-color:#4c5970;
	border:2px ridge #374763;
	cursor:pointer;
	text-align:center;
	width:calc(100% - 4px);
}

.gallery_title:hover, .gallery_title_expand:hover {
	color:#4c5970;
	background-color:#f9f9f9;
	border:2px solid #1ea7e6;
}


.gallery_title:hover {
	width:calc(100% - 4px);
}
*/

.gallery_title {
	margin: 0 0 0 0;
	padding:5px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#f9f9f9;
	background-color:#4c5970;
	border:2px ridge #374763;
	text-align:center;
	width: 100%;
}

.image_gallery_section {
	margin:0 auto 0 auto;
	padding:0 1px 20px 1px;
	width: 100%;
	max-width:800px;
	background-color:#f7faff;
	border:1px solid #819dcc; 
	/* display:none; */
	text-align: center;
}


.show_more {
	margin: 2px auto 0 auto;
	padding:4px 9px;
	clear:both;
	width:80%;
	width:auto;
	font-size:0.85em;
	font-weight:400;
	color:#234378;
	background-color:#e1e7f0;
	border:1px solid #70819e;
	cursor:pointer;
	text-align:center;
	display:inline;
}

.show_more:hover {
	color:#f9f9f9;
	background-color:#4c5970;
	border:2px solid #1ea7e6;
}



.hide_extra_gallery {
	margin: 2px auto 0 auto;
	padding:4px 9px;
	clear:both;
	width:80%;
	width:auto;
	font-size:0.85em;
	font-weight:400;
	color:#234378;
	background-color:#e1e7f0;
	border:1px solid #70819e;
	cursor:pointer;
	text-align:center;
	display:inline;
}

.hide_extra_gallery:hover {
	color:#f9f9f9;
	background-color:#4c5970;
	border:2px solid #1ea7e6;
}



.gallery_hide {
	margin: 14px auto 0 auto;
	padding:2px 7px;
	width:80%;
	width:auto;
	font-size:0.85em;
	font-weight:400;
	color:#234378;
	background-color:#e1e7f0;
	border:1px solid #70819e;
	cursor:pointer;
	text-align:center;
	display:inline;
}

.gallery_hide:hover {
	color:#f9f9f9;
	background-color:#4c5970;
	border:2px solid #1ea7e6;
}




/*~~~~~~~~~~~~~~~ Modal Image Gallery Popup ~~~~~~~~~~~~~~~*/


.modal_content_wrapper {
  width: auto;
  margin: auto;
  padding:7px 10px 7px 10px;
  
  /* display: -moz-box; */
  /* display: -ms-flexbox; */
  /* display: -moz-flex; */
  /* display: -webkit-flex; */
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-evenly;
  max-width: 880px;
  
/* flex-direction: column; */
flex-wrap: wrap;
}





.fixedWidth208 {
	width:208px;
}

.modal_content_no_padding {
	/* padding:0; */
}



.gallery_top_sentence {
	margin:7px 0 0 0;
	text-align:center;
	font-size:0.9em;
	color: #4c5970;
}

.image-modal-content {
  cursor: pointer;
  transition:300ms linear;
  width:auto;
  overflow:hidden;
  
  padding: 0 0 0 0;
   max-width:150px;
  transition:50ms ease;
  border:2px solid #124399;
  border-radius: 4px;
}


 
.image_content_300 {
   max-width:300px;
}

.image_200width {
	max-width:200px;
}


.img_gallery_standalone {
	width: 100%;
}

 
.img_gallery {
	object-fit: cover;
	/* width:200px; */
	width:150px;
	min-height: 120px;
	max-height: 120px;
}

.img_up_10percent {
	/* margin:-20% 0 0 0; */
	object-position: center 90%;
}

.img_up_20percent {
	/* margin:-20% 0 0 0; */
	object-position: center 80%;
}

.img_down_10percent {
	/* margin:20% 0 0 0; */
	object-position: center 10%;
}

.img_down_20percent {
	/* margin:20% 0 0 0; */
	object-position: center 20%;
}

.img_down_30percent {
	/* margin:20% 0 0 0; */
	object-position: center 30%;
}

.img_down_40percent {
	margin:40% 0 0 0;
}

.image_standalone {
	/* background-color:#f5f5f5; */
	/* border: 2px solid #4c5970; */
	margin:0 0 10px 0;
}
 
.image_gallery_item {
	border-radius: 4px;
	background-color:#f7faff;
	/* border: 2px solid #4c5970; */
	border:2px solid #124399;
	margin:10px auto 10px auto;
	height: 200px;
}




.image-modal-content:hover {
  transform: scale(1.04);
  border:4px solid #104db5;
}
 
 

@media (max-width: 992px) {
  
}
@media (max-width: 550px) {
 
}


.image_border_radius {

} 


/* Row and Column  */

/* .row { */
  /* justify-content: space-evenly; */
  /* max-width: 960px; */
  /* margin: 0 auto 0 auto; */
/* } */

.flex_column {
  flex: 100%;
  padding: 7px;
  margin: 8px 4px 0 4px;
  /*max-width:200px;*/
  border-radius: 4px;
  
}


@media screen and (min-width: 450px) {
	
	/* .row { */
	  /* justify-content: space-evenly; */
	  /* max-width: 960px; */
	  /* margin: 0 auto 0 auto; */
	/* } */
	
	.flex_column {
		margin: 8px 4px 0 4px;
		flex: 40%;
	}
}


.flex_column:nth-child(n+5) {
	 display:none;
}

 .flex_column_display:nth-child(n+5):nth-child(-n+8) {
	display:block;
}

.spillover_gallery_display {
	display:none;
	padding: 0 0;
	max-width:780px;
}



.spillover_gallery {
	margin:8px 0 0 0;
	padding:0 0 18px 0;
	display:none;
	/* background-color:#fcfcf7; */
	border: 1px dashed #d3e0f2;
	width:100%;
	overflow:hidden;
	
}


/* .spillover_gallery {   */
    /* pointer-events: none; */
/* } */

/* .hide_extra_gallery { */
    /* pointer-events: auto; */
/* } */

.spillover_gallery_background_highlight {
    background: #d3e0f2;
}  

.hideMe {
	display:none;
}
 

.spillover_flex_container {
 
	width: 100%;
	margin: auto;
	padding:0;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-evenly;
	flex-wrap: wrap;
	overflow:hidden;
}


@media screen and (min-width: 600px) {

	 .modal_content_wrapper {
		 
	 }
 
	

	.flex_column {
		margin: 14px 0 0 0;
		padding:0;
		 flex: 50%;
		 max-width:220px;
	}
	
	.spillover_flex_container .flex_column { 
		margin: 6px 0 0 0;
	}
	
	.flex_column:nth-child(n+5):nth-child(-n+8) {
		display:block;
	}

   
	
	.spillover_gallery_display {
		display:block;
	}
 

	.hide_under_600w {
		display:block;
	}

}

 
@media screen and (min-width: 800px) {
 
	/* .flex_column:nth-child(n+12) { */
		 /* display:block; */
	/* } */

	.flex_column {
	  max-width:180px;
	  flex: 22%;
	}
	

	.hide_extra_gallery {
		 
	}

}



 




/*###########################################################*/
/*###########################################################*/
/*###########################################################*/




/* modal popup styles */
.image-modal-popup {
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(30, 30, 30, 0.94);
  color: #fff;
  animation: 500ms fadeIn;
  display: none;
  z-index: 10;
  text-align:center;
  height: 100%;
  min-height: -webkit-fill-available;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.image_modal_outline {
	margin: 7px auto 7px auto;
	padding: 0;
	border:7px ridge #999;
	width:96%;
	max-width: 820px;
	display: inline-block;
	position: relative;
	background: rgb(0, 0, 0, .95);
 
}

#image_modal_wrapper {
	padding: 5px 10px;
	display: inline-block;
    max-width: 800px;
	clear:both;
}


.img_modal_wrapper_with_margin {
	margin: 65px auto 0 auto;
}


.popup_image_section_with_margin {
	margin:80px 0 0 0;
	padding: 0;
}

.popup_image_section_no_margin {
	margin:0 0 0 0;
	padding: 0;

}

#gallery_item_img {
  margin:10px auto 0 auto;
  display:block;
  text-align:center;
  width: auto;
  max-width: 100%;
}

.modal_text_section {
	margin:7px auto;
	width:100%;
	text-align: left;
}

#modal_text_container_above_image {  /*  for standalone image display   */
	margin:7px 0 0 12px;
	width:auto;
	text-align: left;
	max-width:220px;
}


.modal_description {
  color:#f9fac8;
  font-size:1.1em;
}

.modal_credit {
  margin:2px 0 0 0;
  color:#bdb9c7;
}


.image-modal-popup p {

}


.popup_btn {
	position: absolute; /*absolute*/
}
 

 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/* --- extra navigation arrows for gallery */
 
/* .popup_btn a  { */
.href_popup {
	padding: 0;
	opacity: .8;
	-webkit-tap-highlight-color: transparent;
}

 
/* .popup_btn a  { */
.href_popup {
  margin-bottom: 5px;
  display: inline-block;
  color: #222;
  font-weight: 500;
  text-decoration: none;
  background: #fff;
  margin: 0 0;
  padding: 7px 7px;
  border-radius: 7px;
  width: 40px;
  height: 40px;
}

/*
@media (hover: none) {
	.popup_btn {
		pointer-events: none;
	}
}
*/

.popup_btn_close {
	margin:0;
	top:5px;
    right:9px;
}


.popup_btn_prev {
	top:5px;
	left:9px;
}

.popup_btn_next {
	top:5px;
	/* right:110px; */
	left:152px;
}

#popup_image_index_container {
	top:25px;
	left:79px;
	position: absolute;
}

#gallery_item_index {
	color:#f4f4f4;
	font-size:0.95em;
	padding:0 0 0 10px;
}


.popup_btn_close_relative_to_text {
	margin:4px 9px 0 0;
	position:relative;
	float:right;
}


@media only screen and (min-width: 500px) {

	.popup_btn_prev {
		/* left:4px; */
	}

	.popup_btn_next {
		/* right: calc(100% - 200px); */
	}
	
	#modal_text_container_above_image {  /*  for standalone image display   */
		max-width:350px;
	}

}

@media only screen and (min-width: 700px) {

	#modal_text_container_above_image {  /*  for standalone image display   */
		max-width:500px;
	}

 
	.image_gallery_item {
		 
		/* margin: 12px 5px 0 5px; */
		/* flex: 1 1 30%; */
		padding: 0;
		
	}
	
	.article_container {
		margin: 14px 0 0 0;
		padding: 16px 34px 30px 34px;
		border:5px ridge #f06043;
		box-shadow: inset 0 0 3px 6px #de745f;
	}

 
	 
}


@media only screen and (min-width: 900px) {


	#modal_text_container_above_image {  /*  for standalone image display   */
		max-width:650px;
	}

}



/*@media only screen and (max-height: 480px), (max-width: 900px) {*/
@media only screen and (max-height: 480px), (max-width: 900px) {

	/* .image-modal-popup .popup_btn_prev a { */
	  /* height:49px; */
	  /* padding: 6px 12px 14px 18px; */
	/* } */

	/* .image-modal-popup .popup_btn_next a { */
	  /* height:49px; */
	  /* padding: 6px 8px 14px 22px */
	/* } */


	/* .popup_btn { */
		/* margin:0; */
	/* } */

	/* .popup_btn_prev { */
		/* top:10px; */
		/* left:30px; */
	/* } */

	/* .popup_btn_next { */
		/* top:10px; */
		/* right:170px; */
	/* } */
	 
	/* .popup_btn_close { */
		/* top:10px; */
		/* right:15px; */
		/* margin:0; */
	/* } */
	
	/* .image-modal-popup img { */
		/* margin: 90px auto 0 auto; */
	/* } */

}



@media only screen and (min-width: 900px) {

	#gallery_item_img {
	  width:100%;
	  
	  top:10px;
	  /* max-height: calc(100vh - 150px); */
	  margin-bottom:10px;
	  /* cursor: pointer; */
	}
	
	.modal_text_section {
		padding: 0 0 0 0;
		width:100%;
	    max-width:800px;
	}
	
	
	.popup_btn_prev {
		 
		/* left:0; */
	}

	.popup_btn_next {
	 
		/* right:100px; */
	} 

}

 
.svg_geom {
  transition:600ms linear;
  opacity: 1;
}

.svg_geom_arrow {
  fill: #350aab;
}

.svg_geom_x {
  stroke-width: 6;
  stroke: #5426d4;
}



@media (hover: hover) and (pointer: fine) {
 
	.popup_btn:hover .svg_geom_arrow {
	  fill: #ffffff;
	  opacity: 1;
	}
	 
	.popup_btn:hover a {
	  fill: #ffffff;
	  stroke:#ffffff;
	  background-color:#5426d4;
	  opacity: 1;
	}


	.popup_btn:hover a > svg > .svg_geom_x {
	  stroke-width:8;
	  stroke:#f0ed37;
	}

	.popup_btn:hover a > svg > .svg_geom_arrow {
	  stroke-width:0;
	  fill:#f0ed37;
	}
	
		
}


/*non-hover styles here*/
@media handheld { 

 
}
 

.no_link svg {
    pointer-events: none;
}
 

.disabled_gallery_nav_button {
	pointer-events:none;
}

.disabled_gallery_nav_button a {
	background-color:#666666;
	opacity:0.9;
}

.disabled_gallery_nav_button .svg_geom_arrow {
  stroke-width:0;
  fill:#888888;
  opacity:0.9;
}


#imgBookGOFL {
	margin:0 auto;
	width:110px;
	height:169px;
	display: block;
	border:1px solid #101010;
}

 

/* ----------------------------------------*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*  ####### Min Width 400 ####### */

@media only screen and (min-width: 400px) {

	.img_house_left, .img_house_right, .img_house_left_first, .img_house_right_first {
		width:90%;
	}
	
	.img_house_right_gofl {
		margin:22px 0 18px 22px;
		width:auto;
		float:right;
		
	}

}
	



/*  ####### Min Width 500 ####### */

@media only screen and (min-width: 500px) {


	
	

}





/*  ####### Min Width 600 ####### */

@media only screen and (min-width: 600px) {


	.container_crop_circle_image {
		margin: 0 0 0 0;
		width: 100%;
		padding: 0 0 0 0;
		 
		max-width: 100%;
		vertical-align: bottom;
	}


	.img_house_left {
		margin:14px 15px 5px -8px;
		width:auto;
		float:left;
	}
	
	.img_house_left_first {
		margin:3px 10px 5px -10px;
		width:auto;
		float:left;
	}

	.img_house_right {
		margin:14px 0 5px 15px;
		width:auto;
		float:right;
	}
	
	.img_house_right_first {
		margin:3px -10px 5px 15px;
		width:auto;
		float:right;
	}
	

	.resources_container {
		padding:12px 20px 20px 20px;
	}
	
	
	.center {
		text-align:center;
		margin:0 auto;
	}
	
	
	.contact_first_section {
		margin:3px 0 0 3%;
	}

	.contact_additional_section {
		margin:14px 0 14px 3%;
	}
	
	
	#cropcircles_gallery_container {
		margin:0 auto;
		padding: 14px 0 24px 0;
	}
	
	#cropcircles_gallery_container .gallery {
		/* margin:0 auto 18px auto; */
	}


}





/*  ####### Min Width 700 ####### */

@media only screen and (min-width: 700px) {
	
	.section_container {
		margin: 10px 0 0 0;
		padding: 18px 30px 24px 30px;
	}

	.title_primary {
		font-size: 2.5em;
		padding:2px 0 0 0;
	}

	.title_secondary {
		font-size: 1.9em;
		padding:0.4em 0 0 0;
 
	}


}





/*  ####### Min Width 800 ####### */

@media only screen and (min-width: 800px) {


	 
	.bottom_flex_box {
		display:inline-flex;
		width:100%;
	}		
	 
    .share_method {
		margin: 14px 0 0 0;
		float: none;
	}
	
	.img_social_media {
		margin:0;
		padding:0;
		width:44px; 
		height:44px; 
		overflow:hidden;
	}


	.img_share {
		position: relative;
		margin: 0;
		top: 0;
		transform: none;
		height: 40px;
		width: auto;
		text-align: center;
		display: block;
	}
		
	
	.box_si_contact {
		margin:34px auto;
		width:440px;
	}
	
	 
	.box_share_learn {
		margin:24px auto;
		padding:10px 34px 10px 0;
		width:200px;
		/* border:1px solid #777777; */
		display:flex;
		flex:auto;
	}
	
	.share_inner_container {
		margin:0 0 0 0;
		padding:6px 12px 6px 24px;
		width: 100%;
		max-width:160px;
	}


	#imgBookGOFL {
		width:170px;
		height:261px;
	}

}



/*  ####### Min Width 900 ####### */

@media only screen and (min-width: 900px) {



	.box_si_contact {
		width:530px;
	}


.spillover_gallery {
 
	overflow:hidden;
	
}

}





/*  ####### Min Width 1000 ####### */

@media only screen and (min-width: 1000px) {


	.title_primary {
		font-size: 3.1em;
		padding:2px 0 0 0; 
	}

	.title_secondary {
		font-size: 2.1em;
		padding:0.4em 0 0 0;
 
	}
	 
	 
	.box_si_contact {
		width:600px;
	}

	.box_share_learn {
		margin:12px auto;
		padding:10px 14px 10px 0;
		/* width:285px; */
		/* border:1px solid #777777; */
	 
	}


}





@media screen and (min-width: 1170px) {



	.main_content_container {
		margin:0 auto;
		padding:0 0 0 0;
		width:95%;
		position: relative;
		z-index:10;
		background:none;
	}
 
	.table {
		margin:10px 0 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: #fcfcf7;
	}
	
	.section_container {
		margin: 10px 0 0 0;
		padding: 18px 90px 34px 90px;
	}
 

	 
 
	.container_left_float {
		margin:0 0 0 0;
		width:47.5%;
		float:left;
		display: table-cell;
		position: relative;
		display: flex;
		flex-flow: column;
	}

	.float_left_inner {
		margin: 20px 0 0 0;
		padding:0 28px 3px 28px;
		/*
		border-top: 2px solid #cadb9a;
		border-left: 2px solid #cadb9a;
		border-right: 2px solid #cadb9a;
		*/
		border-right: 1px solid #8fa0bd;
		background-color: #fcfcf7;
		flex: 1;
	}
 
 
	.container_right_float {
		margin:0 0 0 0;
		width:52.5%;
		float:left;
		display: table-cell;
		position: relative;
		display: flex;
		flex-flow: column;
	}

	.float_right_inner {
		margin: 20px 0 0 0;
		padding:0 28px 3px 28px;
		/*
		border-top: 2px solid #cadb9a;
		border-left: 2px solid #cadb9a;
		border-right: 2px solid #cadb9a;
		*/
		border-left: 1px solid #8fa0bd;
		background-color: #fcfcf7;
		flex: 1;
	}

	 
	.img_house_left_first {
		margin:7px 10px 5px -10px;
	}
 
	
	.img_house_right_first {
		margin:7px -10px 5px 15px;
	}
	
	.container_crop_circle_image {
		margin: 1px 10px 0 -10px;
		padding: 0 0 0 0;
		
		/* max-width: 100%; */
		/* width: calc(100% - 2px); */
		vertical-align: bottom;
		/* position: absolute; */
		border: none;
		/* bottom: 0; */
		/* right: -7px; */
		position: relative;
		z-index: 8;
		/* right: -4px; */
	}
	
	.container_1 {
		 
		background-color: #fcfcf7;
	}
	
	
	.show_narrow_screen {
		display:none;
	}

	.show_wide_screen {
		display:block;
	}
	
	#cropcircles_gallery_container {
		
		margin:0 auto;
		padding: 25px 64px 24px 64px;
		 
		text-align:center;
		overflow:hidden;
		/* border-top: 2px solid #cadb9a; 
		border-left: 2px solid #cadb9a;
		border-right: 2px solid #cadb9a;
		border-bottom: 2px solid #cadb9a;
		*/
 
	}
	
	#cropcircles_gallery_container .gallery {
		margin:0 auto 0 auto;
	}
		
}






/*  ####### Min Width 1200 ####### */

@media only screen and (min-width: 1200px) {



	.title_primary {
		font-size: 3.8em;
		padding:2px 0 0 0; 
	}

	.title_secondary {
		font-size: 2.4em;
		padding:0.4em 0 0 0;
 
	}
	 

}