.brochure_content {
	margin:0 auto;
	text-align: center;
	padding:0 14px 10px 14px;
}

.main_bg_color {
	/* background-color: #fff9de; */
}

.bgcolor_learn {
	background-color: #f2fbff;
}

#all_content {
	margin:0 auto;
	text-align: center;
    
}


.spacer {
	height:10px;
}


.brochure_title {
	margin:0 0 0 0;
	font-size:1.5em;
	font-weight:bold;
    padding: 44px 20px 6px 20px;
}

.text_para {
	text-align:left;
	font-size:1.1em;
	max-width:800px;
	margin:0 auto;
}
 
.intro_text {
	margin: 0 0 12px 0;
    font-weight: 500;
    color: #f7f7f7;
    background-color: #8a3f45; 
	border: 2px solid #A60009;
    display: inline-block;
    padding: 7px 12px;
	font-size: 1.1em;
	line-height: 1.2em;
    border-radius: 3px;
    max-width: 450px;
	text-align:left;
}

@media only screen and (min-width: 800px) {
	
	.intro_text {
		margin: 0 0 18px 0;
		padding: 7px 12px;
		max-width: 670px;
		font-size: 1.15em;
		line-height: 1.38em;
	}

}


@media only screen and (min-width: 1400px) {
	
	.intro_text {
		margin: 0 0 18px 0;
		padding: 7px 12px;
		max-width: 1200px;
	}

}



.brochure_preview {
	border: 3px solid #3da1cc;
    display: inline-block;
}

picture {
	display: flex;
}

 
/*
 a.hoverlink:link, a.hoverlink:visited, .hoverlinks a:link, .hoverlinks a:visited {
*/	 
 
.brochure_preview:hover {
	border: 3px solid #FF3F4A;

}

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


#all_content {
	margin:0 auto;
	text-align: center;
	 
}


.intro {
	font-size:1.3em;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}

}



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


#all_content {
	margin:0 auto;
	text-align: center;
	max-width:500px;
}


.intro {
	font-size:1.4em;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}

}



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


.text_para {
	text-align:center;
	max-width:1100px;
}

}












#sectionTopics {
	/* z-index: 5; */
}

.clearBoth {
  clear:both;
}

.headerImage {
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	/* width: 100%; */
	/* height: 300px; */
	/* z-index: 0; */
}


.w3-container{
	/* z-index: 3; */
}

.imgBackground {
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 
 
.imgBuddha {
  background-image: url("https://croksi.sirv.com/si-mag/copyright-permission/religious-symbols/buddhist/images/200301041934.jpeg");
  opacity: 0.4;
}


#sidebarContainer {
	z-index:3;
	width:250px;
	color:#47616e;
	left:0;
}

.sliderOpen {
  display: inline-block;
}

.sliderClose {
  padding: 0 10px 0 0;
}

.imgSidebarTop {
	width:140px;
}

#mainContainer {
  margin-left:250px;
}

.textStyleCenter {
  text-align: center;
}

.textBold {
  font-weight: bold;
}

.textItalic {
  font-style: italic;	
}


#topRowTitles {
	display: inline-block;
	width: 100%;
}

#titlesContainer {
	/* position: absolute; */
	/* top: 0; */
	/* left: 30%; */
	display:inline-block;
	margin: 0 0 0 8px;
	
	/* text-align: center; */
	vertical-align: top;
}

 
.customSlateBlue,.customSlateBlueHover:hover{
	color:#fff!important;
	background-color:#47616e!important
}

.customLighSlateBlue {
	/* color:#000!important; */
	background-color:#feffff!important
}


.textTitle, .textSubTitle {
  padding: 2px;
  top: 0;
  opacity: 1;
  color: #3a505c;
  font-weight: bold;
  text-align: center;
  /* text-shadow: 0 0 0.5em #fefefe, 0 0 0.5em #fefefe, 0 0 0.5em #fefefe;	 */
}

.textTitle {
  margin: 7px 0 0 0;
  position: relative;
  /* display: block; */
  opacity: 1;
  font-size: 1.2em;
  font-weight: bold;
}

.textSubTitle {
  margin: 4px 0 0 0;
  position: relative;
  /* display: block; */
  opacity: 1;
  font-size: 1em;
}

.textFilter {
  background-color: #ddd;
  display: inline-block;
  padding: 8px 7px;
  border-radius: 5px 5px 5px;
  color: #111;
  font-weight: bold;
  margin: 0 6px 0 0;
  float: left;
}

