
.work_page_hed{ padding: 150px 0 150px 0; }
.work_page_hed h2{ text-align: center; font-size: 40px; max-width: 800px; margin: auto; }

.works_rows{}
.tab_row_link{}
.tab_row_link li a{  font-size: 17px; border:none !important; color: #000; }
.tab_row_link li.active{ background-color: #454545 !important; color: #fff; border-radius: 5px 5px 0 0; overflow: hidden;}
.tab_row_link li.active a{ background-color: transparent; color: #fff; }
.tab_row_link li.active a:hover{ background-color: #454545 !important; color: #fff; }
.tab_row_link li a:focus{ background-color: transparent !important; color:#fff !important; }
.works_rows1{  background-color: #fff; padding-bottom: 180px;}
.works_rows2{ background-color: #f0f0f0; padding: 50px 0;}
.work_img_wrap{  background-color: #454545; margin-top: -160px; position: relative;}
.work_img_wrap img{ width: 100%; }

.works_rows_title{ padding: 50px 0 190px 0; background-color: #f0f0f0; }
.dec_title{}
.pro_dec_list{ padding: 0 10px; }
.pro_dec_list li{ padding: 15px; }
.pro_dec_list li span{ display: block;  }
.pro_dec_list li p{ }
.pro_dec_list li p, .pro_dec_list li p a{ color: #000; font-size: 16px; }
.pro_dec_list li p a{ display: inline-block; }
.pro_dec_list li p a span.arr_icn{
	position: relative; width: 40px; height: 10px; display: inline-block;
	-webkit-transition: ease .22s;-moz-transition: ease .22s;-ms-transition: ease .22s;-o-transition: ease .22s;transition: ease .22s;
	-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px);
	opacity: 0;
}
.pro_dec_list li p a:hover span.arr_icn{ transform: none; opacity: 1;}
.pro_dec_list li p a span.arr_icn:before{
	position: absolute; width: 30px; right: 0; content: ''; height: 1px; background-color: #303030; top: 0; bottom: 0; top: 5px;
	-webkit-transition: ease .22s;-moz-transition: ease .22s;-ms-transition: ease .22s;-o-transition: ease .22s;transition: ease .22s;
}
.pro_dec_list li p a:hover span.arr_icn:before{ transform: none; width: 20px; transition-delay: .1s;}
.pro_dec_list li p a span.arr_icn:after{
	position: absolute; width: 7px; right: 0; content: ''; height:7px; top:2px; bottom: 0; 
	border-top: 1px solid #303030; border-right: 1px solid #303030; transform: rotate(45deg);
}

.cnt_group{ max-width: 900px; margin:60px auto; }
.cnt_group .cnt_title_group{ font-size: 40px; margin-bottom: 20px; }
.cap_hed_wrap{font-size: 15px; margin:3px 0 0 0; position: relative;}
/*.cap_hed_wrap:before{
	position: absolute; right: 0; top: 50%; content: ''; width: 30%; height: 1px; background-color: #000;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
*/
.cnt_txt_wrap img{ max-width: 100%; }
.cnt_txt_wrap p{ font-size: 15px; }

.video_wrap_base_img{ position: relative; top: -100px; max-width: 800px; margin: auto;}
.video_wrap_base_img video{ width: 100%;  }
.video_wrap_base_img iframe{ width: 100.5%; height: 113%; margin: 0; padding: 0; border:none; }

.video_wrap{  position: absolute; left: 16.9%; right: 17.5%; top: 14%; bottom: 26.2%; background-color: #dfdfdf; z-index: 5;}
.video_wrap img{  }


.artworks_list{ margin: 25px -15px 40px -15px;padding: 0; list-style: none; }
.artworks_list li{ padding: 8px; }
.artworks_list li div{ transition: all ease 0.2s; }
.artworks_list li div:hover{
	position: relative; z-index: 5; transform: scale(1.15);
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.artworks_list li div img{ max-width: 100%; }

.lifestyle_wrap{ text-align: center; }
.lifestyle_wrap img{ max-width: 100%; max-width: 200px; }
.lifestyle_wrap p{color: #fff; font-size: 20px;}
.lifestyle_wrap p span{ color: #f1cb16; }

.hands_arrow{ text-align: center; color: #fff; padding: 0 40px; margin:40px 0; position: relative; }
.hands_arrow h3{ margin:0;}
.hands_arrow:before{
	width: 40px; height: 30px; content: ''; background-image: url(lifestyle/img/arr_icn.png); background-size: contain;
	position: absolute; left: 0; top: 0;
}
.hands_arrow:after{
	width: 40px; height: 30px; content: ''; background-image: url(lifestyle/img/arr_icn.png); background-size: contain;
	position: absolute; right: 0; top: 0;
	transform: rotate(180deg);
}

.lifestyle_wrap{}
.lifestyle_wrap .slide-up img{
	opacity: 0;
}
.lifestyle_wrap .slide-up.run-anim img{ animation: bubbles 0.5s ease; animation-delay:.4s; opacity: 1;}

.lifestyle_wrap div.slide-up:nth-child(1){ transform: 1s 0.8s !important; }
.lifestyle_wrap div.slide-up:nth-child(2){transform: 1s 1s !important;}
.lifestyle_wrap div.slide-up:nth-child(3){transform: 1s 1.2s !important;}
.lifestyle_wrap div.slide-up:nth-child(4){transform: 1s 1.4s !important;}
.lifestyle_wrap div.slide-up:nth-child(5){transform: 1s 1.6s !important;}
.lifestyle_wrap div.slide-up:nth-child(6){transform: 1s 1.8s !important;}

.lifestyle_wrap div.anim.run-anim:nth-child(1) img{ animation-delay:.2s; }
.lifestyle_wrap div.anim.run-anim:nth-child(2) img{ animation-delay:.4s; }
.lifestyle_wrap div.anim.run-anim:nth-child(3) img{ animation-delay:.6; }
.lifestyle_wrap div.anim.run-anim:nth-child(4) img{ animation-delay:.2s;}
.lifestyle_wrap div.anim.run-anim:nth-child(5) img{ animation-delay:.4s; }
.lifestyle_wrap div.anim.run-anim:nth-child(6) img{ animation-delay:.8s; }
.lifestyle_wrap div.anim.run-anim:nth-child(7) img{ animation-delay:.2s; }
.lifestyle_wrap div.anim.run-anim:nth-child(8) img{ animation-delay:.4s; }


@keyframes bubbles{
0%{
	transform: scale(0);
}
25%{
	transform: scale(1.4);
}
50%{
	transform: scale(0.7);
}
100%{transform: scale(1); }
}