@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&display=swap');

/** { touch-action: pan-y; } */
html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans TC';
	font-size: 14px;
	line-height: 1;
	font-weight: 300;
	border: none;
	background: #000000;
	position: relative;
	user-select: none;
}

@media(max-width: 900px){
	.pc{
		display: none !Important;
	}
}
@media(min-width: 900px){
	.mobile{
		display: none !Important;
	}
}

@media(min-width: 1200px){
	.w1200{
		display: none !Important;
	}
}



.border_none{
	border: none !important;
}

.padding_bottom_0{
	padding-bottom: 0px !Important;
}

@media(min-width: 900px){
	.padding_bottom_50{
		padding-bottom: 50px !Important;
	}
}

.isScroll_top{
	transform: translateY(-150%);
}

.isScroll_bottom{
	transform: translateY(150%);
}



/*-----------------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------------*/

#header {
	top: 0;
	z-index: 500;
	width: 100%;
	position: fixed;
	z-index: 999;
	background: black;
	transition: 0.4s;
}


.index_header_layer1_div{
	display: flex;
	height: 130px;
	padding: 0 30px;
	border-bottom:1px solid #2c2c2d; 
}

.index_header_layer1_div  img{
	height: 34px;
	image-rendering: -webkit-optimize-contrast;
}

@media(max-width: 900px){
	.index_header_layer1_div{
		height: 65px;
	}

	.index_header_layer1_div > div{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.index_header_layer1_div .main_logo{
		padding: 0px !important;
	}
}

.index_header_layer2_div{
	display: flex;
	height: 85px;
	border-bottom:1px solid #2c2c2d; 
	overflow-x: hidden;
  white-space: nowrap;
}

.index_header_mobile_overlay_div{
	width: 100% !Important;
	position: fixed;
	background: #000000;
}

.index_header_mobile_overlay_div > div{
	color: #b2b2b3;
	font-size: 15px;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	padding: 23px 15px;
  align-items: center;
  letter-spacing: 2px;
}

.overlay_header{
	border-bottom: 1px solid #2c2c2d;
	height: 58px;
	padding-left: 15px;
}

.overlay_main{
	justify-content: center;
}



@media(max-width: 900px){
	.index_header_layer2_div{
		height: 58px;
	}
}

/*.index_header_layer2_div::-webkit-scrollbar{
	width: 15px;
}*/


.index_header_select_item{
	padding: 15px;
	display: inline-block;
	border: 1px solid rgb(177,177,179,0.7);
	border-radius: 25px;
	margin: 0 5px;
	cursor: pointer;
	letter-spacing: 2px;
	text-indent: 2px;
	line-height: 5px;
}

.index_header_select_item.selected{
	border-color: #585656;
	background:#585656;
	color: #a1a1a1;
}


.index_header_select_item > span {
	font-size: 14px;
	color: #b2b2b3;
}

.index_header_class_icon{
	position: fixed;
    margin: 0 0 0 auto;
    right: 5%;
    top: 10px;
}

@media(max-width: 900px){
	.index_header_select_item{
		border:none;
		padding: 15px 12px;
		margin: 0 -2px;
		font-weight: 400;
	}
}


.index_header_select_item_mobile{
	padding: 15px;
	line-height: 3px;
	display: inline-block;
	border: 1px solid rgb(177,177,179,0.7);
	border-radius: 25px;
	margin: 0px 8px 17px 8px;
	cursor: pointer;
	letter-spacing: 3px;
	text-indent: 3px;
	font-size: 15px;
	/*line-height: 16px;*/
	font-weight: 400;
}

.index_header_select_item_mobile.selected{
	border-color: #585656;
	background:#585656;
	color: #a1a1a1;
}


.fill {
  /*transition: 0.5s;*/
  --color: #a1a1a1;
  --hover: #585656;
}

.fill:hover,
.fill:focus {
  box-shadow: inset 0 0 0 2em var(--hover);
  border-color: #585656;
}




#main-menu {
	z-index: 300;
	visibility:visible;
}

.menu-bg {
	background:#202020;
}

#main-menu ul {
	display: block;
	width: 100%;
	text-align: center;
}

#main-menu ul li {
	display: inline-block;
	position: relative;
}

#main-menu ul li a {
	display: inline-block;
	padding:6px 26px;
	line-height: 50px;
	color: #b5b5b6;
	font-size: 14px;
	text-transform: uppercase;
	transition: all 0.25s ease 0s;
	letter-spacing: 3px;
	font-weight: 300;
}