.textIntro {
  padding: 12px 18px 7px 18px;
  line-height: 1.5;
  font-size: 1.1em;
}


 
.textImageCredit{
	position: absolute;
	 
	font-size: 8px;
	/* left: 1em; */
	/* top: 0; */
	/* width: 166px; */
	/* height: 15px; */
	text-align: left;
	z-index: 2;
	color: #222;
	/* -webkit-transform: rotate(90deg);	 */
	/* -moz-transform: rotate(90deg); */
	/* -ms-transform: rotate(90deg); */
	/* -o-transform: rotate(90deg); */
	/* transform: rotate(90deg);	 */
	 
	/* transform-origin: top left;	 */
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1px 1px 1px 5px;
  border-radius: 1px 1px;
  right: 0;
  top: 0;
 
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: right top;
}

.title_container {
	margin:20px 0 0 0;
	padding:0 12px 0 20px;
	font-size:1.38em;
	font-weight:bold;
	text-align:left;
	color: #A60009;
}

 

.descr_container {
	margin:12px 0;
	padding:0 20px 0 20px;
	font-size:1.1em;
	text-align:left;
	
}

.sidebarMenu {
  color:#47616e;
}

 
.imgTopicContainer {
  padding: 6px 0 0 0;
  background-color:#ffffff;
}





.img_general {
  margin: 0 auto;
  background-position: center top;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-size: contain;
  /* background-size: 100% auto; */
  padding: 0 0 60% 0;
  width:100%;
}


@media (hover: hover) and (pointer: fine) {
    .img_general {
	  opacity: 0.7;
	}
}
 


.img_general {
  padding: 0;
  height: 210px;
}

.w3-third .img_general {
	max-width:300px;
}



.animLine:hover .img_general {
	opacity:1;
}

.img_worldteacher {
    background-image: url(images/SI_web_brochure_WorldTeacher_300px.png);
	/* padding-bottom: calc(190 / 300 * 100%); */
}

.img_forceslight {
    background-image: url(images/SI_web_brochure_ForcesOfLight_300px.png);
	/* padding-bottom: calc(202 / 300 * 100%); */
}


.img_worldteacher_spanish {
    background-image: url(images/SI_brochure_WorldTeacher_Spanish_300px.png);
}
 
.img_promisefuture {
    background-image: url(images/SI_brochure_Promise_of_Future_300px.png);
}

.img_christianity_agelesswisdom {
    background-image: url(images/SI_brochure_Christianity_AgelessWisdom_300px.png);
}
 
 



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

	.img_general {
		height: 200px;
		/* background-size: auto 200px; */
	}


	.img_worldteacher {
		background-image: url(images/SI_web_brochure_WorldTeacher_400px.png);
	}

	.img_forceslight {
		background-image: url(images/SI_web_brochure_ForcesOfLight_400px.png);
	}
	
	.img_worldteacher_spanish {
		background-image: url(images/SI_brochure_WorldTeacher_Spanish_400px.png);
	}
	
	
	.img_promisefuture {
		background-image: url(images/SI_brochure_Promise_of_Future_400px.png);
	}

	.img_christianity_agelesswisdom {
		background-image: url(images/SI_brochure_Christianity_AgelessWisdom_400px.png);
	}

}




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

	.w3-half .img_general {
		max-width:500px;
		padding-bottom:0;
	}

	.img_worldteacher {
		background-image: url(images/SI_web_brochure_WorldTeacher_500px.png);
	}

	.img_forceslight {
		background-image: url(images/SI_web_brochure_ForcesOfLight_height318px.png); 
	}

	.img_worldteacher_spanish {
		background-image: url(images/SI_brochure_WorldTeacher_Spanish_300px.png);
	}

	.img_promisefuture {
		background-image: url(images/SI_brochure_Promise_of_Future_300px.png);
	}

	.img_christianity_agelesswisdom {
		background-image: url(images/SI_brochure_Christianity_AgelessWisdom_300px.png);
	}
	
	
	.title_container {
		margin:20px 0 0 0;
		padding:0 30px 0 30px;
		font-size:1.38em;
	}

 
	.descr_container {
		margin:12px 0;
		padding:0 30px 0 30px;
		font-size:1.1em;
	}

} 



