.project-next-arrow,.next-arrow-small-screen{
    -webkit-animation:fade-in .5s ease-in-out;
    animation:fade-in .5s ease-in-out;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    will-change:opacity;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    z-index:7
}
.project-next-arrow{
    bottom:50%;
    right:-62px;
    margin-bottom:-64px
}
.project-next-arrow a,.project-next-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large,.project-prev-arrow a{
    width:118px;
    height:118px;
    padding:0;
    font-size:24px;
    box-shadow:0 2px 8px 0 rgba(33,43,53,.24);
    border-radius:50%;
    display:block;
    background:#ffa81f
}
.project-next-arrow a:hover, .project-prev-arrow a:hover{
    box-shadow: 0 8px 12px 0 rgb(33 43 53 / 24%);
}
.project-next-arrow a span,.project-prev-arrow a span{
    font-size:15px;
    display:block;
    margin-right:68px;
    text-align:right;
    color:#fff
}
.project-next-arrow a i,.project-next-arrow a span{
    margin-right:68px;
    color:#fff;
    text-align:right
}
.project-prev-arrow a i,.project-prev-arrow a span{
    margin-left:68px;
    color:#fff;
    text-align:left
}
.project-prev-arrow a i,.project-next-arrow a i{
    margin-bottom:5px;
    font-size:31px;
    margin-left:21px;
    margin-top:24px
}
.project-next-arrow a i:before,.project-next-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large i:before{
    margin-left:2px
}
.project-prev-arrow{
    -webkit-animation:fade-in .5s ease-in-out;
    animation:fade-in .5s ease-in-out;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    will-change:opacity;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    z-index:7;
    left:-62px;
    bottom:50%;
    margin-bottom:-64px
}
@-moz-keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.project-prev-arrow a,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap{
    background:#ffa81f;
    border:0
}
.project-prev-arrow a,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large{
    width:118px;
    height:118px
}
.project-prev-arrow a i,.project-prev-arrow a span,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large i,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large span{
    margin-left:68px;
    color:#fff
}
.project-prev-arrow a i,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large i{
    margin-bottom:5px;
    font-size:31px
}
.project-prev-arrow a i:before,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.float-button.large i:before{
    margin-right:2px
}
.project-next-arrow,.project-prev-arrow,.next-arrow-small-screen{
    position:fixed;
    opacity:1;
    transition:.5s ease-out;
    will-change:opacity
}
.project-next-arrow.hide-arrows,.project-prev-arrow.hide-arrows,.next-arrow-small-screen.hide-arrows{
    opacity:0;
    pointer-events:none
}
.project-next-arrow.hide-arrows .float-button,.project-prev-arrow.hide-arrows .float-button,.next-arrow-small-screen.hide-arrows .float-button{
    pointer-events:none;
    opacity:0
}
.project-next-arrow.disabled .float-button,.project-prev-arrow.disabled .float-button,.next-arrow-small-screen.disabled .float-button{
    opacity:.5;
    pointer-events:none
}
.next-arrow-small-screen{
    display:none;
    right:-42px;
    margin-bottom:-42px;
    bottom:45%
}
.next-arrow-small-screen a,.next-arrow-small-screen a:hover,.next-arrow-small-screen a:focus{
    box-shadow:0 2px 8px 0 rgba(33,43,53,.24);
    background:#ffa81f;
    border-color:#ffa81f;
    width:85px;
    height:85px;
    border-radius:50%;
    display:block
}
.next-arrow-small-screen a i{
    margin-left:15px;
    font-size:30px;
    color:#fff;
    text-align:right;
    margin-top:17px
}
.next-arrow-small-screen a span{
    margin-left:11px;
    color:#fff
}
.next-arrow-small-screen a:active{
    box-shadow:0 8px 12px 0 rgba(33,43,53,.24);
    -webkit-animation:bounce-in .75s;
    -moz-animation:bounce-in .75s;
    animation:bounce-in .75s;
    background:#01708b;
    border-color:#01708b
}
.arrows-wide-screen .project-next-arrow svg {
    fill: #fff;
    height: 45px;
    float: left;
    width: 100%;
    display: block;
    margin-top: 22px;
    margin-left: -21px;
}
.arrows-wide-screen .project-prev-arrow svg {
    fill: #fff;
    height: 45px;
    float: left;
    width: 100%;
    display: block;
    margin-top: 22px;
    margin-left: 21px;
}
.project-prev-arrow a span{
	float: left;
}
@-moz-keyframes bounce-in{
    20%,40%,60%{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1.03,1.03,1.03)
    }
}
@-webkit-keyframes bounce-in{
    20%,40%,60%{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1.03,1.03,1.03)
    }
}
@keyframes bounce-in{
    20%,40%,60%{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1.03,1.03,1.03)
    }
}
@media only screen and (min-width:1600px){
    .project-next-arrow{
        right:90px
    }
    .project-prev-arrow{
        left:90px
    }
    .project-prev-arrow a,.project-next-arrow a{
        background:#fff
    }
    .project-prev-arrow a i,.project-prev-arrow a span{
        margin-left:40px;
        color:#ffa81f
    }
    .project-next-arrow a i,.project-next-arrow a span{
        margin-left:44px;
        color:#ffa81f
    }
    .project-prev-arrow a i,.project-next-arrow a i{
        font-size:54px;
        margin-top:20px
    }
    .arrows-wide-screen svg {
        fill: #ffa81f !important;
        height: 60px !important;
        float: left !important;
        width: 100% !important;
        display: block !important;
        margin-top: 18px !important;
        margin-left: 0px !important;
    }
}
@media only screen and (max-width:768px){
	.arrows-wide-screen,
    .arrows-wide-screen .project-prev-arrow,
    .next-arrow-small-screen{
    	display: none;
    }
}
@media only screen and (max-width:1024px){
    .project-next-arrow a,.project-prev-arrow a,.project-next-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap{
        transform:scale(.8)
    }
    .project-next-arrow a.large span,.project-prev-arrow a.large span,.project-next-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.large span,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.large span{
        display:none!important
    }
    .project-next-arrow a.large i,.project-prev-arrow a.large i,.project-next-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.large i,.project-prev-arrow .su-box-wrap-simple .with-top-banner .addlogo .logo-wrap.large i{
        font-size:60px
    }
    .media-component .photo-wrap .share-buttons .sb-button{
        opacity:1
    }
    .media-component .photo-wrap .share-buttons .sb-button.sb-facebook{
        display:none
    }
}
@media only screen and (min-width:599px){
    .next-arrow-small-screen{
    	display: none !important;
    }
}
@media only screen and (max-width:599px){
    .arrows-wide-screen .project-next-arrow,.arrows-wide-screen .project-prev-arrow{
        display:none
    }
    .next-arrow-small-screen{
        font-size: 13px;
    }
}

.arrows-wide-screen .project-prev-arrow svg{
	transform: rotate(180deg);
}
.next-arrow-small-screen svg{
	fill: #fff;
    height: 30px;
    width: 100%;
    margin-left: -12px;
    margin-top: 15px;
    margin-bottom: -5px;
}