/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    -webkit-text-size-adjust:100%;
    line-height:1.15
}
body\r{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    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;
    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
}
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
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    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
}
[hidden],template{
    display:none
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:16px
}
body{
    -webkit-font-smoothing:antialiased;
    direction:ltr;
    font-family:Barlow,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
    letter-spacing:.015em;
    line-height:1.5;
    overflow-x:hidden;
    position:relative;
    text-align:center
}
img,svg{
    vertical-align:middle
}
svg{
    overflow:hidden
}
::-moz-selection{
    color:#fff
}
::selection{
    color:#fff
}
.fade-up-start{
    opacity:0;
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
    transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
    transition:transform .5s ease-in-out,opacity .5s ease-in-out;
    transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out
}
.animation-off .fade-up-start{
    -webkit-transition:none!important;
    transition:none!important
}
.animation-off .fade-up-start,.fade-up{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.js-focus-visible :focus:not(.focus-visible){
    outline:0
}
.container,.container-fluid{
    margin-left:auto;
    margin-right:auto;
    padding-left:1rem;
    padding-right:1rem;
    width:100%
}
@media only screen and (min-width:62rem){
    .container{
        max-width:85%
    }
}
@media only screen and (min-width:75rem){
    .container{
        max-width:68.125rem
    }
}
@media only screen and (min-width:1260px){
    .container{
        max-width:71.25rem
    }
}
.heading-1,h1{
    font-size:2rem
}
@media only screen and (min-width:48rem){
    .heading-1,h1{
        font-size:2.75rem
    }
}
@media only screen and (min-width:62rem){
    .heading-1,h1{
        font-size:3rem
    }
}
.heading-2,h2{
    font-size:1.5rem;
    margin-bottom:1rem
}
@media only screen and (min-width:36rem){
    .heading-2,h2{
        font-size:1.75rem
    }
}
@media only screen and (min-width:48rem){
    .heading-2,h2{
        font-size:2.125rem
    }
}
.heading-3,h3{
    font-size:1.25rem;
    margin-bottom:1rem
}
@media only screen and (min-width:48rem){
    .heading-3,h3{
        font-size:1.375rem
    }
}
.heading-4,h4{
    font-size:1.125rem;
    margin-bottom:1rem
}
.heading-5,h5{
    font-size:.75rem;
    letter-spacing:.15em;
    text-transform:uppercase
}
@media only screen and (min-width:48rem){
    .heading-5,h5{
        font-size:.75rem
    }
}
.heading-1,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6,h1,h2,h3,h4,h5,h6{
    font-weight:600;
    line-height:1.2;
    margin-top:0
}
p{
    margin-top:0
}
strong{
    font-weight:600
}
a{
    color:inherit;
    text-decoration:underline
}
a:not(.button){
    border-radius:.125rem
}
a:active,a:hover{
    color:inherit
}
blockquote{
    margin:0 0 1rem
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
.dash-list{
    font-family:Roboto Mono,monospace;
    font-size:.875rem;
    list-style:none;
    margin:0;
    padding:0
}
.dash-list__item{
    margin-bottom:1rem;
    padding-left:1.875rem;
    position:relative
}
.dash-list__dash{
    height:2px;
    left:0;
    position:absolute;
    top:.625rem;
    width:1.25rem
}
.dash-list__item--inline{
    display:inline-block
}
.singlekey{
    border-radius:.1875rem;
    font-size:.8125rem;
    margin:0 .125rem;
    padding:0 .125rem;
    text-transform:uppercase;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.button,.singlekey{
    display:inline-block;
    font-weight:600
}
.button{
    border:0;
    cursor:pointer;
    font-size:1rem;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.button,.button .material-icons{
    vertical-align:middle
}
.button--default,.button--link,.button--secondary{
    border-radius:.125rem;
    min-width:15rem;
    height:2.75rem;
    position:relative
}
.button--default,.button--icon,.button--link,.button--secondary,a.button{
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .button--default,.animation-off .button--icon,.animation-off .button--link,.animation-off .button--secondary,.animation-off a.button{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.button--link{
    background-color:transparent
}
a.button{
    line-height:2.75rem
}
a.button:active,a.button:hover{
    text-decoration:none
}
.button--default,.button--secondary{
    padding:0 1.25rem
}
.button--default.active .line--underline,.button--default:active .line--underline,.button--default:focus .line--underline,.button--default:hover .line--underline{
    background-size:100% 2px
}
.button--default .button__spinner{
    display:none
}
.button--spinner{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    pointer-events:none
}
.button--spinner .button__text{
    display:none!important
}
.button--spinner .button__spinner{
    display:inline-block!important
}
.button__spinner{
    display:none
}
.button__text{
    vertical-align:middle
}
.button--icon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    border-radius:1.375rem!important;
    display:-webkit-box;
    display:-ms-flexbox;
    display:inline;
    height:2.75rem;
    justify-content:center;
    width:2.75rem
}
.button--icon svg{
    height:24px;
    width:24px
}
.button--icon-hover-color svg{
    -webkit-transition:fill .2s ease-in-out;
    transition:fill .2s ease-in-out
}
.animation-off .button--icon-hover-color svg{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.button--icon-color,.button--icon-default{
    background-color:transparent;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .button--icon-color,.animation-off .button--icon-default{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.button--icon-color svg,.button--icon-default svg{
    -webkit-transition:fill .2s ease-in-out;
    transition:fill .2s ease-in-out
}
.animation-off .button--icon-color svg,.animation-off .button--icon-default svg{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.button--disabled{
    cursor:default;
    opacity:.4!important;
    pointer-events:none;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}
.animation-off .button--disabled{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.button--carousel{
    -webkit-box-shadow:3px 3px 15px rgba(0,0,0,.2);
    box-shadow:3px 3px 15px rgba(0,0,0,.2)
}
body.rtl .button--carousel .material-icons{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.line--social-links{
    bottom:0;
    height:5rem;
    left:50%;
    position:absolute;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.line--about-me{
    bottom:-1.875rem;
    left:-.9375rem;
    position:absolute;
    width:12.5rem
}
@media only screen and (min-width:48rem){
    .line--about-me{
        left:-1.875rem
    }
}
.line--service{
    left:-2.1875rem;
    margin:1rem 0;
    position:relative;
    width:6.875rem
}
.line--portfolio{
    left:-.9375rem;
    position:absolute;
    top:1.25rem;
    width:5rem
}
.line--separator{
    display:inline-block;
    margin:0 .625rem;
    width:1.25rem
}
.line-text{
    padding-right:.625rem;
    position:relative;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
.line--post{
    margin-top:1.5rem;
    width:5rem
}
.line--underline{
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 2px;
    padding:.125rem .25rem;
    -webkit-transition:background-size .2s ease-in-out;
    transition:background-size .2s ease-in-out
}
.animation-off .line--underline{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.line--underline.active,.line--underline:active,.line--underline:focus,.line--underline:hover{
    background-size:100% 2px
}
.timeline{
    margin-top:2rem;
    max-width:25rem;
    padding-left:1.5rem;
    position:relative
}
.timeline__vertical-line{
    bottom:-1.875rem;
    left:0;
    position:absolute;
    top:0;
    width:2px
}
.timeline__start-point{
    border-radius:.875rem;
    border-style:solid;
    border-width:2px;
    bottom:-1.875rem;
    height:.875rem;
    left:-.375rem;
    position:absolute;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    width:.875rem
}
.animation-off .timeline__start-point{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.timeline__item,.timeline__title{
    margin-bottom:2.5rem
}
.timeline__item{
    position:relative
}
.timeline__item-bullet{
    border-radius:.75rem;
    height:.75rem;
    left:-1.8125rem;
    position:absolute;
    top:.375rem;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    width:.75rem
}
.animation-off .timeline__item-bullet{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.timeline__item-date{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.timeline__item-p{
    margin-top:1.25rem
}
.a11y-preferences{
    display:none;
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100vw;
    z-index:3
}
.a11y-preferences.a11y-preferences--visible{
    display:block
}
.a11y-preferences.a11y-preferences--visible .a11y-preferences__dialog{
    -webkit-box-shadow:-5px 7px 10px rgba(0,0,0,.2);
    box-shadow:-5px 7px 10px rgba(0,0,0,.2);
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out,visibility .2s ease-in-out;
    transition:transform .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
    visibility:visible
}
.animation-off .a11y-preferences.a11y-preferences--visible .a11y-preferences__dialog{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.a11y-preferences__overlay{
    background-color:transparent;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.a11y-preferences__dialog{
    border-bottom-left-radius:.125rem;
    padding:1rem 1.5rem;
    position:absolute;
    right:0;
    top:0;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:visibility .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;
    transition:visibility .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out,visibility .2s ease-in-out .2s;
    transition:transform .2s ease-in-out,visibility .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;
    visibility:hidden
}
.animation-off .a11y-preferences__dialog{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.a11y-preferences__control{
    padding:.625rem 0
}
.a11y-preferences__footer{
    padding-top:1rem;
    text-align:right
}
.a11y-preferences__instruction-line{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.a11y-preferences__instruction-line,.banner{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.banner{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:100vh;
    padding-top:3.75rem;
    position:relative
}
.banner__full-cover{
    bottom:0;
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute!important;
    right:0;
    top:0;
    width:100%
}
.banner__full-cover img{
    font-family:"object-fit: cover;
    ";
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.banner__full-cover-overlay{
    bottom:0;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.banner__content{
    position:relative;
    z-index:1
}
@media only screen and (min-width:48rem){
    .banner__content{
        left:3.75rem
    }
}
@media only screen and (min-width:62rem){
    .banner__content{
        margin-top:3.75rem
    }
}
@media only screen and (min-width:75rem){
    .banner__content{
        margin-top:5.625rem
    }
}
.banner__img{
    margin-left:-1.875rem;
    margin-right:.9375rem;
    margin-top:-.9375rem
}
@media only screen and (min-width:62rem){
    .banner__img{
        margin-right:-.9375rem;
        margin-top:0
    }
}
.banner__grid{
    grid-column-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr
}
@media only screen and (min-width:62rem){
    .banner__grid{
        grid-template-columns:41.666667% 58.333333%
    }
    .banner__grid--fullscreen{
        grid-template-columns:83.333333%
    }
}
@media only screen and (min-width:75rem){
    .banner__grid--fullscreen{
        grid-template-columns:50%
    }
}
.banner__introductory{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:1.875rem;
    position:relative
}
.site--composition .banner__introductory{
    margin-left:2.8125rem
}
@media only screen and (min-width:48rem){
    .site--composition .banner__introductory{
        margin-left:3.75rem
    }
}
.banner__introductory-text{
    font-size:1.3125rem;
    max-width:80%
}
.banner__introductory-line{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    position:relative
}
.banner__box{
    border-radius:.125rem;
    margin-top:1.875rem;
    position:relative;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
.site--composition .banner__box{
    margin-left:.9375rem;
    margin-right:-.9375rem;
    padding:1.875rem
}
@media only screen and (min-width:48rem){
    .site--composition .banner__box{
        margin-left:1.875rem;
        margin-right:0
    }
}
@media only screen and (min-width:62rem){
    .banner__button{
        bottom:-1.375rem;
        left:1.875rem;
        position:absolute!important
    }
}
.site--full-cover .banner{
    display:block
}
@media only screen and (min-width:48rem){
    .site--full-cover .banner .banner__button{
        bottom:auto;
        left:auto;
        position:relative!important
    }
}
.site--full-cover .banner .banner__box{
    max-width:35.625rem
}
.about__grid{
    grid-column-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr
}
@media only screen and (min-width:48rem){
    .about__grid{
        grid-template-columns:1fr 1fr
    }
}
.about__img{
    -webkit-box-shadow:-7px 14px 32px rgba(0,0,0,.25),-10px 10px 20px rgba(0,0,0,.22);
    box-shadow:-7px 14px 32px rgba(0,0,0,.25),-10px 10px 20px rgba(0,0,0,.22);
    display:block;
    margin-left:auto;
    margin-right:0;
    position:relative;
    width:90%
}
@media only screen and (min-width:48rem){
    .about__img{
        margin-right:.9375rem;
        width:80%
    }
}
.about__img-bg{
    bottom:-3.75rem;
    left:0;
    margin-left:0;
    margin-right:auto;
    position:absolute;
    top:3.75rem;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    width:80%
}
.animation-off .about__img-bg{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.about__content{
    margin-top:5.625rem
}
@media only screen and (min-width:48rem){
    .about__content{
        margin-top:0
    }
}
.about__content-list-grid{
    grid-column-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr
}
@media only screen and (min-width:48rem){
    .about__content-list-grid{
        grid-template-columns:1fr 1fr
    }
}
.hire-me{
    margin-top:3.75rem;
    padding:1.875rem 0 1.875rem 10%;
    position:relative
}
@media only screen and (min-width:48rem){
    .hire-me{
        margin-top:9.375rem;
        padding-left:20%
    }
}
@media only screen and (min-width:62rem){
    .hire-me{
        margin-bottom:3.125rem;
        padding-left:30%
    }
}
.hire-me__surface{
    bottom:0;
    left:0;
    position:absolute;
    top:0;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out;
    width:14%
}
@media only screen and (min-width:48rem){
    .hire-me__surface{
        width:25%
    }
}
@media only screen and (min-width:62rem){
    .hire-me__surface{
        width:34%
    }
}
.hire-me__line{
    bottom:3.0625rem;
    height:2px;
    position:absolute;
    right:0;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out;
    width:calc(90% - 6.875rem)
}
@media only screen and (min-width:48rem){
    .hire-me__line{
        width:calc(80% - 6.875rem)
    }
}
@media only screen and (min-width:62rem){
    .hire-me__line{
        width:calc(70% - 6.875rem)
    }
}
.hire-me__content{
    position:relative
}
.hire-me__button{
    margin-top:1rem
}
.experience__grid{
    grid-column-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr
}
@media only screen and (min-width:48rem){
    .experience__grid{
        grid-template-columns:1fr 1fr
    }
}
.services__grid{
    grid-column-gap:30px;
    grid-row-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr;
    row-gap:30px
}
@media only screen and (min-width:48rem){
    .services__grid{
        grid-template-columns:1fr 1fr
    }
}
@media only screen and (min-width:62rem){
    .services__grid{
        grid-template-columns:1fr 1fr 1fr
    }
}
.service__box{
    border-radius:.125rem;
    height:100%;
    padding:1.25rem
}
.service__icon .material-icons{
    font-size:2.5rem
}
@media only screen and (min-width:48rem){
    .service__icon .material-icons{
        font-size:2.8125rem
    }
}
.service__p{
    margin-bottom:0
}
.portfolio__filter-list{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:center;
    list-style:none;
    margin:0;
    padding:0
}
.portfolio__grid{
    grid-column-gap:30px;
    grid-row-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr;
    list-style:none;
    margin:0;
    padding:0;
    row-gap:30px
}
@media only screen and (min-width:48rem){
    .portfolio__grid{
        grid-template-columns:1fr 1fr;
        margin:0 -.9375rem
    }
}
@media only screen and (min-width:62rem){
    .portfolio__grid{
        grid-template-columns:1fr 1fr 1fr
    }
}
.portfolio__thumb{
    padding:.9375rem 0;
    width:100%
}
.animation-off .portfolio__thumb{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
@media only screen and (min-width:48rem){
    .portfolio__thumb{
        padding:.9375rem;
        width:50%
    }
}
@media only screen and (min-width:62rem){
    .portfolio__thumb{
        width:33.333333%
    }
}
.portfolio__thumb-title{
    margin-bottom:.5rem
}
.portfolio__grid-link{
    border-radius:.125rem;
    cursor:pointer;
    display:block;
    overflow:hidden;
    position:relative;
    -webkit-transition:-webkit-box-shadow .2s ease-in-out;
    transition:-webkit-box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .portfolio__grid-link{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
@media only screen and (min-width:48rem){
    .portfolio__grid-link:active .portfolio__gallery-img,.portfolio__grid-link:focus .portfolio__gallery-img,.portfolio__grid-link:hover .portfolio__gallery-img{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    .portfolio__grid-link:active .portfolio__grid-link-infos,.portfolio__grid-link:focus .portfolio__grid-link-infos,.portfolio__grid-link:hover .portfolio__grid-link-infos{
        bottom:.625rem;
        left:.625rem;
        opacity:1;
        right:.625rem;
        top:.625rem
    }
}
.portfolio__gallery-img{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.animation-off .portfolio__gallery-img{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.portfolio__grid-link-infos{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    bottom:1.25rem;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.35);
    box-shadow:0 0 15px rgba(0,0,0,.35);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    justify-content:space-between;
    left:1.25rem;
    opacity:0;
    position:absolute;
    right:1.25rem;
    top:1.25rem;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.animation-off .portfolio__grid-link-infos{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.portfolio__grid-link-infos-header{
    display:none;
    padding:2.5rem 0 0 1.25rem
}
@media only screen and (min-width:48rem){
    .portfolio__grid-link-infos-header{
        display:block
    }
}
.portfolio__grid-link-category{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:.875rem;
    font-weight:600;
    list-style:none;
    margin:0 0 1rem;
    padding:0;
    text-transform:uppercase
}
.portfolio__grid-link-category-item{
    font-size:.75rem;
    letter-spacing:.15em;
    margin-right:.5rem;
    text-transform:uppercase
}
.portfolio__grid-link-infos-footer{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:flex-end;
    padding:0 1.25rem 1.25rem 0
}
.portfolio-modal{
    bottom:0;
    left:0;
    opacity:0;
    position:fixed;
    right:99999px;
    top:0;
    visibility:hidden;
    z-index:3
}
.portfolio-modal--active{
    right:0;
    visibility:visible
}
.portfolio-modal__main{
    height:100vh;
    max-height:100vh;
    min-height:100vh;
    overflow:hidden;
    padding-bottom:3.75rem;
    position:relative
}
@media only screen and (min-width:48rem){
    .portfolio-modal__main{
        padding-bottom:0
    }
}
.portfolio-modal__main-inner{
    height:100%;
    overflow:auto
}
@media only screen and (min-width:48rem){
    .portfolio-modal__main-inner{
        padding-bottom:1.875rem;
        padding-top:.9375rem
    }
}
@media only screen and (min-width:62rem){
    .portfolio-modal__main-inner{
        padding-bottom:3.75rem;
        padding-top:1.875rem
    }
}
.portfolio-modal__carousel{
    max-width:31.25rem
}
@media only screen and (min-width:48rem){
    .portfolio-modal__carousel{
        max-width:50rem;
        width:37.5rem
    }
}
@media only screen and (min-width:62rem){
    .portfolio-modal__carousel{
        width:43.75rem
    }
}
@media only screen and (min-width:75rem){
    .portfolio-modal__carousel{
        width:50rem
    }
}
.portfolio-item__content{
    opacity:0
}
.portfolio-item__imgs-carousel .owl-next:hover,.portfolio-item__imgs-carousel .owl-prev:hover{
    background-color:transparent!important
}
.portfolio-item__imgs-carousel .owl-prev:not(.disabled):hover .portfolio-item__imgs-carousel-nav{
    -webkit-transform:translateX(-.3125rem);
    transform:translateX(-.3125rem)
}
.portfolio-item__imgs-carousel .owl-next:not(.disabled):hover .portfolio-item__imgs-carousel-nav{
    -webkit-transform:translateX(.3125rem);
    transform:translateX(.3125rem)
}
.portfolio-item__header{
    margin-bottom:1.5rem;
    margin-top:1rem;
    padding-left:1rem;
    padding-right:1rem
}
@media only screen and (min-width:48rem){
    .portfolio-item__header{
        padding-left:0;
        padding-right:0
    }
}
.portfolio-item__imgs{
    opacity:0
}
.animation-off .portfolio-item__imgs{
    opacity:1
}
.portfolio-item__img-wrapper{
    margin-bottom:1rem
}
@media only screen and (min-width:48rem){
    .portfolio-item__title{
        font-size:1.375rem
    }
}
.portfolio-item__category{
    margin-right:.5rem
}
.portfolio-item__subtitle{
    font-weight:600;
    padding-top:.625rem
}
.portfolio-item__description{
    margin-bottom:.9375rem;
    margin-right:-.9375rem;
    padding:2.5rem 1.25rem 3.125rem 1.875rem;
    position:relative
}
@media only screen and (min-width:48rem){
    .portfolio-item__description{
        padding-left:2.5rem
    }
}
@media only screen and (min-width:62rem){
    .portfolio-item__description{
        padding-left:3.125rem
    }
}
.portfolio-item__description-list,.portfolio-item__description-p{
    max-width:31.25rem
}
.portfolio-nav{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    align-items:center;
    bottom:0;
    -webkit-box-shadow:0 -5px 20px 0 rgba(0,0,0,.25);
    box-shadow:0 -5px 20px 0 rgba(0,0,0,.25);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:3.75rem;
    justify-content:space-between;
    left:0;
    padding:0 .9375rem;
    position:absolute;
    right:0
}
@media only screen and (min-width:48rem){
    .portfolio-nav{
        -webkit-box-shadow:none;
        box-shadow:none;
        height:0;
        overflow:hidden
    }
}
.portfolio-nav__button--close{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:.875rem;
    justify-content:flex-start;
    letter-spacing:.1em;
    opacity:0;
    text-transform:uppercase
}
@media only screen and (min-width:48rem){
    .portfolio-nav__button--close{
        position:fixed!important;
        right:2.5rem;
        top:2.5rem
    }
    .portfolio-nav__button--mobile{
        display:none
    }
}
.portfolio-nav__button--desktop{
    display:none
}
@media only screen and (min-width:48rem){
    .portfolio-nav__button--desktop{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.portfolio-nav__button--next,.portfolio-nav__button--prev{
    opacity:0
}
@media only screen and (min-width:48rem){
    .portfolio-nav__button--next,.portfolio-nav__button--prev{
        position:fixed!important;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
.portfolio-nav__button--prev .material-icons{
    left:.25rem;
    position:relative
}
@media only screen and (min-width:48rem){
    .portfolio-nav__button--prev{
        left:1.25rem
    }
}
@media only screen and (min-width:62rem){
    .portfolio-nav__button--prev{
        left:8%
    }
}
@media only screen and (min-width:75rem){
    .portfolio-nav__button--prev{
        left:12%
    }
}
.portfolio-nav__button--next .material-icons{
    left:.125rem;
    position:relative
}
@media only screen and (min-width:48rem){
    .portfolio-nav__button--next{
        right:1.25rem
    }
}
@media only screen and (min-width:62rem){
    .portfolio-nav__button--next{
        right:3.75rem
    }
}
@media only screen and (min-width:75rem){
    .portfolio-nav__button--next{
        right:12%
    }
}
.portfolio-item__imgs-carousel-nav{
    display:inline-block;
    padding:.625rem .3125rem;
    -webkit-transition:-webkit-transform .2s ease-in-out;
    transition:-webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.animation-off .portfolio-item__imgs-carousel-nav{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
body.rtl .portfolio-item__imgs-carousel-nav svg{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.portfolio-item__imgs-carousel-counter{
    display:inline-block;
    font-size:.875rem;
    letter-spacing:.2em;
    text-align:center;
    width:3.75rem
}
.portfolio-item__link-icon{
    bottom:.625rem;
    position:absolute!important;
    right:.375rem
}
.clients-subtitle{
    margin-bottom:1.5rem;
    text-align:center
}
.clients-testimonials{
    border-radius:.125rem;
    -webkit-box-shadow:-7px 14px 32px rgba(0,0,0,.15),-10px 10px 20px rgba(0,0,0,.12);
    box-shadow:-7px 14px 32px rgba(0,0,0,.15),-10px 10px 20px rgba(0,0,0,.12);
    list-style:none;
    margin-bottom:4.375rem;
    padding:.9375rem
}
.clients-testimonials .owl-dots{
    margin-top:1.875rem!important
}
.clients-testimonials.owl-theme .owl-dots .owl-dot.active span{
    width:1.875rem
}
.clients-testimonials.owl-theme .owl-dots .owl-dot span{
    -webkit-transition:opacity .2s ease-in-out,width .2s ease-in-out;
    transition:opacity .2s ease-in-out,width .2s ease-in-out
}
.animation-off .clients-testimonials.owl-theme .owl-dots .owl-dot span{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
@media only screen and (min-width:48rem){
    .clients-testimonials{
        padding:.9375rem 0
    }
}
.clients-testimonials__item{
    padding-bottom:2.5rem;
    padding-top:2.5rem
}
.clients-testimonials__item-inner{
    margin:0 auto;
    max-width:39.375rem;
    position:relative
}
.clients-testimonials__avatar{
    border-radius:3.28125rem;
    -webkit-box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);
    box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);
    height:6.5625rem;
    padding:.9375rem;
    position:absolute;
    right:50%;
    top:-3.28125rem;
    -webkit-transform:translateX(50%);
    transform:translateX(50%);
    width:6.5625rem
}
.testimonials__img{
    border-radius:6.5625rem;
    -webkit-box-shadow:2px 2px 9px 1px rgba(0,0,0,.3);
    box-shadow:2px 2px 9px 1px rgba(0,0,0,.3)
}
.clients-testimonials__content{
    margin-top:3.28125rem;
    padding-bottom:.9375rem;
    padding-left:.5rem;
    padding-top:4.0625rem;
    position:relative
}
.clients-testimonials__surface{
    bottom:0;
    left:4.0625rem;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
.clients-testimonials__p{
    font-size:1.125rem;
    font-style:italic;
    max-width:31.25rem;
    padding-right:.9375rem;
    position:relative
}
.clients-testimonials__line{
    height:.125rem;
    left:0;
    position:absolute;
    top:-1.25rem;
    width:6.25rem
}
.clients-testimonials__footer{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:flex-end;
    padding-top:.625rem;
    text-align:right
}
.clients-testimonials-nav{
    position:relative
}
.testimonials__nav-button--next,.testimonials__nav-button--prev{
    position:absolute!important;
    top:50%
}
.testimonials__nav-button--prev{
    left:1.25rem
}
.testimonials__nav-button--next{
    right:1.25rem
}
.clients-logos{
    grid-row-gap:20px;
    display:grid;
    grid-template-columns:1fr 1fr;
    list-style:none;
    margin-top:3.125rem;
    padding-left:0;
    row-gap:20px
}
.clients-logos img{
    display:block;
    margin:0 auto
}
@media only screen and (min-width:48rem){
    .clients-testimonials__line{
        top:-1.8125rem;
        width:12.5rem
    }
    .clients-testimonials__avatar{
        border-radius:4.0625rem;
        height:8.125rem;
        padding:1.25rem;
        right:0;
        top:-4.0625rem;
        -webkit-transform:none;
        transform:none;
        width:8.125rem
    }
    .clients-testimonials__content,.clients-testimonials__footer{
        margin-right:4.0625rem
    }
    .clients-logos{
        grid-template-columns:1fr 1fr 1fr
    }
}
@media only screen and (min-width:62rem){
    .clients-logos{
        grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr
    }
}
.blog__grid{
    grid-column-gap:30px;
    grid-row-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr;
    row-gap:30px
}
@media only screen and (min-width:48rem){
    .blog__grid{
        grid-template-columns:1fr 1fr
    }
}
@media only screen and (min-width:62rem){
    .blog__grid{
        grid-template-columns:1fr 1fr 1fr
    }
}
.blog-post{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    justify-content:space-between;
    padding-bottom:3rem;
    position:relative
}
.blog-post__surface{
    bottom:3rem;
    left:3.125rem;
    position:absolute;
    right:0;
    top:1.25rem;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .blog-post__surface{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.blog-post__header{
    margin-bottom:1.5rem;
    margin-top:1.5rem
}
.blog-post__title a{
    text-decoration:none;
    -webkit-transition:-webkit-box-shadow .2s ease-in-out;
    transition:-webkit-box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .blog-post__title a{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.blog-post__title a:hover{
    text-decoration:underline
}
.blog-post__img-link{
    display:block;
    -webkit-transition:-webkit-box-shadow .2s ease-in-out;
    transition:-webkit-box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .blog-post__img-link{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.blog-post__img{
    -webkit-box-shadow:0;
    box-shadow:0;
    -webkit-transition:opacity .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:opacity .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out,opacity .2s ease-in-out;
    transition:box-shadow .2s ease-in-out,opacity .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .blog-post__img{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.blog-post__content,.blog-post__header,.blog-post__img{
    width:calc(100% - 3.125rem)
}
.blog-post__footer{
    padding-bottom:1.25rem;
    padding-right:1.25rem;
    position:relative;
    text-align:right
}
.blog-post__read-more{
    font-weight:500;
    text-decoration:underline;
    -webkit-transition:color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .blog-post__read-more{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.blog-post__date{
    margin-bottom:0;
    text-align:right
}
.blog-post__author-name{
    display:inline-block
}
.contact__grid{
    grid-column-gap:30px;
    grid-row-gap:30px;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    display:grid;
    grid-template-columns:1fr;
    row-gap:30px
}
@media only screen and (min-width:62rem){
    .contact__grid{
        grid-template-columns:33.333333% 66.666666%
    }
}
.contact-info{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-bottom:2rem;
    margin-top:.125rem
}
.contact-info,.contact-info__icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.contact-info__icon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    font-size:1.25rem;
    height:1.375rem;
    justify-content:center;
    margin-right:1rem;
    position:relative;
    top:.125rem;
    width:1.375rem
}
.section{
    padding-top:3.75rem
}
@media only screen and (min-width:48rem){
    .section{
        padding-top:5.625rem
    }
}
.section__header{
    margin-bottom:1.875rem
}
@media only screen and (min-width:48rem){
    .section__header{
        margin-bottom:3.75rem
    }
}
.section__header-p{
    font-size:1rem;
    max-width:17.5rem
}
.site-preloader{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    left:0;
    opacity:1;
    position:fixed;
    right:0;
    top:0;
    z-index:9
}
.site-is-loading{
    overflow:hidden
}
.site-header{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    left:0;
    padding-bottom:.625rem;
    padding-top:.625rem;
    position:fixed;
    right:0;
    top:0;
    z-index:2
}
.site-skip-link{
    clip:rect(1px 1px 1px 1px);
    border:0;
    border-radius:.25rem;
    font-size:1rem;
    font-size:1.125rem;
    font-weight:600;
    left:-9999rem;
    padding:.625rem .9375rem;
    position:absolute;
    text-decoration:underline;
    top:.4375rem;
    z-index:9999999
}
.site-skip-link:focus{
    clip:auto;
    left:.4375rem;
    outline:0
}
.headroom{
    -webkit-transition:-webkit-transform .2s ease-in-out;
    transition:-webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    will-change:transform
}
.animation-off .headroom{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.headroom--pinned{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.headroom--unpinned{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.site-brand{
    border-radius:.125rem;
    font-size:1.5rem;
    font-weight:600;
    text-decoration:none;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .site-brand{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.site-brand:active,.site-brand:focus,.site-brand:hover{
    text-decoration:none
}
.site-brand-img{
    height:2.5rem;
    max-height:2.5rem;
    width:auto
}
.site-navigation{
    bottom:0;
    display:none;
    height:100vh;
    left:0;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    width:100vw
}
.animation-off .site-navigation{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
@media only screen and (min-width:62rem){
    .site-navigation{
        background-color:transparent;
        bottom:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        height:auto;
        left:auto;
        position:static;
        right:auto;
        top:auto;
        width:auto
    }
}
.site-menu-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
@media only screen and (min-width:62rem){
    .site-menu-wrapper{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.site-navigation--mobile-active{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    justify-content:space-between;
    overflow:auto;
    z-index:1
}
@media only screen and (min-width:62rem){
    .site-navigation--mobile-active{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.site-header--mobile-navigation-active{
    z-index:3
}
.site-navigation__theme-buttons{
    padding:.625rem 0;
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .site-navigation__theme-buttons{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
@media only screen and (min-width:62rem){
    .site-navigation__theme-buttons{
        border-left-style:solid;
        border-left-width:1px;
        padding:0 0 0 .625rem
    }
}
.site-navigation-toggler{
    background-color:transparent;
    height:2.5rem;
    position:relative;
    width:2.5rem
}
@media only screen and (min-width:62rem){
    .site-navigation-toggler{
        display:none
    }
}
.site-navigation-toggler__lines{
    height:1.5rem;
    left:0;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.site-navigation-toggler__first-line,.site-navigation-toggler__last-line,.site-navigation-toggler__middle-line{
    height:.125rem;
    left:50%;
    position:absolute;
    width:1.375rem
}
.site-navigation-toggler__first-line{
    top:.3125rem;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:top .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:top .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:top .2s ease-in-out,transform .2s ease-in-out;
    transition:top .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.animation-off .site-navigation-toggler__first-line{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.site-navigation-toggler__middle-line{
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.site-navigation-toggler__last-line{
    bottom:.3125rem;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:bottom .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:bottom .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:bottom .2s ease-in-out,transform .2s ease-in-out;
    transition:bottom .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.animation-off .site-navigation-toggler__last-line{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
.site-navigation-toggler--close{
    position:absolute;
    right:15px;
    top:10px
}
.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__first-line,.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__last-line,.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__first-line{
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    display:none
}
.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__last-line{
    bottom:0;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.site-social-links{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    margin-bottom:1.25rem
}
@media only screen and (min-width:62rem){
    .site-social-links--header{
        display:none
    }
}
.site-social-links--footer{
    bottom:0;
    display:none;
    margin-bottom:0;
    padding-bottom:5.625rem;
    position:fixed;
    right:.9375rem;
    z-index:1
}
@media only screen and (min-width:62rem){
    .site-social-links--footer{
        display:block
    }
}
.site-title{
    margin-bottom:.5rem;
    margin-top:.5rem
}
@media only screen and (min-width:48rem){
    .site-title{
        font-size:3rem
    }
}
.site-subtitle{
    font-size:1.3125rem;
    margin-bottom:1.875rem;
    max-width:31.25rem
}
.site-footer{
    padding:5.625rem 0 1.875rem;
    text-align:center
}
.site-footer__button{
    margin-top:1rem
}
@media only screen and (min-width:48rem){
    .site-footer__button{
        margin-top:1.5rem
    }
}
.site-colophon{
    font-size:.75rem;
    letter-spacing:.1rem;
    text-transform:uppercase
}
.site-colophon a{
    -webkit-transition:-webkit-box-shadow .2s ease-in-out;
    transition:-webkit-box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
.animation-off .site-colophon a{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
@media only screen and (min-width:48rem){
    .site-social-links__button{
        margin-left: auto;
        margin-right: auto;
    }
}
.list-reset{
    list-style:none;
    margin:0;
    padding:0
}
.img-fluid{
    height:auto;
    max-width:100%
}
.bold{
    font-weight:600
}
.sr-only{
    clip:rect(0,0,0,0);
    border:0;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px
}
.d-none{
    display:none
}
.d-block{
    display:block
}
.d-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (min-width:36rem){
    .d-sm-none{
        display:none
    }
    .d-sm-block{
        display:block
    }
    .d-sm-flex{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media only screen and (min-width:48rem){
    .d-md-none{
        display:none
    }
    .d-md-block{
        display:block
    }
    .d-md-flex{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media only screen and (min-width:62rem){
    .d-lg-none{
        display:none
    }
    .d-lg-block{
        display:block
    }
    .d-lg-flex{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media only screen and (min-width:75rem){
    .d-xl-none{
        display:none
    }
    .d-xl-block{
        display:block
    }
    .d-xl-flex{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.position-relative{
    position:relative
}
.position-absolute{
    position:absolute
}
.position-fixed{
    position:fixed
}
.overflow-hidden{
    overflow:hidden
}
.overflow-auto{
    overflow:auto
}
.page-404__section{
    padding-top:3.75rem
}
@media only screen and (min-width:48rem){
    .page-404__section{
        padding-top:7.5rem
    }
}
.page-404__text{
    font-size:1.125rem
}
@media only screen and (min-width:48rem){
    .page-404__text{
        font-size:1.25rem
    }
}
.page-404__text--bold{
    font-weight:600
}
.page-404__button{
    margin-top:1.25rem
}
.blog-post__section{
    padding-top:3.75rem
}
@media only screen and (min-width:48rem){
    .blog-post__section{
        padding-top:7.5rem
    }
}
.blog-post__text{
    font-size:1.125rem
}
@media only screen and (min-width:48rem){
    .blog-post__text{
        font-size:1.25rem
    }
}
.blog-post__text--bold{
    font-weight:600
}
.blog-post__button{
    margin-top:1.25rem
}
body{
    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}
body.default-theme{
    background-color:#fff;
    color:#000000
}
body.default-theme .site-preloader{
    background-color:#000000
}
body.default-theme .site-skip-link{
    background-color:#000000;
    color:#fff
}
body.default-theme .site-header{
    background-color:rgba(255,255,255,.9)
}
body.default-theme .site-brand{
    color:#000000
}
body.default-theme .site-navigation{
    background-color:#fff
}
@media only screen and (min-width:62rem){
    body.default-theme .site-navigation{
        background-color:transparent
    }
}
body.default-theme .site-navigation-toggler.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__first-line,body.default-theme .site-navigation-toggler.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__last-line,body.default-theme .site-navigation-toggler.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    background-color:#000000!important
}
body.default-theme .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__first-line,body.default-theme .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__last-line,body.default-theme .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    background-color:#000000
}
body.default-theme .site-navigation__theme-buttons{
    border-bottom:1px solid #f4f6fb;
    border-top:1px solid #f4f6fb
}
@media only screen and (min-width:62rem){
    body.default-theme .site-navigation__theme-buttons{
        border-color:#f4f6fb;
        border-bottom:0;
        border-top:0
    }
}
body.default-theme.site--full-cover .site-subtitle,body.default-theme.site--full-cover .site-title{
    color:#fff
}
body.default-theme.site--full-cover .site-header.headroom--not-top{
    background-color:rgba(255,255,255,.9)
}
body.default-theme.site--full-cover .site-header.headroom--top{
    background-color:transparent
}
body.default-theme.site--full-cover .site-header.headroom--top .site-brand{
    color:#fff
}
body.default-theme.site--full-cover .site-header.headroom--top.site-header--anim .site-brand{
    color:#000000
}
@media only screen and (min-width:62rem){
    body.default-theme.site--full-cover .site-header.headroom--top .site-navigation__theme-buttons{
        border-color:rgba(255,255,255,.2)
    }
}
body.default-theme .a11y-preferences__dialog,body.default-theme.site--full-cover .site-header.headroom--top .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__first-line,body.default-theme.site--full-cover .site-header.headroom--top .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__last-line,body.default-theme.site--full-cover .site-header.headroom--top .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    background-color:#fff
}
body.default-theme .a11y-preferences__control{
    border-bottom:1px solid #f4f6fb
}
body.default-theme.site--composition .banner__box{
    background-color:rgba(244,246,251,.6)
}
body.default-theme.site--full-cover .banner__introductory{
    color:#fff
}
body.default-theme .banner__full-cover-overlay{
    background-color:rgba(25,33,54,.75)
}
body.default-theme .about__img-bg,body.default-theme .hire-me__surface{
    background-color:#f4f6fb
}
body.default-theme .service__box{
    background-color:#f4f6fb;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
body.default-theme .portfolio-modal{
    background-color:rgba(255,255,255,.99)
}
body.default-theme .portfolio-item__title{
    color:#000000
}
body.default-theme .portfolio-item__description{
    background-color:#f4f6fb
}
body.default-theme .portfolio-nav{
    background-color:#fff
}
body.default-theme .portfolio-nav__button--next,body.default-theme .portfolio-nav__button--prev{
    background-color:#f4f6fb
}
body.default-theme .portfolio__grid-title{
    color:#000000
}
body.default-theme .portfolio__grid-link-category-item{
    color:#616e91
}
@media only screen and (min-width:48rem){
    body.default-theme .portfolio__grid-link-category-item{
        color:#000000
    }
}
body.default-theme .portfolio__grid-link-infos .material-icons{
    color:#000000
}
body.default-theme .portfolio__grid-link-infos-footer svg{
    fill:#000000
}
body.default-theme .portfolio-item__category,body.default-theme .portfolio-item__imgs-carousel-counter{
    color:#616e91
}
body.default-theme .clients-testimonials__surface{
    background-color:#f4f6fb
}
body.default-theme .clients-testimonials.owl-theme .owl-dots .owl-dot:not(.active) span{
    background-color:#95a1be
}
body.default-theme .blog-post__surface{
    background-color:#f4f6fb
}
body.default-theme .blog-post__read-more{
    color:#000000
}
body.default-theme .blog-post__img-link:active .blog-post__img,body.default-theme .blog-post__img:hover{
    -webkit-box-shadow:0 8px 20px rgba(25,33,54,.45);
    box-shadow:0 8px 20px rgba(25,33,54,.45);
    opacity:.9
}
body.default-theme .section__header-p{
    color:#616e91
}
body.default-theme .button--secondary{
    background-color:#f4f6fb;
    color:#000000
}
body.default-theme .button--secondary:active,body.default-theme .button--secondary:hover{
    background-color:#dcdde2
}
body.default-theme .button--default{
    color:#000000
}
body.default-theme .button--spinner .button__spinner>span{
    border-color:#000000 transparent
}
body.default-theme .button--theme-switcher-default{
    display:none
}
body.default-theme .button--icon-default{
    color:#000000
}
body.default-theme .button--icon-default svg{
    fill:#000000
}
.animation-off body.default-theme .button--icon-default svg{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
body.default-theme .button--icon-default:active,body.default-theme .button--icon-default:hover{
    background-color:#000000;
    color:#fff
}
body.default-theme .button--icon-default:active svg,body.default-theme .button--icon-default:hover svg{
    fill:#fff
}
body.default-theme .button--icon{
    background-color:rgba(255,255,255,.5)
}
body.default-theme .button--icon svg{
    fill:#000000
}
body.default-theme .button--icon-color:active,body.default-theme .button--icon-color:hover,body.default-theme .button--icon-hover-color:active,body.default-theme .button--icon-hover-color:hover{
    color:#000000
}
body.default-theme .button--icon-color:active svg,body.default-theme .button--icon-color:hover svg,body.default-theme .button--icon-hover-color:active svg,body.default-theme .button--icon-hover-color:hover svg{
    fill:#000000
}
body.default-theme .button--carousel{
    background-color:#f4f6fb
}
@media only screen and (min-width:62rem){
    body.default-theme.site--full-cover .site-header.headroom--top .button--icon-default{
        color:#fff
    }
    body.default-theme.site--full-cover .site-header.headroom--top .button--icon-default svg{
        fill:#fff
    }
    body.default-theme.site--full-cover .site-header.headroom--top .button--icon-default:active,body.default-theme.site--full-cover .site-header.headroom--top .button--icon-default:hover{
        background-color:#fff;
        color:#000000
    }
    body.default-theme.site--full-cover .site-header.headroom--top .button--icon-default:active svg,body.default-theme.site--full-cover .site-header.headroom--top .button--icon-default:hover svg{
        fill:#000000
    }
    body.default-theme.site--full-cover .site-header.headroom--top.site-header--anim .button--icon-default{
        color:#000000
    }
    body.default-theme.site--full-cover .site-header.headroom--top.site-header--anim .button--icon-default svg{
        fill:#000000
    }
}
body.default-theme .form__label{
    color:#000000
}
body.default-theme .form-contact__surface{
    background-color:#f4f6fb
}
body.default-theme .form__message{
    color:#fff
}
body.default-theme .form__field{
    background-color:#fff;
    color:#000000
}
body.default-theme .line--underline{
    background-image:linear-gradient(120deg,#000000,#000000)
}
body.default-theme .navigation__link{
    color:#000000
}
@media only screen and (min-width:62rem){
    body.default-theme.site--full-cover .site-header.headroom--top .navigation__link{
        color:#fff
    }
    body.default-theme.site--full-cover .site-header.headroom--not-top .navigation__link,body.default-theme.site--full-cover .site-header.headroom--top.site-header--anim .navigation__link{
        color:#000000
    }
}
body.default-theme .skill-bar__bg,body.default-theme .switch__button{
    background-color:#f4f6fb
}
body.default-theme .switch__button-text--off{
    color:#000000
}
body.default-theme .timeline__item-bullet{
    background-color:#000000
}
body.default-theme .timeline__start-point{
    background-color:#fff
}
body.default-theme .dash-list,body.default-theme .heading-5,body.default-theme h5{
    color:#616e91
}
body.default-theme .singlekey{
    border:1px solid #000000;
    -webkit-box-shadow:-2px 2px 0 0 #000000;
    box-shadow:-2px 2px 0 0 #000000
}
body.default-theme .color--primary{
    color:#000000!important
}
body.default-theme .color--secondary{
    color:#616e91!important
}
body.default-theme .color--hint{
    color:#95a1be!important
}
body.default-theme .color--surface{
    color:#f4f6fb!important
}
body.default-theme .color--background{
    color:#fff!important
}
body.default-theme .bg--primary{
    background-color:#000000!important
}
body.default-theme .bg--secondary{
    background-color:#616e91!important
}
body.default-theme .bg--hint{
    background-color:#95a1be!important
}
body.default-theme .bg--surface{
    background-color:#f4f6fb!important
}
body.default-theme .bg--background{
    background-color:#fff!important
}
body.dark-theme{
    color:#f4f6fb
}
body.dark-theme,body.dark-theme .site-preloader{
    background-color:#000000
}
body.dark-theme .site-skip-link{
    background-color:#f4f6fb;
    color:#000000
}
body.dark-theme .site-header{
    background-color:rgba(25,33,54,.9)
}
body.dark-theme .site-brand{
    color:#f4f6fb
}
body.dark-theme .site-navigation{
    background-color:#000000
}
@media only screen and (min-width:62rem){
    body.dark-theme .site-navigation{
        background-color:transparent
    }
}
body.dark-theme .site-navigation-toggler.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__first-line,body.dark-theme .site-navigation-toggler.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__last-line,body.dark-theme .site-navigation-toggler.site-navigation-toggler--active .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    background-color:#f4f6fb!important
}
body.dark-theme .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__first-line,body.dark-theme .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__last-line,body.dark-theme .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    background-color:#f4f6fb
}
body.dark-theme .site-navigation__theme-buttons{
    border-bottom:1px solid #1d263d;
    border-top:1px solid #1d263d
}
@media only screen and (min-width:62rem){
    body.dark-theme .site-navigation__theme-buttons{
        border-color:rgba(244,246,251,.2);
        border-bottom:0;
        border-top:0
    }
}
body.dark-theme.site--full-cover .site-subtitle,body.dark-theme.site--full-cover .site-title{
    color:#f4f6fb
}
body.dark-theme.site--full-cover .site-header.headroom--not-top{
    background-color:rgba(25,33,54,.9)
}
body.dark-theme.site--full-cover .site-header.headroom--top{
    background-color:transparent
}
body.dark-theme.site--full-cover .site-header.headroom--top .site-brand{
    color:#f4f6fb
}
@media only screen and (min-width:62rem){
    body.dark-theme.site--full-cover .site-header.headroom--top .site-navigation__theme-buttons{
        border-color:rgba(244,246,251,.2)
    }
}
body.dark-theme.site--full-cover .site-header.headroom--top .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__first-line,body.dark-theme.site--full-cover .site-header.headroom--top .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__last-line,body.dark-theme.site--full-cover .site-header.headroom--top .site-navigation-toggler .site-navigation-toggler__lines .site-navigation-toggler__middle-line{
    background-color:#f4f6fb
}
body.dark-theme .a11y-preferences__dialog{
    background-color:#000000
}
body.dark-theme .a11y-preferences__control{
    border-bottom:1px solid #1d263d
}
body.dark-theme.site--composition .banner__box{
    background-color:rgba(29,38,61,.9)
}
body.dark-theme.site--full-cover .banner__introductory{
    color:#f4f6fb
}
body.dark-theme .banner__full-cover-overlay{
    background-color:rgba(25,33,54,.75)
}
body.dark-theme .about__img-bg,body.dark-theme .hire-me__surface{
    background-color:#1d263d
}
body.dark-theme .service__box{
    background-color:#1d263d;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
body.dark-theme .portfolio-modal{
    background-color:rgba(25,33,54,.99)
}
body.dark-theme .portfolio-item__description{
    background-color:#1d263d
}
body.dark-theme .portfolio-nav{
    background-color:#000000
}
body.dark-theme .portfolio-nav__button--next,body.dark-theme .portfolio-nav__button--prev{
    background-color:#1d263d
}
body.dark-theme .portfolio__grid-title{
    color:#000000
}
body.dark-theme .portfolio__grid-link-category-item{
    color:#95a1be
}
@media only screen and (min-width:48rem){
    body.dark-theme .portfolio__grid-link-category-item{
        color:#000000
    }
}
body.dark-theme .portfolio__grid-link-infos .material-icons{
    color:#000000
}
body.dark-theme .portfolio__grid-link-infos-footer svg{
    fill:#000000
}
body.dark-theme .portfolio-item__category,body.dark-theme .portfolio-item__imgs-carousel-counter{
    color:#95a1be
}
body.dark-theme .clients-testimonials__surface{
    background-color:#1d263d
}
body.dark-theme .clients-testimonials.owl-theme .owl-dots .owl-dot:not(.active) span{
    background-color:#616e91
}
body.dark-theme .blog-post__surface{
    background-color:#1d263d
}
body.dark-theme .blog-post__img-link:active .blog-post__img,body.dark-theme .blog-post__img:hover{
    -webkit-box-shadow:0 8px 20px rgba(0,0,0,.5);
    box-shadow:0 8px 20px rgba(0,0,0,.5)
}
body.dark-theme .section__header-p{
    color:#95a1be
}
body.dark-theme .button--secondary{
    background-color:#1d263d;
    color:#f4f6fb
}
body.dark-theme .button--secondary:active,body.dark-theme .button--secondary:hover{
    background-color:#283147
}
body.dark-theme .button--default{
    color:#000000
}
body.dark-theme .button--spinner .button__spinner>span{
    border-color:#000000 transparent
}
body.dark-theme .button--theme-switcher-dark{
    display:none
}
body.dark-theme .button--icon-default{
    color:#000000
}
body.dark-theme .button--icon-default svg{
    fill:#000000
}
.animation-off body.dark-theme .button--icon-default svg{
    -webkit-transition-duration:.01s!important;
    transition-duration:.01s!important
}
body.dark-theme .button--icon-default:active,body.dark-theme .button--icon-default:hover{
    background-color:#f4f6fb;
    color:#000000
}
body.dark-theme .button--icon-default:active svg,body.dark-theme .button--icon-default:hover svg{
    fill:#000000
}
body.dark-theme .button--icon{
    background-color:#000000
}
body.dark-theme .button--icon svg{
    fill:#f4f6fb
}
body.dark-theme .button--icon-color:active,body.dark-theme .button--icon-color:hover,body.dark-theme .button--icon-hover-color:active,body.dark-theme .button--icon-hover-color:hover{
    color:#000000
}
body.dark-theme .button--icon-color:active svg,body.dark-theme .button--icon-color:hover svg,body.dark-theme .button--icon-hover-color:active svg,body.dark-theme .button--icon-hover-color:hover svg{
    fill:#000000
}
body.dark-theme .button--carousel{
    background-color:#000000
}
@media only screen and (min-width:62rem){
    body.dark-theme.site--full-cover .site-header.headroom--top .button--icon-default{
        color:#f4f6fb
    }
    body.dark-theme.site--full-cover .site-header.headroom--top .button--icon-default svg{
        fill:#f4f6fb
    }
    body.dark-theme.site--full-cover .site-header.headroom--top .button--icon-default:active,body.dark-theme.site--full-cover .site-header.headroom--top .button--icon-default:hover{
        background-color:#f4f6fb;
        color:#000000
    }
    body.dark-theme.site--full-cover .site-header.headroom--top .button--icon-default:active svg,body.dark-theme.site--full-cover .site-header.headroom--top .button--icon-default:hover svg{
        fill:#000000
    }
}
body.dark-theme .form__label{
    color:#f4f6fb
}
body.dark-theme .form-contact__surface{
    background-color:#1d263d
}
body.dark-theme .form__message{
    color:#fff
}
body.dark-theme .form__field{
    background-color:#f4f6fb;
    color:#000000
}
body.dark-theme .line--underline{
    background-image:linear-gradient(120deg,#000000,#000000)
}
body.dark-theme .navigation__link{
    color:#f4f6fb
}
@media only screen and (min-width:62rem){
    body.dark-theme.site--full-cover .site-header.headroom--not-top .navigation__link,body.dark-theme.site--full-cover .site-header.headroom--top .navigation__link{
        color:#f4f6fb
    }
}
body.dark-theme .skill-bar__bg{
    background-color:#1d263d
}
body.dark-theme .spinner-dual-ring>span{
    border-color:#f4f6fb transparent
}
body.dark-theme .switch__button{
    background-color:#616e91
}
body.dark-theme .switch__button-text--off{
    color:#f4f6fb
}
body.dark-theme .timeline__item-bullet{
    background-color:#f4f6fb
}
body.dark-theme .timeline__start-point{
    background-color:#000000
}
body.dark-theme .dash-list,body.dark-theme .heading-5,body.dark-theme h5{
    color:#95a1be
}
body.dark-theme .text-link:focus,body.dark-theme .text-link:hover{
    color:#f4f6fb
}
body.dark-theme .singlekey{
    background-color:#f4f6fb;
    border:1px solid #000000;
    -webkit-box-shadow:-2px 2px 0 0 #000000;
    box-shadow:-2px 2px 0 0 #000000;
    color:#000000
}
body.dark-theme .color--primary{
    color:#f4f6fb!important
}
body.dark-theme .color--secondary{
    color:#95a1be!important
}
body.dark-theme .color--hint{
    color:#616e91!important
}
body.dark-theme .color--surface{
    color:#1d263d!important
}
body.dark-theme .color--background{
    color:#000000!important
}
body.dark-theme .bg--primary{
    background-color:#f4f6fb!important
}
body.dark-theme .bg--secondary{
    background-color:#95a1be!important
}
body.dark-theme .bg--hint{
    background-color:#616e91!important
}
body.dark-theme .bg--surface{
    background-color:#1d263d!important
}
body.dark-theme .bg--background{
    background-color:#000000!important
}
.js-focus-visible [tabindex="0"].focus-visible,.js-focus-visible a.focus-visible,.js-focus-visible button.focus-visible{
    -webkit-box-shadow:0 0 0 .3rem #dfb6ff;
    box-shadow:0 0 0 .3rem #dfb6ff;
    outline:0
}
::-moz-selection{
    background:#3388FF
}
::selection{
    background:#3388FF
}
.navigation__link{
    background-image:linear-gradient(120deg,#3388FF,#3388FF)
}
.button--icon-hover-color:active,.button--icon-hover-color:hover{
    background-color:#000000!important
}
.button--icon-color{
    color:#3388FF
}
.button--icon-color svg{
    fill:#3388FF
}
.button--icon-hover-color:active svg,.button--icon-hover-color:hover svg{
    fill:#3388FF;
}

.button--default,.button--icon-color:active,.button--icon-color:hover,.site-social-links__line{
    background-color:#3388FF
}
.site-skip-link:focus{
    -webkit-box-shadow:0 0 0 .3rem #f5e9ff;
    box-shadow:0 0 0 .3rem #f5e9ff
}
.dash-list__dash,.hire-me__line,.line,.timeline__vertical-line{
    background-color:#3388FF
}
.timeline__start-point{
    border-color:#3388FF
}
.portfolio-item__imgs-carousel-nav svg{
    fill:#3388FF
}
.clients-testimonials__avatar,.portfolio__grid-link-infos{
    background-color:rgba(191,108,254,.95)
}
.clients-testimonials.owl-theme .owl-dots .owl-dot.active span,.clients-testimonials__line{
    background-color:#3388FF
}
.blog-post__read-more{
    color:#3388FF
}
.text-link{
    background:-webkit-gradient(linear,left top,left bottom,from(#3388FF),to(#3388FF)) no-repeat left 100%/0 2px;
    background:linear-gradient(#3388FF,#3388FF) no-repeat left 100%/0 2px
}
.spinner-dual-ring--preloader>span{
    border-color:#3388FF transparent!important
}
.skill-bar__amount{
    background-color:#3388FF
}
.contact-info__icon .material-icons,.service__icon .material-icons{
    color:#3388FF
}
.form__field:focus{
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.15),0 0 0 4px #3388FF!important;
    box-shadow:0 0 10px rgba(0,0,0,.15),0 0 0 4px #3388FF!important
}
.blog-post__title,.page-404__title{
    color:#3388FF
}
@font-face{
    font-family:swiper-icons;
    font-style:normal;
    font-weight:400;
    src:url("data:application/font-woff; charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
:root{
    --swiper-theme-color:#007aff
}
.swiper-container{
    list-style:none;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    padding:0;
    position:relative;
    z-index:1
}
.swiper-container-vertical>.swiper-wrapper{
    flex-direction:column
}
.swiper-wrapper{
    box-sizing:content-box;
    display:flex;
    height:100%;
    position:relative;
    transition-property:transform;
    width:100%;
    z-index:1
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    transform:translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper{
    flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper{
    flex-direction:column;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    margin:0 auto;
    transition-timing-function:ease-out
}
.swiper-container-pointer-events{
    touch-action:pan-y
}
.swiper-container-pointer-events.swiper-container-vertical{
    touch-action:pan-x
}
.swiper-slide{
    flex-shrink:0;
    height:100%;
    position:relative;
    transition-property:transform;
    width:100%
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-container-3d{
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    height:100%;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    width:100%;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-css-mode>.swiper-wrapper{
    -ms-overflow-style:none;
    overflow:auto;
    scrollbar-width:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
    scroll-snap-type:y mandatory
}
:root{
    --swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
    align-items:center;
    color:var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor:pointer;
    /*display:flex;*/
    height:var(--swiper-navigation-size);
    justify-content:center;
    margin-top:calc(0px - var(--swiper-navigation-size)/2);
    position:absolute;
    top:50%;
    width:calc(var(--swiper-navigation-size)/44*27);
    z-index:10
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    cursor:auto;
    opacity:.35;
    pointer-events:none
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    font-variant:normal;
    letter-spacing:0;
    line-height:1;
    text-transform:none!important;
    text-transform:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    left:10px;
    right:auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
    content:"prev"
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    left:auto;
    right:10px
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
    content:"next"
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
    --swiper-navigation-color:#fff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
    --swiper-navigation-color:#000
}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    transform:translateZ(0);
    transition:opacity .3s;
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    font-size:0;
    overflow:hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    position:relative;
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
}
.swiper-pagination-bullet{
    background:#000;
    border-radius:50%;
    display:inline-block;
    height:8px;
    opacity:.2;
    width:8px
}
button.swiper-pagination-bullet{
    -webkit-appearance:none;
    appearance:none;
    border:none;
    box-shadow:none;
    margin:0;
    padding:0
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet:only-child{
    display:none!important
}
.swiper-pagination-bullet-active{
    background:var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity:1
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    display:block;
    margin:6px 0
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:transform .2s,top .2s
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:transform .2s,left .2s
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:transform .2s,right .2s
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--swiper-pagination-color,var(--swiper-theme-color));
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transform:scale(0);
    transform-origin:left top;
    width:100%
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    height:4px;
    left:0;
    top:0;
    width:100%
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
    height:100%;
    left:0;
    top:0;
    width:4px
}
.swiper-pagination-white{
    --swiper-pagination-color:#fff
}
.swiper-pagination-black{
    --swiper-pagination-color:#000
}
.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    background:rgba(0,0,0,.1);
    border-radius:10px;
    position:relative;
    -ms-touch-action:none
}
.swiper-container-horizontal>.swiper-scrollbar{
    bottom:3px;
    height:5px;
    left:1%;
    position:absolute;
    width:98%;
    z-index:50
}
.swiper-container-vertical>.swiper-scrollbar{
    height:98%;
    position:absolute;
    right:3px;
    top:1%;
    width:5px;
    z-index:50
}
.swiper-scrollbar-drag{
    background:rgba(0,0,0,.5);
    border-radius:10px;
    height:100%;
    left:0;
    position:relative;
    top:0;
    width:100%
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    text-align:center;
    width:100%
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-height:100%;
    max-width:100%;
    object-fit:contain
}
.swiper-slide-zoomed{
    cursor:move
}
.swiper-lazy-preloader{
    animation:swiper-preloader-spin 1s linear infinite;
    border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius:50%;
    border-top:4px solid transparent;
    box-sizing:border-box;
    height:42px;
    left:50%;
    margin-left:-21px;
    margin-top:-21px;
    position:absolute;
    top:50%;
    transform-origin:50%;
    width:42px;
    z-index:10
}
.swiper-lazy-preloader-white{
    --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
    --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin{
    to{
        transform:rotate(1turn)
    }
}
.swiper-container .swiper-notification{
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube{
    overflow:visible
}
.swiper-container-cube .swiper-slide{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    height:100%;
    pointer-events:none;
    transform-origin:0 0;
    visibility:hidden;
    width:100%;
    z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:0
}
.swiper-container-cube .swiper-cube-shadow{
    bottom:0;
    height:100%;
    left:0;
    opacity:.6;
    position:absolute;
    width:100%;
    z-index:0
}
.swiper-container-cube .swiper-cube-shadow:before{
    background:#000;
    bottom:0;
    content:"";
    filter:blur(50px);
    left:0;
    position:absolute;
    right:0;
    top:0
}
.swiper-container-flip{
    overflow:visible
}
.swiper-container-flip .swiper-slide{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    pointer-events:none;
    z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:0
}
.jarallax{
    position:relative;
    z-index:0
}
.jarallax>.jarallax-img{
    font-family:"object-fit: cover;";
    height:100%;
    left:0;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}