@charset "utf-8";
/**********CSS RESPONSIVE  ***************************
@media (min-width:320px){}
@media (min-width:375px){}
@media (min-width:412px){}

@media (max-height:414px){}
@media (min-height:420px){}

@media (min-width:768px){}
@media (min-width:800px){}
@media (min-width:1024px){}
@media (min-width:1152px){}
@media (min-width:1240px){}
@media (min-width:1280px){}
@media (min-width:1360px){}
@media (min-width:1400px){}
@media (min-width:1680px){}
@media (min-width:1920px){}
/**********CSS RESPONSIVE  ***************************/
.White{color:#FFFFFF;}
.Orange{color:#EC9921;}
.Black{color:#333333;}
h1{font-size:500px !important;}
h2{
	 font-weight:500; font-size:50px;
	 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
	text-shadow: rgba(0,0,0,.1) 0 0 1px;
}
@media (min-width:320px){
	h2{font-size:40px;}
}
@media (min-width:768px){}
@media (min-width:1024px){}
@media (min-width:1240px){}
@media (min-width:1280px){}
@media (min-width:1360px){}
@media (min-width:1400px){}
@media (min-width:1600px){}
@media (min-width:1900px){}
.clssContactButton{background-color:#000000;cursor:pointer;  border:2px #FFF solid; border-radius:10px; color:#FFF; display:inline-block; font-size:18px;  padding:15px 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.clssContactButton:hover{background-color:#FF6600; cursor:pointer;  border:2px #FFF solid; border-radius:10px; color:#FFF; display:inline-block; font-size:18px;  padding:15px 30px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.clssMaginButton{margin-left:35px;}
@media (min-width:0px){
		.clssContactButton{font-size:18px;  padding:15px 30px; margin-top:30px; display:block;}
		.clssContactButton:hover{font-size:18px;  padding:15px 30px; display:block;}
		.clssMaginButton{margin-left:0px;}
}
@media (min-width:320px){}
@media (min-width:768px){
		.clssContactButton{font-size:15px;  padding:15px 20px; margin-top:30px; display:inline-block;}
		.clssContactButton:hover{font-size:15px;  padding:15px 20px; display:inline-block;}
		.clssMaginButton{margin-left:10px;}
}
@media (min-width:690px){
		.clssContactButton{font-size:18px;  padding:15px 30px; margin-top:30px; display:inline-block;}
		.clssContactButton:hover{font-size:18px;  padding:15px 30px; display:inline-block;}
		.clssMaginButton{margin-left:10px;}
}

@media (min-width:1024px){
	
}
@media (min-width:1240px){}
@media (min-width:1280px){}
@media (min-width:1360px){}
@media (min-width:1400px){}
@media (min-width:1600px){}
@media (min-width:1900px){}
/******** SECTION 1 *************/
.sec1_mainPadding{}
.sec1_mainTitle{font-size:40px; line-height:80px;}
.sec1_mainTitlePadding{}
.sec1_subTitlePadding{
	text-align: left;
    background-color: #000;
    color: #FFF;
    padding: 50px 10px;
    font-size: 18px;
}
.sec1_PaddingLile{text-align:center; padding:0px 0px 0px 0px;}
.sec1_Line{width:2px; background-color:#FFF; height:200px; display:inline-block;}
 .sec1_subdet{padding: 10px 0px 10px 20px; font-size:16px;}
.sec1_Motto{color: #FFF; font-size: 25px; padding: 35px 0px 5px 0px; line-height: 35px;}
@media (min-width:200px){
	.sec1_mainTitle{font-size:25px; line-height:30px; margin-top:0px;}
	.sec1_Motto{font-size: 25px; padding: 35px 0px 5px 0px; line-height: 35px;}
	.sec1_subTitlePadding{padding: 50px 10px;font-size: 18px; line-height:25px;}
	.sec1_PaddingLile{text-align:center; padding:20px 0px 20px 0px;}
	.sec1_Line{width:2px; background-color:#FFF; height:50px;}
 	.sec1_subdet{padding: 5px 0px 5px 0px; font-size:15px;}
}
@media (min-width:760px){
	.sec1_mainTitle{font-size:26px; line-height:30px; margin-top:0px;}
	.sec1_subTitlePadding{padding: 50px 10px;font-size: 18px; line-height:25px;}
	.sec1_PaddingLile{text-align:center; padding:0px 0px 0px 0px;}
	.sec1_Line{width:2px; background-color:#FFF; height:180px;}
 	.sec1_subdet{padding: 5px 0px 5px 0px; font-size:15px;}
		.sec1_Motto{font-size: 24px; padding: 35px 0px 5px 0px; line-height: 35px;}
}
@media (min-width:960px){
	.sec1_subTitlePadding{padding: 50px 10px;font-size: 19px; line-height:23px; margin-top:30px;}
	.sec1_PaddingLile{text-align:center; padding:0px 0px 0px 0px;}
	.sec1_Line{width:2px; background-color:#FFF; height:180px;}
	.sec1_subdet{padding: 5px 0px 5px 0px; font-size:17px;}
		.sec1_Motto{font-size: 30px; padding: 35px 0px 5px 0px; line-height: 35px;}
}
@media (min-width:1000px){
	.sec1_mainTitle{font-size:40px; line-height:60px;}	
}
@media (min-width:1200px){
		.sec1_mainTitle{font-size:40px; line-height:60px;}
		.sec1_subTitlePadding{padding: 50px 10px;font-size: 19px; line-height:23px; margin-top:30px;}
		.sec1_PaddingLile{text-align:center; padding:0px 0px 0px 0px;}
		.sec1_Line{width:2px; background-color:#FFF; height:180px;}
		.sec1_subdet{padding: 5px 0px 5px 0px; font-size:15px;}
}
@media (min-width:1300px){
		.sec1_mainTitle{font-size:40px; line-height:60px;}
}
@media (min-width:1400px){
	.sec1_mainTitle{font-size:40px; line-height:60px;}
}
@media (min-width:1600px){
	.sec1_mainTitle{font-size:40px; line-height:80px;}
	.sec1_subTitlePadding{padding: 50px 10px;font-size: 20px; line-height:29px; margin-top:30px;}
		.sec1_PaddingLile{text-align:center; padding:0px 0px 0px 0px;}
		.sec1_Line{width:2px; background-color:#FFF; height:210px;}
		.sec1_subdet{padding: 5px 0px 5px 0px; font-size:18px;}
}
@media (min-width:1900px){
	.sec1_mainTitle{font-size:40px; line-height:80px;}
	.sec1_Motto{font-size: 40px; padding: 45px 0px 5px 0px; line-height: 55px;}
}
/******** SECTION 1 *************/
/******** SECTION 2 *************/
.sec2_padding{font-size:20px; padding:30px 80px;}
@media (min-width:200px){
	.sec2_padding{font-size:17px; padding:30px 20px;}
}
@media (min-width:700px){
	.sec2_padding{font-size:17px; padding:30px 40px;}
}
@media (min-width:900px){
	.sec2_padding{font-size:18px; padding:30px 80px;}
}
@media (min-width:1000px){}
@media (min-width:1200px){
		.sec2_padding{font-size:17px; padding:30px 80px;}
}
@media (min-width:1300px){
		.sec2_padding{font-size:18px; padding:30px 70px;}
}
@media (min-width:1400px){
		.sec2_padding{font-size:18px; padding:30px 70px;}
}
@media (min-width:1600px){
		.sec2_padding{font-size:20px; padding:30px 80px;}
}
@media (min-width:1900px){}
/******** SECTION 2 *************/
/******** PORTFOLIO *************/
.clssIndexPort{padding:15px 70px; font-size:22px; color:#EC9921; border:2px #EC9921 solid; display:inline-block; cursor:pointer;}
.clssIndexPort:hover{padding:15px 70px; font-size:22px; color:#FFFFFF; background-color:#EC9921; border:2px #EC9921 solid; display:inline-block; cursor:pointer;}
.clssIndexPort2{padding:15px 70px; font-size:22px;  background-color:#EC9921; color:#FFFFFF; border:2px #EC9921 solid; display:inline-block; cursor:pointer; }
.clssIndexPort2:hover{padding:15px 70px; font-size:22px; color:#000000; background-color:#E67300; border:2px #E67300 solid; display:inline-block; cursor:pointer;}
.rowService {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.columnService {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.columnService img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .columnService {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 25%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columnService {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
.clssImg{opacity:0.8; cursor:pointer;	-webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.clssImg:hover{opacity:1; cursor:pointer; 	-webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.clssTxtDetail{ padding-left:100px; padding-right:100px; color:#FFF; font-size:18px; text-align:center; line-height:32px;}
.clssFBSIZE{margin-top:25px;  height:450px; margin-left:160px;}
@media (min-width:320px){
	.clssTxtDetail{ padding-left:0px; padding-right:0px; font-size:15px; text-align:center; line-height:20px;}
	.clssFBSIZE{margin-top:25px;  height:450px; margin-left:0px;}
}
@media (min-width:760px){
	.clssTxtDetail{ padding-left:100px; padding-right:100px; color:#FFF; font-size:18px; text-align:center; line-height:32px;}
	.clssFBSIZE{margin-top:25px;  height:450px; margin-left:30px;}
}
@media (min-width:960px){}
@media (min-width:1024px){}
@media (min-width:1200px){
	.clssFBSIZE{margin-top:25px;  height:450px; margin-left:60px;}
}
@media (min-width:1300px){
			.clssFBSIZE{margin-top:25px;  height:450px; margin-left:60px;}
		.clssTxtDetail{ padding-left:150px; padding-right:150px; color:#FFF; font-size:18px; text-align:center; line-height:32px;}
}
@media (min-width:1400px){}
@media (min-width:1600px){
		.clssFBSIZE{margin-top:25px;  height:450px; margin-left:160px;}
	.clssTxtDetail{ padding-left:150px; padding-right:150px; color:#FFF; font-size:18px; text-align:center; line-height:32px;}
}
@media (min-width:1900px){
	.clssTxtDetail{ padding-left:150px; padding-right:150px; color:#FFF; font-size:18px; text-align:center; line-height:32px;}
}
/******** PORTFOLIO *************/