.nav{list-style: none;
  margin: 0;
  padding: 0}
@keyframes spinner {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }

}
.spinner{width: 1.4285714286rem;
  height: 1.4285714286rem;
  background-color: var(--body-color);
  margin: 7.1428571429rem auto;
  animation: spinner 1.2s infinite ease-in-out}
html{font-size: 14px}
body{line-height: 1.75;
  color: var(--body-color);
  background-color: var(--body-bg)}
.site-content{margin-left: 0.7142857143rem;
  margin-right: 0.7142857143rem}
@media (min-width: 54.8571428571em){

  .site-content{margin-left: 2.8571428571rem;
    margin-right: 2.8571428571rem}


}
@media (min-width: 73.1428571429em){

  .site-content{margin-left: 5.7142857143rem;
    margin-right: 5.7142857143rem}


}
.site-wrapper{height: initial;
  display: flex;
  flex-direction: column;
  justify-content: space-between}
.bg-overlayed{position: relative;
  padding-top: 9.2857142857rem}
.bg-overlayed-image{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  -o-object-fit: cover;
  object-fit: cover}
@media (max-width: 54.7857142857em){

  .bg-overlayed-image{min-height: 40vh}


}
.bg-overlayed-inner{position: relative;
  z-index: 2}
.bg-overlayed-content-inner{background: var(--about-card-bg);
  padding: 1.2857142857rem 1.4285714286rem 2rem;}
@media (min-width: 54.8571428571em){

  .bg-overlayed-grid{display: flex}


}
.bg-overlayed-avatar{flex-shrink: 0}
@media (max-width: 54.7857142857em){

  .bg-overlayed-avatar{text-align: center}


}
.bg-overlayed-content{position: relative}
@media (min-width: 54.8571428571em){

  .bg-overlayed-content{flex-grow: 1;
    flex-basis: 100%}


}
a, .active a{color: var(--link-color);
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.45, 0.3, 0.15, 0.95), opacity 0.25s cubic-bezier(0.45, 0.3, 0.15, 0.95)}
a: focus, a: active, .active a: focus, .active a: active{outline: 0}
a:hover, .active a:hover{color: var(--link-color-darker)}
img{vertical-align: top}
p{margin-top: 1.4285714286rem;
  margin-bottom: 1.4285714286rem}
h1, h2, h3, h4{color: var(--body-color);
  margin-top: 4.2857142857rem;
  margin-bottom: 1.0714285714rem;
  line-height: 1.36}
@media (max-width: 54.7857142857em){

  h1, h2, h3, h4{margin-top: 2.8571428571rem;
    margin-bottom: 1.4285714286rem}


}
h1{font-size: 2.8571428571rem}
h1+p, h1+code, h1+pre{margin-top: 0.2857142857rem}
@media (max-width: 54.7857142857em){

  h1{font-size: 1.8571428571rem}


}
h2{font-size: 2.2857142857rem}
@media (max-width: 54.7857142857em){

  h2{font-size: 1.5714285714rem}


}
h2+p, h2+code, h2+pre{margin-top: 0.4285714286rem}
h3{font-size: 1.7142857143rem}
@media (max-width: 54.7857142857em){

  h3{font-size: 1.2857142857rem}


}
h3+p, h3+code, h3+pre{margin-top: 0.7142857143rem}
h4{font-size: 1.4285714286rem}
@media (max-width: 54.7857142857em){

  h4{font-size: 1.2857142857rem}


}
h4+p, h4+code, h4+pre{margin-top: 0.7142857143rem}
code, pre{padding: 0.7142857143rem 1.0714285714rem;
  border: 0.0714285714rem solid var(--body-bg-darkest);
  background: var(--body-bg-darker);
  margin-top: 1.5714285714rem;
  margin-bottom: 1.5714285714rem;
  font-family: "PT Mono", monospace;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word}
code code, code pre, pre code, pre pre{padding: 0;
  border: 0;
  margin-top: 0;
  margin-bottom: 0}
blockquote{border-left: 0.2142857143rem solid rgba(var(--body-color-rgb), 0.7);
  padding: 0.4285714286rem 0 0.4285714286rem 1.4285714286rem;
  font-style: italic;
  color: var(--body-color)}
.color-darker{color: var(--body-color-darkest)}
.container-lg, .container-sm{margin-left: auto;
  margin-right: auto;
  padding-left: 1.0714285714rem;
  padding-right: 1.0714285714rem;
  width: 100%}
