html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:disc;
    padding-left:1.3em
}
ul li,ol li{
    padding-bottom:1em
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;
    font-family:inter,sans-serif;
    color:#191b1d
}
body.dark{
    background:#191b1d;
    color:#fff
}
body,html{
    font-size:14px;
    overflow-x:hidden
}
main{
    display:block
}
h1{
    font-size:2em
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
form>div{
    width:100%;
    display:block;
    margin-bottom:20px;
    position:relative;
    float:left;
    padding-left:1%;
    padding-right:1%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
form>div.half-field{
    width:50%
}
form>div::before{
    content:"";
    position:absolute;
    bottom:0;
    height:1px;
    background:#191b1d;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    width:0
}
body.dark form>div::before{
    background:#fff
}
form>div.focus::before{
    width:100%
}
form input{
    display:block;
    width:100%;
    padding:30px;
    border:none;
    background:#ebebeb;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
form input:focus,form textarea:focus{
    outline:none!important
}
form label{
    position:absolute;
    top:50%;
    left:30px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#8f8d8d;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    pointer-events:none
}
form>div.focus label{
    top:0;
    font-size:12px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
form button{
    background:#ebebeb;
    border:none;
    padding:20px 50px
}
body.dark form button,body.dark form input,body.dark form textarea{
    background:#131313;
    color:#fff
}
body.dark form button{
    color:#fff
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
.button:hover::before{
    width:0
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
    outline:1px dotted ButtonText
}
::-webkit-input-placeholder{
    color:#8f8d8d
}
::-moz-placeholder{
    color:#8f8d8d
}
:-ms-input-placeholder{
    color:#8f8d8d
}
::-ms-input-placeholder{
    color:#8f8d8d
}
::placeholder{
    color:#8f8d8d
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto;
    display:block;
    width:100%;
    padding:30px;
    border:none;
    background:#ebebeb;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.message-wrap label{
    top:30px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
h1,h2,h3,h4{
    color:#191b1d;
    margin-bottom:1em
}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark p{
    color:#fff
}
h1.big-title{
    font-size:90px;
    font-style:normal;
    font-weight:700;
    line-height:100px;
    margin-left:-7px;
    margin-top:20px;
    margin-bottom:69px;
    padding-right:10px
}
h1{
    font-size:48px;
    line-height:65px;
    font-weight:700;
    letter-spacing:-.06em
}
h2{
    font-size:36px;
    line-height:50px;
    font-weight:700;
    letter-spacing:-.06em
}
h3{
    font-size:30px;
    line-height:40px;
    margin-left:-1px;
    font-weight:700;
    letter-spacing:-.05em
}
h4{
    font-size:24px;
    line-height:35px;
    margin-left:-1px;
    font-weight:700;
    letter-spacing:-.05em
}
h5{
    font-size:18px;
    line-height:35px;
    margin-left:-1px;
    font-weight:400;
    margin-bottom:1em
}
h6{
    font-size:12px;
    line-height:18px;
    margin:0
}
p{
    line-height:28px;
    margin-bottom:15px
}
#mouseCursor{
    width:50px;
    height:50px;
    display:block;
    position:fixed;
    z-index:9999999;
    pointer-events:none;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
#cursor{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    border-radius:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-width:2px;
    border-style:solid
}
#dot{
    display:block;
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
div#mouseCursor i{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) scale(0);
    -ms-transform:translate(-50%,-50%) scale(0);
    transform:translate(-50%,-50%) scale(0);
    font-size:35px
}
body.loading{
    pointer-events:none
}
.alioth-page-loader{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    z-index:888
}
.alioth-page-loader .apl-wrapper{
    position:fixed;
    bottom:10%;
    left:8.5%;
    width:100%;
    height:200px;
    z-index:9999999
}
span.apl-background{
    position:fixed;
    top:0;
    left:0;
    background:#191b1d;
    width:100%;
    height:100%;
    z-index:-15
}
.alioth-page-loader.light span.apl-background{
    background:#ebebeb
}
.apl-count{
    position:fixed;
    bottom:0;
    left:-4%
}
.apl-loading>span{
    display:inline-block;
    overflow:hidden
}
.apl-load-word{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.apl-text{
    font-size:65px;
    line-height:75px;
    font-weight:700;
    letter-spacing:-.06em;
    white-space:nowrap;
    color:#191b1d;
    z-index:3;
    visibility:hidden;
    display:block;
    position:fixed;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%) translateX(500px);
    -ms-transform:translateY(-50%) translateX(500px);
    transform:translateY(-50%) translateX(500px)
}
.apl-count{
    position:absolute;
    font-size:250px;
    color:#fff;
    font-weight:700;
    text-align:center
}
.alioth-page-loader.light .apl-count{
    color:rgba(25,27,29,.05)
}
.apl-count .apl-num{
    display:block;
    overflow:hidden;
    float:left;
    height:250px
}
.apl-num-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.apl-num-1 .apl-num-wrapper{
    -webkit-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%);
    text-align:right
}
.apl-num-2 .apl-num-wrapper{
    -webkit-transform:translateY(5%);
    -ms-transform:translateY(5%);
    transform:translateY(5%);
    text-align:left
}
.apl-num-3 .apl-num-wrapper{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.apl-num-3 span{
    display:block
}
.apl-num.apl-num-3{
    margin-left:-25px
}
.alioth-page-loader.dark .apl-text{
    color:#fff
}
.alioth-page-loader.dark .apl-count{
    color:hsla(0,0%,100%,.05)
}
.alioth-page-transitions{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    visibility:hidden
}
.apt-image{
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:999;
    width:200px;
    height:auto;
    opacity:0
}
.apt-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.apt-bg{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:0%;
    background:#131313;
    z-index:99
}
.alioth-page-transitions.light .apt-bg{
    background:#ebebeb
}
.trans-text{
    position:fixed;
    bottom:10%;
    left:8.5%;
    color:hsla(0,0%,100%,.2);
    z-index:999;
    font-size:60px;
    white-space:nowrap;
    font-weight:700;
    letter-spacing:-.07em;
    overflow:hidden;
    line-height:115px;
    padding-right:10px
}
.alioth-page-transitions.light .trans-text{
    color:rgba(25,27,29,.6)
}
.trans-image{
    position:fixed;
    top:0;
    left:0;
    pointer-events:none
}
.trans-image-wrap,.trans-image-wrap img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.site-header{
    display:block;
    position:absolute;
    width:100%;
    height:150px;
    z-index:9999
}
.site-header.fullscreen_menu::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    background:#f1f1f1;
    width:100%;
    height:0%;
    -webkit-transition:all .75s cubic-bezier(.25,.74,.22,.99);
    -o-transition:all .75s cubic-bezier(.25,.74,.22,.99);
    transition:all .75s cubic-bezier(.25,.74,.22,.99)
}
.site-header.anim_start .site-header.fullscreen_menu::before{
    height:100%
}
.site-header.fullscreen_menu.menu-has-open::before{
    height:75%
}
.site-header.fullscreen_menu::after{
    display:block;
    position:fixed;
    bottom:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#00000063;
    z-index:-2;
    left:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .4s ease,visibility .4s ease;
    -o-transition:opacity .4s ease,visibility .4s ease;
    transition:opacity .4s ease,visibility .4s ease;
    pointer-events:none
}
.site-header.fullscreen_menu.menu-has-open::after{
    opacity:1;
    visibility:visible
}
.header-wrapper{
    position:absolute;
    left:50%;
    top:60%;
    width:83%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.header-wrapper.menu-opened{
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    height:84vh
}
.site-header.header_sticked{
    position:fixed;
    top:0;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    height:100px;
    background:#ededed
}
.site-header.header_sticked .header-wrapper{
    top:45%
}
.site-branding,.menu-toggle,.header-widgets{
    display:block;
    z-index:999;
    position:absolute
}
.site-branding{
    left:0;
    overflow:hidden
}
.menu-toggle{
    left:25%
}
.header-widgets{
    right:0
}
.header-widget{
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
    opacity:0
}
.site-logo{
    width:130px;
    display:block;
    overflow:hidden;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.site-logo img{
    width:100%
}
.site-header.classic_menu .menu-toggle,.site-header.classic_menu .sub-back{
    display:none
}
.site-navigation.classic{
    width:50%;
    display:block;
    float:left;
    position:static;
    z-index:999;
    margin-left:25%
}
.menu a{
    text-decoration:none;
    color:#191b1d;
    display:block
}
.site-header.light .menu a{
    color:#fff
}
.site-navigation.classic .menu.main-menu{
    list-style:none;
    padding:0
}
.site-navigation.classic .menu.main-menu li{
    display:inline-block;
    font-size:16px;
    line-height:28px;
    position:relative;
    font-weight:700;
    padding-bottom:0;
    letter-spacing:-.045em
}
.site-navigation.classic .menu.main-menu>li>a{
    display:block;
    padding-left:20px;
    padding-right:20px;
    color:rgba(25,27,29,.6)
}
.site-header.light .site-navigation.classic .menu.main-menu>li>a{
    color:hsla(0,0%,100%,.4)
}
.site-navigation.classic .menu.main-menu>li.menu-item-active>a{
    color:#191b1d
}
.site-navigation.classic .menu.main-menu>li:first-child a{
    padding-left:0
}
.site-navigation.classic .sub-menu{
    position:absolute;
    display:block;
    z-index:-1;
    opacity:0;
    visibility:hidden;
    padding:40px 0 40px 50px;
    background:#e0e0e0;
    left:-25px;
    white-space:nowrap;
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.site-header.light .site-navigation.classic .sub-menu{
    background:#101010
}
.site-navigation.classic .menu.main-menu>li.menu-item.has-children:hover>.sub-menu{
    visibility:visible;
    opacity:1;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px)
}
.site-navigation.classic .sub-menu::before{
    content:"";
    position:absolute;
    top:-20px;
    background:0 0;
    width:100%;
    height:20px;
    left:0
}
.site-navigation.classic .sub-menu li.menu-item{
    display:block;
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease;
    font-weight:400;
    font-size:16px;
    letter-spacing:0,45em;
    line-height:26px;
    padding-bottom:10px;
    font-weight:700;
    padding-right:150px
}
.site-navigation.classic .sub-menu li.menu-item a{
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.site-navigation.classic .sub-menu li.menu-item:hover a{
    -webkit-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px)
}
.site-navigation.classic .sub-menu li.menu-item.has-children::after{
    content:"\ea5d";
    position:absolute;
    top:0;
    right:25px;
    font-weight:400;
    font-family:IcoFont
}
.site-navigation.classic .sub-menu .sub-menu{
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateX(87%) translateY(-30px);
    -ms-transform:translateX(87%) translateY(-30px);
    transform:translateX(87%) translateY(-30px)
}
.site-navigation.classic .sub-menu li.menu-item.has-children:hover .sub-menu{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateX(87%) translateY(-40px);
    -ms-transform:translateX(87%) translateY(-40px);
    transform:translateX(87%) translateY(-40px)
}
.site-navigation.classic .menu.main-menu>li.menu-item.has-children:hover a::before{
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px);
    opacity:0
}
.site-navigation.classic .menu.main-menu>li.menu-item.has-children:hover>.sub-menu::after{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.site-navigation.classic .menu.main-menu>li.menu-item.has-children:hover>.sub-menu li.menu-item{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    visibility:visible
}
.site-navigation.fullscreen{
    position:fixed;
    width:100%;
    height:85%;
    top:0;
    left:0;
    z-index:888
}
.site-navigation.fullscreen .fs-menu-wrapper{
    display:block;
    width:100%;
    position:fixed;
    height:85%;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.site-navigation.fullscreen .fs-menu-wrapper{
    display:none
}
.site-navigation.fullscreen .menu.main-menu>li.menu-item{
    font-size:50px;
    line-height:80px;
    font-weight:700;
    letter-spacing:-.06em;
    display:block;
    overflow:hidden;
    padding-bottom:0
}
.site-navigation.fullscreen .menu.main-menu>li.menu-item a{
    position:relative;
    display:inline-block;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    color:rgba(25,27,29,.6);
    padding-right:5px
}
.site-navigation.fullscreen .menu.main-menu>li.menu-item a::before{
    content:attr(data-hover);
    position:absolute;
    left:0;
    width:100%;
    overflow:hidden;
    color:#191b1d;
    -webkit-transition:width .75s cubic-bezier(.63,.03,.21,1);
    -o-transition:width .75s cubic-bezier(.63,.03,.21,1);
    transition:width .75s cubic-bezier(.63,.03,.21,1);
    white-space:nowrap
}
.site-navigation.fullscreen .menu.main-menu.hovered>li.menu-item a::before{
    width:0%
}
.site-navigation.fullscreen .menu.main-menu.hovered>li.menu-item a.hovered::before{
    width:100%
}
.site-navigation.fullscreen .menu.main-menu{
    position:fixed;
    left:25%;
    right:0;
    bottom:15%;
    padding:0
}
.site-navigation.fullscreen ul.ulcol{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2
}
.sub-toggle{
    display:inline-block;
    position:relative;
    width:20px;
    height:20px;
    margin-left:20px;
    top:-5px;
    -webkit-transition:-webkit-transform .6s ease;
    transition:-webkit-transform .6s ease;
    -o-transition:transform .6s ease;
    transition:transform .6s ease;
    transition:transform .6s ease,-webkit-transform .6s ease
}
.sub-togg-line{
    position:absolute;
    width:0%;
    height:1px;
    background:#000;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:width .4s ease,-webkit-transform .5s ease .4s;
    transition:width .4s ease,-webkit-transform .5s ease .4s;
    -o-transition:width .4s ease,transform .5s ease .4s;
    transition:width .4s ease,transform .5s ease .4s;
    transition:width .4s ease,transform .5s ease .4s,-webkit-transform .5s ease .4s
}
.has-sub-in .sub-togg-line{
    width:100%
}
.has-sub-in .sub-togg-line:nth-child(2){
    -webkit-transform:translate(-50%,-50%) rotate(-90deg);
    -ms-transform:translate(-50%,-50%) rotate(-90deg);
    transform:translate(-50%,-50%) rotate(-90deg)
}
.menu-item.has-children>a:hover>.sub-toggle{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.sub-back{
    cursor:pointer;
    overflow:hidden;
    display:block;
    position:absolute;
    opacity:0;
    left:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    font-size:30px
}
.sub-back.is-active{
    opacity:.4;
    visibility:visible
}
.site-header.menu_dark .sub-back{
    color:#fff
}
.sb-arrow-left{
    display:inline-block;
    border:solid #000;
    border-width:1px 0 0 1px;
    padding:5px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-left:4px
}
.sb-arrow-line{
    display:inline-block;
    width:50px;
    height:1px;
    background:#000;
    vertical-align:middle;
    margin-top:-3px;
    margin-left:-12px;
    -webkit-transition:width .3s ease;
    -o-transition:width .3s ease;
    transition:width .3s ease
}
.sb-back-text{
    font-size:10px;
    font-weight:600;
    letter-spacing:2px;
    margin-left:10px;
    display:inline-block;
    opacity:0;
    -webkit-transform:translateY(-1px) translateX(20%);
    -ms-transform:translateY(-1px) translateX(20%);
    transform:translateY(-1px) translateX(20%);
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.sub-back:hover .sb-arrow-line{
    width:25px
}
.sub-back:hover .sb-back-text{
    opacity:1;
    -webkit-transform:translateY(-1px) translateX(0);
    -ms-transform:translateY(-1px) translateX(0);
    transform:translateY(-1px) translateX(0)
}
.site-navigation.fullscreen ul ul{
    position:absolute;
    top:0;
    left:0;
    visibility:hidden;
    opacity:0;
    padding:0
}
.site-navigation.fullscreen ul ul li{
    overflow:hidden;
    font-size:40px;
    line-height:70px;
    letter-spacing:-.06em;
    padding:0;
    padding-right:18px
}
.site-navigation.fullscreen ul ul li a{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.site-navigation.fullscreen ul.hidden>li,.site-navigation.fullscreen ul.hidden{
    visibility:hidden
}
.site-navigation.fullscreen ul.opened>li,.site-navigation.fullscreen ul.opened{
    visibility:visible;
    opacity:1
}
.menu-widget{
    position:fixed;
    display:block
}
.site-navigation.classic .menu-widget{
    display:none
}
.menu-widget-left{
    left:0;
    bottom:17%
}
.menu-widget-right{
    right:0;
    bottom:8%
}
.menu-toggle{
    height:25px;
    cursor:pointer
}
.menu-toggle.hidden{
    display:none
}
.toggle-line{
    width:0;
    height:1px;
    display:block;
    background:#191b1d;
    -webkit-transition:all .3s cubic-bezier(.475,.425,0,.995);
    -o-transition:all .3s cubic-bezier(.475,.425,0,.995);
    transition:all .3s cubic-bezier(.475,.425,0,.995);
    left:0
}
span.toggle-line:nth-child(2){
    margin-top:10px;
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
span.toggle-line:nth-child(1){
    margin-top:5px
}
body.loading span.toggle-line{
    -webkit-transition:none!important;
    -o-transition:none!important;
    transition:none!important
}
.menu-toggle.is-active .toggle-line:nth-child(1){
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.menu-toggle.is-active .toggle-line:nth-child(2){
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg);
    margin-top:0
}
.menu-toggle.is-active .toggle-line{
    width:35px
}
.site-navigation.fullscreen.menu-opened .fs-menu-wrapper{
    display:block
}
.site-navigation{
    display:none
}
.site-navigation.menu-opened{
    display:block
}
.site-header.dark .light-logo,.site-header.light .dark-logo{
    display:none
}
.site-header.light .toggle-line{
    background:#fff
}
.site-header.menu_dark.fullscreen_menu::before{
    background:#191b1d
}
.site-header.menu_dark .site-navigation.fullscreen .menu.main-menu>li.menu-item a{
    color:hsla(0,0%,100%,.2)
}
.site-header.menu_dark .site-navigation.fullscreen .menu.main-menu>li.menu-item a::before{
    color:#fff
}
.site-header.menu_dark .sub-togg-line{
    background:#fff
}
.header-cta-but{
    display:block
}
.header-cta-but a{
    text-decoration:none;
    color:rgba(25,27,29,.6);
    font-size:16px;
    font-weight:700;
    letter-spacing:-.05em;
    line-height:20px;
    display:block;
    position:relative
}
.header-cta-but a::before{
    content:"";
    display:block;
    position:absolute;
    left:-25px;
    z-index:-1;
    width:50px;
    height:50px;
    background:#dedede;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    border-radius:50px;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.header-cta-but a::after{
    content:attr(data-hover);
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:0%;
    overflow:hidden;
    white-space:nowrap;
    color:#191b1d;
    -webkit-transition:width .4s ease;
    -o-transition:width .4s ease;
    transition:width .4s ease
}
.header-cta-but a:hover::after{
    width:100%
}
.header-cta-but a:hover::before{
    width:calc(100% + 50px)
}
.site-header.light .header-cta-but a{
    color:hsla(0,0%,100%,.4)
}
.site-header.light .header-cta-but a::before{
    background:#2b2e31
}
.site-header.light .header-cta-but a::after{
    color:#fff
}
.widget{
    margin-bottom:40px;
    display:block;
    overflow:hidden
}
.widget input[type=searchi]{
    width:100%;
    display:block;
    padding:10px;
    border:1px solid #191b1d;
    color:#191b1d
}
.widget form.search-form{
    display:block;
    position:relative;
    width:100%
}
.widget .search-form button{
    position:absolute;
    right:15px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.widget .search-form button i{
    color:#191b1d
}
ul.product-tags{
    padding:0;
    list-style:none
}
ul.product-tags li{
    display:inline-block;
    margin-right:10px;
    text-transform:uppercase;
    font-weight:500;
    border:1px solid #191b1d;
    padding:0;
    margin-bottom:10px
}
ul.product-tags li a{
    text-decoration:none;
    color:#191b1d;
    padding:10px;
    display:block
}
#footer{
    display:block;
    clear:both;
    background:#ebebeb;
    margin-bottom:0;
    padding:100px 0 15px;
    z-index:999
}
#footer.dark{
    background:#131313
}
.copyright-text{
    font-size:12px;
    color:rgba(25,27,29,.6)
}
#footer.dark .copyright-text{
    color:hsla(0,0%,100%,.2)
}
.social-list-widget ul{
    list-style:none;
    margin:0;
    padding:0
}
.social-list-widget ul li a{
    color:#191b1d;
    text-decoration:none
}
#footer.dark .social-list-widget ul li a{
    color:#fff
}
.social-list-widget li{
    font-size:14px;
    padding-bottom:16px
}
.footer-logo{
    margin-bottom:20px
}
.footer-menu ul{
    margin:0;
    padding:0
}
.footer-menu ul li{
    list-style:none;
    display:inline-block
}
.footer-menu ul li a{
    color:rgba(25,27,29,.6);
    text-decoration:none
}
#footer.dark .footer-menu ul li a{
    color:hsla(0,0%,100%,.4)
}
.footer-menu ul li{
    padding-right:30px;
    font-size:14px
}
.alioth-seperator{
    display:block;
    width:0%;
    height:1px;
    background:#fff;
    float:left
}
.alioth-list{
    display:block;
    width:100%
}
.alioth-list ul{
    list-style:none;
    margin:0;
    padding:0
}
.alioth-list ul li a{
    text-decoration:none;
    color:rgba(25,27,29,.6);
    display:inline-block;
    position:relative;
    -webkit-transition:color .4s ease;
    -o-transition:color .4s ease;
    transition:color .4s ease
}
body.dark .alioth-list ul li,.alioth-list.dark ul li,body.dark .alioth-list ul li a,.alioth-list.dark ul li a{
    color:hsla(0,0%,100%,.4)
}
.alioth-list ul li{
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:-.01em;
    padding:0;
    margin-bottom:25px
}
.alioth-list ul li a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(25,27,29,.2);
    width:100%;
    height:1px
}
body.dark .alioth-list ul li a::before,.alioth-list.dark ul li a::before{
    background:hsla(0,0%,100%,.4)
}
.alioth-list ul li a::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    background:#191b1d;
    width:0%;
    height:1px;
    z-index:2;
    -webkit-transition:width .4s ease;
    -o-transition:width .4s ease;
    transition:width .4s ease
}
body.dark .alioth-list ul li a::after{
    background:#fff
}
.alioth-list ul li a:hover{
    color:#191b1d
}
.alioth-list ul li a:hover::after{
    width:100%
}
.alioth-latest-posts{
    display:block;
    position:relative;
    width:100%;
    margin-bottom:100px
}
.alioth-latest-posts a{
    text-decoration:none
}
.alioth-latest-posts .post{
    display:block;
    float:left;
    width:50%;
    padding:20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.alioth-latest-posts.col-1 .post{
    width:100%;
    margin-left:0;
    margin-right:0
}
.post-featured-image{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden
}
.post-featured-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.alioth-latest-posts .post:hover .post-featured-image img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.alioth-latest-posts .post-title{
    display:block;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px
}
.latest-posts-button{
    display:block;
    float:left
}
.scrollable-text{
    white-space:nowrap;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.alioth-single-project{
    display:block;
    width:100%;
    position:relative;
    margin-bottom:50px
}
.alioth-single-project a{
    text-decoration:none;
    color:#191b1d
}
body.dark .alioth-single-project a,.alioth-single-project.dark a{
    color:#fff
}
.sw-image{
    width:100%;
    display:block;
    overflow:hidden
}
.sw-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform:scale(1.1) translateY(-4%);
    -ms-transform:scale(1.1) translateY(-4%);
    transform:scale(1.1) translateY(-4%)
}
.sw-detail{
    position:relative;
    padding-top:30px;
    padding-left:30px;
    display:block
}
.sw-title{
    font-size:35px;
    font-weight:700;
    letter-spacing:-.06em;
    display:block;
    margin-bottom:5px
}
.sw-cat{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgb(25 27 29/50%)
}
body.dark .alioth-single-project .sw-cat,.alioth-single-project.dark .sw-cat{
    color:hsla(0,0%,100%,.4)
}
.a-recent-works{
    display:block;
    padding-top:10%;
    padding-bottom:0
}
.recent-works-wrapper{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    width:auto;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.ar-work{
    display:block;
    margin-right:100px;
    -ms-flex-preferred-size:40vw;
    flex-basis:40vw;
    min-width:40vw;
    position:relative
}
.ar-work a{
    text-decoration:none;
    display:block;
    overflow:hidden
}
.ar-work-image,.ar-work-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ar-work-title{
    font-size:45px;
    font-weight:700;
    letter-spacing:-.05em;
    padding:20px 20px 0;
    color:#191b1d
}
body.dark .ar-work-title,.a-recent-works.dark .ar-work-title{
    color:#fff
}
.ar-work-cat{
    font-size:25px;
    font-weight:700;
    letter-spacing:-.02em;
    padding-left:20px;
    color:rgba(25,27,29,.6)
}
body.dark .ar-work-cat,.a-recent-works.dark .ar-work-cat{
    color:hsla(0,0%,100%,.4)
}
.recent-works-bg-text{
    position:absolute;
    top:0;
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%);
    font-size:200px;
    white-space:nowrap;
    font-weight:700;
    letter-spacing:-.06em;
    color:#191b1d;
    pointer-events:none
}
.recent-works-button{
    text-align:center;
    margin-top:75px;
    display:block
}
.a-recent-works-nav{
    position:relative;
    display:block;
    margin-bottom:50px
}
.a-recent-works .a-button.style_1{
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    margin-top:100px
}
.a-recent-works.navby-scroll .a-recent-works-nav{
    display:none
}
.a-recent-works-nav div{
    display:block;
    float:left;
    cursor:pointer
}
.a-recent-works-nav div i{
    font-size:25px
}
.a-recent-works.dark .recent-works-bg-text,.a-recent-works.dark .ar-work-cat{
    color:hsla(0,0%,100%,.2)
}
.a-recent-works.dark .a-recent-works-nav div,.a-recent-works.dark .ar-work-title{
    color:#fff
}
.a-recent-works.dark .a-button.style_1{
    background-color:hsla(0,0%,100%,.2)
}
.alioth-page-nav{
    display:block;
    width:100%;
    overflow:hidden
}
.alioth-page-nav a{
    text-decoration:none;
    display:block;
    width:100%;
    padding:50px 0;
    overflow:hidden;
    color:#191b1d
}
.alioth-page-nav .page-title{
    font-size:150px;
    font-weight:700;
    letter-spacing:-.06em;
    color:rgba(25,27,29,.6);
    display:block;
    margin-right:50px;
    width:100%;
    overflow:hidden;
    -webkit-transition:color .5s ease;
    -o-transition:color .5s ease;
    transition:color .5s ease
}
.alioth-page-nav.dark .page-title,body.dark .page-title{
    color:hsla(0,0%,100%,.1)
}
.alioth-page-nav a:hover .page-title{
    color:#191b1d
}
.alioth-page-nav.dark .page-sub-title,body.dark .page-sub-title,.alioth-page-nav.dark a:hover .page-title,body.dark a:hover .page-title{
    color:#fff
}
.page-sub-title{
    position:absolute;
    bottom:15%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    color:#191b1d
}
.page-sub-title::after{
    content:"\ea5d";
    font-family:IcoFont;
    position:absolute;
    top:0;
    -webkit-transform:translateY(-65%) translateX(65%) rotate(-45deg);
    -ms-transform:translateY(-65%) translateX(65%) rotate(-45deg);
    transform:translateY(-65%) translateX(65%) rotate(-45deg);
    right:0
}
.alioth-page-nav.dark .page-sub-title::after,body.dark .page-sub-title::after{
    color:#fff
}
.alioth-hello-section{
    display:block;
    position:relative;
    overflow:hidden
}
.hello-heading{
    padding-left:5%
}
.alioth-hello-section .circular-button{
    position:absolute;
    bottom:0;
    right:0;
    background:#191b1d;
    border-radius:50%;
    width:150px;
    height:150px;
    text-decoration:none;
    color:#fff;
    -webkit-transform:translateY(200%);
    -ms-transform:translateY(200%);
    transform:translateY(200%);
    left:unset
}
.hello-back-text{
    font-size:300px;
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-weight:700;
    letter-spacing:-.07em;
    z-index:-1;
    color:rgba(25,27,29,.05);
    white-space:nowrap
}
.alioth-awards{
    display:block;
    position:relative;
    overflow:hidden;
    float:left
}
.a-award{
    display:block;
    width:100%;
    float:left;
    padding-bottom:20px;
    margin-bottom:30px;
    position:relative
}
.a-award a{
    text-decoration:none;
    display:block;
    overflow:hidden
}
.award-dets{
    display:block;
    float:left
}
.award-date{
    display:block;
    float:right;
    margin-top:.4em
}
.award-title,.award-date{
    color:#fff;
    font-size:25px;
    font-weight:700;
    letter-spacing:-.04em;
    display:block;
    overflow:hidden
}
.award-title span,.award-date span,.award-loc span{
    display:block
}
.award-loc{
    color:hsla(0,0%,100%,.4);
    font-size:20px;
    margin-top:10px;
    font-weight:600;
    letter-spacing:-.05em;
    display:block;
    overflow:hidden
}
.a-award::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    background:hsla(0,0%,100%,.2);
    height:1px;
    -webkit-transition:width .7s ease .4s;
    -o-transition:width .7s ease .4s;
    transition:width .7s ease .4s
}
.a-award.is_inview::after{
    width:100%
}
.award-date{
    color:hsla(0,0%,100%,.4)
}
.alioth-awards.light .award-title,.alioth-awards.light .award-date{
    color:#191b1d
}
.alioth-awards.light .award-loc{
    color:rgb(25 27 29/69%)
}
.alioth-awards.light .a-award::after{
    background:rgba(25,27,29,.2)
}
.linked-text{
    display:block;
    float:left;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.linked-text.loaded{
    pointer-events:all
}
.linked-text a{
    text-decoration:none;
    color:#191b1d;
    position:relative
}
.linked-text a>div{
    background-repeat:repeat;
    -webkit-background-clip:text;
    background-repeat:repeat;
    -webkit-background-clip:text;
    padding-right:4px;
    margin-right:-4px
}
.linked-text a::before{
    content:"";
    position:absolute;
    width:0%;
    height:12px;
    background:#191b1d;
    bottom:0;
    left:0;
    border-top:2px solid #fff;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    z-index:1;
    -webkit-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}
.linked-text.loaded a:hover::before{
    width:0%
}
.linked-text.loaded a::before{
    width:100%
}
.linked-line{
    overflow:hidden;
    padding-right:5px
}
.linked-text .link-target{
    display:block;
    color:rgba(25,27,29,.6)
}
body.dark .linked-text a::before,.linked-text.light a::before{
    background:#fff;
    border-top:2px solid #191b1d
}
body.dark .link-target,.linked-text.light .link-target{
    color:hsla(0,0%,100%,.2)
}
body.dark .linked-text a,.linked-text.light a{
    color:#fff
}
.a-testimonials{
    display:block;
    width:100%
}
.a-testimonial{
    position:absolute;
    visibility:hidden
}
.a-testimonial.active{
    visibility:visible
}
.testimonial-text{
    font-weight:700;
    font-size:36px;
    letter-spacing:-.05em;
    line-height:48px;
    margin-bottom:40px
}
.testimonial-meta{
    display:inline-block
}
.testimonial-name,.testimonial-brand{
    font-size:16px;
    font-weight:400;
    letter-spacing:-.05em;
    line-height:25px
}
.testimonial-name{
    margin-bottom:10px
}
.a-testimonials.dark .testimonial-brand{
    font-weight:400;
    color:#9d9d9d
}
.testimonial-name,.testimonial-brand{
    font-weight:500
}
.a-testimonals-control{
    display:block;
    margin-bottom:30px
}
.a-testimonials-wrapper{
    display:block;
    width:100%;
    position:relative
}
.a-test-prev,.a-test-next{
    display:inline-block;
    font-size:18px;
    cursor:pointer
}
.a-test-prev{
    margin-right:10px
}
.a-test-next{
    margin-left:10px
}
.a-test-frac{
    display:inline-block
}
span.a-test-current,span.a-test-total{
    font-size:14px;
    font-weight:600;
    color:#191b1d;
    opacity:.7;
    letter-spacing:-.05em
}
.a-test-prev::after,.a-test-next::before{
    content:"";
    width:10px;
    height:1px;
    display:inline-block;
    background:#000;
    vertical-align:middle;
    margin-top:-2.4px
}
.a-test-next::before{
    margin-right:-11px
}
.a-test-prev::after{
    margin-left:-11px
}
.cakomako{
    display:block
}
.testimonial-meta div,.testimonial-text div{
    display:block;
    overflow:hidden
}
.testimonial-meta div span,.testimonial-text div span{
    display:block
}
.a-testimonials-count{
    display:inline-block;
    width:30px;
    height:1px;
    background:#191b1d;
    vertical-align:middle;
    margin-top:-3px;
    margin-left:10px;
    margin-right:10px;
    position:relative
}
.a-testimonials.autoplay .a-testimonials-count{
    width:100px;
    background:rgba(25,27,29,.2)
}
.a-testimonials-count span{
    position:absolute;
    left:0;
    width:0%;
    height:100%;
    background:#191b1d
}
body.dark span.a-test-current,body.dark span.a-test-total,body.dark .a-test-prev,body.dark .a-test-next,body.dark .testimonial-text,body.dark .testimonial-name,.a-testimonials.light span.a-test-current,.a-testimonials.light span.a-test-total,.a-testimonials.light .a-test-prev,.a-testimonials.light .testimonial-text,.a-testimonials.light .a-test-next{
    color:#fff
}
.a-testimonials.light .testimonial-brand,.a-testimonials.light .testimonial-name{
    color:hsla(0,0%,100%,.4)
}
body.light span.a-test-current,body.light span.a-test-total,body.light .a-test-prev,body.light .a-test-next,body.light .testimonial-text,body.light .testimonial-name,.a-testimonials.dark span.a-test-current,.a-testimonials.dark span.a-test-total,.a-testimonials.dark .a-test-prev,.a-testimonials.dark .a-test-next,.a-testimonials.dark .testimonial-text,.a-testimonials.dark .testimonial-name{
    color:#191b1d
}
.a-testimonials.light .a-testimonials-count{
    background:hsla(0,0%,100%,.4)
}
.a-testimonials.light .a-testimonials-count span{
    background:#fff
}
.a-button.light a,.a-button.light i,.a-button i,.a-button a{
    color:#fff;
    text-decoration:none;
    position:relative;
    z-index:1;
    -webkit-transition:color .5s ease;
    -o-transition:color .5s ease;
    transition:color .5s ease;
    padding:20px 10px 20px 40px;
    display:block;
    float:left
}
.a-button i{
    padding-left:0;
    padding-right:35px
}
.a-button.style_1.light,.a-button.style_1{
    display:inline-block;
    background-color:#191b1d;
    margin:25px 0;
    border-radius:25px;
    position:relative;
    overflow:hidden
}
.a-button.style_1.dark,body.dark .a-button.style_1{
    background-color:hsla(0,0%,100%,.2)
}
.a-button.style_1.light{
    background-color:#191b1d!important
}
.a-button.light::before,.a-button.style_1::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:#b7babe;
    border-radius:0;
    height:100%;
    width:0%;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.a-button.style_1:hover::before{
    width:100%;
    border-radius:25px
}
.a-button.light:hover i,.a-button.light:hover a,.a-button.style_1:hover i,.a-button.style_1:hover a{
    color:#191b1d
}
a.inner-button{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.06em;
    text-decoration:none;
    color:hsla(0,0%,100%,.4);
    -webkit-transition:color .3s ease;
    -o-transition:color .3s ease;
    transition:color .3s ease
}
a.inner-button:hover{
    color:#fff
}
a.inner-button.dark{
    color:rgba(25,27,29,.6)
}
a.inner-button.dark:hover{
    color:#191b1d
}
.alioth-clients{
    display:block;
    width:100%;
    float:left
}
.a-client{
    display:block;
    float:left;
    margin-bottom:50px
}
.a-client a{
    margin:0 auto;
    display:inline-block;
    width:100%;
    height:100%;
    text-align:center
}
.alioth-clients.column-5 .a-client{
    width:20%
}
.alioth-clients.column-4 .a-client{
    width:25%
}
.alioth-clients.column-3 .a-client{
    width:33.3333333%
}
.alioth-clients.column-2 .a-client{
    width:50%
}
.alioth-clients.column-1 .a-client{
    width:100%
}
.a-client img{
    width:100%
}
.a-empty-space{
    display:block;
    width:100%;
    float:revert;
    clear:both
}
.social-list{
    list-style:none;
    padding:0
}
.social-list li{
    font-size:18px;
    line-height:32px;
    padding:0;
    margin-bottom:10px
}
.social-list li:last-child{
    margin-bottom:0
}
.social-list li a{
    text-decoration:none;
    color:rgba(25,27,29,.6);
    display:block;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
}
.site-header.menu_dark .social-list li a{
    color:hsla(0,0%,100%,.4)
}
.big-button a{
    color:#191b1d;
    text-decoration:none;
    font-size:47px;
    font-weight:700;
    letter-spacing:-3.5px;
    position:relative
}
.big-button a::after{
    content:"\ea5d";
    font-family:IcoFont;
    position:absolute;
    font-size:40px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:-15px
}
#footer.dark .big-button a{
    color:#fff
}
.cart-toggle{
    position:relative;
    width:30px;
    height:30px;
    cursor:pointer
}
.shopping-cart i{
    font-size:35px;
    color:#191b1d
}
.cart-wrapper{
    display:block;
    float:left
}
.cart-produtcs{
    display:block;
    width:100%;
    padding:0 70px;
    margin-top:100px
}
.cart-product{
    display:block;
    width:100%;
    float:left;
    margin-bottom:50px;
    position:relative
}
.cart-product-image{
    display:block;
    width:33%;
    float:left;
    height:100%
}
.cart-product-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.cart-product-details{
    display:block;
    float:left;
    width:66%;
    position:relative;
    margin-top:30px;
    padding-left:30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.cart-product-title{
    display:block;
    margin-bottom:30px
}
.cart-product-title a{
    text-decoration:none;
    color:#191b1d
}
.cart-product-quants .cpq{
    display:block;
    margin-bottom:15px;
    font-size:12px
}
.cart-product-quants .cpq span{
    color:#9a9a9a
}
.cart-product-remove{
    position:absolute;
    top:0;
    right:0;
    cursor:pointer
}
.cpq-acts{
    display:block;
    width:100%;
    margin-top:40px
}
.cpq-number,.cpq-price{
    display:block
}
.cpq-number{
    float:left
}
.cpq-price{
    float:right;
    font-size:25px;
    font-weight:700;
    letter-spacing:-.06em
}
.cart-acts{
    display:block;
    float:left;
    width:100%;
    position:relative
}
.cart-button{
    display:block;
    float:left;
    border:1px solid #191b1d;
    border-radius:35px;
    padding:20px 35px;
    font-weight:700;
    letter-spacing:-.05em;
    width:48%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    margin:1%;
    cursor:pointer;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
body.dark .cart-button{
    border:1px solid #fff
}
.cart-button:hover{
    color:#fff;
    border:1px solid #fff;
    background:#191b1d
}
body.dark .cart-button:hover{
    color:#191b1d;
    border:1px solid #191b1d;
    background:#fff
}
.cart-totals{
    display:block;
    float:left;
    width:100%;
    padding-left:25px
}
.cart-totals .cart-product-details{
    margin-top:0
}
.cart-totals .cart-product-title{
    margin-bottom:15px
}
.ct-title{
    display:block;
    padding-bottom:20px;
    position:relative;
    margin-bottom:20px;
    padding-left:20px
}
.ct-title::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    background:rgba(25,27,29,.2);
    width:100%;
    height:1px
}
body.dark .ct-total::before,body.dark .ct-title::before{
    background:hsla(0,0%,100%,.2)
}
.ct-title h4{
    margin:0
}
.ct-prices{
    display:block;
    float:left;
    width:100%
}
.ct-prices>div,.ct-total{
    display:block;
    float:left;
    width:100%;
    padding:0 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:rgba(25,27,29,.6);
    margin:15px 0
}
body.dark .ct-prices>div,body.dark .ct-total{
    color:hsla(0,0%,100%,.4)
}
.ct-prices>div span,.ct-total span{
    font-weight:700;
    letter-spacing:-.06em;
    font-size:20px;
    float:right;
    color:#191b1d
}
body.dark .ct-prices>div span,body.dark .ct-total span{
    color:#fff
}
.ct-coupon{
    display:block;
    float:left;
    margin-top:30px;
    width:100%;
    margin-bottom:30px
}
.ct-total::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:rgba(25,27,29,.2)
}
.ct-total{
    position:relative;
    margin-top:10px;
    padding-top:15px
}
.cpq-number span{
    font-size:20px;
    display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
span.cpq-num{
    font-weight:700;
    margin:0 10px;
    font-size:25px
}
.cpq-increase,.cpq-reduce{
    cursor:pointer;
    color:rgba(25,27,29,.6);
    -webkit-transition:color .3s ease;
    -o-transition:color .3s ease;
    transition:color .3s ease
}
body.dark .cpq-increase,body.dark .cpq-reduce{
    color:hsla(0,0%,100%,.2)
}
.cpq-increase:hover,.cpq-reduce:hover{
    color:#191b1d
}
body.dark .cpq-increase:hover,body.dark .cpq-reduce:hover{
    color:#fff
}
ul.check-payments{
    margin:0;
    padding:0;
    list-style:none;
    margin-left:8px
}
ul.check-payments li{
    display:inline-block;
    font-size:25px;
    font-weight:700;
    letter-spacing:-.06em;
    cursor:pointer;
    color:rgba(25,27,29,.6);
    -webkit-transition:color .3s ease;
    -o-transition:color .3s ease;
    transition:color .3s ease
}
body.dark ul.check-payments li{
    color:hsla(0,0%,100%,.4)
}
ul.check-payments li::after{
    content:"/";
    display:inline-block;
    margin:0 10px
}
ul.check-payments li:last-child::after{
    display:none
}
ul.check-payments li:hover{
    color:#191b1d
}
body.dark ul.check-payments li:hover{
    color:hsla(0,0%,100%,.2)
}
.git-button a{
    text-decoration:none;
    color:#ebebeb;
    font-size:50px;
    font-weight:700;
    letter-spacing:-3px
}
.git-button{
    -webkit-transform:rotate(90deg) translateY(50%) translateX(50%);
    -ms-transform:rotate(90deg) translateY(50%) translateX(50%);
    transform:rotate(90deg) translateY(50%) translateX(50%);
    display:block;
    -webkit-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    opacity:0
}
.site-header.menu_dark .git-button a{
    color:hsla(0,0%,100%,.2)
}
#page{
    visibility:visible
}
.hide_desktop{
    display:none
}
.wrapper-small{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:100px
}
.wrapper{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:100px
}
.wrapper-full{
    width:100%;
    margin-bottom:100px
}
.section{
    width:100%;
    margin-bottom:100px;
    position:relative;
    background-size:cover;
    background-position:center
}
.section.fullscreen{
    height:100%;
    margin-bottom:0
}
.section.has-bg{
    margin-bottom:350px;
    padding-top:100px;
    margin-top:350px
}
.page-content .section:last-child{
    margin-bottom:0
}
.send-back{
    z-index:-2
}
.section.send-back{
    z-index:-9
}
.sec-bg-ov{
    position:absolute;
    width:25%;
    top:0;
    z-index:-2
}
.sec-bg-ov:nth-child(1){
    left:0;
    height:calc(100% + 100px);
    -webkit-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    transform:translateY(-50px)
}
.sec-bg-ov:nth-child(2){
    left:25%;
    height:calc(100% + 200px);
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px)
}
.sec-bg-ov:nth-child(3){
    left:50%;
    height:calc(100% + 300px);
    -webkit-transform:translateY(-150px);
    -ms-transform:translateY(-150px);
    transform:translateY(-150px)
}
.sec-bg-ov:nth-child(4){
    left:75%;
    height:calc(100% + 200px);
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px)
}
.wrapper:after,.wrapper-small:after,.wrapper-full:after,section:after{
    display:table;
    clear:both;
    content:''
}
.c-col-1,.c-col-2,.c-col-3,.c-col-4,.c-col-5,.c-col-6,.c-col-7,.c-col-8,.c-col-9,.c-col-10,.c-col-11,.c-col-12{
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.no-gap{
    padding-left:0;
    padding-right:0
}
.c-col-6{
    width:50%
}
.c-col-4{
    width:33.333333%
}
.c-col-8{
    width:66.666666%
}
.c-col-3{
    width:25%
}
.c-col-2{
    width:16.6666666%
}
.c-col-5{
    width:41.666666%
}
.c-col-10{
    width:83.333333%
}
.c-col-9{
    width:75%
}
.c-col-12{
    width:100%
}
.no-margin{
    margin-bottom:0!important
}
.align-center{
    text-align:center
}
@media only screen and (max-width:576px){
    .wrapper{
        max-width:90%;
        margin-bottom:25px
    }
    .wrapper-small{
        max-width:90%;
        margin-bottom:25px
    }
    .wrapper-full{
        margin-bottom:100px
    }
    .c-col-1,.c-col-2,.c-col-3,.c-col-4,.c-col-5,.c-col-6,.c-col-7,.c-col-8,.c-col-9,.c-col-10,.c-col-11,.c-col-12{
        width:100%;
        margin-bottom:35px
    }
    .fit-col{
        margin:0
    }
}
@media only screen and (min-width:576px){
    .wrapper{
        max-width:90%
    }
    .wrapper-small{
        max-width:90%
    }
}
@media only screen and (min-width:768px){
    .wrapper{
        max-width:90%
    }
    .wrapper-small{
        max-width:88%
    }
}
@media only screen and (min-width:992px){
    .wrapper{
        max-width:1014px
    }
    .wrapper-small{
        max-width:790px
    }
}
@media only screen and (min-width:1200px){
    .wrapper{
        max-width:1274px
    }
    .wrapper-small{
        max-width:950px
    }
}
@media only screen and (min-width:1600px){
    .wrapper{
        max-width:1500px
    }
    .wrapper-small{
        max-width:1200px
    }
}
.section.parallax-bg{
    width:100%;
    z-index:-1;
    background-size:cover;
    background-position:50% 0%;
    background-repeat:no-repeat;
    overflow:hidden
}
.not-found{
    position:relative;
    display:block;
    width:100%;
    height:100vh
}
.not-found-wrap{
    position:absolute;
    top:55%;
    left:28%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.not-found-header h1:first-child{
    font-size:170px;
    line-height:170px;
    margin-bottom:0
}
.not-found-text{
    font-size:18px;
    line-height:30px;
    color:rgba(25,27,29,.6);
    margin-bottom:30px
}
body.dark .not-found-text{
    color:hsla(0,0%,100%,.2)
}
.page-header{
    display:block;
    width:100%;
    position:relative;
    padding-top:115px;
    background:#ebebeb;
    margin-bottom:150px;
    z-index:2
}
.page-header-wrap.wrapper-small{
    margin-bottom:0;
    position:relative;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.page-title{
    display:block;
    float:left;
    padding:0 15px
}
.page-subtitle{
    display:block;
    float:left;
    clear:both
}
.page-title h1.big-title{
    margin-bottom:20px;
    margin-top:0;
    line-height:130px;
    font-size:110px
}
.page-title .pt-char{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.page-title .pt-word{
    overflow:hidden;
    padding-right:5px
}
.page-breadcrumbs{
    display:block;
    float:right
}
ul.bradcrumbs{
    margin:0;
    padding:0;
    list-style:none
}
ul.bradcrumbs li{
    padding:0;
    display:inline-block
}
ul.bradcrumbs li a{
    text-decoration:none;
    color:#191b1d
}
ul.bradcrumbs li::after{
    content:"\ea5d";
    font-family:icofont;
    margin-left:10px;
    margin-right:6px
}
ul.bradcrumbs li:last-child::after{
    display:none
}
.post.alioth-post{
    display:block;
    overflow:hidden;
    position:relative
}
.post.alioth-post a{
    text-decoration:none;
    color:#191b1d
}
.post-header{
    width:100%;
    position:relative
}
.post-image,.post-image img{
    width:100%;
    height:50vh;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.post-image{
    position:relative
}
.post-metas{
    display:block;
    width:100%;
    float:left;
    margin-bottom:30px
}
.post-date,.post-category{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    color:hsla(0,0%,100%,.4)
}
body.light .post-cat,body.light .post-date,body.light .post-category{
    color:rgba(25,27,29,.6)
}
.post-details-wrapper{
    margin-top:35px
}
.post-category::before{
    content:"";
    display:inline-block;
    width:30px;
    height:1px;
    background:hsla(0,0%,100%,.2);
    vertical-align:middle;
    margin:-1px 10px 0
}
body.light .post-category::before{
    background:rgba(25,27,29,.6)
}
.post-details-wrapper{
    margin-top:35px;
    margin-bottom:35px;
    position:relative;
    overflow:hidden
}
.post-details-wrapper::after{
    content:"";
    display:block;
    position:absolute;
    bottom:20px;
    width:100%;
    height:1px;
    background:hsla(0,0%,100%,.2)
}
body.light .post-details-wrapper::after{
    background:rgba(25,27,29,.6)
}
.next-post{
    display:block;
    position:relative;
    width:100%;
    float:left;
    padding-top:30px
}
.next-post a{
    text-decoration:none
}
.next-post::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:hsla(0,0%,100%,.2)
}
body.light .next-post::before{
    background:rgba(25,27,29,.6)
}
h5.np-text{
    color:rgba(25,27,29,.6)
}
body.dark h5.np-text{
    color:hsla(0,0%,100%,.2)
}
h3.next-post-title{
    max-width:60%
}
.blog-classic .post.alioth-post{
    width:45%;
    float:left;
    margin:0 2.5%;
    margin-bottom:100px
}
.blog-classic .post-image{
    width:100%;
    height:100%
}
.blog-classic .post-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%
}
.alioth-blog.blog-classic{
    display:block;
    overflow:hidden
}
.blog-classic .post.alioth-post.sticky{
    width:95.5%;
    margin:0 auto;
    float:none;
    clear:both;
    margin-bottom:100px
}
.blog-classic .post.alioth-post.sticky .post-image{
    width:60%;
    display:block;
    float:left
}
.blog-classic .post.alioth-post.sticky .post-meta{
    width:40%
}
.blog-classic .post.alioth-post .post-title{
    margin-top:30px;
    margin-bottom:10px
}
.blog-classic .post-date{
    display:block;
    float:left
}
.blog-classic h5.post-date::after{
    content:"";
    display:inline-block;
    width:20px;
    height:1px;
    background:rgba(25,27,29,.6);
    vertical-align:middle;
    margin-top:-1px;
    margin-left:10px;
    margin-right:10px
}
.blog-classic .post-meta{
    display:block;
    float:left;
    overflow:hidden;
    width:100%;
    padding:0 25px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.blog-classic .post.sticky .post-meta{
    padding-top:50px
}
.alioth-blog.blog-classic .post.alioth-post .post-title h2{
    margin-bottom:0
}
.blog-classic .post-date,.blog-classic .post-cat{
    color:rgba(25,27,29,.6)
}
body.dark .blog-classic .post-date,.blog-classic.dark .post-date,body.dark .blog-classic .post-cat,.blog-classic.dark .post-cat{
    color:hsla(0,0%,100%,.4)
}
body.dark h5.post-date::after,.blog-classic.dark h5.post-date::after{
    background:hsla(0,0%,100%,.4)
}
body.dark .page-header{
    background:#131517
}
body.dark .page-title h1{
    color:#fff
}
.post.alioth-post .post-title{
    margin-top:25px
}
.post.alioth-post .post-title h3,.post.alioth-post .post-title h2{
    margin-bottom:10px
}
.blog-list .post.alioth-post{
    margin-bottom:60px;
    padding-bottom:30px
}
.blog-list .post-date{
    font-size:14px;
    color:rgba(25,27,29,.6)
}
.alioth-blog.blog-list{
    margin-top:50px
}
.blog-list .post-summary{
    font-size:16px;
    color:rgba(25,27,29,.6);
    display:block;
    float:left;
    line-height:32px
}
.blog-list .post-cat{
    font-size:14px;
    display:inline-block
}
.blog-list .post-cat::before{
    content:"";
    display:inline-block;
    width:25px;
    height:1px;
    background:hsla(0,0%,100%,.6);
    vertical-align:middle;
    margin:0 9px
}
body.light .blog-list .post-cat::before{
    background:#191b1d
}
.blog-list .post.alioth-post::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:rgba(25,27,29,.2)
}
body.dark .blog-list .post.alioth-post::after,.blog-list.dark .post.alioth-post::after{
    background:hsla(0,0%,100%,.4)
}
.blog-list .post.alioth-post .post-image{
    display:none
}
.blog-list .post-images{
    position:fixed;
    width:30%;
    -webkit-transform:translateY(50px) translateX(50px);
    -ms-transform:translateY(50px) translateX(50px);
    transform:translateY(50px) translateX(50px);
    z-index:55
}
.blog-list .post-images .post-image{
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden
}
.blog-list .post-images .post-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
body.dark .blog-list .post-cat,.blog-list.dark .post-cat,body.dark .blog-list .post-summary,.blog-list.dark .post-summary,body.dark .blog-list .post-date,.blog-list.dark .post-date{
    color:hsla(0,0%,100%,.4)
}
.alioth-products{
    display:block
}
.alioth-products-wrapper{
    display:block;
    float:left;
    width:100%
}
.products-met{
    display:block;
    width:100%;
    float:left;
    margin-bottom:30px
}
.products-met div{
    display:block;
    color:rgba(25,27,29,.6)
}
body.dark .products-met div{
    color:hsla(0,0%,100%,.2)
}
.products-count{
    float:left
}
.products-sorting{
    float:left
}
.alioth-products .product{
    position:relative;
    margin-bottom:40px
}
.alioth-products.column_1 .product,.alioth-products.column_1 .grid-sizer{
    width:100%
}
.alioth-products.column_2 .product,.alioth-products.column_2 .grid-sizer{
    width:47.5%
}
.alioth-products.column_3 .product,.alioth-products.column_3 .grid-sizer{
    width:30%
}
.alioth-products.column_1 .gutter{
    width:0
}
.gutter{
    width:40px
}
.alioth-products .product a{
    text-decoration:none;
    color:#191b1d
}
.alioth-products .product .product-image{
    width:100%;
    height:100%;
    overflow:hidden
}
.alioth-products .product .product-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease;
    -webkit-transform:scale(1.1) translateX(30px);
    -ms-transform:scale(1.1) translateX(30px);
    transform:scale(1.1) translateX(30px)
}
.alioth-products .product.is_inview .product-image img{
    -webkit-transform:scale(1) translateX(0);
    -ms-transform:scale(1) translateX(0);
    transform:scale(1) translateX(0)
}
.alioth-products .product:hover .product-image img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.product-details{
    position:absolute;
    top:7%;
    left:7%;
    z-index:1
}
.product-title{
    font-size:30px;
    font-weight:700;
    letter-spacing:-.05em;
    margin-bottom:11px
}
body.dark .product-acts a:hover,body.dark .product-title{
    color:#fff!important
}
.product-price{
    font-weight:700;
    font-size:20px;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6)
}
body.dark .product-price{
    color:hsla(0,0%,100%,.4)
}
.widget-title{
    display:block;
    font-size:20px;
    letter-spacing:-.05em;
    font-weight:700;
    margin-bottom:30px
}
.product-categories{
    display:block;
    width:100%
}
ul.product-cats{
    margin:0;
    padding:0;
    list-style:none
}
ul.product-cats li a{
    text-decoration:none;
    color:#191b1d
}
body.dark ul.product-cats li a{
    color:hsla(0,0%,100%,.2)
}
.product-acts{
    display:block;
    position:absolute;
    bottom:7%;
    left:7%;
    overflow:hidden
}
.product-acts a{
    display:block;
    font-size:30px;
    font-weight:700;
    letter-spacing:-.06em;
    color:rgba(25,27,29,.6)!important;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:color .1s ease,-webkit-transform .4s cubic-bezier(.42,.39,.06,.99);
    transition:color .1s ease,-webkit-transform .4s cubic-bezier(.42,.39,.06,.99);
    -o-transition:transform .4s cubic-bezier(.42,.39,.06,.99),color .1s ease;
    transition:transform .4s cubic-bezier(.42,.39,.06,.99),color .1s ease;
    transition:transform .4s cubic-bezier(.42,.39,.06,.99),color .1s ease,-webkit-transform .4s cubic-bezier(.42,.39,.06,.99)
}
body.dark .product-acts a{
    color:hsla(0,0%,100%,.2)!important
}
.product-acts a:hover{
    color:#191b1d!important
}
.alioth-products .product:hover .product-acts a{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.alioth-products .product::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#ebebeb;
    z-index:2;
    -webkit-transition:width 1s cubic-bezier(.54,.54,.14,.99);
    -o-transition:width 1s cubic-bezier(.54,.54,.14,.99);
    transition:width 1s cubic-bezier(.54,.54,.14,.99)
}
body.dark .alioth-products .product::before{
    background:#101010
}
.alioth-products .product.is_inview::before{
    width:0%
}
.product-page{
    padding-top:200px;
    display:block;
    overflow:hidden;
    margin-bottom:100px
}
.product-page::before{
    content:"";
    display:block;
    width:100%;
    height:36vh;
    background:#ebebeb;
    position:absolute;
    top:0;
    z-index:-1
}
body.dark .product-page::before{
    background:#131313
}
.single-product-wrap{
    display:block;
    width:83%;
    margin:0 auto;
    overflow:hidden
}
.single-product-slider{
    width:50%;
    display:block;
    float:left;
    padding-left:5%;
    position:relative
}
.single-product-slider img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%
}
.single-product-details{
    display:block;
    width:45%;
    float:left;
    padding-left:60px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:50px
}
.product-review{
    display:block;
    width:100%;
    margin-bottom:10px
}
ul.rate-proudct{
    list-style:none;
    padding:0;
    display:inline-block
}
ul.rate-proudct li{
    display:inline-block;
    font-size:12px
}
.product-review>span{
    display:inline-block;
    margin-left:10px;
    font-size:12px
}
.product-review>span::before{
    content:"("
}
.product-review>span::after{
    content:")"
}
.product-page .product-title{
    font-size:28px!important
}
.single-product-meta{
    display:block;
    width:50%;
    float:left;
    margin-top:50px;
    margin-left:5%
}
ul.single-product-mets{
    list-style:none;
    padding:0;
    text-align:center
}
ul.single-product-mets li{
    display:inline-block
}
ul.single-product-mets li a{
    font-size:25px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6);
    text-decoration:none
}
ul.single-product-mets li a.active{
    color:#191b1d
}
body.dark ul.single-product-mets li a{
    color:hsla(0,0%,100%,.4)
}
body.dark ul.single-product-mets li a.active{
    color:#fff
}
ul.single-product-mets li::after{
    content:"/";
    margin-left:7px;
    font-size:25px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6)
}
body.dark ul.single-product-mets li::after{
    color:hsla(0,0%,100%,.2)
}
ul.single-product-mets li:last-child::after{
    display:none
}
ul.single-product-mets li a:hover{
    color:#191b1d
}
body.dark ul.single-product-mets li a:hover{
    color:#fff
}
.product-summary{
    display:block;
    margin-top:40px
}
.add-to-cart{
    display:inline-block;
    margin-top:30px;
    margin-bottom:30px
}
.add-to-cart button{
    background:#ebebeb;
    border-radius:40px;
    padding:20px 40px;
    border:none
}
body.dark .add-to-cart button{
    background:#131313;
    color:#fff
}
.cart-add-quant{
    display:inline-block;
    margin-left:20px
}
span.caq-red,span.caq-inc{
    color:rgba(25,27,29,.6);
    cursor:pointer
}
body.dark span.caq-red,body.dark span.caq-inc{
    color:hsla(0,0%,100%,.2)
}
.cart-add-quant span{
    font-weight:700
}
span.caq-tot{
    font-size:25px;
    vertical-align:middle;
    display:inline-block;
    margin:0 5px
}
body.dark span.caq-tot{
    color:#fff
}
.product-dets{
    display:block;
    margin-top:20px
}
.product-dets div{
    display:block;
    margin-bottom:20px
}
.sp-dots.swiper-pagination-bullets{
    position:absolute;
    bottom:0;
    left:0
}
.sp-dots .swiper-pagination-bullet{
    display:block;
    margin-bottom:30px;
    background:0 0;
    font-size:12px;
    font-weight:700;
    color:#191b1d;
    opacity:.3
}
.sp-dots .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1
}
body.dark .sp-dots .swiper-pagination-bullet{
    color:#fff
}
.sp-arrows{
    position:absolute;
    left:12%;
    bottom:3%;
    z-index:1;
    pointer-events:none
}
.sp-arrows div{
    font-size:30px;
    display:inline-block;
    cursor:pointer;
    font-weight:700;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    -o-transition:transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease;
    pointer-events:all
}
.sp-arrows div.sp-next:hover{
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px)
}
.sp-arrows div.sp-prev:hover{
    -webkit-transform:translateY(5px);
    -ms-transform:translateY(5px);
    transform:translateY(5px)
}
ul.single-product-mets .desc{
    display:block;
    position:fixed;
    right:0;
    bottom:0;
    z-index:1;
    width:46%;
    background:#ebebeb;
    padding:40px 40px 80px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:left;
    display:none;
    z-index:2
}
ul.single-product-mets .desc .desc-close{
    position:absolute;
    right:40px;
    top:40px;
    font-size:30px;
    cursor:pointer
}
body.dark ul.single-product-mets .desc{
    background:#131313
}
.related-products.alioth-products.column_3{
    width:84%;
    margin:100px auto
}
.related-products.alioth-products.column_3 .product,.related-products.alioth-products.column_3 .grid-sizer{
    width:31%
}
.related-products.alioth-products.column_3 .product{
    height:500px
}
.project-page-header{
    display:block;
    width:100%;
    overflow:hidden
}
.project-page-header::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:50%;
    background:#fff;
    display:block;
    width:100%;
    z-index:-1
}
body.dark .project-page-header::before,.project-page-header.dark::before{
    background:#191b1d
}
.project-featured-image{
    display:block;
    width:100%;
    height:50%;
    position:relative;
    z-index:-2
}
.project-featured-image::before{
    content:"";
    display:block;
    position:absolute;
    background:#191b1d;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0
}
.project-featured-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.project-featured-video,.project-featured-video .plyr{
    width:100%;
    height:100%
}
.project-featured-video video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.project-featured-video .plyr--video .plyr__control.plyr__tab-focus,.project-featured-video .plyr--video .plyr__control:hover,.project-featured-video .plyr--video .plyr__control[aria-expanded=true]{
    background:#000
}
.project-featured-video .plyr__control--overlaid{
    background:#000
}
.project-featured-video .plyr__video-embed iframe{
    top:0%;
    height:100%;
    width:100%
}
.portfolio-showcase .plyr--full-ui.plyr--video .plyr__control--overlaid{
    display:none
}
.project-title{
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    overflow:hidden;
    display:block
}
.project-title h1.big-title{
    margin:0;
    display:block;
    font-size:110px;
    line-height:127px
}
.project-title h1 .tit_word{
    overflow:hidden;
    margin-top:-30px;
    padding-right:10px
}
.project-title h1 .tit_word span{
    display:block
}
.project-details{
    display:block;
    width:100%
}
.project-details{
    display:block;
    width:75%;
    margin:auto;
    overflow:hidden
}
.project-page-header.style_1 .project-details{
    overflow:visible
}
.project-meta{
    display:block;
    float:left;
    padding-left:9px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.project-metas{
    margin-top:-30px;
    overflow:hidden
}
.project-meta.project-cats{
    width:35%
}
.project-meta.meta-summary{
    width:65%
}
.project-cat{
    font-size:30px;
    font-weight:700;
    letter-spacing:-.06em;
    margin-bottom:25px;
    line-height:40px
}
.project-meta.meta-summary h5,.project-other h5,.project-cat{
    color:rgba(25,27,29,.6)
}
body.dark .project-meta.meta-summary h5,.project-page-header.dark .project-meta.meta-summary h5,body.dark .project-other h5,.project-page-header.dark .project-other h5,body.dark .project-cat,.project-page-header.dark .project-cat{
    color:hsla(0,0%,100%,.4)
}
.project-page-header.style_1{
    margin-bottom:100px
}
.project-page-header.style_1 .project-fetaured-image{
    height:55vh;
    width:100%
}
.project-page-header.style_1 .project-fetaured-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.project-page-header.style_2 .project-featured-image{
    height:100vh;
    margin-bottom:50px;
    overflow:hidden
}
.project-page-header.style_2::before{
    display:none
}
.project-page-header.style_2 .project-head{
    position:absolute;
    top:50vh;
    left:12.5%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.project-page-header.style_2 .project-title{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    margin-bottom:0;
    display:block;
    overflow:hidden
}
.project-page-header.style_2 .project-cat .cat-char,.project-page-header.style_2 .project-title .tt-char{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.tt-line{
    overflow:hidden;
    padding-right:5px
}
.project-page-header.style_2 .project-cat{
    font-size:50px;
    margin-left:6px;
    display:block;
    overflow:hidden;
    line-height:60px
}
.project-page-header.style_2{
    margin-bottom:100px
}
.project-page-header.style_2 .project-metas{
    margin-top:0
}
.project-page-header.style_2 .project-meta.project-other{
    width:35%
}
.project-page-header.style_2 .project-meta.project-summary{
    width:65%
}
.project-page-header.style_3{
    display:block;
    margin-bottom:100px
}
.project-page-header.style_3 .project-title{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    margin-bottom:35px;
    display:block;
    overflow:hidden
}
.project-page-header.style_3 .project-head{
    display:block;
    background:#ebebeb;
    padding:15% 8.5% 20px
}
body.dark .project-page-header.style_3 .project-head,.project-page-header.dark.style_3 .project-head{
    background:#131313
}
.project-page-header.style_3 .big-title{
    font-size:100px;
    margin-bottom:20px;
    overflow:hidden;
    display:block
}
.project-page-header .project-other span,.project-page-header .summ_line span,.project-page-header .project-cat .cat-char,.project-page-header .big-title .tt-char{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.project-page-header.style_3 .project-details{
    width:84%;
    margin-top:40px
}
.project-page-header.style_3 .project-metas{
    margin-top:0
}
.project-page-header.style_3 .project-meta.project-other{
    width:40%
}
.project-page-header.style_3 .project-meta.meta-summary{
    width:60%
}
.project-page-header.style_3 .project-cat{
    font-size:50px;
    margin-top:-30px;
    line-height:60px
}
.project-title .tit_word,.project-cat,.summ_line,.project-other h5{
    overflow:hidden
}
.project-cat span,.summ_line span,.project-other span,.project-title .tit_word span{
    display:block
}
s .next-project-section{
    overflow:hidden;
    margin-bottom:0;
    position:relative
}
.next-project-section a{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    padding-top:150px;
    padding-bottom:40px
}
.next-project-section::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:#f1f1f1;
    z-index:-1;
    width:100%;
    height:100%;
    -webkit-transition:height .8s cubic-bezier(.25,.74,.22,.99);
    -o-transition:height .8s cubic-bezier(.25,.74,.22,.99);
    transition:height .8s cubic-bezier(.25,.74,.22,.99)
}
body.dark .next-project-section::after{
    background:#101010
}
.next-project-section:hover::after{
    height:0%
}
.next-project-wrap,.next-project-wrap h1{
    color:#191b1d;
    display:block;
    float:left;
    width:100%;
    position:relative;
    -webkit-transition:color .1s ease .1s;
    -o-transition:color .1s ease .1s;
    transition:color .1s ease .1s
}
body.dark .next-project-wrap,body.dark .next-project-wrap h1{
    color:#fff!important
}
.next-project-section:hover .next-project-wrap h1::before{
    background:#191b1d
}
.next-project-wrap span{
    display:block;
    margin-bottom:20px;
    font-size:16px;
    opacity:.6
}
.next-project-wrap h1::after{
    content:"\eab8";
    font-family:icofont;
    display:block;
    float:right;
    text-align:right;
    font-weight:400;
    font-size:60px;
    -webkit-transition:0;
    -o-transition:0;
    transition:0;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.next-project-section:hover .next-project-wrap h1::after{
    -webkit-transform:translateX(10px);
    -ms-transform:translateX(10px);
    transform:translateX(10px);
    opacity:0
}
.next-project-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-2
}
.next-project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.alioth-works{
    display:block;
    width:100%;
    overflow:hidden
}
.aw-project{
    display:block;
    margin-bottom:200px;
    overflow:hidden;
    height:500px
}
.aw-project-image,.aw-project img{
    height:100%
}
.aw-project a{
    text-decoration:none;
    color:#191b1d
}
.aw-project-wrap{
    position:relative;
    overflow:hidden;
    height:100%
}
.aw-project .aw-project-wrap::before{
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    background:#ebebeb;
    z-index:1;
    -webkit-transition:width .8s cubic-bezier(.54,.54,.14,.99);
    -o-transition:width .8s cubic-bezier(.54,.54,.14,.99);
    transition:width .8s cubic-bezier(.54,.54,.14,.99)
}
body.dark .aw-project .aw-project-wrap::before{
    background:#101010
}
.aw-project.is_inview .aw-project-wrap::before{
    width:0
}
.alioth-works.column_2 .aw-works-sizer,.alioth-works.column_2 .aw-project{
    width:45%
}
.alioth-works.column_3 .aw-works-sizer,.alioth-works.column_3 .aw-project{
    width:30%
}
.alioth-works.column_3 .aw-project{
    margin-bottom:100px
}
.alioth-works.column_3 .aw-works-gutter{
    width:3%
}
.alioth-works.column_3 .aw-works-stamp{
    display:none
}
.aw-works-gutter{
    width:10%
}
.alioth-works.no-gutter .aw-works-gutter{
    width:0
}
.alioth-works.no-gutter .aw-project{
    margin-bottom:0
}
.aw-works-stamp{
    position:absolute;
    right:0;
    width:10px;
    height:100px
}
.aw-project img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.aw-project-meta{
    position:absolute;
    bottom:40px;
    left:40px
}
.aw-project-title{
    font-size:30px;
    font-weight:700;
    letter-spacing:-.06em;
    margin-bottom:5px
}
.aw-project-cat{
    font-size:20px;
    font-weight:600;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6)
}
body.dark .aw-project-cat{
    color:hsla(0,0%,100%,.4)
}
body.dark .aw-project-title{
    color:#fff
}
.aw-categories{
    display:block;
    margin-bottom:50px
}
ul.aw-cats{
    padding:0;
    list-style:none
}
ul.aw-cats li{
    display:inline-block;
    text-decoration:none;
    color:rgba(25,27,29,.6);
    font-size:30px;
    font-weight:700;
    letter-spacing:-.06em;
    cursor:pointer
}
ul.aw-cats li.active{
    color:#191b1d
}
ul.aw-cats li.active::after{
    color:#dbdbdb
}
ul.aw-cats li::after{
    content:"/";
    margin:0 10px
}
ul.aw-cats li:last-child::after{
    display:none
}
body.dark ul.aw-cats li{
    color:hsla(0,0%,100%,.2)
}
body.dark ul.aw-cats li.active{
    color:#fff
}
.portfolio-showcase.showcase-video{
    position:relative
}
.portfolio-showcase .plyr__controls{
    display:none
}
.plyr--full-ui input[type=range]{
    color:#000
}
.portfolio-showcase .plyr--video .plyr__control.plyr__tab-focus,.portfolio-showcase .plyr--video .plyr__control:hover,.portfolio-showcase .plyr--video .plyr__control[aria-expanded=true]{
    background:#000
}
.portfolio-showcase .plyr__control--overlaid{
    background:#000
}
.portfolio-showcase .plyr__video-embed iframe{
    top:0%;
    height:100%;
    width:100%
}
.portfolio-showcase .plyr--full-ui.plyr--video .plyr__control--overlaid{
    display:none
}
.portfolio-showcase .plyr{
    width:100%;
    height:100%;
    pointer-events:none
}
.portfolio-showcase .plyr__video-wrapper{
    width:calc((75vh - 2rem) * 1.77777778);
    min-width:100%;
    height:100%;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.showcase-video{
    width:100%;
    height:100%
}
.showcase-video video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
}
.showcase-footer{
    position:absolute;
    bottom:7.5%;
    width:83%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    pointer-events:none
}
.showcase-footer-left,.showcase-footer-right{
    display:block;
    float:left;
    width:50%;
    height:100%;
    pointer-events:all
}
.showcase-footer-right{
    text-align:right;
    float:right;
    pointer-events:all
}
.alioth-products-carousel{
    display:block
}
.apc-cats{
    display:block;
    float:left;
    width:100%;
    clear:both;
    margin-left:7.5%;
    margin-bottom:30px
}
.apc-cats ul{
    padding:0;
    list-style:none;
    display:inline-block;
    overflow:hidden
}
.apc-cats ul li{
    font-size:35px;
    font-weight:700;
    letter-spacing:-.06em;
    opacity:.3;
    display:inline-block;
    cursor:pointer;
    padding:0
}
.apc-cats ul.locked{
    pointer-events:none
}
.apc-cats ul li.active{
    opacity:1
}
.apc-cats ul li::after{
    content:"/";
    display:inline-block;
    margin:0 15px
}
.apc-cats ul li.active::after{
    opacity:.35
}
.apc-cats ul li:last-child::after{
    display:none
}
.apc-product-wrapper{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:auto;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    height:600px
}
.apc-product{
    display:block;
    height:100%;
    margin-right:30px;
    position:relative;
    width:31.3vw;
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.apc-product:hover img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.apc-product.hide{
    display:none
}
.apc-product-image{
    width:100%;
    height:100%;
    overflow:hidden
}
.apc-product-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:-webkit-transform .6s ease;
    transition:-webkit-transform .6s ease;
    -o-transition:transform .6s ease;
    transition:transform .6s ease;
    transition:transform .6s ease,-webkit-transform .6s ease
}
.apc-product-det{
    position:absolute;
    bottom:30px;
    left:30px
}
h3.apc-product-title{
    margin-bottom:5px
}
h4.apc-product-price{
    color:rgba(25,27,29,.6)!important
}
body.dark h4.apc-product-price{
    color:hsla(0,0%,100%,.2)!important
}
span.product-ov{
    position:absolute;
    top:0;
    right:0;
    width:0%;
    height:100%;
    background:#ebebeb
}
body.dark span.product-ov{
    background:#101010
}
.alioth-single-product{
    display:block;
    width:100%;
    position:relative
}
.alioth-single-product a{
    text-decoration:none;
    color:#191b1d
}
body.dark .alioth-single-product a{
    color:#fff
}
.asp-image,.asp-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%;
    display:block;
    float:left
}
.asp-det{
    display:block;
    float:left;
    padding:30px;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.asp-product-title{
    font-size:30px;
    font-weight:700;
    letter-spacing:-.05em;
    margin-bottom:15px;
    display:block;
    width:100%;
    float:left
}
.asp-product-price{
    display:block;
    float:left;
    font-size:18px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6)
}
body.dark .asp-product-price{
    color:hsla(0,0%,100%,.4)
}
.asp-add-to-cart{
    display:block;
    float:right;
    font-size:30px;
    margin-top:-10px
}
.asp-add-to-cart i{
    color:rgba(25,27,29,.6)
}
.asp-product-rate{
    display:block;
    float:left;
    margin-bottom:10px
}
ul.asp-rate{
    list-style:none;
    padding:0
}
ul.asp-rate li{
    display:inline-block;
    font-size:12px
}
.alioth-products-cta{
    display:block;
    width:100%;
    position:relative
}
.ap-cta-image{
    width:100%;
    display:block
}
.ap-cta-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
}
.ap-cta-det{
    position:absolute;
    bottom:70px;
    left:70px
}
.ap-cta-sub-title{
    font-size:18px
}
.ap-cta-title{
    font-size:40px;
    font-weight:700;
    letter-spacing:-.06em;
    margin:25px 0;
    line-height:45px
}
.ap-cta-button{
    display:block
}
.ap-cta-button a{
    text-decoration:none;
    color:rgba(25,27,29,.6);
    font-size:18px;
    font-weight:600;
    letter-spacing:-.05em
}
.alioth-products-cta.pos-top .ap-cta-det{
    top:70px;
    bottom:unset
}
.alioth-products-cta.light .ap-cta-sub-title,.alioth-products-cta.light .ap-cta-title{
    color:#fff
}
.alioth-products-cta.light .ap-cta-button a{
    color:hsla(0,0%,100%,.4)
}
.alioth-product-categories{
    display:block;
    width:100%;
    float:left
}
.apcats-cat{
    display:block;
    width:100%;
    float:left;
    padding:40px 0;
    position:relative
}
.apcats-cat a{
    text-decoration:none;
    color:#191b1d
}
body.dark .apcats-cat a{
    color:#fff
}
.apc-cat-title{
    font-size:75px;
    font-weight:700;
    letter-spacing:-.06em;
    display:inline-block;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    -o-transition:transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.apc-cat-quant{
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    font-weight:700;
    letter-spacing:-.06em;
    margin-left:50px
}
.apc-cat-quant::before{
    content:"/";
    display:inline-block;
    margin-right:3px
}
.apcats-cat::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:1px;
    background:rgba(25,27,29,.2)
}
body.dark .apcats-cat::before{
    background:hsla(0,0%,100%,.2)
}
.apcats-cat::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:0%;
    height:1px;
    background:#191b1d;
    -webkit-transition:width .4s ease;
    -o-transition:width .4s ease;
    transition:width .4s ease
}
body.dark .apcats-cat::after{
    background:#fff
}
.apc-cat-mark{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translate(-25%,-50%);
    -ms-transform:translate(-25%,-50%);
    transform:translate(-25%,-50%);
    font-size:50px
}
.apcats-cat:hover .apc-cat-title{
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px)
}
.apcats-cat:hover::after{
    width:100%
}
.scroll-notice{
    position:relative;
    display:inline-block;
    width:auto;
    cursor:pointer
}
.scroll-notice span:last-child{
    display:block;
    position:relative;
    width:auto;
    white-space:nowrap;
    font-size:12px;
    font-weight:600;
    color:rgba(25,27,29,.6);
    writing-mode:vertical-lr
}
body.dark .scroll-notice span{
    color:hsla(0,0%,100%,.4)
}
span.sn_bef{
    position:absolute;
    width:1px;
    height:40px;
    background:rgba(25,27,29,.6);
    bottom:140%;
    left:5px
}
body.dark .scroll-notice span.sn_bef{
    background:hsla(0,0%,100%,.4)
}
.a-plus-button{
    position:relative;
    display:inline-block;
    cursor:pointer;
    width:50px;
    height:50px
}
.a-plus-button::before{
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:1px;
    background:#191b1d;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.a-plus-button::after{
    content:"";
    display:block;
    position:absolute;
    width:1px;
    height:50px;
    background:#191b1d;
    left:50%;
    top:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:-webkit-transform .6s ease;
    transition:-webkit-transform .6s ease;
    -o-transition:transform .6s ease;
    transition:transform .6s ease;
    transition:transform .6s ease,-webkit-transform .6s ease
}
body.dark .a-plus-button::before,body.dark .a-plus-button::after,.a-plus-button.light::after,.a-plus-button.light::before{
    background:#fff
}
.a-plus-button a{
    display:block;
    width:100%;
    height:100%;
    white-space:nowrap;
    color:#191b1d;
    font-size:12px;
    overflow:hidden;
    font-weight:600
}
body.dark .a-plus-button a,.a-plus-button.light a{
    color:#fff
}
.a-plus-button a>span{
    display:inline-block;
    position:absolute;
    top:30%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    left:50%;
    overflow:hidden
}
.a-plus-button a>span>span{
    display:block;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:-webkit-transform .3s ease .3s;
    transition:-webkit-transform .3s ease .3s;
    -o-transition:transform .3s ease .3s;
    transition:transform .3s ease .3s;
    transition:transform .3s ease .3s,-webkit-transform .3s ease .3s
}
.a-plus-button:hover a>span>span{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.a-plus-button:hover::after{
    -webkit-transform:translateX(-50%) rotate(270deg);
    -ms-transform:translateX(-50%) rotate(270deg);
    transform:translateX(-50%) rotate(270deg)
}
.fullscreen-wall-showcase{
    position:fixed;
    width:100%;
    height:100%
}
.fw-projects{
    position:fixed;
    top:50%;
    left:7.5%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    display:block;
    width:70%;
    z-index:1
}
.fw-projects .fwt-line{
    overflow:hidden
}
.fw-images{
    position:fixed;
    top:0;
    right:0;
    width:50%;
    height:100%;
    pointer-events:none
}
.portfolio-showcase .fw-images .plyr__video-wrapper{
    width:calc((100vh) * 1.77777778)
}
.fw-images .fw-project-image,.fw-images .fw-project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
}
.fw-images .fw-project-image{
    position:absolute;
    top:0;
    right:0
}
.fw-project{
    display:inline-block;
    padding:20px 0;
    cursor:pointer;
    overflow:hidden;
    padding-right:5px
}
.fw-project a{
    text-decoration:none;
    color:#191b1d;
    display:inline-block
}
body.dark .fw-project a,.fullscreen-wall-showcase.dark .fw-project a{
    color:#fff
}
.fw-projects .fw-project-image{
    display:none
}
.fw-project .fw-project-category{
    display:none
}
.fw-project-title{
    font-size:60px;
    font-weight:700;
    letter-spacing:-.06em;
    display:inline-block;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.fw-project.opdown .fw-project-title{
    opacity:.2
}
.fw-project.active.opdown .fw-project-title{
    opacity:1
}
.fw-project-image-wrap{
    position:absolute;
    top:0;
    right:0;
    width:0%;
    height:100%;
    overflow:hidden
}
.fw-project::after{
    content:"/";
    display:inline-block;
    font-size:60px;
    margin:0 20px;
    font-weight:700;
    color:rgba(25,27,29,.2)
}
.fwt-line .fw-project:last-child::after{
    display:none
}
.fw-cat{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6);
    overflow:hidden
}
body.dark .fw-cat,.fullscreen-wall-showcase.dark .fw-cat,body.dark .fw-project::after,.fullscreen-wall-showcase.dark .fw-project::after{
    color:hsla(0,0%,100%,.6)
}
.portfolio-showcase.fullscreen-carousel-showcase{
    width:100%;
    display:block;
    position:relative
}
.swiper-slide.cs-project{
    height:100vh;
    display:block;
    position:relative;
    border-right:1px solid #e4e4e4;
    cursor:pointer
}
.cs-project .cs-project-image{
    display:none
}
.cs-images{
    position:fixed;
    display:block;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    z-index:-1
}
.cs-images .cs-project-image img,.cs-images .cs-project-image{
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0
}
.cs-project-dets{
    position:absolute;
    top:50%;
    left:10%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.cs-project-title{
    display:block;
    font-size:50px;
    font-weight:700;
    letter-spacing:-.06em;
    max-width:75%;
    line-height:55px;
    margin-bottom:10px
}
.cs-project-cat{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.05em;
    color:#616161
}
.cs-project-excerpt{
    display:block;
    overflow:hidden;
    max-height:0;
    max-width:70%;
    font-size:14px;
    line-height:28px;
    margin:0;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.cs-project.hovered .cs-project-excerpt{
    max-height:100px;
    margin:20px 0
}
.cs-rpoject-button{
    display:none
}
.swiper-slide.cs-project::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:rgb(255 255 255/50%);
    width:100%;
    height:100%;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    z-index:-1;
    opacity:0;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.swiper-slide.cs-project.hovered::after{
    opacity:1
}
.portfolio-showcase.showcase-classic{
    width:83%;
    display:block;
    margin:auto;
    position:relative;
    padding-top:10%;
    overflow:hidden
}
.sc-projects-wrapper{
    position:relative;
    width:75%;
    float:right;
    overflow:hidden;
    height:100%;
    display:block
}
.sc-project-image{
    width:45%;
    height:100%
}
.sc-project-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.sc-project{
    display:block;
    margin-bottom:100px;
    float:left;
    width:100%
}
.sc-project:nth-child(even){
    text-align:right
}
.sc-project:nth-child(even) .sc-project-image{
    float:right
}
.sc-project-title{
    display:block;
    font-size:40px;
    font-weight:700;
    letter-spacing:-.06em
}
.sc-project-cat{
    font-size:25px;
    font-weight:700;
    letter-spacing:-.05em;
    color:#8f8d8d
}
.sc-project-meta{
    margin-top:15px;
    padding-left:15px;
    display:block;
    width:100%
}
.sc-project:nth-child(even) .sc-project-meta{
    float:right;
    padding-left:0;
    padding-right:15px
}
.portfolio-showcase.showcase-list{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
.showcase-list-wrapper{
    position:relative;
    left:25%;
    width:100%;
    height:100%;
    margin-top:250px
}
.portfolio-showcase.showcase-list .plyr{
    min-height:500px
}
.sl-project{
    display:block;
    padding:40px 0;
    cursor:pointer;
    z-index:auto;
    -webkit-transition:opacity .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,-webkit-transform .3s ease;
    -o-transition:transform .3s ease,opacity .3s ease;
    transition:transform .3s ease,opacity .3s ease;
    transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    position:relative
}
.sl-project a{
    text-decoration:none;
    color:#191b1d;
    display:block;
    overflow:hidden
}
.showcase-list.dark .sl-project a,body.dark .sl-project a{
    color:#fff
}
.sl-project.opdown{
    opacity:.1
}
.sl-project:hover{
    -webkit-transform:translateX(30px);
    -ms-transform:translateX(30px);
    transform:translateX(30px)
}
.sl-images{
    position:fixed;
    z-index:-1
}
.sl-images .sl-project-image{
    width:50vw;
    position:absolute;
    top:0;
    overflow:hidden;
    pointer-events:none;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    visibility:hidden
}
.sl-images .sl-project-image .sl-hover-wrap{
    width:100%;
    height:100%;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7);
    overflow:hidden;
    -webkit-transition:-webkit-transform .6s cubic-bezier(0,.55,.45,1);
    transition:-webkit-transform .6s cubic-bezier(0,.55,.45,1);
    -o-transition:transform .6s cubic-bezier(0,.55,.45,1);
    transition:transform .6s cubic-bezier(0,.55,.45,1);
    transition:transform .6s cubic-bezier(0,.55,.45,1),-webkit-transform .6s cubic-bezier(0,.55,.45,1)
}
.sl-images .sl-project-image img{
    width:100%;
    height:100%;
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    -webkit-transition:-webkit-transform .6s cubic-bezier(0,.55,.45,1);
    transition:-webkit-transform .6s cubic-bezier(0,.55,.45,1);
    -o-transition:transform .6s cubic-bezier(0,.55,.45,1);
    transition:transform .6s cubic-bezier(0,.55,.45,1);
    transition:transform .6s cubic-bezier(0,.55,.45,1),-webkit-transform .6s cubic-bezier(0,.55,.45,1)
}
.sl-images .sl-project-image.active .sl-hover-wrap{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.sl-images .sl-project-image.active img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.sl-project-title{
    font-size:100px;
    font-weight:700;
    letter-spacing:-.06em;
    position:relative;
    z-index:-1
}
.sl-project::before{
    content:attr(data-index);
    position:absolute;
    left:0;
    top:20px;
    font-size:16px;
    letter-spacing:0;
    font-weight:500;
    -webkit-transform:translateX(-150%);
    -ms-transform:translateX(-150%);
    transform:translateX(-150%);
    color:rgba(25,27,29,.6);
    opacity:0
}
.sl-project-meta div{
    display:inline-block;
    font-size:20px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6)
}
.showcase-list.dark .sl-project::before,body.dark .sl-project::before,.showcase-list.dark .sl-project-meta div,body.dark .sl-project-meta div{
    color:hsla(0,0%,100%,.4)
}
.sl-project-cat::after{
    content:"/";
    display:inline-block;
    margin-left:7px;
    opacity:.5
}
.sl-project-meta{
    display:block;
    margin-top:10px;
    margin-left:5px;
    position:relative;
    z-index:-1
}
.sl-project:hover .sl-project-title,.sl-project:hover .sl-project-meta{
    z-index:5
}
.sl-scroll{
    display:block;
    position:relative;
    width:100%;
    overflow:hidden
}
.portfolio-showcase.showcase-list .showcase-footer{
    position:fixed
}
.fullscreen-slider-showcase{
    display:block;
    position:relative;
    width:100%;
    height:100vh
}
@supports(-webkit-touch-callout:none){
    .fullscreen-slider-showcase{
        height:-webkit-fill-available
    }
}
.fullscreen-slider-showcase .slide-bgimg,.fullscreen-slider-showcase .swiper-wrapper{
    -webkit-transition-timing-function:cubic-bezier(.87,0,.13,1)!important;
    -o-transition-timing-function:cubic-bezier(.87,0,.13,1)!important;
    transition-timing-function:cubic-bezier(.87,0,.13,1)!important
}
.fs-project.swiper-slide .fs-project-image{
    display:none
}
.fs-project{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility:hidden;
    z-index:2;
    pointer-events:none
}
.fs-project.active{
    visibility:visible
}
.fs-project-dets{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    display:block;
    width:40%;
    left:15%
}
.fs-title{
    font-size:110px;
    font-weight:700;
    letter-spacing:-.06em;
    margin-bottom:100px;
    line-height:115px;
    width:100%;
    display:block;
    overflow:hidden
}
.fullscreen-slider-showcase.dark .fs-title,body.dark .fullscreen-slider-showcase .fs-title{
    color:#fff
}
.fs-meta{
    display:inline-block;
    margin-left:5px
}
.fs-meta span{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.06em;
    color:rgba(25,27,29,.6);
    line-height:25px
}
.fullscreen-slider-showcase.dark .fs-meta span,body.dark .fullscreen-slider-showcase .fs-meta span{
    color:hsla(0,0%,100%,.5)
}
span.fs-year::before{
    content:"/";
    margin:0 5px
}
.fs-nav{
    display:block
}
.fs-nav span{
    font-size:16px;
    font-weight:700;
    letter-spacing:-.06em;
    display:inline-block;
    color:rgba(25,27,29,.6);
    cursor:pointer
}
.fs-nav span.swiper-pagination-progressbar-fill{
    background:#191b1d
}
.fullscreen-slider-showcase.dark .fs-nav span,body.dark .fullscreen-slider-showcase .fs-nav span{
    color:hsla(0,0%,100%,.6)
}
span.fs-prog{
    width:100px;
    height:1px;
    background:rgba(25,27,29,.3);
    vertical-align:middle;
    margin-top:-1px;
    margin-left:15px;
    margin-right:15px;
    position:relative
}
.fullscreen-slider-showcase.dark span.fs-prog,body.dark .fullscreen-slider-showcase span.fs-prog{
    background:hsla(0,0%,100%,.2)
}
.fullscreen-slider-showcase.dark .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill,body.dark .fullscreen-slider-showcase .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill{
    background:#fff
}
span.fs-prog-bar{
    background:#191b1d;
    width:50%;
    height:1px;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.fullscreen-slider-showcase.dark span.fs-prog-bar,body.dark .fullscreen-slider-showcase span.fs-prog-bar{
    background:#fff
}
.fullscreen-slider-showcase.dark .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill,body.dark .fullscreen-slider-showcase .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill{
    color:#fff
}
.fs-button{
    position:absolute;
    right:20%;
    top:32%;
    display:block;
    pointer-events:all
}
.fs-button a{
    text-decoration:none;
    color:#191b1d;
    font-size:16px;
    font-weight:700;
    letter-spacing:-.05em;
    position:relative;
    display:block
}
.fullscreen-slider-showcase.dark .fs-button a::after,body.dark .fs-button a::after,.fullscreen-slider-showcase.dark .fs-button a,body.dark .fs-button a{
    color:#fff
}
.fs-button a::after{
    content:"\ea5d";
    font-family:IcoFont;
    font-size:20px;
    vertical-align:middle;
    margin-left:10px;
    margin-top:-1px;
    display:inline-block
}
.fs-button,.fs-meta,.fs-fraction{
    overflow:hidden
}
.fs-tit-char{
    overflow:hidden;
    padding-right:3px;
    margin-right:-3px
}
.fs-tit-char>span,.fs-button>span,.fs-meta>span,.fs-fraction>span{
    display:block
}
.fs-images{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0
}
.fs-images .fs-project-image .fs-im-wrap{
    position:absolute;
    width:100%;
    height:100%
}
.fs-images .fs-project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.fs-fraction{
    display:block;
    position:absolute;
    left:8.5%;
    top:29.5%;
    overflow:hidden;
    z-index:2
}
.fs-fraction span{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.06em;
    font-size:15px;
    color:rgba(25,27,29,.6);
    display:block
}
.fullscreen-slider-showcase.dark .fs-fraction span,body.dark .fs-fraction span{
    color:hsla(0,0%,100%,.4)
}
span.fs-tot::before{
    content:"/";
    margin-right:5px
}
.fs-img-wrap{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden
}
.portfolio-showcase.carousel-showcase{
    width:100%;
    height:100vh
}
.cas-project-wrapper{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    top:50%
}
.cas-project{
    display:block;
    margin-right:300px;
    width:50vw;
    position:relative;
    height:50vh
}
.cas-project .cs-cat{
    display:none
}
.cas-project:last-child{
    margin-right:0
}
.cas-headline{
    position:absolute;
    top:50%;
    left:8.5%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    max-width:80vw;
    font-size:60px;
    font-weight:700;
    letter-spacing:-.06em;
    line-height:75px;
    padding-left:5%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.cas-headline .cas-line{
    overflow:hidden;
    padding-right:6px
}
.cas-headline .cas-line span{
    display:block
}
.cs-image{
    width:100%;
    overflow:hidden;
    height:100%
}
.cs-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%
}
.cas-progress.swiper-pagination-progressbar{
    position:absolute;
    bottom:5%;
    top:unset;
    width:60%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    height:1px
}
.cas-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#191b1d
}
.cas-titles{
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align:center;
    height:250px;
    overflow:hidden
}
.cas-titles .cas-titles-wrap{
    display:block;
    position:relative;
    overflow:hidden;
    -webkit-transform:translateY(250px);
    -ms-transform:translateY(250px);
    transform:translateY(250px)
}
.cas-titles .cs-title{
    font-size:150px;
    font-weight:700;
    letter-spacing:-.06em;
    white-space:nowrap;
    padding:50px 0
}
.cas-titles .cs-title a{
    text-decoration:none;
    color:#191b1d;
    display:block;
    overflow:hidden
}
.cas-progress{
    display:block;
    position:fixed;
    bottom:7.5%;
    width:50%;
    height:1px;
    background:rgba(25,27,29,.2);
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.cas-progress span{
    position:absolute;
    left:0;
    background:#191b1d;
    height:100%;
    width:0%
}
.carousel-showcase.dark .cas-progress,body.dark .cas-progress{
    background:hsla(0,0%,100%,.2)
}
.carousel-showcase.dark .cas-progressspan,body.dark .cas-progress span{
    background:#fff
}
.cas-bg-text{
    font-size:200px;
    font-weight:700;
    letter-spacing:-.07em;
    position:fixed;
    top:10%;
    left:0;
    white-space:nowrap;
    opacity:.02
}
.carousel-showcase.dark .cas-titles .cs-title a,body.dark .cas-titles .cs-title a,.carousel-showcase.dark .cas-headline,body.dark .cas-headline{
    color:#fff
}
.portfolio-showcase.showcase-slideshow{
    position:relative;
    width:100%;
    height:100vh
}
@supports(-webkit-touch-callout:none){
    .portfolio-showcase.showcase-slideshow{
        height:-webkit-fill-available
    }
}
.showcase-slideshow-wrapper{
    position:absolute;
    top:50%;
    right:10%;
    -webkit-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    transform:translatey(-50%);
    width:35%;
    height:68%
}
.ss-project{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    visibility:hidden
}
.ss-project.active{
    visibility:visible
}
.ss-project .ss1-image{
    display:none
}
.ss1-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ss1-details{
    position:relative;
    top:40%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    overflow:hidden
}
.ss1-met-wrap{
    display:block;
    float:right;
    width:60%
}
.ss1-title{
    font-size:100px;
    font-weight:700;
    letter-spacing:-.06em;
    float:left;
    width:100%;
    display:block;
    line-height:120px
}
.ss1-title .st-line{
    display:block
}
.ss1-summary{
    float:left;
    width:100%;
    margin-top:50px;
    font-size:14px;
    line-height:25px
}
.ss1-date{
    position:absolute;
    top:0;
    right:0
}
.ss1-cat{
    display:block;
    font-size:30px;
    line-height:35px;
    font-weight:700;
    letter-spacing:-.05em;
    color:rgba(25,27,29,.6);
    margin-left:100px;
    margin-bottom:30px;
    float:left;
    overflow:hidden
}
.showcase-slideshow.dark .ss1-title,.showcase-slideshow.dark .ss1-dots.swiper-pagination-bullets span,.showcase-slideshow.dark .ss1-date,body.dark .ss1-title,body.dark .ss1-dots.swiper-pagination-bullets span,body.dark .ss1-date{
    color:#fff
}
.showcase-slideshow.dark .ss1-cat,body.dark .ss1-cat,.showcase-slideshow.dark .ss1-summary,body.dark .ss1-summary{
    color:hsla(0,0%,100%,.4)
}
.ss1-images{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.ss1-images .ss1-image-wrap img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ss1-image-wrap{
    width:100%;
    height:100%
}
.ss1-image-wrap.active{
    width:100%
}
.ss1-image-wrapper{
    position:absolute;
    top:0;
    left:0
}
.ss1-sl-image{
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.ss1-sl-image{
    position:absolute;
    top:50%;
    left:15%;
    -webkit-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    transform:translatey(-50%);
    width:50%;
    height:62%;
    overflow:hidden
}
.ss1-sl-image .plyr__video-wrapper{
    width:calc((75vh) * 1.77777778)!important
}
.ss1-sl-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ss1-images .swiper-wrapper{
    -webkit-transition-timing-function:cubic-bezier(.51,.51,0,1.01);
    -o-transition-timing-function:cubic-bezier(.51,.51,0,1.01);
    transition-timing-function:cubic-bezier(.51,.51,0,1.01)
}
.ss1-dots.swiper-pagination-bullets{
    position:absolute;
    top:50%;
    left:8%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:3
}
.ss1-dots.swiper-pagination-bullets span{
    width:auto;
    height:auto;
    background:0 0!important;
    display:block;
    margin-bottom:40px;
    font-size:12px;
    font-weight:600;
    letter-spacing:-.04em;
    cursor:pointer;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.ss1-dots.swiper-pagination-bullets span:last-child{
    margin-bottom:0
}
.ss1-fraction{
    position:absolute;
    right:8%;
    bottom:5%
}
.ss1-fraction div{
    font-size:14px;
    font-weight:500;
    letter-spacing:-.05em
}
.ss1-curr::after{
    content:"";
    display:block;
    width:1px;
    height:30px;
    background:rgba(25,27,29,.6);
    margin:10px auto
}
.showcase-slideshow.dark .ss1-fraction div,body.dark .ss1-fraction div{
    color:#fff
}
.showcase-slideshow.dark .ss1-curr::after,body.dark .ss1-curr::after{
    background:hsla(0,0%,100%,.2)
}
.ss1-button{
    display:block;
    border-radius:50px;
    background:#ebebeb;
    display:inline-block;
    position:absolute;
    right:20%;
    bottom:20%;
    overflow:hidden;
    white-space:nowrap
}
.ss1-button a{
    display:block;
    text-decoration:none;
    color:#191b1d;
    padding:20px 40px
}
body.dark .ss1-button{
    background:hsla(0,0%,100%,.2)
}
body.dark .ss1-button a{
    color:#fff
}
.ss1-button a::after{
    content:"\ea94";
    font-family:IcoFont;
    font-size:20px;
    display:inline-block;
    vertical-align:middle
}
.ss1-nav{
    position:absolute;
    bottom:5%;
    left:8%
}
.ss1-nav i{
    font-size:25px
}
.ss1-prev::after{
    content:"";
    display:block;
    width:1px;
    height:20px;
    background:#191b1d;
    margin:0 auto;
    margin-top:-16px
}
.ss1-next::before{
    content:"";
    display:block;
    width:1px;
    height:20px;
    background:#191b1d;
    margin:0 auto;
    margin-bottom:-16px
}
.ss1-nav div{
    padding:10px 0;
    cursor:pointer
}
.showcase-slideshow.dark .ss1-nav div,body.dark .ss1-nav div{
    color:#fff
}
.showcase-slideshow.dark .ss1-prev::after,.showcase-slideshow.dark .ss1-next::before,body.dark .ss1-prev::after,body.dark .ss1-next::before{
    background:#fff;
    color:#fff
}
.tl-wrap,.ssum-line{
    display:block;
    overflow:hidden
}
.ss2-project{
    position:absolute;
    width:100%;
    height:100%
}
.portfolio-showcase.showcase-slideshow-v2{
    position:relative;
    width:100%;
    height:100vh
}
.portfolio-showcase.showcase-slideshow-v2::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:#191b1d;
    width:100%;
    height:100%;
    z-index:3;
    opacity:0;
    pointer-events:none
}
.showcase-slideshow-2-wrapper{
    display:block;
    position:relative;
    max-width:35%;
    height:70%;
    top:50%;
    left:16%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ss2-project-meta{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ss2-project-image{
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute
}
.ss2-project-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%
}
.ss2-project .ss2-project-image{
    display:none
}
.ss2-images{
    position:absolute;
    right:8.5%;
    top:50%;
    width:35%;
    height:70%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.slide-bgimg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover
}
.ss2-project-title{
    font-size:100px;
    font-weight:700;
    letter-spacing:-.06em;
    display:block;
    margin-bottom:30px;
    line-height:120px
}
body.dark .ss2-button a,.showcase-slideshow-v2.dark .ss2-button a,.showcase-slideshow-v2.dark .ss2-dots span.ss2-dot,body.dark .ss2-dots span.ss2-dot,body.dark .ss2-project-cat,.showcase-slideshow-v2.dark .ss2-project-cat,body.dark .ss2-project-title,.showcase-slideshow-v2.dark{
    color:#fff
}
body.dark .ss2-overlay,.showcase-slideshow-v2.dark .ss2-overlay{
    color:#131313
}
.ss2-project-cat{
    display:inline-block;
    margin-bottom:25px;
    overflow:hidden;
    line-height:35px;
    font-size:25px;
    font-weight:700;
    letter-spacing:-.06em;
    color:rgba(25,27,29,.6)
}
body.dark .ss2-project-excerpt,.showcase-slideshow-v2.dark .ss2-project-excerpt,body.dark .ss2-project-cat,.showcase-slideshow-v2.dark .ss2-project-cat{
    color:hsla(0,0%,100%,.4)
}
body.dark .ss2-back-texts,.showcase-slideshow-v2.dark .ss2-back-texts{
    color:hsla(0,0%,100%,.01)
}
.ss2-project-cat span{
    display:block
}
.ss2-project-excerpt{
    width:60%;
    font-size:14px;
    line-height:28px;
    margin-left:7px;
    color:rgba(25,27,29,.4)
}
.ss2-project-excerpt>div{
    display:block;
    overflow:hidden
}
.ss2-project-excerpt>div>span{
    display:block
}
.ss2-overlay{
    position:absolute;
    right:0;
    top:0;
    width:25%;
    height:100%;
    background:#ebebeb;
    z-index:-2
}
body.dark .ss2-button,.showcase-slideshow-v2.dark .ss2-button,body.dark .ss2-overlay,.showcase-slideshow-v2.dark .ss2-back-texts{
    background:#131313
}
.fullscreen-footer.ss2-footer{
    position:absolute;
    bottom:8%;
    left:7.5%;
    display:block;
    right:7.5%
}
.ss2-footer-left{
    position:absolute;
    left:0;
    bottom:30px
}
.ss2-footer-right{
    position:absolute;
    right:0
}
.ss2-dots{
    position:absolute;
    left:8.5%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ss2-dots span.ss2-dot{
    display:block;
    cursor:pointer;
    margin-left:25px;
    opacity:.3;
    font-size:12px;
    font-weight:700;
    letter-spacing:-.05em;
    padding:15px 0;
    background:0 0;
    width:0;
    height:0;
    border-radius:0;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    margin-bottom:20px
}
.ss2-dot::after{
    content:"";
    display:inline-block;
    width:0;
    height:1px;
    background:#191b1d;
    vertical-align:middle;
    margin-top:-25px;
    margin-left:20px;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.ss2-dots span.ss2-dot:hover{
    opacity:.6
}
.ss2-dots span.ss2-dot.swiper-pagination-bullet-active{
    opacity:1;
    margin-left:0
}
.ss2-dot.swiper-pagination-bullet-active::after{
    width:20px
}
.ss2-project .title-line{
    overflow:hidden
}
.ss2-project{
    visibility:hidden
}
.ss2-project.active{
    visibility:visible
}
.ss2-nav{
    position:absolute;
    bottom:8%;
    right:25%;
    -webkit-transform:translateX(-30%);
    -ms-transform:translateX(-30%);
    transform:translateX(-30%)
}
.ss2-nav div{
    display:inline-block;
    cursor:pointer;
    vertical-align:middle
}
.ss2-nav i{
    font-size:25px;
    display:inline-block;
    vertical-align:middle
}
.ss2-prev::after{
    content:"";
    display:inline-block;
    width:15px;
    height:1px;
    background:#191b1d;
    vertical-align:middle;
    margin-left:-15px
}
.ss2-nav div.ss2-prev{
    margin-right:15px
}
.ss2-next::before{
    content:"";
    display:inline-block;
    width:15px;
    height:1px;
    background:#191b1d;
    vertical-align:middle;
    margin-right:-15px
}
.ss2-nav div.ss2-next{
    margin-left:15px
}
.ss2-fract div{
    display:inline-block;
    font-size:12px
}
.ss2-fract .ss2-curr::after{
    content:'/';
    display:inline-block;
    margin-left:4px
}
.ss2-back-texts{
    position:absolute;
    top:22%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:220px;
    font-weight:700;
    white-space:nowrap;
    color:rgba(25,27,29,.02);
    width:100%;
    height:auto
}
.ss2-back-text{
    position:absolute;
    top:0;
    left:0;
    visibility:hidden
}
.ss2-back-text.active{
    visibility:visible
}
.ss2-back-text .bt-char{
    overflow:hidden
}
.ss2-back-text .bt-char span{
    display:block
}
.ss2-button{
    position:absolute;
    width:150px;
    height:150px;
    background:#ebebeb;
    border-radius:50%;
    bottom:20%;
    left:50%;
    -webkit-transform:translateX(-80%);
    -ms-transform:translateX(-80%);
    transform:translateX(-80%);
    z-index:2
}
.ss2-button a{
    text-decoration:none;
    color:#191b1d;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:auto;
    white-space:nowrap;
    display:block
}
.ss2-button a::after{
    content:"\eac7";
    display:block;
    text-align:center;
    font-family:IcoFont;
    margin-top:10px;
    font-size:20px
}
.project-image{
    display:none
}
.portfolio-showcase.showcase-wall{
    position:relative;
    width:100%;
    height:100vh
}
.wall-projects{
    position:absolute;
    top:57%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
.wall-projects-top,.wall-projects-bottom{
    white-space:nowrap;
    display:inline-block;
    width:auto
}
.wall-projects-top{
    margin-bottom:30px;
    -webkit-transform:translateX(10%);
    -ms-transform:translateX(10%);
    transform:translateX(10%)
}
.wall-projects-bottom{
    float:right;
    -webkit-transform:translateX(-10%);
    -ms-transform:translateX(-10%);
    transform:translateX(-10%)
}
.wall-project{
    display:inline-block
}
.wall-project a{
    text-decoration:none;
    color:#191b1d;
    display:block
}
.showcase-wall.dark .wall-project a,body.dark .wall-project a{
    color:#fff
}
.wall-project .project-title{
    font-size:125px;
    font-weight:700;
    letter-spacing:-.07em;
    line-height:125px;
    overflow:visible
}
.wall-project .project-title::after{
    content:"/";
    opacity:.3;
    margin:0 30px
}
.wall-project .project-title::before{
    content:attr(data-index);
    position:absolute;
    top:0;
    left:0;
    font-size:20px;
    display:inline-block;
    line-height:20px;
    width:20px;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    font-size:15px;
    font-weight:500;
    letter-spacing:0;
    color:rgba(25,27,29,.6)
}
.showcase-wall.dark .wall-project .project-title::before,body.dark .wall-project .project-title::before{
    color:hsla(0,0%,100%,.2)
}
.wall-project:last-child .project-title::after{
    display:none
}
#images-canvas{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%
}
.wall-projects.on-hover .wall-project{
    opacity:.2
}
.wall-projects.on-hover .wall-project.hovered{
    opacity:1
}
.wall-images{
    position:fixed;
    top:50%;
    left:50%;
    width:30%;
    height:70%;
    z-index:-2;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    display:block
}
.wall-image-fix{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    left:0;
    visibility:hidden
}
.wall-images img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
}
.showcase-wall .circular-button{
    position:relative;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    display:block;
    left:0;
    bottom:0
}
.wall-drag{
    position:absolute;
    width:50%;
    height:1px;
    bottom:10%;
    background:rgba(25,27,29,.3);
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.dark .wall-drag,.showcase-wall.dark .wall-drag{
    background:hsla(0,0%,100%,.2)
}
span.wall-prog{
    position:absolute;
    left:0;
    width:0%;
    height:1px;
    background:#191b1d;
    z-index:6
}
body.dark span.wall-prog,.showcase-wall.dark span.wall-prog{
    background:#fff
}
.alioth-image-carousel{
    position:relative;
    display:block;
    overflow:hidden;
    margin:50px 0
}
.ai-wrapper{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    width:auto;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:30px
}
.ai-image{
    display:block;
    margin-right:30px;
    -ms-flex-preferred-size:40vw;
    flex-basis:40vw;
    min-width:40vw;
    position:relative
}
.ai-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.alioth-personal-head{
    display:block;
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.aph-image{
    position:absolute;
    bottom:0;
    width:35%;
    left:50%;
    -webkit-transform:translatex(-50%);
    -ms-transform:translatex(-50%);
    transform:translatex(-50%);
    z-index:5;
    -webkit-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom
}
.aph-image img{
    width:100%
}
.aph-details{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:84%;
    height:200px
}
.aph-name{
    font-size:200px;
    font-weight:700;
    letter-spacing:-.07em;
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    z-index:6;
    pointer-events:none;
    overflow:hidden
}
.alioth-personal-header.dark .aph-name,body.dark .aph-name{
    color:#fff
}
.aph-name.back{
    z-index:4
}
.aph-name .name-back{
    opacity:0;
    visibility:hidden
}
.aph-name.back .name-front{
    opacity:0;
    visibility:hidden
}
.aph-name.back .name-back{
    opacity:1;
    visibility:visible
}
.aph-welc{
    position:absolute;
    top:0;
    left:15%;
    font-size:40px;
    font-weight:700;
    letter-spacing:-.06em;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    color:rgba(25,27,29,.6);
    overflow:hidden
}
.aph-sub-text{
    position:absolute;
    right:0;
    max-width:30%;
    -webkit-transform:translateY(200px);
    -ms-transform:translateY(200px);
    transform:translateY(200px);
    font-size:20px;
    font-weight:600;
    letter-spacing:-.06em;
    line-height:30px;
    color:rgba(25,27,29,.6);
    bottom:0
}
.aph_sub_line{
    overflow:hidden
}
.aph_sub_line span{
    display:block
}
body.dark .aph-sub-text,.alioth-personal-header.dark .aph-sub-text,.alioth-personal-header.dark .aph-welc,body.dark .aph-welc{
    color:hsla(0,0%,100%,.4)
}
.circular-button{
    position:absolute;
    bottom:10%;
    left:20%;
    background:#191b1d;
    border-radius:50%;
    width:150px;
    height:150px;
    text-decoration:none;
    color:#fff
}
.circular-button.dark,body.dark .circular-button{
    color:#fff;
    background:#101010
}
.circular-button span{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    text-align:center;
    z-index:2;
    opacity:0
}
a.circular-button::after{
    content:"";
    position:absolute;
    width:0%;
    height:0%;
    background:#ebebeb;
    border-radius:50%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease;
    z-index:1
}
a.circular-button.dark::after,body.dark a.circular-button::after{
    background:#fff
}
a.circular-button:hover::after{
    width:100%;
    height:100%
}
a.circular-button:hover{
    color:#191b1d
}
a.circular-button.dark:hover,body.dark a.circular-button:hover{
    color:#191b1d
}
.circular-button span i{
    display:block;
    margin-top:10px
}
.alioth-embed-video{
    position:relative
}
.alioth-embed-video .plyr--full-ui input[type=range]{
    color:#000
}
.alioth-embed-video .plyr--video .plyr__control.plyr__tab-focus,.alioth-embed-video .plyr--video .plyr__control:hover,..alioth-embed-video plyr--video .plyr__control[aria-expanded=true]{
    background:#000
}
.alioth-embed-video .plyr__control--overlaid{
    background:#000
}
.alioth-embed-video .plyr__video-embed iframe{
    top:-50%;
    height:200%
}
.alioth-embed-video .plyr--full-ui.plyr--video .plyr__control--overlaid{
    display:none
}
.alioth-embed-video .video-overlay{
    position:absolute;
    top:50%;
    left:50%;
    width:123px;
    height:123px;
    background:rgba(0,0,0,.49);
    z-index:1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    cursor:pointer
}
.alioth-embed-video .video-overlay:hover{
    width:130px;
    height:130px
}
.alioth-embed-video .play-button{
    position:absolute;
    top:50%;
    left:53%;
    z-index:2;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:40px;
    width:0;
    height:0;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-left:30px solid #fff;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.alioth-embed-video .plyr__controls{
    opacity:0
}
.alioth-embed-video.video-play .plyr__controls{
    opacity:1
}
.alioth-embed-video.video-play .video-overlay{
    opacity:0;
    pointer-events:none
}
.text-wrapper{
    display:block;
    float:left;
    width:100%
}
.text-wrapper .sub-title{
    font-size:17px;
    letter-spacing:-.3px;
    display:block;
    margin-bottom:20px
}
.alioth-services.style_1{
    width:100%;
    height:100vh
}
.services-wrapper{
    width:50%;
    height:100%;
    display:block;
    float:left;
    position:relative
}
.alioth-services.style_1 .service{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    visibility:hidden
}
.alioth-services.style_1 .service.active{
    visibility:visible
}
.alioth-services.style_1 .service-work{
    display:block;
    float:left;
    width:0%;
    height:100%;
    position:relative
}
.alioth-services.style_1 .service-work-image,.alioth-services.style_1 .service-work-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:none
}
.alioth-services.style_1 .service-wrapper{
    display:block;
    position:absolute;
    left:0;
    top:40%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.alioth-services.style_1 .service-title{
    font-size:100px;
    font-weight:700;
    letter-spacing:-.06em;
    margin-bottom:50px;
    -webkit-transform:translateX(-20%);
    -ms-transform:translateX(-20%);
    transform:translateX(-20%);
    line-height:120px
}
.alioth-services.style_1 .service-title .tit-line{
    overflow:hidden
}
.alioth-services.style_1 .service-work-meta{
    position:absolute;
    bottom:0;
    right:0;
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    padding:50px;
    background:#191b1d
}
.alioth-services.style_1 .service-work-meta a{
    text-decoration:none;
    width:100%;
    height:100%;
    overflow:hidden
}
.alioth-services.style_1 .service-work-sub{
    font-size:16px;
    line-height:30px;
    color:hsla(0,0%,100%,.2);
    display:block;
    margin-bottom:10px
}
.alioth-services.style_1 .service-work-title{
    font-size:30px;
    font-weight:600;
    color:#fff
}
.alioth-services.style_1 .service-content{
    font-size:16px;
    line-height:28px;
    display:block;
    width:80%;
    float:right;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:rgba(25,27,29,.6)
}
.service-images{
    display:block;
    width:50%;
    height:100%;
    float:left;
    overflow:hidden;
    z-index:-1
}
.service-images .s-imgo,.service-images .s-imgo img{
    width:100%;
    height:100vh;
    -o-object-fit:cover;
    object-fit:cover
}
.alioth-services.style_2{
    overflow:hidden;
    margin-top:0
}
.alioth-services.style_2 .services{
    display:block;
    width:100%;
    float:left
}
.alioth-services.style_2 .service-title{
    font-size:80px;
    line-height:100px;
    font-weight:700;
    letter-spacing:-.07em;
    cursor:pointer;
    display:block;
    float:left;
    padding:60px 0;
    overflow:hidden
}
.alioth-services.style_2 .service-title .ser_tit_line{
    overflow:hidden;
    padding-right:10px
}
.alioth-services.style_2 .service-wrap{
    overflow:hidden;
    margin-left:10px;
    display:block;
    float:left;
    position:relative
}
.alioth-services.style_2 .service-wrap::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:1px;
    background:#191b1d
}
.alioth-services.style_2 .service{
    display:block;
    position:relative;
    float:left
}
.alioth-services.style_2 .service::after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:rgba(25,27,29,.2);
    position:absolute;
    bottom:0
}
.alioth-services.style_2 .service-toggle{
    display:block;
    float:right;
    padding:60px 0
}
.alioth-services.style_2 .service-toggle i{
    float:right;
    font-size:50px;
    vertical-align:middle;
    display:block
}
.alioth-services.style_2 .service-cont{
    display:block;
    float:right;
    width:65%;
    padding-right:50px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    opacity:0;
    padding-top:60px;
    padding-bottom:60px
}
.alioth-services.style_2.dark .service-toggle,body.dark .alioth-services .service-toggle,body.dark .alioth-services .service-title,.alioth-services.style_2.dark .service-title{
    color:#fff
}
body.dark .alioth-services .service::after,.alioth-services.style_2.dark .service::after{
    background:hsla(0,0%,100%,.2)
}
body.dark .alioth-services .service-wrap::before,.alioth-services.style_2.dark .service-wrap::before{
    background:#fff
}
.alioth-services.style_2.light .service-toggle,.alioth-services.style_2.light .service-title{
    color:#191b1d!important
}
.alioth-services.style_2.light .service::after{
    background:rgba(25,27,29,.6)!important
}
.alioth-services.style_2.light .service-wrap::before{
    background:#191b1d!important
}
.single-image{
    width:100%;
    display:block;
    position:relative;
    float:left
}
.single-image.lightbox{
    cursor:pointer
}
.single-image img{
    width:100%
}
.single-image.parallax_wrapper{
    width:100%;
    background-size:cover;
    background-position:50% 0%;
    background-repeat:no-repeat;
    overflow:hidden
}
.alioth-team{
    display:block;
    clear:both;
    float:left
}
.swiper-container.team-container{
    overflow:visible
}
.swiper-slide.team-member{
    display:block;
    width:25%;
    position:relative;
    height:100%
}
.tm-image{
    width:100%;
    height:100%;
    display:block
}
.tm-image,.tm-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.swiper-slide.team-member:nth-child(even){
    margin-top:50px
}
.tm-meta{
    position:absolute;
    bottom:8%;
    left:8%
}
.tm-name{
    font-weight:700;
    letter-spacing:-.04em;
    color:#fff;
    font-size:30px;
    margin-bottom:8px
}
.tm-title{
    color:hsla(0,0%,100%,.4);
    font-size:20px;
    font-weight:700;
    letter-spacing:-.03em
}
.team-progress{
    display:block;
    position:relative;
    width:100%;
    height:10px
}
.team-prev,.team-next{
    display:block;
    width:10%;
    float:left;
    cursor:pointer
}
.team-prev i,.team-next i{
    font-size:30px;
    margin:0 12px;
    color:#9f9f9f
}
.team-progress{
    display:block;
    position:relative;
    width:80%;
    height:1px;
    float:left;
    margin-top:14.5px
}
.team-prev{
    text-align:right
}
.team-pagination{
    display:block;
    position:relative;
    width:65%;
    height:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top:75px
}
.team-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000
}
.alioth-team .member-socials{
    top:8%;
    left:8%
}
.team-member:hover .member-socials a{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.alioth-heading{
    position:relative;
    display:block
}
.heading-bg-text{
    position:absolute;
    bottom:0;
    left:0;
    -webkit-transform:translatex(-30%) translateY(50%);
    -ms-transform:translatex(-30%) translateY(50%);
    transform:translatex(-30%) translateY(50%);
    z-index:-1;
    font-size:250px;
    white-space:nowrap;
    display:block;
    font-weight:700;
    letter-spacing:-.06em;
    color:hsl(0deg 0% 0%/3%);
    z-index:0
}
.alioth-heading.dark .heading-bg-text,body.dark .heading-bg-text{
    color:hsla(0,0%,100%,.02)
}
.alioth-heading .ah-title{
    z-index:1
}
.alioth-heading.no-image .ah-image{
    display:none
}
.alioth-heading.will_anim.with_image .ah-title{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    text-align:center
}
.alioth-heading.will_anim.with_image .ah-image{
    display:block;
    max-width:60%;
    margin:0 auto
}
.alioth-heading.will_anim.with_image .ah-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.alioth-team-member{
    display:block;
    width:100%;
    position:relative
}
.member-image,.member-image img{
    display:block;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.member-meta{
    position:absolute;
    left:10%;
    bottom:10%
}
.member-name{
    font-size:30px;
    font-weight:700;
    color:#fff;
    letter-spacing:-.04em;
    line-height:39px
}
.member-title{
    color:hsla(0,0%,100%,.4);
    font-size:20px;
    font-weight:700;
    letter-spacing:-.03em
}
.member-socials li{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.04em;
    line-height:30px;
    display:block;
    overflow:hidden;
    padding:0
}
.member-socials li a{
    text-decoration:none;
    display:block;
    color:hsla(0,0%,100%,.4);
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all .6s cubic-bezier(.22,1,.36,1);
    -o-transition:all .6s cubic-bezier(.22,1,.36,1);
    transition:all .6s cubic-bezier(.22,1,.36,1)
}
.member-socials li a:hover{
    color:#fff
}
.member-socials{
    position:absolute;
    top:10%;
    left:10%
}
.alioth-team-member:hover .member-socials a{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.member-socials ul{
    padding:0;
    list-style:none
}
.a-number-counter{
    position:relative;
    display:block
}
.ac-number{
    font-size:100px;
    font-weight:700;
    letter-spacing:-7.5px;
    height:100px;
    position:relative;
    display:inline-block;
    padding-bottom:20px;
    overflow-y:hidden;
    padding-right:5px
}
.ac-number span{
    display:block
}
.numbers-wrapper{
    -webkit-transform:translateY(28%);
    -ms-transform:translateY(28%);
    transform:translateY(28%)
}
.ac-number span:last-child::after{
    content:attr(data-sign);
    display:inline-block;
    margin-left:5px;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.count_anim_end .ac-number span:last-child::after{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
span.ac-sign{
    font-size:100px;
    font-weight:700;
    letter-spacing:-7.5px;
    display:inline-block;
    padding-bottom:20px;
    vertical-align:top;
    overflow:hidden
}
.a-number-counter.dark span.ac-sign{
    color:#fff
}
.ac-title{
    display:block;
    font-size:16px;
    margin-top:-1px;
    overflow:hidden;
    color:rgba(25,27,29,.6)
}
.ac-title span{
    display:block;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:-webkit-transform .5s ease 1s;
    transition:-webkit-transform .5s ease 1s;
    -o-transition:transform .5s ease 1s;
    transition:transform .5s ease 1s;
    transition:transform .5s ease 1s,-webkit-transform .5s ease 1s
}
.a-number-counter.count_inview .ac-title span{
    -webkit-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%)
}
.ac-title::before{
    content:"";
    display:block;
    background:hsla(0,0%,100%,.2);
    width:0%;
    height:1px;
    margin-bottom:30px;
    -webkit-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}
.a-number-counter.count_inview .ac-title::before{
    width:80%
}
.a-number-counter.dark .ac-number,body.dark .ac-number{
    color:#fff
}
.a-number-counter.dark .ac-title,body.dark .ac-title{
    color:hsla(0,0%,100%,.4)
}
.line-holder{
    overflow:hidden;
    display:block
}
.word-holder,.char-holder{
    overflow:hidden;
    display:inline-block;
    vertical-align:middle
}
.has-anim{
    display:block;
    width:100%
}
.img-anim-wrapper{
    display:block;
    position:relative;
    width:100%;
    overflow:hidden
}
.img-anim-ov{
    position:absolute;
    display:block;
    pointer-events:none;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    z-index:1
}
.img-anim-wrapper img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.single-image span{
    display:block;
    position:absolute
}
.anim_line{
    display:block;
    overflow:hidden
}
@media only screen and (max-width:450px){
    html,body{
        overflow-x:hidden
    }
    .hide_mobile{
        display:none
    }
    .hide_desktop{
        display:block
    }
    .page-header{
        padding-top:100px;
        margin-bottom:100px
    }
    .page-title h1.big-title{
        padding-right:5px;
        font-size:55px;
        line-height:60px
    }
    .cart-page .page-title h1.big-title{
        font-size:45px
    }
    #mouseCursor{
        display:none
    }
    .alioth-page-loader{
        width:100%;
        height:100%
    }
    .apl-count{
        font-size:100px;
        left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        width:100%
    }
    .apl-count .apl-num{
        height:100px
    }
    .apl-num.apl-num-3{
        margin-left:-8px
    }
    .site-header{
        height:100px
    }
    .header-widgets{
        display:none
    }
    .site-navigation.fullscreen ul ul li{
        font-size:25px;
        line-height:40px
    }
    .site-navigation.fullscreen ul.ulcol{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1
    }
    .site-navigation.fullscreen .menu.main-menu{
        left:0;
        bottom:unset;
        top:15%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .site-navigation.fullscreen .menu.main-menu>li.menu-item{
        font-size:35px;
        line-height:60px
    }
    .site-navigation.fullscreen .fs-menu-wrapper{
        height:100%
    }
    .site-navigation.fullscreen{
        height:100%
    }
    .menu-toggle{
        left:unset;
        right:0
    }
    .menu-widget-right,.menu-widget-left{
        bottom:0
    }
    .social-list li{
        display:inline-block;
        font-size:15px;
        line-height:20px;
        display:block
    }
    .sub-back.is-active{
        left:unset;
        right:0;
        top:15%
    }
    .site-navigation.fullscreen .menu.main-menu.hovered>li.menu-item a::before{
        width:100%
    }
    .c-col-6.footer-widget{
        margin-bottom:60px
    }
    .c-col-3.footer-widget{
        width:100%
    }
    .footer-widget .big-button a{
        font-size:30px;
        letter-spacing:-.06em
    }
    .footer-widget.footer_menu{
        margin-bottom:20px
    }
    h1.big-title{
        font-size:50px;
        line-height:65px;
        margin-bottom:0;
        margin-bottom:10px;
        padding-right:0;
        margin-left:0
    }
    .heading-bg-text{
        font-size:100px;
        -webkit-transform:translatex(-30%) translateY(30%);
        -ms-transform:translatex(-30%) translateY(30%);
        transform:translatex(-30%) translateY(30%)
    }
    .ar-work{
        -ms-flex-preferred-size:100vw;
        flex-basis:100vw;
        min-width:100vw
    }
    .ar-work-title{
        font-size:30px
    }
    .ar-work-cat{
        font-size:20px
    }
    .ar-work a{
        width:100%;
        height:100%
    }
    .ar-work-image{
        height:65vh
    }
    .a-recent-works .a-button.style_1{
        margin-top:50px
    }
    .recent-works-bg-text{
        top:0;
        font-size:100px
    }
    .alioth-latest-posts .post{
        width:100%;
        margin-left:0!important;
        margin-right:0!important;
        margin-bottom:50px
    }
    .alioth-latest-posts h2{
        font-size:25px;
        line-height:35px
    }
    .project-page-header.style_1 .project-fetaured-image{
        height:65vh
    }
    .project-page-header.style_1 .project-details{
        width:84%
    }
    .project-page-header.style_1 .project-meta.project-cats{
        width:100%
    }
    .project-page-header.style_1 .project-meta.project-cats .project-cat{
        display:inline-block;
        margin-right:15px;
        font-size:25px
    }
    .project-page-header.style_1 .project-metas .project-meta{
        margin-bottom:30px;
        padding-left:3px;
        width:100%
    }
    .project-page-header.style_1 .project-metas div.project-other,.project-page-header.style_1 .project-metas div.meta-summary{
        padding-left:8px
    }
    .project-page-header.style_1 .project-title{
        margin-bottom:15px
    }
    .project-page-header.style_2 h1.big-title,.project-page-header.style_1 h1.big-title{
        font-size:45px;
        line-height:55px
    }
    .project-page-header.style_2 .project-cat{
        font-size:30px;
        margin-left:2px;
        line-height:35px
    }
    .project-page-header.style_2 .project-featured-image{
        height:100vh
    }
    .project-page-header.style_2 .project-head{
        left:8.5%;
        right:8.5%;
        top:unset;
        bottom:10%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .project-page-header.style_2 .project-title{
        max-width:100%
    }
    .project-page-header.style_2 .project-meta.project-other{
        width:100%
    }
    .project-page-header.style_3 .project-head{
        padding-top:40%
    }
    .project-page-header.style_3 .big-title{
        font-size:45px;
        line-height:55px
    }
    .project-page-header.style_3 .project-title{
        margin-bottom:0
    }
    .project-page-header.style_3 .project-cat{
        font-size:25px;
        margin-top:0;
        margin-left:6px;
        line-height:35px
    }
    .project-page-header.style_2 .project-details{
        width:84%
    }
    .project-page-header.style_3 .project-meta.project-other,.project-page-header.style_3 .project-meta.meta-summary{
        width:100%
    }
    .project-metas .project-meta{
        width:33%
    }
    .project-metas div.meta-summary{
        width:100%
    }
    .project-title{
        -webkit-transform:translateY(-35%);
        -ms-transform:translateY(-35%);
        transform:translateY(-35%);
        display:block;
        width:100%;
        margin-bottom:50px;
        white-space:normal
    }
    .next-project-section a{
        padding-top:70px
    }
    .next-project-wrap span{
        margin-bottom:0
    }
    .next-project-wrap h1::after{
        font-size:40px
    }
    .next-project-wrap h1::before{
        width:20px;
        height:6px;
        right:17px
    }
    .next-project-wrap h1{
        font-size:30px
    }
    .next-project-section .c-col-12,.next-project-section .wrapper-small{
        margin-bottom:0
    }
    .cas-headline{
        font-size:30px;
        line-height:45px;
        max-width:70vw;
        padding-left:0
    }
    .cas-project{
        width:80vw;
        height:60vh
    }
    .cas-titles .cs-title{
        font-size:40px;
        padding:20px 0
    }
    .cas-titles{
        height:80px
    }
    .cas-titles .cas-titles-wrap{
        -webkit-transform:translateY(80px);
        -ms-transform:translateY(80px);
        transform:translateY(80px)
    }
    .cas-progress{
        display:none
    }
    .fs-project-dets{
        width:90%;
        left:8.5%
    }
    .fs-title{
        font-size:65px;
        line-height:70px;
        margin-bottom:20px
    }
    span.fs-prog{
        width:50px
    }
    .fs-button{
        position:absolute;
        left:8.5%;
        top:29.5%;
        display:block
    }
    .fs-fraction{
        top:22.5%
    }
    .sl-project-title{
        font-size:40px
    }
    .showcase-list-wrapper{
        left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        margin-top:150px;
        text-align:center
    }
    .sl-project{
        padding:20px 0
    }
    .sl-project-meta div{
        font-size:15px
    }
    .sl-project-title::before{
        display:none
    }
    .sl-project:hover{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .sl-images .sl-project-image{
        width:90vw
    }
    .alioth-services.style_2 .service-title{
        font-size:35px;
        line-height:45px;
        padding:30px 0
    }
    .alioth-services.style_2 .service-toggle{
        padding:30px 0
    }
    .alioth-services.style_2 .service-cont{
        width:100%;
        padding-right:0;
        padding-top:30px;
        padding-bottom:30px
    }
    .alioth-services.style_2 .service-wrap{
        margin-left:0
    }
    .alioth-services.style_2 .service-toggle i{
        font-size:35px
    }
    .alioth-clients.column-5 .a-client,.alioth-clients.column-4 .a-client,.alioth-clients.column-3 .a-client,.alioth-clients.column-2 .a-client,.alioth-clients.column-1 .a-client{
        width:100%
    }
    .testimonial-text{
        font-size:25px;
        line-height:34px
    }
    .a-testimonials.autoplay .a-testimonials-count{
        width:50px
    }
    .page-sub-title{
        width:100%;
        text-align:center
    }
    .page-sub-title::after{
        -webkit-transform:translateY(-150%) translateX(-50%) rotate(-45deg);
        -ms-transform:translateY(-150%) translateX(-50%) rotate(-45deg);
        transform:translateY(-150%) translateX(-50%) rotate(-45deg);
        right:unset;
        left:50%
    }
    .ai-image{
        min-width:100vw
    }
    .linked-text a::before{
        height:2px
    }
    .award-title,.award-date{
        font-size:20px
    }
    .trans-text{
        font-size:30px;
        line-height:35px
    }
    .blog-classic .post.alioth-post,.blog-classic .post.alioth-post.sticky .post-meta,.blog-classic .post.alioth-post.sticky .post-image,.blog-classic .post.alioth-post.sticky{
        width:100%
    }
    .blog-classic .post-meta{
        padding:0
    }
    .blog-classic .post.sticky .post-meta{
        padding-top:20px
    }
    .blog-classic .post.alioth-post{
        margin-bottom:60px
    }
    .blog-list .post-images{
        width:60%
    }
    .cart-product-details{
        margin-top:0;
        padding-left:15px
    }
    .cart-product-title{
        margin-bottom:10px;
        font-size:20px
    }
    .cpq-acts{
        margin-top:20px
    }
    .cart-totals{
        padding-left:0
    }
    ul.check-payments li{
        font-size:20px
    }
    ul.check-payments{
        margin-bottom:15px
    }
    form>div.half-field{
        width:100%
    }
    .alioth-products.column_2 .product,.alioth-products.column_2 .grid-sizer{
        width:100%
    }
    h3.next-post-title{
        max-width:100%
    }
    .post-title h1{
        font-size:30px;
        line-height:40px
    }
    .single-product-wrap{
        width:95%
    }
    .single-product-slider{
        width:100%;
        padding-left:0
    }
    .sp-arrows{
        left:3%
    }
    .single-product-details{
        width:100%;
        padding-left:10px
    }
    .single-product-meta{
        width:100%;
        margin-left:0
    }
    ul.single-product-mets li::after{
        display:none
    }
    ul.single-product-mets .desc{
        width:100%
    }
    .related-products.alioth-products.column_3 .product,.related-products.alioth-products.column_3 .grid-sizer{
        width:100%
    }
    .related-products.alioth-products.column_3 .product{
        height:400px
    }
    .product-page{
        padding-top:130px
    }
    .ss1-sl-image{
        position:absolute;
        top:0;
        left:0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        width:100%;
        height:100%;
        overflow:hidden
    }
    .showcase-slideshow-wrapper{
        position:absolute;
        top:50%;
        right:unset;
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        width:100%;
        height:100%;
        left:50%
    }
    .ss1-cat{
        margin-left:0;
        font-size:20px;
        float:unset;
        margin-bottom:0
    }
    .ss1-met-wrap{
        display:none
    }
    .ss1-title{
        font-size:50px;
        line-height:70px
    }
    .ss1-details{
        position:absolute;
        top:30%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        width:80%;
        left:10%;
        text-align:center
    }
    .ss1-nav{
        display:none
    }
    .ss1-dots.swiper-pagination-bullets{
        bottom:5%;
        left:8%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        top:unset
    }
    .ss1-button{
        right:unset;
        left:50%;
        bottom:10%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .ss1-sl-image .plyr__video-wrapper{
        width:calc((100vh) * 1.77777778)!important
    }
    .project-featured-video .plyr__video-embed,.project-featured-video .plyr__video-wrapper--fixed-ratio{
        height:100%;
        width:calc((100vh) * 1.77777778)!important
    }
    .fw-projects{
        width:100%;
        left:10%
    }
    .fw-project-title{
        font-size:30px
    }
    .fw-project{
        padding:10px 0;
        display:block
    }
    .fw-project::after{
        font-size:30px
    }
    .fw-project a{
        pointer-events:none
    }
    .aph-name{
        font-size:60px;
        left:0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        text-align:center;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .aph-image{
        width:100%
    }
    .aph-name.back{
        display:none
    }
    .aph-welc{
        display:none
    }
    .aph-name .name-back{
        opacity:1;
        visibility:visible
    }
    .aph-details{
        top:unset;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        bottom:0;
        z-index:99
    }
    .aph-sub-text{
        max-width:100%;
        -webkit-transform:translateY(-100px);
        -ms-transform:translateY(-100px);
        transform:translateY(-100px);
        text-align:center
    }
    .alioth-personal-head .circular-button{
        display:none
    }
    .apc-product{
        height:80%;
        width:70vw
    }
    .apc-cats ul li::after{
        display:none
    }
    .apc-cats ul li{
        font-size:30px;
        margin-bottom:15px;
        display:block
    }
    .apc-cat-title{
        font-size:30px
    }
    .apc-cat-quant{
        font-size:12px;
        margin-left:10px
    }
    .apc-cat-mark{
        font-size:35px
    }
    .apcats-cat{
        padding:25px 0
    }
    .ap-cta-det{
        left:35px;
        top:50%!important;
        bottom:unset!important;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .ap-cta-title{
        font-size:25px;
        margin:10px 0
    }
    .showcase-slideshow-2-wrapper{
        max-width:100%;
        width:100%;
        left:0;
        height:100%
    }
    .ss2-images{
        right:0;
        width:100%;
        height:100%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        top:0;
        z-index:-1
    }
    .ss2-project-title{
        font-size:50px;
        line-height:60px
    }
    .ss2-project-meta{
        left:10%;
        width:80%
    }
    .ss2-back-texts{
        display:none
    }
    .ss2-dots{
        display:none
    }
    .ss2-project-excerpt{
        display:none
    }
    .ss2-nav{
        position:absolute;
        bottom:5%;
        right:5%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .ss2-button{
        bottom:5%;
        opacity:.6
    }
    .portfolio-showcase.showcase-slideshow-v2 .plyr__video-wrapper{
        width:calc((100vh) * 1.77777778)
    }
    .fw-images{
        width:100%
    }
    .wall-project .project-title{
        font-size:60px;
        line-height:60px
    }
    .wall-projects-top{
        margin-bottom:0
    }
    .alioth-works.column_2 .aw-works-sizer,.alioth-works.column_2 .aw-project{
        width:100%
    }
    .aw-project{
        margin-bottom:50px;
        height:300px
    }
    .aw-project-title{
        font-size:25px;
        letter-spacing:-.05em
    }
    ul.aw-cats li{
        font-size:20px;
        letter-spacing:-.05em;
        padding-bottom:10px
    }
    .aw-categories{
        margin-bottom:0
    }
    .aw-works-stamp{
        height:35px
    }
    .alioth-embed-video .video-overlay{
        width:80px;
        height:80px
    }
    .alioth-embed-video .play-button{
        border-top:10px solid transparent;
        border-bottom:10px solid transparent;
        border-left:15px solid #fff
    }
    .wall-images{
        width:84%
    }
}
@media(min-width:450px) and (max-width:900px){
    body,html{
        overflow-x:hidden;
        width:100%
    }
    .hide_tablet{
        display:none
    }
    #mouseCursor{
        display:none
    }
    .c-col-4,.c-col-8,.c-col-9,.c-col-10{
        width:100%
    }
    .site-navigation.fullscreen .fs-menu-wrapper{
        height:100%
    }
    .header-wrapper.menu-opened{
        height:100vh
    }
    .site-navigation.fullscreen .menu.main-menu{
        bottom:unset;
        top:20%;
        left:0;
        width:100%
    }
    .site-navigation.fullscreen ul ul li{
        font-size:30px;
        line-height:55px;
        letter-spacing:-.05em
    }
    .aph-image{
        width:75%
    }
    .aph-name{
        font-size:100px;
        left:0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        text-align:center;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .aph-name.back{
        display:none
    }
    .aph-welc{
        display:none
    }
    .aph-name .name-back{
        opacity:1;
        visibility:visible
    }
    .aph-details{
        top:unset;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        bottom:15%;
        z-index:99;
        width:50%
    }
    .aph-sub-text{
        max-width:100%;
        -webkit-transform:translateY(-100px);
        -ms-transform:translateY(-100px);
        transform:translateY(-100px);
        text-align:center
    }
    .alioth-personal-head .circular-button{
        z-index:10;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        bottom:5%;
        left:50%
    }
    .ai-image{
        min-width:70vw;
        -ms-flex-preferred-size:70vw;
        flex-basis:70vw
    }
    .showcase-slideshow-2-wrapper{
        max-width:100%;
        width:100%;
        left:0;
        height:100%
    }
    .ss2-images{
        right:0;
        width:100%;
        height:100%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        top:0;
        z-index:-1
    }
    .ss2-project-title{
        font-size:100px;
        line-height:120px
    }
    .ss2-project-meta{
        left:10%;
        width:80%
    }
    .ss2-back-texts{
        display:none
    }
    .ss2-dots{
        display:none
    }
    .ss2-project-excerpt{
        display:none
    }
    .ss2-nav{
        position:absolute;
        bottom:5%;
        right:5%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .ss2-button{
        bottom:5%;
        opacity:.6
    }
    .portfolio-showcase.showcase-slideshow-v2 .plyr__video-wrapper{
        width:calc((100vh) * 1.77777778)
    }
    .fs-title{
        font-size:80px;
        line-height:95px
    }
    .fs-project-dets{
        width:80%
    }
    .fs-button{
        right:10%;
        top:30%
    }
    .showcase-slideshow-wrapper{
        width:50%
    }
    .c-col-6.footer-widget.footer_cta{
        width:100%;
        margin-bottom:35px
    }
    .ar-work-image{
        height:65vh
    }
    .ar-work{
        flex-basis:60vw;
        min-width:60vw
    }
    .cas-project{
        width:75vw;
        height:70vh
    }
    .cas-titles .cs-title{
        font-size:100px
    }
    .sl-project-title{
        font-size:70px
    }
    .showcase-list-wrapper{
        left:15%
    }
    .ss1-sl-image{
        width:70%;
        height:70%
    }
    .showcase-slideshow-wrapper{
        width:50%;
        right:50%;
        transform:translateX(50%) translateY(-50%)
    }
    .ss1-met-wrap{
        width:100%;
        text-align:center
    }
    .ss1-title{
        text-align:center
    }
    .ss1-button{
        right:50%;
        transform:translateX(50%)
    }
    .linked-text a::before{
        height:5px
    }
}