.portfolio{font-family:'Open Sans'}
.portfolio .portfolio-detail{position: relative;z-index: 1;}
.portfolio .portfolio-detail_nav{position:fixed;z-index:100;bottom:30px;background-color:#fff;color:#dc107e;-moz-box-shadow:0 0 35px rgba(147,147,147,.6);-webkit-box-shadow:0 0 35px rgba(147,147,147,.6);box-shadow:0 0 35px rgba(147,147,147,.6);border-radius:25px;line-height:40px;height:40px;font-weight:600}
.portfolio .portfolio-detail .portfolio-detail_nav:focus{margin-top:26px}
.portfolio .portfolio-detail .portfolio-detail_nav:hover{-moz-box-shadow:0 0 35px rgba(220,16,127,.55);-webkit-box-shadow:0 0 35px rgba(220,16,127,.55);box-shadow:0 0 35px rgba(220,16,127,.55)}
.portfolio .portfolio-detail .portfolio-detail_nav.portfolio-detail_nav--prev{padding:0 35px 0 30px;left:30px}
.portfolio .portfolio-detail .portfolio-detail_nav.portfolio-detail_nav--prev span::before{font-family:'icomoon';content:"\e903";display:inline-block;vertical-align:middle;margin-top:-3px;font-size:10px;line-height:10px;font-weight:400;margin-right:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
.portfolio .portfolio-detail .portfolio-detail_nav.portfolio-detail_nav--next{padding:0 30px 0 35px;right:30px}
.portfolio .portfolio-detail .portfolio-detail_nav.portfolio-detail_nav--next span::after{font-family:'icomoon';content:"\e903";display:inline-block;vertical-align:middle;font-size:10px;line-height:10px;font-weight:400;margin-left:10px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}
.portfolio .portfolio-detail .portfolio-detail_nav span i{font-style:normal}
.portfolio .portfolio-detail .portfolio-detail_container{position: relative;z-index: 1}
.portfolio .portfolio-detail .portfolio-detail_container__block{max-width:960px;margin:auto;text-align:center;padding:30px 0;}
.portfolio .portfolio-detail .portfolio-detail_container__block img{margin:auto;display:block}
.portfolio .portfolio-similar{padding:120px 0 60px;background:#F4F7FA}
.portfolio .portfolio-similar .portfolio-similar_list{width:960px;margin:0 auto 60px;visibility: hidden;opacity: 0;white-space:nowrap}
.portfolio .portfolio-similar .portfolio-similar_list.is-init{visibility: visible;opacity: 1}
.portfolio .portfolio-similar .portfolio-similar_list .mCustomScrollBox .mCSB_container{height:320px;max-width: 2880px;font-size: 0;white-space: nowrap}
.portfolio .portfolio-similar .portfolio-similar_list__item{white-space: normal; position: relative; width:320px;height:320px;text-align:center;display: inline-block;background-repeat: no-repeat;background-position: center}
.portfolio .portfolio-similar .portfolio-similar_list__item .overlay{opacity:0;visibility:hidden;border-radius:100%;background:rgba(255,255,255,0.93);z-index:10;position:absolute;height:100%;width:100%;left:0;top:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-flex-align:center;align-items:center;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.portfolio .portfolio-similar .portfolio-similar_list__item .overlay span{display: block;width:100%;font-size:17px;line-height:17px;color:#322c34}
.portfolio .portfolio-similar .portfolio-similar_list__item .overlay span i{font-style:normal;display:block;font-size:24px;line-height:28px;margin-bottom:10px}
.portfolio .portfolio-similar .portfolio-similar_list__item:hover .overlay{opacity:1;visibility:visible}
@media screen and (min-width: 0px) and (max-width:90em) {
    .portfolio .portfolio-detail .portfolio-detail_nav.portfolio-detail_nav--prev{left:30px}
}
@media (min-width: 1600px) {
	body .showreel-fixed {
		bottom: 100px;
	}
}
body .b24-widget-button-position-bottom-right {
	right: 110px;
	bottom: 90px;
}