.container-sm{max-width: 58.5714285714rem}
.container-lg{max-width: 89.2857142857rem}
@media (min-width: 137.2142857143em){

  .container-lg{max-width: 114.2857142857rem}


}
.row{display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap}
.row-middle{align-items: center}
.col-12{max-width: 100%;
  flex-basis: 100%}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  .col-tablet-3{max-width: 25%;
    flex-basis: 25%}


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  .col-tablet-6{max-width: 50%;
    flex-basis: 50%}


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 84.2857142857em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
@media (min-width: 137.2142857143em){

  


}
.nav+.nav{margin-top: 1.4285714286rem}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 102.8571428571em){

  


}
.nav-inline .active a{color: var(--accent-color);
  position: relative}
.nav-inline .active a: before{content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0.0714285714rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid var(--accent-color);
  transform: translate(-50%, 0)}
.site-header{padding: 1.6428571429rem 0}
.site-header-btn{position: absolute;
  top: 1.2857142857rem;
  right: 0.3571428571rem;
  padding: 0.7142857143rem;
  line-height: 0.9285714286rem;
  font-size: 0.0714285714rem;
  cursor: pointer;
  outline: 0;
  display: none;
  background: transparent}
.site-header-btn .line{width: 1.6428571429rem;
  height: 0.2142857143rem;
  background: var(--accent-color);
  position: relative;
  transition: opacity .2s linear, transform .2s linear, left .2s linear}
.site-header-btn .line+.line{margin-top: 0.2857142857rem}
@media (max-width: 54.7857142857em){

  .site-header-btn{display: block}


}
@media (min-width: 54.8571428571em){

  .site-header{display: flex !important;
    align-items: center;
    justify-content: space-between}


}
@media (max-width: 54.7857142857em){

  .header-nav-active .site-header-btn{position: fixed;
    z-index: 11}

  .header-nav-active .site-header-btn .line: nth-child(1){transform: rotate(45deg);
    transform-origin: 0 -100%;
    left: 4px}

  .header-nav-active .site-header-btn .line: nth-child(2){opacity: 0}

  .header-nav-active .site-header-btn .line: nth-child(3){transform: rotate(-45deg);
    transform-origin: 0 200%;
    left: 4px}


}
.site-logo img{max-width: 100%}
@media (min-width: 54.8571428571em){

  .site-logo img{max-width: 57.1428571429rem}


}
.site-title{font-size: 1rem;
  color: var(--body-color)}
.site-title a{color: var(--accent-color);
  letter-spacing: 0.3178571429rem}
.site-subtitle{margin-top: -0.1428571429rem}
@media (max-width: 54.7857142857em){

  .site-subtitle{margin-top: -0.2857142857rem;
    font-size: 0.8571428571rem}


}
.header-nav{padding: 0;
  font-size: 0.8571428571rem;
  text-transform: uppercase}
.header-nav li{margin: 0.3571428571rem 0}
.header-nav li>a{color: var(--body-color)}
.header-nav li>a:hover{color: var(--accent-color)}
.header-nav li.active>a{color: var(--accent-color)}
@media (max-width: 54.7857142857em){

  .header-nav li{margin-top: 1.4285714286rem;
    text-align: left}

  .header-nav li: first-child{margin-top: 0}


}
@media (min-width: 54.8571428571em){

  .header-nav li{display: inline-block;
    vertical-align: top}

  .header-nav li+li{margin-left: 3.2857142857rem}


}
@media (max-width: 54.7857142857em){

  .header-nav{display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--body-bg);
    z-index: 3;
    padding: 5.1428571429rem 2.5714285714rem;
    -webkit-overflow-scrolling: touch}


}
@media (min-width: 54.8571428571em){

  .header-nav{text-align: right;
    display: block !important}


}
.header-nav .mobile-portfolio{position: relative}
.header-nav .mobile-portfolio: before{content: "";
  position: absolute;
  top: 0.3571428571rem;
  right: 0;
  border-left: 0.4285714286rem solid var(--accent-color);
  border-bottom: 0.4285714286rem solid transparent;
  border-top: 0.4285714286rem solid transparent;
  transition: transform .2s linear}
.header-nav .mobile-portfolio.active>a{color: var(--accent-color)}
.header-nav .mobile-portfolio.active: before{transform: rotate(90deg);
  transform-origin: 50% 50%}
