@import url(https://fonts.googleapis.com/css?family=Nunito);



/**************************

 About Banner Serction
 
**************************/

#about-section-content {
	background-image: url(../jpg/boreas_e1_410_lite_bk_description.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;	
	background-attachment:scroll;
	position: relative;	
	overflow:hidden;
	height: 850px;
	width:100%;
	/*padding-top:100px;
	padding-bottom:100px;*/
}

.about-first-content-head {
  max-width: 960px;
  margin: 80px 4% 80px 4%;
  text-align:right;
  float:right;  
  /*background-color:#ff5755;*/
  position: relative;
}

.about-bannter-content {
	position: relative;
}

.about-banner-title-content {
	display:inline-block;
	font-size:20px;
	font-weight:400;
	color:#fff;
	text-align:justify;
	/*padding-right:1%;
	padding-left:1rem;
	top:30px;
	bottom:30px;*/
	margin: 40px 5% 0 auto;
	width:100%;
}

.about-banner-title {
	display:inline-block;
	font-size:60px; /*3.75vw;*/	
	font-weight:600;
	color:#EADF8C;
	text-align:left;
	position:relative;
	/*right:10px;
	left:0;
	top:10%;
	bottom:30px;*/
	margin: 0 5% 40px auto;
	width:100%;	
}

.about-p-style {
	line-height:1.75em;
	font-size:1.25rem;
	text-align: justify;
}

.about-p-style-e {
	line-height:1.75em;
	font-size:1.25rem;
	text-align: justify;
}




 
.clearFloat{
  clear:both;
}

/*****************************************************


Middle Section

****************************************************/

#about-section-content-middle {
	background-image: url(../jpg/boreas_e1_410_lite_bk_description.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;	
	background-attachment:scroll;
	position: relative;	
	overflow:hidden;
	height: 850px;
	width:100%;
	/*padding-top:100px;
	padding-bottom:100px;*/
}

.about-content-head {
  max-width: 960px;
  margin: 80px 4% 80px 4%;
  text-align:right;
  float:left;
  /*background-color:#ff5755;*/
  position: relative;
}

.about-banner-title-middle {
	/*float:left;*/
	display:inline-block;
	font-size:60px; /*3.75vw;*/	
	font-weight:600;
	color:#EADF8C;
	text-align:left;
	position:relative;
	margin: 0 25% 40px auto;
	/*right:0;
	left:1rem;
	top:10%;
	bottom:30px;*/
	width:100%;	
}

.about-banner-title-content-middle {
	/*float:left;*/
	display:inline-block;
	font-size:20px;
	font-weight:400;
	color:#fff;
	text-align:justify;
	/*padding-right:1%;
	padding-left:1rem;
	top:30px;
	bottom:30px;*/
	margin: 40px 25% 0 auto;
	width:100%;
} 

.four::after {
  content: "";
  width: 100%;
  display: inline-block;

}
.about-section-img-head-1 {
  float:right;
  
}
.about-img-style {
	display:inline-block;
	width:100%;
}


/**************************

 About Third Serction
 
**************************/

#about-section-content-down {
	background-image: url(../jpg/razer-vortex-1920x1080.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;	
	background-attachment:scroll;
	position: relative;	
	overflow:hidden;
	height: 850px;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
}

.about-bannter-content {
	position: relative;
}

.about-banner-title-down {
	display:block;
	font-size:60px;
	font-weight:600;
	color:#EADF8C;
	text-align:center;
	position:relative;
	margin: 80px auto 40px auto;
	top:10%;
	bottom:30px;
	width:100%;	
}

.about-banner-title-content-down {
	display:block;
	font-size:20px;
	font-weight:400;
	color:#fff;
	text-align:justify;
	margin: 40px auto 80px auto;
	padding-right:1%;
	padding-left:1rem;
	top:30px;
	bottom:30px;	
	width:100%;
}

.about-content-head-down {
  max-width: 960px;
  margin: 4% auto;
  text-align:center;
  width:100%;
  /*background-color:#ff5755;*/
  position: relative;
}
 
.clearFloat{
  clear:both;
}
.about-section 
{
	position:relative;
}

.about-section section{
	position:relative;
	padding-top:50%;
	overflow:hidden;
	background-color:#000;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;	
}

.artContentTxIm{ 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 5%;
	left: 0;
	right: 40%;
	margin: auto;
	z-index: 1;
	max-width: 1920px;
}

.artContentTxIm_I3{ 
	top: 12%; 
	right: 5%;
}
.artContentTxIm_I { 
	position: absolute; 
	width: 43%; 
	min-height: 25%;
	 z-index: 2;
}
.artContentTxIm_IE { 
	position: absolute; 
	width: 43%; 
	min-height: 25%;
	 z-index: 2;
}
.artContentTxIm_I4 {
	top: 5%; 
	left: 4%;
}
.artContentTxIm_I5 {
	top: 10%; 
	left: 30%;
	right:30%; 
}

.about-title-story {
	font-size:3.75rem; 
	font-weight:600; 
	color:#EADF8C; 
	padding-bottom:80px;
}

.FONT_WEIGHT {
	font-size:3.75rem; 
	font-weight:600; 
	color:#EADF8C;
	padding-bottom:80px;
	
}

.FONT_WEIGHT_Center {
	font-size:3.75rem; 
	font-weight:600; 
	color:#EADF8C;
	padding-bottom:80px;
	text-align:center;
}

.about-pic-01{
	height:800px;
}

.about-pic-02{
	height:800px;
}

.img-03{
  height:800px;	
}