html, body{
	background-color: #f7f7f7;
}

#drift_box{
	width:100%;
	max-width: 1800px;
	margin: 0 auto;
	background-color: #ffffff;
	/* height:6000px; */
	position: relative;
	overflow:hidden;
	/* border-bottom:dashed 2px #333; */
}
[data-ms],
[data-msh],
[data-mp],
[data-mph],
[data-msd],
[data-mpd],
[data-mpz],
[data-msz],
[data-fp]{
	position: relative;
}

.push{
	height:20px;
}
/* arbiturary CONTENT ----------------  */
.bootbox{
	height: 200px;
	padding:10px;
	background-color: #e2e2e2;
	font-size: 20px;
}
.drift_container{
	width:100%;
	height:400px;
	margin-bottom:30px;
}
.focus{
	border: solid 1px darkRed;
	padding-top:20px;
	padding-bottom: 20px;
}
.test{
  position:fixed !important;
  top:40px;
  left:40px;
  z-index: 999999999999;
}
.st{
	width:10px;
	height:10px;
	background-color: green;
	position: absolute;
	top:0px;
	left:0px;
	display: block;
}
/* PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES
 PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  PAGE STYLES  */
 b{
	 font-family: 'Rajdhani', sans-serif;
 }
 p{
	  font-family: 'Rajdhani', sans-serif;
		font-weight: 500;
	 font-size: 20px;
	 color: #343434;
	 line-height: 23px;
	 margin-top:20px;
 margin-bottom:20px;
 }
 .calout_a{
	 font-family: 'Rajdhani', sans-serif;
	 font-weight: 500;
	font-size: 40px;
	line-height: 44px;
 }
 .calout_b{
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
 font-size: 20px;
 line-height: 24px;
 }
 .row > div > img{
	 width:100%;
 }

 .pagesection{
	/* min-height: 200px; */
 }
.bx_shadow_a{
	padding:0px;
	margin:0px;
	-webkit-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.12);
box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.12);
}
.lift_a{
	position: relative;
	z-index: 999 ;
}

.top{
	position: absolute;
	top:0px;
	width: 100%;
	left:0px;
}
 /* ***************************************  SECTION ONE */
 #pagesection_one{
 	padding-top: 60px;
	padding-bottom: 60px;
 }
 @media screen and (min-width: 600px) {
	 #pagesection_one{
		 padding-top: 200px;
	 padding-bottom: 200px;
	 }
 }
/* ***************************************  SECTION TWO */
 #pagesection_two{
	 padding-top: 100px;
	 padding-bottom: 100px;

 	background-color: #275d38;
 }
 #pagesection_two p{
	color:white;
 }

/* ***************************************  SECTION THREE */
#pagesection_three{
	padding-top: 100px;
	padding-bottom: 100px;

}

/* *************************************** Cement BREAK */

#cement_break{
	max-height:150px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#cenment_backing_img{
/* *************************************** pre LOGO */
}
#cenment_backing_img img{
	width:100%;

}
#pre_logo{
	padding-top: 100px;
	padding-bottom: 100px;
}

/* ***************************************  SECTION FOUR */
#pagesection_four{
	padding-top: 150px;
	padding-bottom: 150px;
 background-color: #275d38;
 background-image:url('../images/building_backing.jpg');
 background-position: center;
 background-size:cover;
 background-repeat: no-repeat;
}
#pagesection_four p{
 color:white;
}
/* ***************************************  SECTION five */
#pagesection_five{
	background-color: #e2e2e2;
	height:300px;
}
.swatch{
	padding-top: 120px;
	padding-bottom: 50px;
}
.swatch li{
	list-style:none;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
 font-size: 30px;
 line-height: 44px;
}
#green_swatch{
	background-color: #275d38;
}
#green_swatch li{
	color:#ffffff;
}
#black_swatch{
	background-color: #000000;
}
#black_swatch li{
	color:#ffffff;
}
#white_swatch{
	background-color: #ffffff;
}
#white_swatch li{
	color:#275d38;
}
/* ***************************************  SECTION six */
#pagesection_six{
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #ffffff;
}
#font_ops p{
	color:#275d38;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 900;
}
#font_op1{
	text-transform: uppercase;
	font-size: 100px;
	letter-spacing: 2px;
	line-height: 120px;
}
#font_op2{
	font-size: 33px;
	letter-spacing: 5px;
	line-height: 48px;
}
#font_op3{
	font-size: 20px;
	letter-spacing: 10px;
	line-height: 28px;
}
/* ***************************************  SECTION BOOK Break */
#book_break{
	height:400px;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 0px;
}