.header-nav .cart-header-counter{color: #fff}
.header-subnav{display: none;
  text-transform: none;
  margin-top: 1.4285714286rem;
  margin-left: 2rem}
.header-subnav .active{position: relative}
.header-subnav .active: before{content: "";
  position: absolute;
  top: 0.6428571429rem;
  right: 0;
  border-left: 0.4285714286rem solid var(--accent-color);
  border-bottom: 0.4285714286rem solid transparent;
  border-top: 0.4285714286rem solid transparent}
.site-footer{padding: 1.0714285714rem 2.1428571429rem}
.site-footer-copy{font-size: 0.9285714286rem;
  color: var(--footer-color)}
@media (max-width: 54.7857142857em){

  .site-footer-copy{text-align: center}


}
@media (min-width: 54.8571428571em){

  .site-footer-copy{order: 1}


}
@media (min-width: 54.8571428571em){

  .site-footer-socials{order: 2}


}
.site-footer-arrow-up{border-left: 0.3571428571rem solid transparent;
  border-right: 0.3571428571rem solid transparent;
  border-bottom: 0.5714285714rem solid var(--footer-color);
  margin-right: 0.4285714286rem;
  display: inline-block;
  transition: border-bottom-color .2s linear}
.site-footer .btt a{color: var(--footer-color)}
.site-footer .btt a:hover{color: var(--accent-color)}
.site-footer .btt a:hover .site-footer-arrow-up{border-bottom-color: var(--accent-color)}
@media (max-width: 54.7857142857em){

  .site-footer .btt{text-align: center;
    margin-top: 0.7142857143rem}


}
@media (min-width: 54.8571428571em){

  .site-footer .btt{text-align: right;
    order: 3}


}
@media (max-width: 54.7857142857em){

  .site-footer{padding-bottom: 2.1428571429rem}


}
.fo-social{text-align: center}
.fo-social a{color: var(--accent-color)}
.fo-social a:hover{color: var(--body-color)}
.fo-social-item{display: inline-block;
  vertical-align: top;
  line-height: 1.4285714286rem;
  margin: 0.6428571429rem 0.8571428571rem}
abbr{display: none}
textarea{resize: none}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 102.8571428571em){

  


}
.album-grid.square .album-grid-item{position: relative}
.album-grid.square .album-grid-link{margin-bottom: 1.4285714286rem}
.album-grid.square .album-item{position: static}
.album-grid.square .album-link{padding-bottom: 0}
.album-grid.square .album-image{position: static}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (max-width: 54.7857142857em){

  

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 1024px) and (max-width: 1919px){

  

  

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 1024px) and (max-width: 1440px){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 73.1428571429em){

  


}
@media (max-width: 54.7857142857em){

  


}
@media (max-width: 54.7857142857em){

  

  


}
@media (min-width: 137.2142857143em){

  

  


}
@media (min-width: 54.8571428571em){

  


}
@media (max-width: 1023px){

  


}
@media (min-width: 54.8571428571em){

  


}
@media (min-width: 102.8571428571em){

  


}
@media (max-width: 1023px){

  


}
@media (max-width: 1023px){

  


}
@media (max-width: 54.7857142857em){

  


}
.about-social{background: var(--accent-color);
  min-width: 4.4285714286rem;
  text-align: center;
  padding: 0.7142857143rem 0;
  margin-left: 17.1428571429rem}
@media (max-width: 54.7857142857em){

  .about-social{margin-left: 0}


}
.about-social .so-list.ik-style-minimalist .ik{color: var(--body-bg)}
.about-social .so-item{display: inline-block;
  vertical-align: top;
  line-height: 1.4285714286rem;
  margin: 0.6428571429rem 0.8571428571rem}
.about-card{margin-bottom: 4.2857142857rem}
.about-name, .about-location{color: var(--accent-color)}
.about-name{color: var(--accent-color);
  font-weight: 700;
  font-size: 2.2857142857rem;
  text-transform: uppercase;
  margin-bottom: 0.2857142857rem}
@media (min-width: 54.8571428571em){

  .about-name{font-size: 3rem}


}
.about-location{font-size: 1rem;
  margin-top: 0.6428571429rem}
.about-email{color: var(--link-color)}
.about-email a{color: var(--link-color)}
.about-email a:hover{text-decoration: underline}
.about-email .icon{vertical-align: -10%}
.about-text{margin-top: 1.7142857143rem}
.about-resume-link{font-size: 1.0714285714rem;
  text-decoration: underline}
