.artists-picture{float: left; width: calc(40% - 15px);}
.artists-content{float: right; width: calc(60% - 15px);}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #333; font-family: OpenSansBold; font-size: 17px;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li p{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}
.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #333; line-height: 33px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}
.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}
@media (min-width: 320px){
    .LienHeRight{margin: 0 0 30px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 30px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.fb{padding: 0 0 50px;}
.fb-item{position: relative; margin: 0 0 15px;}
.fb-item p{font-family: OpenSansBold; font-size: 15px; line-height: 22px;}
.fb-item b{display: block; margin: 0 0 5px;}.artists{padding: 35px 0; background: url(/components/home.artists/b.jpg) no-repeat center top fixed;background-size: cover;}
.artists-inner{margin: -70px 0 0; padding: 70px 0; background: #555;}
.artists-title{font-family: OpenSans; font-size: 30px; text-align: center; color: #fff; margin: 0 0 10px;}
.artists-title-2{font-family: OpenSansSB; font-size: 30px; text-transform: uppercase; text-align: center; color: #face14; margin: 0 0 20px;}
.artists-img{margin: 0 0 30px;}
.artists-img img{width: 75%; margin: auto;}
.artists-name{position: relative; height: 50px; margin: 0 0 5px; padding: 15px 0 0; overflow: hidden;}
.artists-name:after{content: ''; position: absolute; top: 0; right: 0; left: 0; width: 60px; height: 2px; margin: auto; background: #fff; transition: all 0.5s ease 0s;}
.artists-name a{display: block; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 25px; color: #fff;}
.artists-prev{text-align: center; line-height: 22px; color: #fff;}
.artists-item:hover .artists-name:after{width: 90px; background: #face14;}
.artists-item:hover .artists-name a{color: #face14;}
@media (min-width:320px){
    .artists{padding: 35px 0 5px;}
    .artists-item{margin: 0 0 30px;}
}
@media (min-width:580px){
    .artists{padding: 35px 0;}
    .artists-item{float: left; width: 50%; margin: 0;}
}.artwork{padding: 40px 0; background: #c1c1c1;}
.artwork-title{font-family: OpenSansSB; font-size: 30px; text-transform: uppercase; text-align: center; margin: 0 0 15px;}
.artwork-prev{font-size: 16px; text-align: center; margin: 0 0 25px;}
.artwork-item{position: relative; float: left; display: block;}
.artwork-item-big{}
.artwork-item:before, .artwork-item:after{content: ''; position: absolute; width: 0; height: 50%; margin: auto; background: rgba(0,0,0,0.5); z-index: 0; transition: all 0.5s ease 0s;}
.artwork-item:before{top: 0; right: 0;}
.artwork-item:after{bottom: 0; left: 0;}
.artwork-item:hover:before, .artwork-item:hover:after{width: 100%;}
.artwork-item i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 50px; height: 50px; margin: auto; font-size: 26px; text-align: center; line-height: 50px; color: #c1c1c1; opacity: 0; z-index: 1; transition: all 0.5s ease 0.125s;}
.artwork-item:hover i{opacity: 1;}

@media (min-width:320px){
    .artwork-item{width: calc((100% - 40px) / 2); margin: 0 10px 20px;}
    .artwork-item-big{width: 100%; margin: 0 0 20px;}
}
@media (min-width:767px){
    .artwork-item{width: calc((50% - 30px) / 2); margin: 0 0 20px 20px;}
    .artwork-item-big{width: calc(50% - 10px); margin: 0 0 20px;}
    .artwork-item-big img{height: 269.88px}
}
@media (min-width:970px){
    .artwork-item-big img{height: 341.62px}
}
@media (min-width:1170px){
    .artwork-item-big img{height: 412.32px;}
}.email{}
.email-item{position: relative; height: 29px; margin: 0 0 10px;}
.email-item input[type='text']{height: 100%; text-indent: 10px;}
.email-item input[type='submit']{width: 80px; height: 100%;}
.email-item label.error, #email-registered{line-height: 29px; color: #ff0000;}
#email-result{font-size: 18px; text-transform: uppercase; text-align: center; line-height: 117px; color: #fff; background: #979797;}
@media (min-width:320px){
    
}
@media (min-width:767px){

}.feel{padding: 35px 0 0; background: #c1c1c1 url(/components/home.feel/b.png) no-repeat center top / cover; transition: all 0.25s ease 0s;}
.feel-left{margin: 0 0 30px;}

.feel-title{position: relative; font-size: 25px; text-transform: uppercase; color: #2a2a2a; margin: 0 0 20px; padding: 0 0 15px;}
.feel-title:after{content: ''; position: absolute; bottom: 0; left: 0; width: 110px; height: 2px; background: #2a2a2a;}
.feel-avt{margin: 0 0 15px;}
.feel-avt img{margin: auto; border-radius: 50%;}
.feel-feel{text-align: center; line-height: 22px;}
.feel-left .owl-nav div{position: absolute; top: -85px; bottom: 0; margin: auto; width: 40px; height: 61px; border-radius: 5px; opacity: 0; transition: all 0.25s ease 0s;}
.feel-left .owl-nav div.owl-prev{left: 10px; background: url(/components/home.feel/l.png) no-repeat center;}
.feel-left .owl-nav div.owl-next{right: 10px; background: url(/components/home.feel/r.png) no-repeat center;}
.feel-left:hover .owl-nav div.owl-prev{left: 0; opacity: 1;}
.feel-left:hover .owl-nav div.owl-next{right: 0; opacity: 1;}
.feel-left .owl-nav div.owl-prev:hover{background: rgba(255,255,255,0.25) url(/components/home.feel/l.png) no-repeat center;}
.feel-left .owl-nav div.owl-next:hover{background: rgba(255,255,255,0.25) url(/components/home.feel/r.png) no-repeat center;}
.feel-list{position: relative; padding: 40px 0 0;}
.feel-item{margin: 0 0 30px;}
.feel-name{padding: 10px; background: #fff; transition: all 0.25s ease 0s;}
.feel-name:hover{background: rgba(255,255,255,0.85);}
.feel-name a{display: block; text-align: center; line-height: 20px; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.feel-more{position: absolute; top: 0; left: 0;}
.feel-more a{color: #333; transition: all 0.25s ease 0s;}
.feel-more a:hover{color: #face14;}
@media (min-width:320px){
    .feel-name a{height: 40px;}
}
@media (min-width:360px){
}
@media (min-width:410px){
    .feel-item{float: left; width: calc(50% - 10px);}
    .feel-item:nth-child(1){margin-right: 20px;}
    .feel-name a{height: 60px;}
}
@media (min-width:480px){
}
@media (min-width:580px){
    .feel-name a{height: 40px;}
}
@media (min-width:767px){
}
@media (min-width:970px){
    .feel-left{float: left; width: calc(50% - 10px);}
    .feel-right{float: right; width: calc(50% - 10px);}
    .feel-left .feel-title{margin: 0 0 60px;}
    .feel-name a{height: 60px;}
}
@media (min-width:1170px){
    .feel-name a{height: 40px;}
}.menu{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; height: 110px; background: rgba(0,0,0,0.6); z-index: 100;}
.header-inner .menu{height: 70px;}
.menu-desk{}
.menu-desk ul{list-style: none; text-align: center; transition: all 0.25s ease 0s;}
.menu-desk ul li{position: relative; display: inline-block; transition: all 0.25s ease 0s;}
.menu-desk ul li a{position: relative; display: block; font-size: 18px; text-transform: uppercase; line-height: 110px; color: #fff; overflow: hidden;}
.header-inner .menu-desk ul li a{line-height: 70px;}
.menu-desk ul li a:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 13px; height: 6px; margin: auto; background: url(/components/menu/li.png) no-repeat; opacity: 0; transition: all 0.25s ease 0s;}

.menu-desk ul > li.active > a:after, .menu-desk ul > li:hover > a:after{opacity: 1;}

.menu-desk ul li ul{position: absolute; width: 200px; opacity: 0; transform-origin: 0 0;}
.menu-desk ul li ul li{display: block;}
.menu-desk ul li ul li a{padding: 5px 10px; background: #fff; font-size: 16px; text-transform: none; text-align: left; line-height: 30px!important; color: #333;}
.menu-desk ul li ul li a:hover{color: #face14;}

.menu-desk > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu-desk > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}

#menu-mobile{opacity: 0;}
.menu-mobile{position: relative; width: 60px; height: 50px; margin: 30px auto; text-align: center;}
.menu-mobile span{display: block; width: 33px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background: #fff;}
.menu-mobile span:after, .menu-mobile span:before{display: block; width: 33px; height: 3px; background: #fff; position: absolute; content: '';}
.menu-mobile span:after{bottom: -9px;}
.menu-mobile span:before{top: -9px;}

.button{display: none; position: fixed; right: 0; bottom: 0; left: 0; width: 100%; height: 30px; margin: auto; background: #176c88; z-index: 100;}
.button a{float: left; display: block; width: calc(100% / 3); text-align: center; line-height: 30px; color: #fff;}

@media (min-width: 320px){
    .menu-desk{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu-desk{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    .menu-desk ul > li > a{padding: 0 15px}
}
@media (min-width: 1170px){
    .menu-desk ul > li > a{padding: 0 25px}
}.news{margin: -70px 0 0; padding: 70px 0 0; background: #c1c1c1;}
.news-item{margin-bottom: 30px; transition: all 0.25s ease 0s;}
.news-item:hover{box-shadow: 3px 3px 5px rgba(0,0,0,0.25);}
.news-detail{padding: 10px; background: #fff;}
.news-time{margin-bottom: 5px; color: #555;}
.news-name{font-family: OpenSansSB; height: 40px; overflow: hidden;}
.news-name a{display: block; line-height: 20px; color: #333;}
@media (min-width:480px){
    .news-item{float: left; width: calc((100% - 30px) / 2); margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .news-item{float: left; width: calc((100% - 60px) / 3);}
    .news-item:nth-child(2n){margin-right: 30px;}
    .news-item:nth-child(3n){margin-right: 0;}
}.tattoo-list{}
.tattoo-item{position: relative; display: block; margin-bottom: 30px;}
.tattoo-item:before, .tattoo-item:after{content: ''; position: absolute; width: 0; height: 50%; margin: auto; background: rgba(0,0,0,0.5); z-index: 0; transition: all 0.5s ease 0s;}
.tattoo-item:before{top: 0; right: 0;}
.tattoo-item:after{bottom: 0; left: 0;}
.tattoo-item:hover:before, .tattoo-item:hover:after{width: 100%;}
.tattoo-item i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 50px; height: 50px; margin: auto; font-size: 26px; text-align: center; line-height: 50px; color: #c1c1c1; opacity: 0; z-index: 1; transition: all 0.5s ease 0.125s;}
.tattoo-item:hover i{opacity: 1;}
@media (min-width:480px){
    .tattoo-item{float: left; width: calc((100% - 30px) / 2); margin-right: 30px;}
    .tattoo-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .tattoo-item{float: left; width: calc((100% - 60px) / 3);}
    .tattoo-item:nth-child(2n){margin-right: 30px;}
    .tattoo-item:nth-child(3n){margin-right: 0;}
}