@media only screen and (min-width: 1200px) {
 
	.w3-half .img_general {
		height:318px;
		/* background-size: auto 318px; */
	}
 
 
}

 

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

	.w3-third .img_general {
		height:209px;
	} 

	.img_worldteacher_spanish {
		background-image: url(images/SI_brochure_WorldTeacher_Spanish_400px.png);
	}

	.img_promisefuture {
		background-image: url(images/SI_brochure_Promise_of_Future_400px.png);
	}

	.img_christianity_agelesswisdom {
		background-image: url(images/SI_brochure_Christianity_AgelessWisdom_400px.png);
	}
	
	 

} 
 

.textTopic {
  overflow: hidden;
 
}


.pdf_download {
	margin: 12px auto 0 auto;
    padding: 4px 3px 0 3px;
    height: 40px;
    background-color: #ededed;
	width:90%;
	max-width:140px;
}

.pdf_format {
	display:inline-block;
	color: #783235;
	font-weight:bold;
	font-size:14px;
	line-height: 15px;
	position:relative;
    top: -3px;
}

.pdf_icon {
	width:32px;
	height: 32px;
	display:inline-block;
}


#sectionContact {
  background-color: #47616e;
  color: #eee;
}

#contactFormContainer {
  max-width: 1000px;
  margin: 0 auto 0 auto;
}
 

.text-area {
     width: 100%;
     height: 110px;
}

.btnPageNavigation {
	border: 1px solid #ddd;
	margin: 0 4px 0 4px;
}
 

.footerSection {
  background-color: #edfafc;
  border: 3px solid #47616e;
}

 
/* -------   articles  ---------*/
.articleContainer {
  /* padding: 0 18px 0 18px; */
   /* margin: 0 auto 10px auto; */
  line-height: 1.5;
  font-size: 1.0em;
  width: 100%;
   /* padding: 14px 12px 0 14px; */

}

.articleContent {
  /* max-width: 1200px; */
  padding: 15px 5% 25px 5%;
  margin: 0 0 12px 0;
  border-style: ridge;
}

.articleContent a:link, .articleContent a:active, .articleContent a:visited {
  color: #081cbf; 
  text-decoration: underline;
}
.articleContent a:hover {
  color: #7a1b01;
  text-decoration: underline;
  text-shadow: 2px 1px 3px #fcece3, 3px 3px 5px #fcece3;
} 
 
 
.imgArticleContainer {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
 

.imgArticleFloatRight, .imgArticleFloatLeft {
	margin: 12px auto 0 auto;
}

.textArticleTitle {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}

.textArticleSubTitle {
  margin: 14px 0 0 0;
  font-weight: bold;
  font-size: 1.2em;
}
 
.textArticleParagraph {
  margin: 12px 0 0 0;
}
 
.textArticleParaIndented {
  margin: 12px 0 0 18px;
}



.textFloatLeft {
  margin: 0.2em 0 0 0;
  float: left;
}

.textFloatRight {
  margin: 0.2em 0 0 0;
  float: right;
}

.textMaitreya {
	color: #082b9e;
}

.textMaster {
	color: #9e0826;
}

.textQuoteMaitreya, .textQuoteMaster {
	padding: 12px 18px;
	margin: 12px 0 0 18px;
}

.textQuoteMaitreya {
	background-color: #fafbff;
	border: 1px dotted #021759;
}

.textQuoteMaster {
	background-color: #fff7f9;
	border: 1px dotted #5c0216;
} 


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



.box {
	/* padding: 3px!important; */
}

.animLine {
  background-size: cover;
  box-shadow: 0 0 4px #1e6585;
  position: relative;
  transform: scale(0.93);
  transition: .1s;
}

.animLine:hover {
  transform: scale(1);
  box-shadow: 0 2px 4px #1e6585, 0 8px 32px rgba(30, 101, 133, 0.5);
}

.animLine:hover:before,
.animLine:hover:after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #ddd 40%, transparent 40%);
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  z-index: 1;
  border-radius: 4px;
  background-size: 200% 4px;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 8px #fff);
  background-position: 80% 0;
}


.animLine:hover:before {
  animation: beforeLineAnim 2s linear infinite;
}