@media(max-width: 992px){
	#main-menu ul li a {
		padding:6px 15px;
	}
}

@media(max-width: 900px){
	#main-menu ul li a {
		padding:6px 8px;
	}
}


#main-menu ul li a:hover {
	/*color:#FFF;*/
}

#main-menu ul.nav>li>a:hover, #main-menu ul.nav>li>a:focus {
	background: none;
}

#main-menu ul li.active > a, #main-menu ul li.active.has-child > a {
	color: #FFF;
	box-shadow: inset 0 -2px 0 #FFF;
}


.mobile_menu_div{
	line-height: 80px;
	position: fixed;
	bottom: 36px;
	z-index: 100;
	width: 100%;
	display: flex;
	transition: 0.4s;
}

.mobile_menu_main_div{
	text-align: center;
	padding: 17px 14px;
	background: #3d3939;
	margin: 0 auto;
	height: 80px;
	border-radius: 50px;
	display: flex;
}

@media(max-width: 450px){
	.mobile_menu_main_div{
		/*padding: 0;*/
	}
}


.mobile_menu_main_item_div:first-child{
	padding: 0 21px 0 16px;
}

.mobile_menu_main_item_div{
	line-height: 18px;
	margin: auto 0;
	color: #999999;
	font-weight: 400;
}

.mobile_menu_main_item_div:nth-child(2){
	line-height: 18px;
	margin: auto 0;
	padding: 0 16px 0 12px;
	color: #999999;
	font-weight: 400;
}

.mobile_menu_main_item_div:nth-child(3){
	line-height: 18px;
	margin: auto 0;
	padding: 0 12px 0 12px;
	color: #999999;
	font-weight: 400;
}

.mobile_menu_main_item_div:nth-child(4){
	line-height: 18px;
	margin: auto 0;
	padding: 0 12px 0 12px;
	color: #999999;
	font-weight: 400;
}

.mobile_menu_main_item_div:nth-child(5){
	line-height: 18px;
	margin: auto 0;
	padding: 0 12px 0 12px;
	color: #999999;
	font-weight: 400;
}

.mobile_menu_main_item_div:nth-child(6){
	line-height: 18px;
	margin: auto 0;
	padding: 0 16px 0 12px;
	color: #999999;
	font-weight: 400;
}



.mobile_menu_main_item_div img{
	image-rendering: -webkit-optimize-contrast;
}

.mobile_menu_main_item_div.work.selected img:first-child {
	content:url("../images/header/mobile_menu_icon_work_selected.svg");
}

.mobile_menu_main_item_div.video.selected img:first-child {
	content:url("../images/header/mobile_menu_icon_video_selected.svg");
}

.mobile_menu_main_item_div.about.selected img:first-child {
	content:url("../images/header/mobile_menu_icon_about_selected.svg");
}

.mobile_menu_main_item_div.contact.selected img:first-child {
	content:url("../images/header/mobile_menu_icon_contact_selected.svg");
}

.mobile_menu_main_item_div.donga.selected img:first-child {
	content:url("../images/header/mobile_menu_icon_donga_selected.svg");
}

@media(max-width: 450px){
	.mobile_menu_main_item_div:first-child{
		/*padding: 0 20px;*/
	}
	.mobile_menu_main_item_div:nth-child(2){
		/*padding: 0 15px 0 20px;*/
	}

	.mobile_menu_main_item_div{
		/*margin: auto 0;*/
		/*padding: 0 15px;*/
	}

	.mobile_menu_main_item_div:last-child{
		/*padding: 0 20px 0 15px;*/
	}

}

@media(max-width: 400px){
	.mobile_menu_main_item_div{
		margin: auto 0;
	}

	.mobile_menu_main_item_div:first-child{
		padding: 0 17px 0 16px;
	}
	.mobile_menu_main_item_div:nth-child(2){
		padding: 0 8px 0 17px;
	}
	.mobile_menu_main_item_div:nth-child(3){
		padding: 0 8px;
	}
	.mobile_menu_main_item_div:nth-child(4){
		padding: 0 8px;
	}
	.mobile_menu_main_item_div:nth-child(5){
		padding: 0 8px;
	}
	.mobile_menu_main_item_div:nth-child(6){
		padding: 0 16px 0 8px;
	}
}