#book_backing_img{
	padding:0px;
}
#book_backing_img img{
	width: 100%;
}

/* ***************************************  SECTION seven */
#pagesection_seven{
position: relative;
padding: 0px;
}
#pagesection_seven_backing{
	position: absolute;
	top:0px;
	background-color: #e2e2e2;
	background-image:url("../images/valley_overlay.png");
	background-size: cover;
	background-repeat: no-repeat;
	 opacity: 0.3;
	 width:100%;
	 height: 100%;
}
#pagesection_seven .row > div{
	 mix-blend-mode: multiply;
	 padding: 67px 40px;
}
#pagesection_seven .row > div h2{
	font-family: 'Rajdhani', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}
#white_card{
	background-color: white;
}
#black_card{
	background-color: #444;
}
#green_card{
	background-color: #275d38;
}

/* ***************************************  SECTION eight */
#pagesection_eight{
	padding:20px;
}
#pagesection_eight .imgbacking {
	min-height: 300px;
	padding:10px;
	overflow: hidden;
}
#pagesection_eight .row > div img{
	width: 100%;
}

#pagesection_eight .row > div{
	margin-bottom:20px;
}
#img1{
	background-image: url('../images/guidelayout.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#img2{
	background-image: url('../images/student_onstairs.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#img3{
	background-image: url('../images/joyful_boards.jpg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}
#img4{
	background-image: url('../images/joyful_shirt.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
#img5{
	background-image: url('../images/studentin_mask.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#img6{
	background-image: url('../images/sutdent_walking.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#img7{
	background-image: url('../images/student_houseing.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* ***************************************  SECTION nine */
#pagesection_nine{

	margin-bottom: 20px;
}
/* ***************************************  SECTION ten */
#pagesection_ten{
	padding-top: 150px;
	padding-bottom: 150px;
 background-color: #275d38;
 background-image:url('../images/cement_backing.jpg');
 background-position: center;
 background-size:cover;
 background-repeat: no-repeat;
}
#pagesection_ten p{
 color:white;
}
.tone_imgbacking{
	min-height: 300px;
	padding:10px;
	overflow: hidden;
}
#tone_img1{
	background-image: url('../images/sutudent_art.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#tone_img2{
	background-image: url('../images/students_gym.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#tone_img3{
	background-image: url('../images/students_cooking.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
/* ***************************************  SECTION eleven */
#pagesection_eleven{
	padding-top: 80px;
	padding-bottom: 80px;

}
/* ***************************************  SECTION twelve */
#pagesection_twelve{
	padding-top: 150px;
	padding-bottom: 150px;
 background-color: #275d38;
 background-image:url('../images/guide_backing.jpg');
 background-position: center;
 background-size:cover;
 background-repeat: no-repeat;
}
.linkfarm li {
	list-style: none;

}
.linkfarm li a{
	background-color: #ffffff;
	color:#275d38;
	padding:20px 40px 20px 20px;
	float: left;
	margin: 10px;
}
.linkfarm li a::after{
	content: "     >";
}
/* ***************************************  H2 */
.htextop2green,
.htextop2white{
	font-family: 'Rajdhani', sans-serif;
	font-size: 69px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
}
.htextop2green{
	color: #275d38;
}
.htextop2white{
	color: white;
}
/* ***************************************  H3 */
.htextop3green,
.htextop3white{
	font-family: 'Rajdhani', sans-serif;
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
}
.htextop3green{
	color: #275d38;
}
.htextop3white{
	color: white;
}
/* ***************************************  H4 */
.htextop4green,
.htextop4white{
	font-family: 'Rajdhani', sans-serif;
	font-size: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
}
.htextop4green{
	color: #275d38;
}
.htextop4white{
	color: white;
}
/* ************************************ ANIMATION ITEMS */
/* ************************************ ANIMATION ITEMS */
/* ************************************ ANIMATION ITEMS */
#x1_4{
	position: relative;
	right:-200px
}
#pagesection_three{
	/* min-height:533px; */
}
#x3{
	/* border-top: solid 1px red; */
}