.about-section{font-size: 0.9285714286rem;
  margin-top: 4.6428571429rem;
  margin-bottom: 4.6428571429rem}
@media (min-width: 54.8571428571em){

  .about-section{display: flex;
    align-items: flex-start}


}
.about-section-title{color: var(--accent-color);
  flex-basis: 17.1428571429rem;
  flex-shrink: 0;
  padding-right: 1.4285714286rem;
  margin: 0}
@media (max-width: 54.7857142857em){

  .about-section-title{margin-bottom: 0.8571428571rem}


}
.about-section-content{flex-basis: 100%}
.about-tag{display: inline-block;
  vertical-align: top;
  font-size: 1.0714285714rem;
  margin-right: 28px}
.about-software{font-size: 1.1428571429rem}
@media (min-width: 768px),
(max-width: 767px) and (orientation: landscape){

  .about-software{display: flex;
    flex-wrap: wrap;
    margin-bottom: -2.1428571429rem}


}
.about-software-item{display: flex;
  align-items: center;
  margin-bottom: 2.1428571429rem}
@media (min-width: 768px),
(max-width: 767px) and (orientation: landscape){

  .about-software-item{flex-basis: 50%}


}
.about-software-name{padding: 0 1.0714285714rem}
.about-productions-list{list-style: none;
  padding: 0;
  margin: 0}
.about-productions-item{width: 100%}
.about-productions-item+.about-productions-item{margin-top: 2.8571428571rem}
@media (min-width: 768px),
(max-width: 767px) and (orientation: landscape){

  .about-productions-item{display: flex}


}
@media (max-width: 767px) and (orientation: portrait){

  .about-productions-image{margin-bottom: 1.5714285714rem}

  .about-productions-image .img-responsive{width: auto;
    display: inline}


}
.about-productions-info{flex: 1;
  list-style: none;
  padding: 0;
  margin: 0}
@media (min-width: 768px),
(max-width: 767px) and (orientation: landscape){

  .about-productions-info{padding-left: 2.1428571429rem}


}
.about-productions-info-line{margin-top: 0.8571428571rem}
.about-productions-info-line+.about-productions-info-line{border-top: 0.0714285714rem solid var(--border-color);
  padding-top: 0.7857142857rem}
@media (min-width: 73.1428571429em){

  .about-productions-info-line{display: flex}


}
.about-productions-info-label{font-weight: 600;
  color: var(--subtitle-color)}
@media (min-width: 73.1428571429em){

  .about-productions-info-label{flex-basis: 40%;
    flex-shrink: 0;
    word-wrap: break-word;
    padding-right: 0.7142857143rem;
    -webkit-hyphens: auto;
    hyphens: auto}


}
.about-experience-list{list-style: none;
  padding: 0;
  margin: 0}
.about-experience-item{margin-bottom: 2rem}
@media (min-width: 54.8571428571em){

  .about-experience-meta{display: flex;
    align-items: flex-start;
    justify-content: space-between}


}
@media (min-width: 54.8571428571em){

  .about-experience-left{padding-right: 2.1428571429rem}


}
@media (min-width: 54.8571428571em){

  .about-experience-right{flex-shrink: 0}


}
.about-experience-job{font-size: 1.2857142857rem;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0.6428571429rem}
.about-experience-location{font-size: 0.8571428571rem;
  padding-bottom: 0.4285714286rem;
  color: var(--subtitle-color)}
.about-experience-period{font-size: 0.7857142857rem;
  font-style: italic;
  color: var(--subtitle-color)}
@media (min-width: 54.8571428571em){

  .about-experience-period{margin-top: 0.2857142857rem;
    margin-bottom: 0}


}
.about-experience-description p{margin-top: 0.3571428571rem}
.contact-page{padding-bottom: 4.2857142857rem}
.contact-page .bg-overlayed-block{padding: 1.4285714286rem}
@media (min-width: 54.8571428571em){

  .contact-page .bg-overlayed-block{padding: 5.7142857143rem}


}
.contact-page .bg-overlayed-content{padding-left: 1.4285714286rem}
@media (min-width: 54.8571428571em){

  .contact-page .bg-overlayed-content{padding-left: 5.7142857143rem}


}
@media (min-width: 54.8571428571em){

  


}