.animLine:hover:after {
  animation: afterLineAnim 2s linear infinite;
  transform: rotate(-90deg);
  background-position: -20% 0;
}
 



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

   #titlesContainer {
     margin: 0 0 0 20%;
   }
		
  .textTitle {
    font-size: 2.1em;
  }

  .textSubTitle {
    font-size: 1.3em;
  }
  
  
  .imgArticleContainer {
    max-width: 300px;
  }
  
  .imgArticleFloatRight {
    float: right;
    margin: 16px 0 0 24px;
  }
  
  .imgArticleFloatLeft {
    float: left;
    margin: 16px 24px 0 0;
  }
  
  .imgQuoteFloatRight {
    float: right;
    margin: 4px 0 0 24px;
  }
  
  .imgQuoteFloatLeft {
    float: left;
    margin: 4px 24px 0 0;
  }

}


@media screen and (min-width: 601px) {
	
   #titlesContainer {
     margin: 0 0 0 25%;
   }
	
	.rowTopicContainer{
	  margin:0;
	}
	
	.w3-container {
	   max-height: 580px;
	}

	.imgTopicContainer {
	    
	}
	
	
	
	.textTopic {
	   /*
	   height: 400px;
	    max-height: 350px; 
		*/
	}
	
}


@media (min-width: 660px){

	.imgTopicContainer {
		padding: 22px 7px 0 7px;
		float: left;
		width: 200px;
	}
	
 
	.textTopic {
	  
	}
}

 
@media (min-width: 750px){
	
	.imgTopicContainer {
		padding: 12px 14px 0 14px;
		float: none;
		width: auto;
	}

	.textTopic {
	   float: none;
	   width: auto;
	}
}


@media (min-width: 993px){
	
  #titlesContainer {
	float: left;
	position: static;
	margin: 10px 0 0 18px;
  }

  #mainContainer {
    /* display: inline-block; */
  }
  
  #mainContainer:before {
    /* content: ''; */
    /* min-width: 240px; */
    /* max-width: 240px; */
    /* display: inline-block; */
  }

  .textTopic {
    /* height: 290px; */
  }
  
}

@media (min-width: 1100px){

  .imgTopicContainer {
    /*height: 190px;*/
  }
	
  .textTopic {
    /*height: 250px;*/
  }
	
}
 
@media (min-width: 1400px){
 
  .imgTopicContainer {
    /*height: 320px;*/
  }
	
  .textTopic {
    /*height: 190px;*/
  }
	
}

 


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



.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third {
	padding:0 0;
}

.rowSet2 {
	padding:0;
}


.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.rowTopicContainer:after {
  content:"";
  display:table;
  clear:both;
}
	
.w3-half{width:49.99999%},.w3-twothird{width:66.66666%}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-col{
	padding:0 0;
}

.w3-col,.w3-half,.w3-third{float:left;width:100%}


.w3-container {
	padding:0.01em 0;
	background-color: #ffffff;
}
 
@media only screen and (min-width: 800px) {
	
	.w3-half {
		min-height: 520px;
	}
	
	.w3-third {
		min-height: 600px;
	}
	
	.rowSet2 {
		padding:0 0.6vw;
	}
}


@media only screen and (min-width: 900px) {
	
	.w3-half {
		min-height: 480px;
	}

	.w3-third {
		min-height: 530px;
	}
	
}

@media only screen and (min-width: 1100px) {
	
	.w3-half {
		min-height: 470px;
	}
	
	.w3-third {
		min-height: 530px;
	}
}

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

	.rowSet1 .title_container {
		min-height: 45px;
	}
	
	.rowSet2 .title_container {
		min-height: 45px;
	}

	.w3-half {
		min-height: 540px;
	}
	
	.w3-third {
		min-height: 500px;
	}
}


@media only screen and (min-width: 1300px) {
	
	.w3-half {
		min-height: 540px;
	}
	
	.w3-third {
		min-height: 470px;
	}


}


@media only screen and (min-width: 1400px) {
	
	.w3-half {
		min-height: 520px;
	}
	
	.w3-third {
		min-height: 450px;
	}
	
}



@media only screen and (min-width: 1800px) {
	
	
	.rowSet2 {
		padding:0 0.4vw;
	}
}


.w3-white,.w3-hover-white:hover{
	color:#000!important;
	background-color:#fff!important
}
 


	
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.collapsew3-quarter{float:left;width:100%}
/* .w3-opacity,.w3-hover-opacity:hover{opacity:1}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1} */
 
@media (min-width:800px) {
.w3-third{width:33.33333%}
.w3-half{width:49.99999%}
}