/*
@media (min-width: 320px) {}
@media (min-width: 350px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1280px) {}
@media (min-width: 1366px) {}
@media (min-width: 1440px) {}
@media (min-width: 1680px) {}
@media (min-width: 1920px) {}
*/

/********* TITLE **************/
.clssTitlebar_1{font-size:24px; padding-bottom:80px;}
@media (min-width: 320px) {
	.clssTitlebar_1{font-size:32px; padding-bottom:80px;}
}
@media (min-width: 768px) {
	.clssTitlebar_1{font-size:38px; padding-bottom:80px;}
}
@media (min-width: 1280px) {
	.clssTitlebar_1{font-size:42px; padding-bottom:80px;}
}
/********* TITLE **************/
/********* sec1 **************/
.container_sec1 {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.image_sec1 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_sec1 {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: left;
}

.container_sec1:hover .overlay_sec1 {
  opacity: 1;
}
/****************ABOUT***********************/

.container_sec2 {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.image_sec2 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_sec2 {
  position: absolute; 
  top: 30%; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.0); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:1;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: left;
}

.container_sec2:hover .overlay_sec2 {
  opacity: 1;
}
/****************ABOUT***********************/





/********* sec1 **************/
/********* sec1_ABOUT **************/
.clsstitlePanel{
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.16);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border:1px #CCC solid;
}
.clsstitleAbout{
	padding-right:20px; 
	padding-left:20px; 
	color: #f6921e;  
	font-size:17px; 
	text-align:left;
	margin-top:-110px;
	text-shadow: 2px 2px 10px #000000;
	
}
.clssDetailAbout{
	padding-right:20px; 
	padding-left:20px; 
	font-size: 15px; 
	color: #ffffff; 
	text-align:left; 
	padding-top:15px;
	line-height:22px;
	font-weight:300;
}
.clssButtonAbout{
	color:#f6921e; 
	font-size:12px; 
	display:inline-block; 
	margin-top:10px;
	cursor:pointer;
	padding:20px 20px;
}
.clssInnerTitle{font-size:23px; color:#FFF;}
.clssInnerDet{font-size:14px; font-weight:300; padding-top:10px; padding-bottom:15px;}
.clssInnerButton{
	color:#f6921e; 
	font-size:12px; 
	display:inline-block; 
	margin-top:10px;
	cursor:pointer;
	/*padding:10px 10px;*/
}
/*@media (min-width: 320px) {}
@media (min-width: 350px) {}*/
@media (min-width: 768px) {
	.clsstitleAbout{
		padding-right:20px; 
		padding-left:20px; 
		color: #f6921e;  
		font-size:17px; 
		text-align:left;
		margin-top:-110px;
		font-weight:300;
		text-shadow: 2px 2px 10px #000000;
	}
	.clssDetailAbout{
		padding-right:20px; 
		padding-left:20px; 
		font-size: 15px; 
		color: #fff; 
		text-align:left; 
		padding-top:15px;
		line-height:25px;
		font-weight:300;
	}
}
@media (min-width: 1024px) {
	.clsstitleAbout{
		padding-right:20px; 
		padding-left:20px; 
		color: #f6921e;  
		font-size:20px; 
		text-align:left;
		margin-top:-130px;
		text-shadow: 2px 2px 10px #000000;
	}
	.clssDetailAbout{
		padding-right:20px; 
		padding-left:20px; 
		font-size: 18px; 
		color: #606060; 
		text-align:left; 
		padding-top:15px;
		line-height:30px;
		font-weight:300;
	}
	
}
@media (min-width: 1280px) {
	.clsstitleAbout{
		padding-right:20px; 
		padding-left:20px; 
		color: #f6921e;  
		font-size:20px; 
		text-align:left;
		margin-top:-110px;
		text-shadow: 2px 2px 10px #000000;
	}
	.clssDetailAbout{
		padding-right:20px; 
		padding-left:20px; 
		font-size: 18px; 
		color: #606060; 
		text-align:left; 
		padding-top:15px;
		line-height:25px;
		font-weight:300;
	}
}
@media (min-width: 1440px) {
	.clsstitleAbout{
		padding-right:20px; 
		padding-left:20px; 
		color: #f6921e;  
		font-size:17px; 
		text-align:left;
		margin-top:-110px;
		text-shadow: 2px 2px 10px #000000;
	}
	.clssDetailAbout{
		padding-right:20px; 
		padding-left:20px; 
		font-size: 15px; 
		color: #606060; 
		text-align:left; 
		padding-top:15px;
		line-height:25px;
		font-weight:300;
	}
}
@media (min-width: 1680px) {
	.clsstitleAbout{
		padding-right:20px; 
		padding-left:20px; 
		color: #f6921e;  
		font-size:20px; 
		text-align:left;
		margin-top:-119px;
		text-shadow: 2px 2px 10px #000000;
	}
	.clssDetailAbout{
		padding-right:20px; 
		padding-left:20px; 
		font-size: 17px; 
		color: #606060; 
		text-align:left; 
		padding-top:15px;
		line-height:25px;
		font-weight:300;
	}
}
/********* sec1_ABOUT **************/
/********* sec2_ABOUT **************/
.clsspaddingSec2{padding-top:80px; padding-bottom:80px;}
@media (min-width: 320px) {.clsspaddingSec2{padding-top:80px; padding-bottom:0px;}}
@media (min-width: 768px) {.clsspaddingSec2{padding-top:80px; padding-bottom:40px;}}
@media (min-width: 1024px) {.clsspaddingSec2{padding-top:80px; padding-bottom:40px;}}
@media (min-width: 1280px) {.clsspaddingSec2{padding-top:80px; padding-bottom:0px;}}
@media (min-width: 1366px) {.clsspaddingSec2{padding-top:30px; padding-bottom:0px;}}
@media (min-width: 1440px) {.clsspaddingSec2{padding-top:40px; padding-bottom:0px;}}
@media (min-width: 1680px) {.clsspaddingSec2{padding-top:50px; padding-bottom:0px;}}
@media (min-width: 1920px) {.clsspaddingSec2{padding-top:67px; padding-bottom:80px;}}



.clssSec2Txt{
	text-align:left; font-size:18px; color:#333; font-weight:300; line-height:30px; padding-bottom:40px;
}
@media (min-width: 320px) {
	.clssSec2Txt{
		font-size:16px; line-height:30px; padding:0px 0px 40px 0px;
	}	
}
@media (min-width: 768px) {
	.clssSec2Txt{
		font-size:16px; line-height:30px; padding:0px 0px 40px 0px;
	}	
}

@media (min-width: 1680px) {
	.clssSec2Txt{
		font-size:19px; line-height:35px; padding:0px 0px 20px 0px;
	}	
}

.clssSec2Box{
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16); 
	background-color: #ffffff; 
	padding:15px; 
	height:210px; 
	margin-top:40px;
	text-align:center;
}
.clssSec2BoxTitle{ font-size:22px; padding-top:20px; font-weight:600; color:#f6921e;}
.clssSec2BoxDet{font-size:18px; padding-top:10px; font-weight:300; color:#606060;}
.maginbox{margin-top:180px;}
.maginbox2{margin-top:40px;}
.boximg1{width:80px;}
.boximg2{width:118px;}
.boximg3{width:82px;}
@media (min-width: 320px) {
	.maginbox{margin-top:40px;}
}
@media (min-width: 768px) {
	.boximg1{width:40px;}
	.boximg2{width:60px;}
	.boximg3{width:42px;}
	.clssSec2Box{
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16); 
		background-color: #ffffff; 
		padding:15px; 
		height:140px; 
		margin-top:10px;
		text-align:center;
	}
	.clssSec2BoxTitle{ font-size:14px; padding-top:20px; font-weight:600; color:#f6921e;}
	.clssSec2BoxDet{font-size:12px; padding-top:10px; font-weight:300; color:#606060;}
	.maginbox{margin-top:100px;}
	.maginbox2{margin-top:30px;}
}
@media (min-width: 1024px) {
	.boximg1{width:40px;}
	.boximg2{width:60px;}
	.boximg3{width:42px;}
	.clssSec2Box{
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16); 
		background-color: #ffffff; 
		padding:15px; 
		height:180px; 
		margin-top:10px;
		text-align:center;
		padding-top:30px;
	}
	.clssSec2BoxTitle{ font-size:18px; padding-top:20px; font-weight:600; color:#f6921e;}
	.clssSec2BoxDet{font-size:14px; padding-top:10px; font-weight:300; color:#606060;}
	.maginbox{margin-top:100px;}
	.maginbox2{margin-top:30px;}
}
@media (min-width: 1366px) {
	.boximg1{width:40px;}
	.boximg2{width:60px;}
	.boximg3{width:42px;}
	.clssSec2Box{
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16); 
		background-color: #ffffff; 
		padding:15px; 
		height:150px; 
		margin-top:10px;
		text-align:center;
		padding-top:10px;
	}
	.clssSec2BoxTitle{ font-size:16px; padding-top:20px; font-weight:600; color:#f6921e;}
	.clssSec2BoxDet{font-size:12px; padding-top:10px; font-weight:300; color:#606060;}
	.maginbox{margin-top:100px;}
	.maginbox2{margin-top:30px;}
}
@media (min-width: 1366px) {
	.boximg1{width:40px;}
	.boximg2{width:60px;}
	.boximg3{width:42px;}
	.clssSec2Box{
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16); 
		background-color: #ffffff; 
		padding:15px; 
		height:150px; 
		margin-top:10px;
		text-align:center;
		padding-top:15px;
	}
	.clssSec2BoxTitle{ font-size:16px; padding-top:20px; font-weight:600; color:#f6921e;}
	.clssSec2BoxDet{font-size:12px; padding-top:10px; font-weight:300; color:#606060;}
	.maginbox{margin-top:100px;}
	.maginbox2{margin-top:30px;}
}
@media (min-width: 1680px) {
	.boximg1{width:80px;}
	.boximg2{width:112px;}
	.boximg3{width:82px;}
	.clssSec2Box{
		box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 15px;
    height: 186px;
    margin-top: 10px;
    text-align: center;
    padding-top: 20px;
	}
	.clssSec2BoxTitle{ font-size:16px; padding-top:20px; font-weight:600; color:#f6921e;}
	.clssSec2BoxDet{font-size:12px; padding-top:10px; font-weight:300; color:#606060;}
	.maginbox{margin-top:100px;}
	.maginbox2{margin-top:30px;}
}
/********* sec2_ABOUT **************/
.clssBottomStore{
	display:inline-block;
}
.clssBottonStoreTitle{
	font-size:20px; color:#000; font-weight:300; padding-bottom:10px; padding-top:20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.clssBottonStoreCircle{
	width: 130px; height: 25px; border-radius: 50%;background: #f6921e; display:inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.clssBottomStore:hover > .clssBottonStoreCircle{
		width: 90px; height: 25px; border-radius: 50%;background: #f6921e; display:inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}