@media(max-width: 380px){
	.mobile_menu_main_item_div{
		margin: auto 0;
	}

	.mobile_menu_main_item_div:first-child{
		padding: 0 17px 0 16px;
	}
	.mobile_menu_main_item_div:nth-child(2){
		padding: 0 7px 0 17px;
	}
	.mobile_menu_main_item_div:nth-child(3){
		padding: 0 7px;
	}
	.mobile_menu_main_item_div:nth-child(4){
		padding: 0 7px;
	}
	.mobile_menu_main_item_div:nth-child(5){
		padding: 0 7px;
	}
	.mobile_menu_main_item_div:nth-child(6){
		padding: 0 16px 0 7px;
	}
}


.clear-toggle {
	display:none;
	clear:both;
}

.navbar-toggle {
	color: #FFF;
	margin-top: 4px;
	font-size: 32px;
	margin-bottom: 0px;
	padding-top: 9px;
	position: absolute;
	right: 0px;
	padding-right: 0;
}

.logo {
	width: 100% !important;
	height: 100% !important;
}

.logo-nav {
	float: left;
	line-height: 63px;
}



/*index-main*/
.index_main_section{
	padding-top: 235px;
	padding-bottom: 50px;
}

@media(max-width: 900px){
	.index_main_section{
		padding-top: 90px;
		padding-bottom: 50px;
	}
}

.index_main_info_l1{
	font-size: 14px;
	color: #b2b2b3;
	letter-spacing: 1px;
	padding: 8px 0px 5px 0px;
	font-weight: 300;
	line-height: 18px;
	cursor: pointer;
}

@media(max-width: 900px){
	.index_main_info_l1{
		padding: 8px 0px 5px 0px;
	}
}

.index_main_info_l2{
	font-size: 13px;
	line-height: 15px;
	color: #727171;
	letter-spacing: 1px;
	font-weight: 300;
	cursor: pointer;
}

@media(max-width: 900px){
	.index_main_info_l1{
		font-size: 14px;
		padding: 8px 0px 4px 0px;
	}
	.index_main_info_l2{
		font-size: 13px;
		line-height: 16px;
	}
}



/*-----------------------------------------------------------------*/
/* index content
/*-----------------------------------------------------------------*/

.index_main_section .ug-gallery-wrapper{
	min-width: 150px; 
	overflow: visible; 
	padding-left: 1%; 
	padding-right: 1%; 
	height: auto; 
	width: auto;
}

.index_main_section .ug-thumb-wrapper{
	 display: block;
	 position: absolute; 
	 margin: 0px;
	 pointer-events: auto;
	 transition: opacity 0.5s ease;
}

.index_main_section .ug-thumb-wrapper.showing{
	 opacity: 1 !important;
}

.index_main_section .ug-thumb-overlay{
	position: absolute; 
	margin: 0px;
}

.index_main_section .ug-textpanel{
	z-index: 2; 
	bottom: auto;
}

.index_main_section .ug-textpanel-textwrapper{
	 position: absolute; 
	 margin: 0px;
	 left: 11px; 
	 top: 0px;
}

.index_main_section .ug-textpanel-title{
	 position: absolute; 
	 margin: 0px;
	 width: 100%; 
	 left: 0px; 
	 top: 0px;
}




/*-----------------------------------------------------------------*/
/* content
/*-----------------------------------------------------------------*/
@media (min-width: 900px){
	.content_main_container {
	    width: 680px ;
	}
}

@media (min-width: 1000px){
	.content_main_container {
	    width: 900px ;
	}
}

@media (min-width: 1200px){
	.content_main_container {
	    width: 720px ;
	}
}

@media (min-width: 1400px){
	.content_main_container {
	    width: 920px ;
	}
}

@media (min-width: 1600px){
	.content_main_container {
	    width: 1110px ;
	}
}

.content_main_container{
	/*max-width: 930px;*/
}

.content_main_section{
	padding-top: 180px;
	/*padding-bottom: 130px;*/
}

@media(max-width: 900px){
	.content_main_section{
		padding-top: 95px;
	}
}

.content_main_title_div{
	font-size: 22px;
	font-weight: 400;
	color: #b2b2b3;
	letter-spacing: 3px;
}

@media(max-width: 900px){
	.content_main_title_div{
		letter-spacing: 2px;
		line-height: 28px;
	}
}



.content_main_class_div{
	padding-top: 7px;
}


/*pc版 分享區塊*/
.content_main_icon_div{
	display: flex;
  flex-direction: column;
  width: 36px;
  position: absolute;
  left: -40px;
  padding-top: 50px;
}

.content_main_icon_div > img{
	margin-bottom: 12px;
	image-rendering: -webkit-optimize-contrast;
	cursor: pointer;
}


/*mobile版分享區塊*/
.content_main_icon_div_mobile{
	height: 64px;
}

.content_main_icon_mobile{
	align-items: center;
  display: flex;
  position: relative;
}

.content_main_icon_mobile > span{
	font-size: 16px;
	letter-spacing: 2px;
	color: #5dc1cd;
}

.content_main_icon_mobile > img{
	margin-left: 15px;
	height: 34px;
	image-rendering: -webkit-optimize-contrast;
}

.content_main_icon_message_pc{
	background: #9f9f9f;
  color: #e3e4e4;
  height: 30px;
  width: 89px;
  border-radius: 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -25px;
  bottom: -30px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.content_main_icon_message{
	background: #9f9f9f;
  color: #e3e4e4;
  height: 30px;
  width: 89px;
  border-radius: 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -40px;
  left: 150px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.content_main_icon_message_pc.show , .content_main_icon_message.show{
	opacity: 1;
}





.content_main_before_div{
	position: fixed;
  left: 195px;
  top: 45%;
  text-align: center;
  width: 151px;
  cursor: pointer;
}

.content_main_after_div{
	position: fixed;
  right: 195px;
  top: 45%;
  text-align: center;
  width: 151px;
  cursor: pointer;
}

@media(max-width: 1200px){
	.content_main_before_div , .content_main_after_div{
		display: none;
	}
}


.content_main_before_img{
	width: 151px;
}

.content_main_ba_text{
	font-size: 14px;
	color: #b2b2b3;
	padding: 12px 0;
}

.content_main_ba_textpanel{
	position: absolute;
	width: 100% !important;
	padding: 10px !important;
	font-size: 14px;
	line-height: 20px;
	color: #d9dada;
	background: #585656;
	opacity: 1;
	letter-spacing: 1px;
	/*transition: all 0.25s ease 0s;*/
}
/*.content_main_ba_textpanel.hover{
	display: block;
	bottom: -60px;
}*/

.show_line:after{
	display:block;
	content: '';
	background: linear-gradient(to left, #44ffd6 ,#23adf5);
	height: 1px;
}

.content_main_class_item{
	padding: 15px 13px;
	font-weight: 300;
	display: inline-block;
	border: 1px solid rgb(177,177,179,0.7);
	border-radius: 25px;
	margin: 8px 3px 0px 3px;
	cursor: pointer;
	letter-spacing: 2px;
	text-indent: 2px;
	font-size: 14px;
	line-height: 5px;
	color: #9b9b9c;
}

.content_main_general_photo img{
	width: 100%;
}

.content_main_video_text ,.content_main_photo_text , .content_main_general_text{
	font-size: 16px;
	color: #b2b2b3;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 30px 0px 50px 0px;
	text-align: justify;
}

.content_main_readmore_div{
	font-size: 16px;
	color: #b2b2b3;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 20px 0px;
	text-align: justify;
	/*max-width: 780px;*/
	/*margin: 0 auto;*/
}

.content_main_readmore_div.readmore_type{
  background: black;
  z-index: 1;
  position:relative;
  height:auto;
  overflow: hidden;
}


.content_main_readmore_div.readmore_type.masked{
  height: 200px;
}


.content_main_readmore_div.readmore_type.masked:after {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
  background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
  background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
  background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
}


.content_main_readmore_btn{
	width: 85%;
	cursor: pointer;
	margin: 10px auto 100px auto;
	border:1px solid transparent;
	line-height: 42px;
	text-align: center;
	font-size: 17px;

	border-radius: 30px;
	background-image: linear-gradient(black, black), 
  									linear-gradient(to right, #23adf5,#44ffd6);

  background-origin: border-box;
  background-clip: content-box, border-box;
}

@media(max-width: 900px){
	.content_main_readmore_btn{
		margin: 10px auto 60px auto;
	}
}

.content_main_readmore_text{
	background-color: #23adf5;
  background-image: linear-gradient(to right, #23adf5, #44ffd6);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-text-fill-color: transparent;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 4px;


}

@media(max-width: 900px){
	.content_main_video_text{
		padding: 10px 0;
	}
  .content_main_photo_text , .content_main_general_text{
		padding: 30px 0px 10px 0;
	}
	.content_main_readmore_div{
		padding: 10px 0;
	}
	.content_main_readmore_btn{
		line-height: 45px;
	}
}
.content_div_one{
	padding-top: 20px;
}

@media(max-width: 900px){
	.content_div_one{
		padding-top: 15px;
	}
}


.content_div_other{
	padding-top: 50px;
}

.content_main_ba_div_mobile{
	text-align: center;
}

.content_main_ba_div_mobile img{
	max-height: 240px;
	max-width: 365px;
}
.content_main_ba_div_mobile > .row{
	padding-bottom: 25px;
}

@media(max-width: 1200px){
	.content_main_ba_div_mobile > .row{
		padding-bottom: 100px;
	}
}

@media(max-width: 900px){
	.content_main_ba_div_mobile > .row{
		padding-bottom: 60px;
	}
}


.content_main_ba_div_mobile  > .row > div:nth-child(1){
	padding-right: 5px;
}
.content_main_ba_div_mobile  > .row > div:nth-child(2){
	padding-left: 5px;
}



.content_main_ba_text_mobile{
	font-size: 14px;
  color: #b2b2b3;
  padding: 12px 0;
}

.content_main_ba_text_mobile > span{
	cursor: pointer;
}
.content_main_ba_text_mobile > span:hover{
	opacity: 0.9;
}

.content_main_ba_textpanel_mobile{
	font-size: 15px;
	color: #b5b5b6;
	padding: 5px;
	text-align: left;
	letter-spacing: 2px;
	line-height: 20px;
	font-weight: 300;
	max-height: 240px;
  max-width: 365px;
  margin: 0 auto;
}

.content_main_ba_textpanel_mobile{
	cursor: pointer;
}

.content_main_ba_textpanel_mobile:hover{
	opacity: 0.9;
}

.content_main_ba_img{
	width: 100%;
	object-fit: cover;
	object-position: middle middle;
}

.content_main_ba_img_mobile{
	width: 100%;
	cursor: pointer;
	object-fit: cover;
	object-position: middle middle;
}

.content_main_ba_img_mobile:hover{
	opacity: 0.8;
}


.content_main_recommend_div > .row{
	display: flex;
  flex-flow: row wrap;
	margin: 0 -5px;
}

.content_main_recommend_img_div{
	padding: 0px 5px 20px 5px;
}

.content_main_recommend_title{
	font-size: 18px;
	color: #b2b2b3;
	font-weight: 400;
	padding: 20px 0;
	letter-spacing: 3px;
}

@media(max-width: 1200px){
	.content_main_recommend_title{
		padding: 50px 0 20px 0;
	}
}

@media(max-width: 900px){
	.content_main_recommend_title{
		padding: 40px 0 20px 0;
	}
}


.content_main_recommend_img{
	width: 100%;
	cursor: pointer;
	object-fit: cover;
	object-position: middle middle;
}

.content_main_recommend_img:hover{
	background: black;
	opacity: 0.8;
}

.content_main_recommend_textpanel{
	padding: 10px 10px 0 10px;
}
.content_main_recommend_textpanel_text{
	color: #b2b2b3;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
}

.content_main_recommend_textpanel_text:hover{
	background: black;
	opacity: 0.9;
}

.content_main_recommend_tag_div{
	padding-top: 5px;
	display: flex;
  flex-wrap: wrap;
}

.content_main_recommend_textpanel_tag{
	font-size: 13px;
	color: #727171;
	line-height: 18px;
	letter-spacing: 1px;
	padding-right: 5px;
}
.content_main_recommend_textpanel_tag:before{
	content: '#';
}

@media(max-width: 900px){
	.content_main_recommend_textpanel_tag{
		line-height: 17px;
	}
}

.content_main_recommend_textpanel_tag:hover{
	color: #444140;
	cursor: pointer;
}


.content_main_go_index_div{
	width: 85%;
	cursor: pointer;
	margin: 50px auto 180px auto;
	border:1px solid transparent;
	line-height: 42px;
	text-align: center;
	font-size: 18px;

	border-radius: 30px;
	background-image: linear-gradient(black, black), 
  									linear-gradient(to right, #23adf5,#44ffd6);

  background-origin: border-box;
  background-clip: content-box, border-box;
}

.content_main_go_index_div:hover , .about_main_work_div:hover , .content_main_readmore_btn:hover{
	background-clip: border-box;
	background-image: linear-gradient(to right, #23adf5,#44ffd6);
}

.content_main_go_index_div:hover > .content_main_go_index_text , .about_main_work_div:hover >.about_main_work_text , .content_main_readmore_btn:hover >.content_main_readmore_text{
	background-color: white;
  background-image: linear-gradient(to right, #ffffff, #ffffff);
}

.content_main_go_index_text{
	background-color: #23adf5;
  background-image: linear-gradient(to right, #23adf5, #44ffd6);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-text-fill-color: transparent;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 4px;
}


/*-----------------------------------------------------------------*/
/* contact
/*-----------------------------------------------------------------*/


.contact_main_section{
	padding-top: 130px;
	padding-bottom: 130px;
	font-size: 14px;
	color: #b2b2b3;
	letter-spacing: 2px;
}
@media(max-width: 900px){
	.contact_main_section{
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.contact_main_img_div{
	text-align: center;
	padding: 70px 0;
}

@media(max-width: 900px){
	.contact_main_img_div{
		padding: 70px 0 30px 0;
	}
}	

.contact_main_img2_div{
	text-align: center;
	padding: 50px 0 35px 0;
}

.contact_main_text_div{
	font-size: 15px;
	line-height: 25px;
}

.contact_main_text_div img{
	height: 32px;
	image-rendering: -webkit-optimize-contrast;
}

@media(max-width: 900px){
	.contact_main_text_div{
		text-align: center;
		width: 100%;
	}
}


.contact_main_text_div > .icon_div{
	padding-top: 30px;
}

.contact_main_text_div > .icon_div > img:nth-child(2) , .contact_main_text_div > .icon_div > img:nth-child(3){
	margin-left: 10px;
}
.contact_main_text_div > .icon_div > img{
	cursor: pointer;
}


.contact_main_text_title{
	font-weight: 500;
}
.contact_main_text_content{
	font-weight: 300;
}

.contact_phone{
	font-size: 19px;
}

.contact_input_main_div{
	padding-right: 0px;
}

@media(max-width: 900px){
	.contact_input_main_div{
		padding-right: 15px;
		width: 100%;
	}
	.contact_input_main_div > div{
		width: 100%;
	}
}

.contact_input_message_div{
	padding-top: 20px;
}

.contact_input_btn_div{
	padding-top: 20px;
	text-align: right;
}

@media(max-width: 900px){
	.contact_input_btn_div{
		display: flex;
		justify-content: center;
	}
}

.contact_input_name_div{
	padding-right: 5px;
}

@media(max-width: 900px){
	.contact_input_name_div{
		padding-right: 15px;
		padding-bottom: 20px;
	}
}

.contact_name_input{
	height: 45px;
	background: #514f50;
	border: none;
	color: #F4F5F5;
	border-radius: 0px !Important;
}

.contact_name_input::placeholder {
	color: #9C9D9D;
}

.contact_phone_input{
	height: 45px;
	background: #514f50;
	color: #F4F5F5;
	border: none;
	border-radius: 0px !Important;
}
.contact_phone_input::placeholder {
	color: #9C9D9D;
}

.contact_message_input{
	height:210px !important;
	background: #514f50;
	color: #F4F5F5;
	border: none;
	resize: none;
	padding-top: 12px;
	border-radius: 0px !Important;
}

.contact_message_input::placeholder {
	color: #9C9D9D;
}

.contact_input_btn_div > div{
  width: 170px;
  height: 45px;
  color: #F4F5F5;
  font-size: 14px;
  background-color: #868686;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.contact_input_btn_div > div:active{
  background-color: #514F50;
}

.contact_message_send_div{
	width: 327px;
	margin-left: -164px;
	height: 190px;
	margin-top: -95px;
	position: fixed;
  top: 50%;
  left: 50%; 
  background: #868686;
  color: #f4f5f5;
  opacity: 0;
  z-index: -1;
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.3s ease;
}

@media(max-width: 400px){
	.contact_message_send_div{
		width: 240px;
		margin-left: -120px;
		height: 139px;
		margin-top: -70px;
	}
}

.contact_message_send_div.show{
	opacity: 1;
	z-index: 1500;
}

.contact_message_send_div > img{
	width: 59px;
}

.contact_message_send_div > p{
	padding-top: 15px;
	font-size: 17px;
	/*font-weight: 400;*/
	letter-spacing: 3px;
	color: #f4f5f5;
}

.contact_message_send_bg{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: #868686;
	opacity: 0.4;
	z-index: 1000;
}
.contact_message_send_bg.show{
	display: block !Important;
}


.contact_map_div{
	max-width: 1170px;
	padding: 40px 30px 0 30px;
	margin: 0 auto;
}

@media(max-width: 900px){
	.contact_map_div{
		padding: 40px 0px 0 0px;
	}
}



/*-----------------------------------------------------------------*/
/* about
/*-----------------------------------------------------------------*/


.about_main_section{
	padding-top: 130px;
	padding-bottom: 130px;
	font-size: 15px;
	color: #b2b2b3;
	letter-spacing: 2px;
}

@media(max-width: 900px){
	.about_main_section{
		padding: 20px 17px 40px 5px;
	}
}

.about_main_div{
	position: relative;
	margin-top: 30px;
	border:2px solid #ddd;
	border-image: linear-gradient(to right,#23adf5,#44ffd6) 30 30;
}

.about_main_border1_div{
	padding: 100px;
	z-index: 10; 
	position: relative; 
	background: black;
	text-align: justify;
}

@media(max-width: 900px){
	.about_main_border1_div{
		padding: 20px;
	}
}

.about_main_border2_div{
	border:2px solid #ddd;
	border-image: linear-gradient(to right,#23adf5,#44ffd6) 30 30;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 13px;
	left: 13px;
	z-index: 1;
}

.abount_icon_div{
	display: flex;
	padding: 50px 0;
}

.abount_icon_div img{
	width: 225px;
	image-rendering: -webkit-optimize-contrast;
}

@media(max-width: 900px){
	.abount_icon_div .main_icon{
		padding-left: 40px !important;
	}
	.abount_icon_div .main_logo{
		padding-left: 15px !important;
	}
}

.about_main_intro_div{
	line-height: 25px;
	text-align: justify;
}

.about_main_award_div{
	line-height: 22px;
	text-align: left;
}

.about_main_work_div{
	cursor: pointer;
	margin-top: 50px;
	border:1px solid transparent;
	/*border-image: linear-gradient(to right,#23adf5,#44ffd6) 25 25;*/
	line-height: 42px;
	text-align: center;
	font-size: 17px;

	border-radius: 25px;
	background-image: linear-gradient(black, black), 
  									linear-gradient(to right, #23adf5,#44ffd6);

  background-origin: border-box;
  background-clip: content-box, border-box;
}

@media(max-width: 900px){
	.about_main_work_div{
		margin: 50px 0;
	}
}

.about_main_work_text{
	background-color: #23adf5;
    background-image: linear-gradient(to right, #23adf5, #44ffd6);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    font-weight: 400;
    font-size: 17px;

}


@media(max-width: 900px){
	#gallery{
		/*padding: 0 50px;*/
	}
}

.ug-tile{
	background-color: transparent !important;
}



/*-----------------------------------------------------------------*/
/* Common Elements
/*-----------------------------------------------------------------*/
.clear {
	clear:both;
}

.scrollup {
	width:35px;
	height:35px;
	position:fixed;
	bottom:30px;
	right:15px;
	display:none;
	background:rgba(126, 193, 63, .8);
	text-align: center;
}

.scrollup i {
	color:#fff;
	font-size:15px;
	display:block;
	line-height:33px;
}

.scrollup:hover {
	background:rgba(126, 193, 63, .9);
}


.section .container {
	position:relative;
}


/*-----------------------------------------------------------------*/
/*  Contact
/*-----------------------------------------------------------------*/

footer {
	background: #585656;
	height: 290px;
}

.footer_main_div > div{
	padding: 50px 35px 15px 35px;
	height: 100%;
	position: relative;
}
@media(max-width: 900px){
	.footer_main_div > div{
		width: 100%;
	}
}

@media(max-width: 500px){
	.footer_main_div > div{
		padding: 50px 25px 15px 25px;
	}
}

@media(max-width: 400px){
	.footer_main_div > div{
		padding: 50px 15px 15px 15px;
	}
}

@media(max-width: 350px){
	.footer_main_div > div{
		padding: 50px 10px 15px 10px;
	}
}

@media(max-width: 990px){
	.footer_main_div .logo-nav:nth-child(2){
		padding-left: 50px !important;
	}
	.footer_main_div .logo-nav:nth-child(3){
		padding-left: 25px !important;
	}
}

@media(min-width: 900px){
	.footer_logo_div{
		padding-top: 10px;
	}
}

.footer_logo_div img{
	height: 39px;
	image-rendering: -webkit-optimize-contrast;
}

.footer_copyright_div{
	text-align: left;
	bottom: 15px; 
	position: absolute;
	width: auto;
}
.footer_copyright_div > span{
	color: #d9dada; 
	font-size: 13px;
	letter-spacing: 1px;
}

@media(max-width: 900px){
	.footer_uni{
		height: unset;
		position: absolute;
		width: 100%;
	}

	.footer_logo_div{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.footer_main_div{
		text-align: center;
		display: flex;
		width: 100%;
	}

	.footer_copyright_div{
		text-align: center;
		padding: 0;
		position: absolute;
		left: 0;
		background: #585656;
		width: 100%;
	}

	.footer_menu_div{
		border-right:none !important;
		padding-bottom: 10px;
		width: 100%;
	}

}

.footer_menu_div{
	padding-top: 25px;
	border-right: 1px solid #6e6d6d;
}

.footer_menu_div > div{
	display: inline-block;
  padding-bottom: 6px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(217, 218, 218,0.7);
  text-indent: 4px;
}
@media(max-width: 830px){
	.footer_menu_div{
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media(max-width: 900px){
	.footer_menu_div{
		padding-top: 46px;
		border-right: 1px solid #6e6d6d;
	}
	.footer_line_div{
		width: 100%;
	}
	.footer_line_div:after{
		display:block;
  	content: '';
		background: linear-gradient(to left, #44ffd6 ,#23adf5);
  	height: 1px;
	}
}

.footer_menu_div > div > span{
	font-size: 14px;
	color: #d9dada;
	letter-spacing: 4px;
	cursor: pointer;
}

.footer_info_div{
	padding-top: 25px;
}

@media(max-width: 900px){
	.footer_info_uni{
		padding-bottom: 100px;
	}
	.footer_info_div{
		padding-top: 36px;
		width: 100%;
	}
}


.footer_info_div > div > .icon_div > img{
	margin-right: 25px;
	height: 34px;
	image-rendering: -webkit-optimize-contrast;
	cursor: pointer;
}

.footer_info_div > div > .info_div{
	padding-top: 25px;
}

@media(max-width: 900px){
	.footer_info_div > div > .info_div {
	    padding-top: 22px;
	}
}

.footer_info_div > div > .info_div > div{
	padding-bottom: 18px;
}

.footer_info_div > div > .info_div > div > span{
	font-size: 14px;
	color: #d9dada;
	letter-spacing: 3px;
	font-weight: 300;
}
@media(max-width: 900px){
	.footer_info_div > div{
		margin-left: 0px !Important;
	}
	.footer_info_div > div > .icon_div > img{
		margin: 0 20px;
		image-rendering: -webkit-optimize-contrast;
	}
}

@media(max-width: 900px){
	.footer_info_div > div > .icon_div > img{
		margin: 0 10px;
		image-rendering: -webkit-optimize-contrast;
	}
}



 @media (min-width: 900px) and (max-width: 992px) {
	 
 .thumnail-img {
	width:50%;
}

}

 @media (max-width: 900px) {
	 
 .thumnail-img {
	width:50%;
}

}

 @media (max-width: 550px) {
	 
.thumnail-img {
	width:100%;
}

}


 @media (max-width:480px) {
	 
	.big {
	    font-size: 35px;
	    line-height: 52px;
	}

	.small {
	    font-size: 19px;
	}

}




.nav>li>a:hover {
	color: #fff;
	background: none;
}

.nav>li>a:after{
  display:block;
  content: '';
  background: linear-gradient(to left, #44ffd6 ,#23adf5);

  height: 1px;

  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  transform-origin: 100% 50%; 
}

.nav>li.fLeft>a:after{ transform-origin: 100% 50%; }
.nav>li.fRight>a:after{  transform-origin:   0% 50%; }
.nav>li.fLeft>a:hover:after{ transform: scaleX(1); transform-origin:   0% 50%; }
.nav>li.fRight>a:hover:after{ transform: scaleX(1); transform-origin: 100% 50%; }