@charset "UTF-8";
/* Setting */
/* Background Colors */
/* Colors */
/* Fonts */
/* Fonts Size */
/* Icons Size */
/* Line Height */
/*Mixins*/
/**
*	Cvio - Resume/CV Template (HTML)
*	Version: 1.1
*	Author: beshleyua
*	Author URL: http://themeforest.net/user/beshleyua
*	Copyright © Cvio by beshleyua. All Rights Reserved.
**/
/* TABLE OF CONTENTS
	- Header
	- Section
	- Started
	- About
	- Resume
	- Skills
	- Service
	- Portfolio
	- Box Items
	- Contacts
	- Blog
	- Footer
	- Popups
*/
/* - Header */
/* line 28, layout.scss */
.header {
  padding-top: 70px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1); }
  /* line 36, layout.scss */
  .header.fixed {
    padding-top: 30px;
    padding-bottom: 30px;
    top: 0;
    background: #636359; }
  /* line 42, layout.scss */
  .header:after {
    content: '';
    position: relative;
    display: block;
    clear: both; }
  /* line 48, layout.scss */
  .header .head-top {
    position: relative; }
  /* line 51, layout.scss */
  .header .menu-btn {
    position: relative;
    margin: 0 auto;
    width: 30px;
    height: 20px; }
    /* line 56, layout.scss */
    .header .menu-btn:before, .header .menu-btn:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #FFF;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }
    /* line 67, layout.scss */
    .header .menu-btn:after {
      top: auto;
      bottom: 0; }
    /* line 71, layout.scss */
    .header .menu-btn span {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      background: #FFF;
      margin-top: -1px;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }
  /* line 82, layout.scss */
  .header .logo {
    position: absolute;
    overflow: hidden;
    top: 50%;
    width: 200px;
    font-size: 16px;
    line-height: 2.5;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
    white-space: nowrap;
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(-35%);
    -o-transform: translateY(-35%);
	transform: translateY(-35%);  }
	
    /* line 93, layout.scss */
    .header .logo img {
      max-width: 100%;
      width: auto;
      height: auto;
      display: block; }
    /* line 99, layout.scss */
    .header .logo a {
     color: rgba(255, 255, 255, 0.5);
      text-decoration: none;
      display: block; }
    /* line 104, layout.scss */
	
    .header .logo strong {
      color: #FFF; }
  /* line 108, layout.scss */
  .header .top-menu {
    text-align: right; }
    /* line 110, layout.scss */
    .header .top-menu .menu-top-menu-container {
      display: inline-block; }
    /* line 113, layout.scss */
    .header .top-menu ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      /* line 117, layout.scss */
      .header .top-menu ul li {
        margin-left: 40px;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        /* line 122, layout.scss */
        .header .top-menu ul li a {
          position: relative;
          overflow: hidden;
          display: block;
          font-size: 1em;
          line-height: 2.5;
          color: #FFF;
          font-weight: 600;
          opacity: 0.5;
          text-decoration: none;
          transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
          -moz-transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
          -webkit-transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
          -o-transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1); }
        /* line 134, layout.scss */
        .header .top-menu ul li:hover > .sub-menu, .header .top-menu ul li:hover > .children {
          opacity: 1;
          pointer-events: auto; }
        /* line 139, layout.scss */
        .header .top-menu ul li:hover > a, .header .top-menu ul li.current-menu-item > a {
          opacity: 1; }
        /* line 143, layout.scss */
        .header .top-menu ul li.menu-item-has-children > a .mask-lnk:after {
          content: "\f078";
          margin-left: 5px;
          position: relative;
          top: 0;
          display: inline-block;
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          font-size: 0.8em;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          line-height: 1; }

  /* line 163, layout.scss */
  .header .top-menu-nav .sub-menu,
  .header .top-menu-nav .children {
    position: absolute;
    left: 0;
    top: 40px;
    padding: 10px 0;
    width: 190px;
    text-align: left;
    background: #f7941d;
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); }
  /* line 178, layout.scss */
  .header .top-menu ul li:last-child .sub-menu,
  .header .top-menu-nav .children {
    right: 0;
    left: auto; }
  /* line 183, layout.scss */
  .header .top-menu-nav .sub-menu:before,
  .header .top-menu-nav .children:before {
    content: '';
    position: absolute;
    left: 10px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #f7941d; }
  /* line 192, layout.scss */
  .header .top-menu ul li:last-child .sub-menu:before,
  .header .top-menu-nav .children:before {
    right: 10px;
    left: auto; }
  /* line 197, layout.scss */
  .header .top-menu-nav .sub-menu li,
  .header .top-menu-nav .children li {
    margin-left: 0;
    padding: 8px 20px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    height: auto; }
  /* line 205, layout.scss */
  .header .top-menu-nav .sub-menu li:last-child,
  .header .top-menu-nav .children li:last-child {
    border-bottom: none; }
  /* line 209, layout.scss */
  .header .top-menu-nav .sub-menu li a,
  .header .top-menu-nav .children li a {
    margin-top: 0;
    display: block;
    font-size: 12px;
    color: #FFF;
    opacity: 0.5; }
  /* line 217, layout.scss */
  .header .top-menu-nav .sub-menu li .sub-menu,
  .header .top-menu-nav .children li .children {
    left: 100%;
    top: -10px; }
  /* line 222, layout.scss */
  .header .top-menu-nav .sub-menu li .sub-menu:before,
  .header .top-menu-nav .children li .children:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 16px;
    border: 6px solid transparent;
    border-right: 6px solid #FFF;
    border-bottom: 6px solid transparent; }

/* line 234, layout.scss */
.background-enabled .header .top-menu ul li.current-menu-item > a {
  opacity: 1; }

/* line 238, layout.scss */
.hover-masks .mask-lnk,
.hover-masks-logo .mask-lnk {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transition: opacity 0.7s cubic-bezier(0.165, 0.85, 0.45, 1), color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1), transform 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
  transition: opacity 0.7s cubic-bezier(0.165, 0.85, 0.45, 1), color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1), transform 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
transform: translateY(0);}

/* line 250, layout.scss */
.hover-masks .mask-lnk.mask-lnk-hover,
.hover-masks-logo .mask-lnk.mask-lnk-hover {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(32px);
  -moz-transform: translateY(32px);
  -o-transform: translateY(32px);
 transform: translateY(32px);}

/* line 257, layout.scss */
.hover-masks a:hover .mask-lnk,
.hover-masks-logo a:hover .mask-lnk {
  opacity: 1;
 
  -webkit-transform: translateY(-130px);
  -moz-transform: translateY(-130px);
  -o-transform: translateY(-130px); 
	transform: translateY(-130px); }

/* line 263, layout.scss */
.hover-masks a:hover .mask-lnk.mask-lnk-hover,
.hover-masks-logo a:hover .mask-lnk.mask-lnk-hover {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
	transform: translateY(0); }

/* header active */
/* line 269, layout.scss */
.header.active {
  padding-top: 4vw;
  top: 0;
  overflow: auto;
  height: 100%;
  background: #636359;
  -webkit-overflow-scrolling: touch; }
  /* line 277, layout.scss */
  .header.active .menu-btn:before {
    opacity: 0; }
  /* line 280, layout.scss */
  .header.active .menu-btn:after {
    bottom: 9px !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
	transform: rotate(-45deg); }
  /* line 284, layout.scss */
  .header.active .menu-btn span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	transform: rotate(45deg); }
  /* line 288, layout.scss */
  .header.active .top-menu {
    height: auto;
    opacity: 1;
    visibility: visible; }
    /* line 292, layout.scss */
    .header.active .top-menu ul li .sub-menu,
    .header.active .top-menu ul li .children {
      display: block; }
    /* line 296, layout.scss */
    .header.active .top-menu ul > li > ul li a {
      line-height: 20px; }

/* header tablet */
@media (max-width: 1199px) {
  /* line 305, layout.scss */
  .header .logo {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
	transform: translateY(0%); }

  /* line 310, layout.scss */
  .header .menu-btn {
    display: block;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
	transform: translateY(50%); }

  /* line 314, layout.scss */
  .header .top-menu-nav {
    display: block; }

  /* line 317, layout.scss */
  .header .top-menu {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    float: none;
    width: auto;
    height: 0px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s cubic-bezier(0.165, 0.85, 0.45, 1);
    -moz-transition: opacity 0.35s cubic-bezier(0.165, 0.85, 0.45, 1);
    -webkit-transition: opacity 0.35s cubic-bezier(0.165, 0.85, 0.45, 1);
    -o-transition: opacity 0.35s cubic-bezier(0.165, 0.85, 0.45, 1); }

  /* line 332, layout.scss */
  .header.active .top-menu {
    margin-top: 20px; }

  /* line 335, layout.scss */
  .header .top-menu .menu-top-menu-container {
    display: block; }

  /* line 338, layout.scss */
  .header .top-menu ul li {
    margin-left: 0;
    display: block; }

  /* line 342, layout.scss */
  .header .top-menu-nav .sub-menu, .header .top-menu-nav .children {
    position: relative;
    left: 0;
    top: 0;
    margin: 20px 0;
    width: auto;
    text-align: center;
    pointer-events: none;
    display: block;
    opacity: 0;
    visibility: hidden; }

  /* line 354, layout.scss */
  .header.active .top-menu-nav .sub-menu, .header.active .top-menu-nav .children {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

  /* line 359, layout.scss */
  .header .top-menu-nav .sub-menu:before, .header .top-menu-nav .children:before {
    margin-left: -6px;
    left: 50%; }

  /* line 363, layout.scss */
  .header .top-menu-nav .sub-menu li .sub-menu, .header .top-menu-nav .children li .children {
    left: 0;
    top: 0;
    margin: 0 -20px;
    background: #f4f4f4;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
	box-shadow: none; }

  /* line 370, layout.scss */
  .header .top-menu-nav .sub-menu li .sub-menu:before, .header .top-menu-nav .children li .children:before {
    left: 50%;
    top: -12px;
    border: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF; }

  /* line 377, layout.scss */
  .header .top-menu ul li:last-child .sub-menu:before, .header .top-menu-nav .children:before {
    right: 50%;
    left: auto;
    margin-left: 0;
    margin-right: -6px; }

  /* line 383, layout.scss */
  .header .menu-btn {
    display: block;
    float: right; } }
/* header mobile */
@media (max-width: 720px) {
  /* line 391, layout.scss */
  .header {
    margin: 0;
    padding: 0 30px;
    top: 30px; }

  /* line 396, layout.scss */
  .header .logo {
    padding: 0;
    max-width: 240px; }

  /* line 400, layout.scss */
  .header.active .top-menu {
    padding-bottom: 30px; }

  /* line 403, layout.scss */
  .wp-block-media-text {
    display: block; }

  /* line 406, layout.scss */
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0; } }
/* - Section */
/* line 412, layout.scss */
.section {
  position: relative;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 70px;
  padding-bottom: 70px;
  z-index: 12; }
  /* line 419, layout.scss */
  .section:first-child {
    padding-top: 150px; }
  /* line 422, layout.scss */
  .section .content {
    position: relative; }
    /* line 424, layout.scss */
    .section .content .portfolio-cols .title {
      margin-left: 0; }
  /* line 428, layout.scss */
  .section .content-box {
    margin-right: -1px;
    padding: 35px;
    font-size: 16px;
    background: #636359;
    border: 1px solid rgba(255, 255, 255, 0.07); }
    /* line 434, layout.scss */
    .section .content-box .single-post-text > *:first-child {
      margin-top: 0; }
  /* line 438, layout.scss */
  .section .title {
    position: relative;
    margin: 0 0 35px 35px; }
    /* line 441, layout.scss */
    .section .title .title_inner {
      display: inline-block;
      vertical-align: top;
      position: relative;
      font-size: 24px;
      color: #FFF;
      font-weight: 600;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }

/* section tablet */
@media (max-width: 1199px) {
  /* line 455, layout.scss */
  .section {
    padding-left: 50px;
    padding-right: 50px; } }
/* section mobile */
@media (max-width: 720px) {
  /* line 463, layout.scss */
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px; }

  /* line 469, layout.scss */
  .section .title {
    margin: 0 0 30px 0; } }
/* - Started */
/* line 475, layout.scss */
.section.started {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 100vh;
  z-index: 11; }
  /* line 482, layout.scss */
  .section.started.personal {
    z-index: 12; }
  /* line 486, layout.scss */
  .section.started .started-content .logo {
    position: relative;
    display: inline-block;
    top: -100px;
    left: -300px;
    width: 740px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-clip-path: polygon(31% 0, 100% 25%, 61% 100%, 0 93%);
    clip-path: polygon(31% 0, 100% 25%, 61% 100%, 0 93%); }
  /* line 499, layout.scss */
  .section.started .started-content .h-title {
    margin: 0;
    position: absolute;
    left: calc(20% + 35px);
    bottom: 50px;
    max-width: 560px;
    font-size: 20px;
    font-weight: 300;
    color: #FFF;
    word-break: break-word;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }
    /* line 511, layout.scss */
    .section.started .started-content .h-title strong {
      color: #4bffa5; }
  /* line 515, layout.scss */
  .section.started .started-content .h-subtitles {
    font-size: 38px;
    height: 38px;
    opacity: 0; }
    /* line 519, layout.scss */
    .section.started .started-content .h-subtitles.ready {
      opacity: 1; }
  /* line 523, layout.scss */
  .section.started .started-content .h-subtitle,
  .section.started .started-content .typed-subtitle,
  .section.started .started-content .typed-bread {
    margin-top: -45px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: block;
    font-size: 90px;
    line-height: 90px;
    font-weight: 500;
    color: #FFF;
    text-align: center; }
  /* line 538, layout.scss */
  .section.started .started-content .h-subtitle strong,
  .section.started .started-content .typed-subtitle strong {
    color: #4bffa5; }
  /* line 543, layout.scss */
  .section.started.layout-creative {
    margin: 0 auto;
    margin-bottom: 0;
    padding-top: 20%;
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 70px;
    width: auto;
    height: auto !important; }
    /* line 552, layout.scss */
    .section.started.layout-creative .started-content {
      padding-left: 0;
      padding-right: 0;
      display: block;
      text-align: left; }
      /* line 557, layout.scss */
      .section.started.layout-creative .started-content .h-title {
        margin: 0 0 5px 33px;
        padding-right: 0;
        position: relative;
        left: 0;
        top: 0;
        bottom: auto;
        max-width: 800px;
        font-size: 44px;
        font-family: "Fredoka";
        font-weight: 500;
        text-transform: none;
        letter-spacing: 0em; }
      /* line 571, layout.scss */
      .section.started.layout-creative .started-content .h-subtitle,
      .section.started.layout-creative .started-content .typed-subtitle,
      .section.started.layout-creative .started-content .typed-bread,
      .section.started.layout-creative .started-content .typed-cursor {
        margin-top: 0;
        margin-left: 35px;
        position: relative;
        font-size: 18px;
        line-height: 40px;
        text-align: left;
        color: #999; }
      /* line 583, layout.scss */
      .section.started.layout-creative .started-content .h-subtitle,
      .section.started.layout-creative .started-content .typed-subtitle {
        top: 0; }
      /* line 587, layout.scss */
      .section.started.layout-creative .started-content .h-subtitle p {
        font-size: 18px;
        line-height: 40px; }
  /* line 593, layout.scss */
  .section.started.personal {
    text-align: center; }
    /* line 596, layout.scss */
    .section.started.personal .started-content .h-title {
      margin-left: -85px;
      margin-top: 85px;
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      width: 560px;
      text-align: left; }
    /* line 606, layout.scss */
    .section.started.personal .started-content .typed-subtitle,
    .section.started.personal .started-content .typed-bread {
      margin-top: 0;
      top: auto;
      bottom: 50px;
      left: 20%;
      line-height: 74px;
      text-align: left; }
  /* line 619, layout.scss */
  .section.started.section-title .started-content .h-title {
    margin-top: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 100%;
    font-size: 7vw;
    line-height: 7vw;
    font-weight: 600;
    text-align: center; }
  /* line 632, layout.scss */
  .section.started.section-title .started-content .h-subtitles {
    height: auto; }
  /* line 635, layout.scss */
  .section.started.section-title .started-content .h-subtitle,
  .section.started.section-title .started-content .typed-subtitle,
  .section.started.section-title .started-content .typed-bread {
    margin: 0;
    padding-left: 35px;
    position: absolute;
    left: 20%;
    top: auto;
    bottom: 50px;
    width: auto;
    max-width: 560px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left; }
  /* line 651, layout.scss */
  .section.started.section-title .started-content .h-subtitle p {
    margin: 0;
    font-size: 20px;
    line-height: 1.5; }
  /* line 658, layout.scss */
  .section.started .mouse_btn {
    font-size: 24px;
    color: #4bffa5;
    text-align: center;
    position: absolute;
    width: 20px;
    height: 40px;
    left: 50%;
    bottom: 7%;
    margin-left: -10px;
    z-index: 2; }
    /* line 669, layout.scss */
    .section.started .mouse_btn .icon {
      position: relative;
      top: 0px;
      animation: mouse-anim 1s ease-out 0s infinite; }
  /* line 675, layout.scss */
  .section.started .swiper-nav {
    position: absolute;
    left: calc(20% + 35px);
    bottom: 120px;
    width: 66px;
    height: 24px;
    z-index: 3; }
    /* line 682, layout.scss */
    .section.started .swiper-nav .swiper-button-prev,
    .section.started .swiper-nav .swiper-button-next {
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background: none;
      font-size: 22px;
      color: #FFF;
      text-decoration: none;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }

/* line 696, layout.scss */
.section.started + .section,
.section.started.layout-creative + .section {
  margin-top: 70px; }

/* line 701, layout.scss */
.section.started.section-title .started-content .typed-bread,
.section.started.layout-creative .started-content .typed-bread,
.background-enabled .section.started.section-title .started-content .typed-bread,
.background-enabled .section.started.layout-creative .started-content .typed-bread {
  top: auto;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  opacity: 1; }

/* line 713, layout.scss */
.section.started.section-title .started-content .typed-bread a,
.section.started.layout-creative .started-content .typed-bread a {
  color: #FFF;
  text-decoration: none;
  font-weight: 500;
  opacity: 1; }

/* line 721, layout.scss */
.section.started .started-content .typed-cursor,
.section.started.layout-creative .mouse_btn,
.section.started.layout-post-creative .mouse_btn {
  display: none !important; }

/* line 727, layout.scss */
.section.started .swiper-button-prev, .section.started .swiper-container-rtl .swiper-button-next {
  left: 0;
  right: auto; }

/* line 732, layout.scss */
.section.started .swiper-button-next, .section.started .swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 0; }

/* line 737, layout.scss */
.started-carousel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  /* line 743, layout.scss */
  .started-carousel .swiper-container,
  .started-carousel .swiper-wrapper {
    height: 100%; }
  /* line 747, layout.scss */
  .started-carousel .swiper-slide {
    opacity: 1 !important; }
    /* line 749, layout.scss */
    .started-carousel .swiper-slide.first {
      z-index: 2; }
  /* line 753, layout.scss */
  .started-carousel .main-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 20% 0, 20% 0, 40% 0, 40% 0, 60% 0, 60% 0, 80% 0, 80% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 80% 100%, 80% 100%, 60% 100%, 60% 100%, 40% 100%, 40% 100%, 20% 100%, 20% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 20% 0, 20% 0, 40% 0, 40% 0, 60% 0, 60% 0, 80% 0, 80% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 80% 100%, 80% 100%, 60% 100%, 60% 100%, 40% 100%, 40% 100%, 20% 100%, 20% 100%, 0 100%);
    transition: 1s all cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
    -moz-transition: 1s all cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
    -webkit-transition: 1s all cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
    -o-transition: 1s all cubic-bezier(0.165, 0.85, 0.45, 1) 0s; }
  /* line 766, layout.scss */
  .started-carousel .swiper-slide.swiper-clip-active .main-img {
    clip-path: polygon(0 0, 20% 0, 20% 100%, 40% 100%, 40% 0, 60% 0, 60% 100%, 80% 100%, 80% 0, 100% 0, 100% 0, 100% 100%, 100% 0%, 80% 0%, 80% 100%, 60% 100%, 60% 0%, 40% 0%, 40% 100%, 20% 100%, 20% 0%, 0 0%);
    -webkit-clip-path: polygon(0 0, 20% 0, 20% 100%, 40% 100%, 40% 0, 60% 0, 60% 100%, 80% 100%, 80% 0, 100% 0, 100% 0, 100% 100%, 100% 0%, 80% 0%, 80% 100%, 60% 100%, 60% 0%, 40% 0%, 40% 100%, 20% 100%, 20% 0%, 0 0%); }

/* line 772, layout.scss */
.section.started .mouse_btn {
  left: auto;
  right: calc(20% + 35px);
  margin-left: 0; }

/* section started desktop */
@media (min-width: 1200px) {
  /* line 780, layout.scss */
  .section.started .started-content .logo {
    top: -11.5vh;
    left: -18.5vw;
    width: 56vw;
    height: 80vh; }

  /* line 786, layout.scss */
  .section.started.personal .started-content .h-title {
    margin-left: 0;
    margin-top: 0;
    left: 50vw;
    top: 60vh;
    bottom: auto; } }
/* section started tablet */
@media (max-width: 1199px) {
  /* line 797, layout.scss */
  .section.started.layout-creative, .section.started.layout-post-creative {
    padding-top: 35vw;
    padding-left: 50px;
    padding-right: 50px; }

  /* line 802, layout.scss */
  .section.started .started-content .h-title {
    left: 50px; }

  /* line 805, layout.scss */
  .section.started .started-content .h-title br {
    display: none; }

  /* line 808, layout.scss */
  .section.started .started-content .h-subtitle,
  .section.started .started-content .typed-subtitle,
  .section.started .started-content .typed-bread {
    margin-top: -35px;
    font-size: 60px;
    line-height: 70px; }

  /* line 815, layout.scss */
  .section.started.section-title .started-content .h-subtitle,
  .section.started.section-title .started-content .typed-subtitle,
  .section.started.section-title .started-content .typed-bread {
    padding-left: 0;
    left: 50px; }

  /* line 821, layout.scss */
  .section.started.personal .started-content .typed-subtitle,
  .section.started.personal .started-content .typed-bread {
    left: 50px;
    width: auto; }

  /* line 826, layout.scss */
  .section.started .swiper-nav {
    left: 50px; }

  /* line 829, layout.scss */
  .section.started .started-content .logo {
    top: -50px;
    left: -150px;
    width: 640px;
    height: 560px; }

  /* line 835, layout.scss */
  .section.started.personal .started-content .h-title {
    margin-left: 15px;
    margin-top: 115px;
    width: 320px; }

  /* line 840, layout.scss */
  .section.started.layout-creative .started-content .h-title,
  .section.started.layout-creative .started-content .h-subtitle,
  .section.started.layout-creative .started-content .typed-subtitle,
  .section.started.layout-creative .started-content .typed-bread,
  .section.started.layout-creative .started-content .typed-cursor {
    margin-left: 0; }

  /* line 847, layout.scss */
  .section.started .mouse_btn {
    left: auto;
    right: 120px;
    margin-left: 0; } }
/* section started mobile */
@media (max-width: 720px) {
  /* line 856, layout.scss */
  .section.started {
    padding: 0 30px; }

  /* line 859, layout.scss */
  .section.started.layout-creative,
  .section.started.layout-post-creative {
    padding-top: 50vw;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px; }

  /* line 866, layout.scss */
  .section.started .started-content .h-title {
    left: 0;
    bottom: 30px;
    padding-right: 50px;
    font-size: 17px; }

  /* line 872, layout.scss */
  .section.started .started-content .h-subtitle,
  .section.started .started-content .typed-subtitle,
  .section.started .started-content .typed-bread {
    margin-top: -20px;
    font-size: 30px;
    line-height: 40px; }

  /* line 879, layout.scss */
  .section.started.section-title .started-content .h-title {
    font-size: 10vw;
    line-height: 10vw; }

  /* line 883, layout.scss */
  .section.started.section-title .started-content .typed-bread,
  .section.started.layout-creative .started-content .typed-bread,
  .background-enabled .section.started.section-title .started-content .typed-bread,
  .background-enabled .section.started.layout-creative .started-content .typed-bread {
    font-size: 14px; }

  /* line 889, layout.scss */
  .section.started.layout-creative .started-content .h-title,
  .section.started.layout-post-creative .started-content .h-title {
    font-size: 23px; }

  /* line 893, layout.scss */
  .section.started .started-content .logo {
    position: absolute;
    top: 0;
    left: -30px;
    width: 110vw;
    height: 62vh;
    -webkit-clip-path: polygon(25% 0, 100% 25%, 80% 100%, 0 85%);
    clip-path: polygon(25% 0, 100% 25%, 80% 100%, 0 85%); }

  /* line 902, layout.scss */
  .section.started.personal .started-content .h-title {
    left: 0;
    top: 64vh;
    bottom: auto;
    width: 100%;
    margin-top: 0;
    margin-left: 0; }

  /* line 910, layout.scss */
  .section.started.personal .started-content .typed-subtitle,
  .section.started.personal .started-content .typed-bread {
    left: 0;
    bottom: 30px;
    padding-right: 50px;
    font-size: 20px;
    line-height: 30px; }

  /* line 918, layout.scss */
  .section.started .swiper-nav {
    left: 30px; }

  /* line 921, layout.scss */
  .section.started .mouse_btn {
    right: 50%;
    margin-left: 0;
    margin-right: -10px;
    bottom: 150px; }

  /* line 927, layout.scss */
  .section.started.section-title .started-content .h-subtitle,
  .section.started.section-title .started-content .typed-subtitle,
  .section.started.section-title .started-content .typed-bread {
    left: 0; }

  /* line 932, layout.scss */
  .section.started + .section, .section.started.layout-creative + .section {
    margin-top: 0; } }
/* section started mobile */
@media (max-width: 340px) {
  /* line 939, layout.scss */
  .section.started .swiper-nav {
    bottom: 145px; } }
/* section started mobile landscape */
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 1199px) {
  /* line 946, layout.scss */
  .section.started .started-content .logo {
    position: absolute;
    left: -30px;
    right: -30px;
    top: 0;
    width: auto;
    height: 100%;
    -webkit-clip-path: none;
    clip-path: none; }

  /* line 956, layout.scss */
  .section.started.personal .started-content .h-title {
    top: auto;
    left: 50px;
    bottom: 50px;
    width: auto;
    margin-left: 0;
    margin-top: 0;
    margin-right: 50px; }

  /* line 965, layout.scss */
  .section.started.personal .started-content .typed-subtitle,
  .section.started.personal .started-content .typed-bread {
    display: none; }

  /* line 969, layout.scss */
  .section.started .swiper-nav {
    bottom: 120px; } }
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 670px) {
  /* line 975, layout.scss */
  .section.started.personal .started-content .h-title {
    left: 0;
    bottom: 30px;
    margin-right: 30px; }

  /* line 980, layout.scss */
  .section.started .swiper-nav {
    bottom: 100px; } }
/* - About */
/* line 987, layout.scss */
.section.about .image {
  float: left;
  width: 160px;
  font-size: 0; }
  /* line 991, layout.scss */
  .section.about .image img {
    width: 100%;
    height: auto; }
/* line 996, layout.scss */
.section.about .desc {
  margin-left: 195px; }
  /* line 998, layout.scss */
  .section.about .desc p {
    word-break: break-word; }
    /* line 1000, layout.scss */
    .section.about .desc p:first-child {
      margin-top: 0; }

/* line 1007, layout.scss */
.info-list {
  margin-bottom: 20px; }
  /* line 1009, layout.scss */
  .info-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    /* line 1013, layout.scss */
    .info-list ul li {
      display: inline-block;
      vertical-align: top;
      width: 48%;
      margin: 0 0 6px 0; }
      /* line 1018, layout.scss */
      .info-list ul li strong {
        font-weight: 400;
        color: #4bffa5; }

/* section about fullhd */
@media (min-width: 1700px) {
  /* line 1028, layout.scss */
  .info-list ul li {
    width: 32%; } }
/* section about tablet */
@media (max-width: 1199px) {
  /* line 1035, layout.scss */
  .section.about .image {
    width: 120px;
    margin-right: 0;
    margin-bottom: 25px; }

  /* line 1040, layout.scss */
  .section.about .desc {
    margin-left: 145px; } }
/* section about mobile */
@media (max-width: 720px) {
  /* line 1047, layout.scss */
  .section.about .image {
    margin: 0 auto 20px auto;
    float: none;
    width: 100px;
    text-align: center; }

  /* line 1053, layout.scss */
  .section.about .desc {
    margin-left: 0;
    text-align: center; }

  /* line 1057, layout.scss */
  .info-list ul li {
    width: 100%; } }
/* - Resume */
/* line 1065, layout.scss */
.section .col:nth-child(odd) {
  padding-right: 35px; }
/* line 1068, layout.scss */
.section .col:nth-child(even) {
  padding-left: 35px; }
  /* line 1070, layout.scss */
  .section .col:nth-child(even) .content-box {
    margin-right: -1px; }

/* line 1078, layout.scss */
.resume-items .resume-item {
  position: relative;
  margin: 70px 0 0 0; }
  /* line 1081, layout.scss */
  .resume-items .resume-item:first-child {
    margin: 0; }
  /* line 1084, layout.scss */
  .resume-items .resume-item .date {
    position: relative;
    margin: 0 0 5px 0;
    display: inline-block;
    font-size: 12px;
    color: #999; }
  /* line 1091, layout.scss */
  .resume-items .resume-item .name {
    margin: 0 0 15px 0;
    color: #eee;
    font-weight: 500; }
  /* line 1097, layout.scss */
  .resume-items .resume-item.active .date {
    color: #4bffa5;
    font-weight: 600; }

/* section resume tablet */
@media (max-width: 1199px) {
  /* line 1107, layout.scss */
  .section .col:nth-child(odd) {
    padding-right: 20px; }

  /* line 1110, layout.scss */
  .section .col:nth-child(even) {
    padding-left: 20px; }

  /* line 1113, layout.scss */
  .resume-items .resume-item {
    margin: 40px 0 0 0; } }
/* section resume mobile */
@media (max-width: 720px) {
  /* line 1120, layout.scss */
  .section .col:nth-child(odd) {
    padding-right: 0;
    margin-bottom: 40px; }

  /* line 1124, layout.scss */
  .section .col:nth-child(even) {
    padding-left: 0; } }
/* - Skills */
/* line 1131, layout.scss */
.skills ul {
  margin: -35px 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 0; }
  /* line 1136, layout.scss */
  .skills ul li {
    position: relative;
    padding: 35px 0 0 0; }
    /* line 1139, layout.scss */
    .skills ul li:after {
      display: none; }
    /* line 1142, layout.scss */
    .skills ul li:last-child {
      padding-bottom: 0; }
    /* line 1145, layout.scss */
    .skills ul li .name {
      margin: 0 0 10px 0;
      position: relative;
      font-size: 16px;
      color: #eee;
      font-weight: 500; }
    /* line 1152, layout.scss */
    .skills ul li .progress {
      display: block;
      height: 4px;
      position: relative;
      width: 100%;
      background: rgba(255, 255, 255, 0.1); }
      /* line 1158, layout.scss */
      .skills ul li .progress .percentage {
        left: 0;
        top: 0;
        position: absolute;
        height: 4px;
        width: 0%;
        background: #4bffa5;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s; }
        /* line 1166, layout.scss */
        .skills ul li .progress .percentage .percent {
          position: absolute;
          top: -34px;
          right: 0;
          font-size: 16px;
          font-weight: 400; }
/* line 1178, layout.scss */
.skills.list ul {
  margin: 0 -35px; }
  /* line 1180, layout.scss */
  .skills.list ul li {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 35px;
    padding-right: 35px;
    display: inline-block;
    vertical-align: top;
    width: 50%; }
    /* line 1188, layout.scss */
    .skills.list ul li .name {
      padding-left: 35px;
      position: relative; }
      /* line 1191, layout.scss */
      .skills.list ul li .name:before {
        content: "\f00c";
        position: absolute;
        left: 0;
        top: 3px;
        display: inline-block;
        color: #4bffa5;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1; }
    /* line 1209, layout.scss */
    .skills.list ul li .progress {
      display: none; }
/* line 1216, layout.scss */
.skills.dotted ul {
  margin-left: -35px;
  margin-right: -35px; }
  /* line 1219, layout.scss */
  .skills.dotted ul li {
    padding-left: 35px;
    padding-right: 35px;
    width: 50%;
    display: inline-block;
    vertical-align: top; }
    /* line 1225, layout.scss */
    .skills.dotted ul li .progress {
      height: 14px;
      background: transparent !important; }
      /* line 1228, layout.scss */
      .skills.dotted ul li .progress .percentage {
        position: relative;
        overflow: hidden;
        top: 0;
        height: 14px;
        background: transparent !important;
        z-index: 2; }
      /* line 1236, layout.scss */
      .skills.dotted ul li .progress .dg,
      .skills.dotted ul li .progress .da {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 14px; }
        /* line 1245, layout.scss */
        .skills.dotted ul li .progress .dg span,
        .skills.dotted ul li .progress .da span {
          display: block;
          width: 14px;
          height: 14px;
          background: rgba(255, 255, 255, 0.1);
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          -khtml-border-radius: 14px;
			border-radius: 14px; }
      /* line 1253, layout.scss */
      .skills.dotted ul li .progress .da {
        top: 0; }
        /* line 1255, layout.scss */
        .skills.dotted ul li .progress .da span {
          background: #4bffa5; }
/* line 1265, layout.scss */
.skills.circles ul li {
  margin-top: 35px;
  padding: 0 0 60px 0;
  display: inline-block;
  vertical-align: top;
  width: 25%; }
  /* line 1271, layout.scss */
  .skills.circles ul li:last-child {
    padding-bottom: 40px; }
  /* line 1274, layout.scss */
  .skills.circles ul li .name {
    margin: 0 0 0 -45px;
    position: absolute;
    top: 105px;
    left: 50%;
    width: 90px;
    text-align: center; }
  /* line 1282, layout.scss */
  .skills.circles ul li .progress {
    margin: 0 auto;
    position: relative;
    font-size: 90px;
    width: 90px;
    height: 90px;
    background: #282828;
    border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    -khtml-border-radius: 90px; }
    /* line 1290, layout.scss */
    .skills.circles ul li .progress:after {
      content: '';
      position: absolute;
      top: 0.09em;
      left: 0.09em;
      width: 0.82em;
      height: 0.82em;
      display: block;
      background-color: #636359;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%; }
    /* line 1301, layout.scss */
    .skills.circles ul li .progress span {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      line-height: 90px;
      text-align: center;
      white-space: nowrap;
      z-index: 2; }
    /* line 1314, layout.scss */
    .skills.circles ul li .progress .percentage {
      display: none; }
    /* line 1317, layout.scss */
    .skills.circles ul li .progress .slice {
      position: absolute;
      width: 1em;
      height: 1em;
      clip: rect(0em, 1em, 1em, 0.5em); }

/* line 1329, layout.scss */
.skills.circles .progress.p51 .slice,
.skills.circles .progress.p52 .slice,
.skills.circles .progress.p53 .slice,
.skills.circles .progress.p54 .slice,
.skills.circles .progress.p55 .slice,
.skills.circles .progress.p56 .slice,
.skills.circles .progress.p57 .slice,
.skills.circles .progress.p58 .slice,
.skills.circles .progress.p59 .slice,
.skills.circles .progress.p60 .slice,
.skills.circles .progress.p61 .slice,
.skills.circles .progress.p62 .slice,
.skills.circles .progress.p63 .slice,
.skills.circles .progress.p64 .slice,
.skills.circles .progress.p65 .slice,
.skills.circles .progress.p66 .slice,
.skills.circles .progress.p67 .slice,
.skills.circles .progress.p68 .slice,
.skills.circles .progress.p69 .slice,
.skills.circles .progress.p70 .slice,
.skills.circles .progress.p71 .slice,
.skills.circles .progress.p72 .slice,
.skills.circles .progress.p73 .slice,
.skills.circles .progress.p74 .slice,
.skills.circles .progress.p75 .slice,
.skills.circles .progress.p76 .slice,
.skills.circles .progress.p77 .slice,
.skills.circles .progress.p78 .slice,
.skills.circles .progress.p79 .slice,
.skills.circles .progress.p80 .slice,
.skills.circles .progress.p81 .slice,
.skills.circles .progress.p82 .slice,
.skills.circles .progress.p83 .slice,
.skills.circles .progress.p84 .slice,
.skills.circles .progress.p85 .slice,
.skills.circles .progress.p86 .slice,
.skills.circles .progress.p87 .slice,
.skills.circles .progress.p88 .slice,
.skills.circles .progress.p89 .slice,
.skills.circles .progress.p90 .slice,
.skills.circles .progress.p91 .slice,
.skills.circles .progress.p92 .slice,
.skills.circles .progress.p93 .slice,
.skills.circles .progress.p94 .slice,
.skills.circles .progress.p95 .slice,
.skills.circles .progress.p96 .slice,
.skills.circles .progress.p97 .slice,
.skills.circles .progress.p98 .slice,
.skills.circles .progress.p99 .slice,
.skills.circles .progress.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

/* line 1382, layout.scss */
.skills.circles .progress .bar,
.skills.circles .progress.p51 .fill,
.skills.circles .progress.p52 .fill,
.skills.circles .progress.p53 .fill,
.skills.circles .progress.p54 .fill,
.skills.circles .progress.p55 .fill,
.skills.circles .progress.p56 .fill,
.skills.circles .progress.p57 .fill,
.skills.circles .progress.p58 .fill,
.skills.circles .progress.p59 .fill,
.skills.circles .progress.p60 .fill,
.skills.circles .progress.p61 .fill,
.skills.circles .progress.p62 .fill,
.skills.circles .progress.p63 .fill,
.skills.circles .progress.p64 .fill,
.skills.circles .progress.p65 .fill,
.skills.circles .progress.p66 .fill,
.skills.circles .progress.p67 .fill,
.skills.circles .progress.p68 .fill,
.skills.circles .progress.p69 .fill,
.skills.circles .progress.p70 .fill,
.skills.circles .progress.p71 .fill,
.skills.circles .progress.p72 .fill,
.skills.circles .progress.p73 .fill,
.skills.circles .progress.p74 .fill,
.skills.circles .progress.p75 .fill,
.skills.circles .progress.p76 .fill,
.skills.circles .progress.p77 .fill,
.skills.circles .progress.p78 .fill,
.skills.circles .progress.p79 .fill,
.skills.circles .progress.p80 .fill,
.skills.circles .progress.p81 .fill,
.skills.circles .progress.p82 .fill,
.skills.circles .progress.p83 .fill,
.skills.circles .progress.p84 .fill,
.skills.circles .progress.p85 .fill,
.skills.circles .progress.p86 .fill,
.skills.circles .progress.p87 .fill,
.skills.circles .progress.p88 .fill,
.skills.circles .progress.p89 .fill,
.skills.circles .progress.p90 .fill,
.skills.circles .progress.p91 .fill,
.skills.circles .progress.p92 .fill,
.skills.circles .progress.p93 .fill,
.skills.circles .progress.p94 .fill,
.skills.circles .progress.p95 .fill,
.skills.circles .progress.p96 .fill,
.skills.circles .progress.p97 .fill,
.skills.circles .progress.p98 .fill,
.skills.circles .progress.p99 .fill,
.skills.circles .progress.p100 .fill {
  position: absolute;
  width: 0.82em;
  height: 0.82em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border: 0.09em solid #4bffa5;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%; }

/* line 1442, layout.scss */
.skills.circles .progress.p51 .bar:after,
.skills.circles .progress.p51 .fill,
.skills.circles .progress.p52 .bar:after,
.skills.circles .progress.p52 .fill,
.skills.circles .progress.p53 .bar:after,
.skills.circles .progress.p53 .fill,
.skills.circles .progress.p54 .bar:after,
.skills.circles .progress.p54 .fill,
.skills.circles .progress.p55 .bar:after,
.skills.circles .progress.p55 .fill,
.skills.circles .progress.p56 .bar:after,
.skills.circles .progress.p56 .fill,
.skills.circles .progress.p57 .bar:after,
.skills.circles .progress.p57 .fill,
.skills.circles .progress.p58 .bar:after,
.skills.circles .progress.p58 .fill,
.skills.circles .progress.p59 .bar:after,
.skills.circles .progress.p59 .fill,
.skills.circles .progress.p60 .bar:after,
.skills.circles .progress.p60 .fill,
.skills.circles .progress.p61 .bar:after,
.skills.circles .progress.p61 .fill,
.skills.circles .progress.p62 .bar:after,
.skills.circles .progress.p62 .fill,
.skills.circles .progress.p63 .bar:after,
.skills.circles .progress.p63 .fill,
.skills.circles .progress.p64 .bar:after,
.skills.circles .progress.p64 .fill,
.skills.circles .progress.p65 .bar:after,
.skills.circles .progress.p65 .fill,
.skills.circles .progress.p66 .bar:after,
.skills.circles .progress.p66 .fill,
.skills.circles .progress.p67 .bar:after,
.skills.circles .progress.p67 .fill,
.skills.circles .progress.p68 .bar:after,
.skills.circles .progress.p68 .fill,
.skills.circles .progress.p69 .bar:after,
.skills.circles .progress.p69 .fill,
.skills.circles .progress.p70 .bar:after,
.skills.circles .progress.p70 .fill,
.skills.circles .progress.p71 .bar:after,
.skills.circles .progress.p71 .fill,
.skills.circles .progress.p72 .bar:after,
.skills.circles .progress.p72 .fill,
.skills.circles .progress.p73 .bar:after,
.skills.circles .progress.p73 .fill,
.skills.circles .progress.p74 .bar:after,
.skills.circles .progress.p74 .fill,
.skills.circles .progress.p75 .bar:after,
.skills.circles .progress.p75 .fill,
.skills.circles .progress.p76 .bar:after,
.skills.circles .progress.p76 .fill,
.skills.circles .progress.p77 .bar:after,
.skills.circles .progress.p77 .fill,
.skills.circles .progress.p78 .bar:after,
.skills.circles .progress.p78 .fill,
.skills.circles .progress.p79 .bar:after,
.skills.circles .progress.p79 .fill,
.skills.circles .progress.p80 .bar:after,
.skills.circles .progress.p80 .fill,
.skills.circles .progress.p81 .bar:after,
.skills.circles .progress.p81 .fill,
.skills.circles .progress.p82 .bar:after,
.skills.circles .progress.p82 .fill,
.skills.circles .progress.p83 .bar:after,
.skills.circles .progress.p83 .fill,
.skills.circles .progress.p84 .bar:after,
.skills.circles .progress.p84 .fill,
.skills.circles .progress.p85 .bar:after,
.skills.circles .progress.p85 .fill,
.skills.circles .progress.p86 .bar:after,
.skills.circles .progress.p86 .fill,
.skills.circles .progress.p87 .bar:after,
.skills.circles .progress.p87 .fill,
.skills.circles .progress.p88 .bar:after,
.skills.circles .progress.p88 .fill,
.skills.circles .progress.p89 .bar:after,
.skills.circles .progress.p89 .fill,
.skills.circles .progress.p90 .bar:after,
.skills.circles .progress.p90 .fill,
.skills.circles .progress.p91 .bar:after,
.skills.circles .progress.p91 .fill,
.skills.circles .progress.p92 .bar:after,
.skills.circles .progress.p92 .fill,
.skills.circles .progress.p93 .bar:after,
.skills.circles .progress.p93 .fill,
.skills.circles .progress.p94 .bar:after,
.skills.circles .progress.p94 .fill,
.skills.circles .progress.p95 .bar:after,
.skills.circles .progress.p95 .fill,
.skills.circles .progress.p96 .bar:after,
.skills.circles .progress.p96 .fill,
.skills.circles .progress.p97 .bar:after,
.skills.circles .progress.p97 .fill,
.skills.circles .progress.p98 .bar:after,
.skills.circles .progress.p98 .fill,
.skills.circles .progress.p99 .bar:after,
.skills.circles .progress.p99 .fill,
.skills.circles .progress.p100 .bar:after,
.skills.circles .progress.p100 .fill {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg); }

/* line 1545, layout.scss */
.skills.circles .progress *, .skills.circles .progress *:before, .skills.circles .progress *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* line 1551, layout.scss */
.skills.circles .progress.p1 .bar {
  transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg); }

/* line 1555, layout.scss */
.skills.circles .progress.p2 .bar {
  transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg); }

/* line 1559, layout.scss */
.skills.circles .progress.p3 .bar {
  transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg); }

/* line 1563, layout.scss */
.skills.circles .progress.p4 .bar {
  transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg); }

/* line 1567, layout.scss */
.skills.circles .progress.p5 .bar {
  transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -o-transform: rotate(18deg); }

/* line 1571, layout.scss */
.skills.circles .progress.p6 .bar {
  transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg); }

/* line 1575, layout.scss */
.skills.circles .progress.p7 .bar {
  transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg); }

/* line 1579, layout.scss */
.skills.circles .progress.p8 .bar {
  transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg); }

/* line 1583, layout.scss */
.skills.circles .progress.p9 .bar {
  transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg); }

/* line 1587, layout.scss */
.skills.circles .progress.p10 .bar {
  transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -o-transform: rotate(36deg); }

/* line 1591, layout.scss */
.skills.circles .progress.p11 .bar {
  transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg); }

/* line 1595, layout.scss */
.skills.circles .progress.p12 .bar {
  transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg); }

/* line 1599, layout.scss */
.skills.circles .progress.p13 .bar {
  transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg); }

/* line 1603, layout.scss */
.skills.circles .progress.p14 .bar {
  transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg); }

/* line 1607, layout.scss */
.skills.circles .progress.p15 .bar {
  transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -o-transform: rotate(54deg); }

/* line 1611, layout.scss */
.skills.circles .progress.p16 .bar {
  transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg); }

/* line 1615, layout.scss */
.skills.circles .progress.p17 .bar {
  transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg); }

/* line 1619, layout.scss */
.skills.circles .progress.p18 .bar {
  transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg); }

/* line 1623, layout.scss */
.skills.circles .progress.p19 .bar {
  transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg); }

/* line 1627, layout.scss */
.skills.circles .progress.p20 .bar {
  transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -o-transform: rotate(72deg); }

/* line 1631, layout.scss */
.skills.circles .progress.p21 .bar {
  transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg); }

/* line 1635, layout.scss */
.skills.circles .progress.p22 .bar {
  transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg); }

/* line 1639, layout.scss */
.skills.circles .progress.p23 .bar {
  transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg); }

/* line 1643, layout.scss */
.skills.circles .progress.p24 .bar {
  transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg); }

/* line 1647, layout.scss */
.skills.circles .progress.p25 .bar {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg); }

/* line 1651, layout.scss */
.skills.circles .progress.p26 .bar {
  transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg); }

/* line 1655, layout.scss */
.skills.circles .progress.p27 .bar {
  transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg); }

/* line 1659, layout.scss */
.skills.circles .progress.p28 .bar {
  transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg); }

/* line 1663, layout.scss */
.skills.circles .progress.p29 .bar {
  transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg); }

/* line 1667, layout.scss */
.skills.circles .progress.p30 .bar {
  transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -o-transform: rotate(108deg); }

/* line 1671, layout.scss */
.skills.circles .progress.p31 .bar {
  transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg); }

/* line 1675, layout.scss */
.skills.circles .progress.p32 .bar {
  transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg); }

/* line 1679, layout.scss */
.skills.circles .progress.p33 .bar {
  transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg); }

/* line 1683, layout.scss */
.skills.circles .progress.p34 .bar {
  transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg); }

/* line 1687, layout.scss */
.skills.circles .progress.p35 .bar {
  transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -o-transform: rotate(126deg); }

/* line 1691, layout.scss */
.skills.circles .progress.p36 .bar {
  transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg); }

/* line 1695, layout.scss */
.skills.circles .progress.p37 .bar {
  transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg); }

/* line 1699, layout.scss */
.skills.circles .progress.p38 .bar {
  transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg); }

/* line 1703, layout.scss */
.skills.circles .progress.p39 .bar {
  transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg); }

/* line 1707, layout.scss */
.skills.circles .progress.p40 .bar {
  transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -o-transform: rotate(144deg); }

/* line 1711, layout.scss */
.skills.circles .progress.p41 .bar {
  transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg); }

/* line 1715, layout.scss */
.skills.circles .progress.p42 .bar {
  transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg); }

/* line 1719, layout.scss */
.skills.circles .progress.p43 .bar {
  transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg); }

/* line 1723, layout.scss */
.skills.circles .progress.p44 .bar {
  transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg); }

/* line 1727, layout.scss */
.skills.circles .progress.p45 .bar {
  transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -o-transform: rotate(162deg); }

/* line 1731, layout.scss */
.skills.circles .progress.p46 .bar {
  transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg); }

/* line 1735, layout.scss */
.skills.circles .progress.p47 .bar {
  transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg); }

/* line 1739, layout.scss */
.skills.circles .progress.p48 .bar {
  transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg); }

/* line 1743, layout.scss */
.skills.circles .progress.p49 .bar {
  transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg); }

/* line 1747, layout.scss */
.skills.circles .progress.p50 .bar {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg); }

/* line 1751, layout.scss */
.skills.circles .progress.p51 .bar {
  transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg); }

/* line 1755, layout.scss */
.skills.circles .progress.p52 .bar {
  transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg); }

/* line 1759, layout.scss */
.skills.circles .progress.p53 .bar {
  transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg); }

/* line 1763, layout.scss */
.skills.circles .progress.p54 .bar {
  transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg); }

/* line 1767, layout.scss */
.skills.circles .progress.p55 .bar {
  transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -o-transform: rotate(198deg); }

/* line 1771, layout.scss */
.skills.circles .progress.p56 .bar {
  transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg); }

/* line 1775, layout.scss */
.skills.circles .progress.p57 .bar {
  transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg); }

/* line 1779, layout.scss */
.skills.circles .progress.p58 .bar {
  transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg); }

/* line 1783, layout.scss */
.skills.circles .progress.p59 .bar {
  transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg); }

/* line 1787, layout.scss */
.skills.circles .progress.p60 .bar {
  transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -o-transform: rotate(216deg); }

/* line 1791, layout.scss */
.skills.circles .progress.p61 .bar {
  transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg); }

/* line 1795, layout.scss */
.skills.circles .progress.p62 .bar {
  transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg); }

/* line 1799, layout.scss */
.skills.circles .progress.p63 .bar {
  transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg); }

/* line 1803, layout.scss */
.skills.circles .progress.p64 .bar {
  transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg); }

/* line 1807, layout.scss */
.skills.circles .progress.p65 .bar {
  transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -o-transform: rotate(234deg); }

/* line 1811, layout.scss */
.skills.circles .progress.p66 .bar {
  transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg); }

/* line 1815, layout.scss */
.skills.circles .progress.p67 .bar {
  transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg); }

/* line 1819, layout.scss */
.skills.circles .progress.p68 .bar {
  transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg); }

/* line 1823, layout.scss */
.skills.circles .progress.p69 .bar {
  transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg); }

/* line 1827, layout.scss */
.skills.circles .progress.p70 .bar {
  transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -o-transform: rotate(252deg); }

/* line 1831, layout.scss */
.skills.circles .progress.p71 .bar {
  transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg); }

/* line 1835, layout.scss */
.skills.circles .progress.p72 .bar {
  transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg); }

/* line 1839, layout.scss */
.skills.circles .progress.p73 .bar {
  transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg); }

/* line 1843, layout.scss */
.skills.circles .progress.p74 .bar {
  transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg); }

/* line 1847, layout.scss */
.skills.circles .progress.p75 .bar {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg); }

/* line 1851, layout.scss */
.skills.circles .progress.p76 .bar {
  transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg); }

/* line 1855, layout.scss */
.skills.circles .progress.p77 .bar {
  transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg); }

/* line 1859, layout.scss */
.skills.circles .progress.p78 .bar {
  transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg); }

/* line 1863, layout.scss */
.skills.circles .progress.p79 .bar {
  transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg); }

/* line 1867, layout.scss */
.skills.circles .progress.p80 .bar {
  transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -o-transform: rotate(288deg); }

/* line 1871, layout.scss */
.skills.circles .progress.p81 .bar {
  transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg); }

/* line 1875, layout.scss */
.skills.circles .progress.p82 .bar {
  transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg); }

/* line 1879, layout.scss */
.skills.circles .progress.p83 .bar {
  transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg); }

/* line 1883, layout.scss */
.skills.circles .progress.p84 .bar {
  transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg); }

/* line 1887, layout.scss */
.skills.circles .progress.p85 .bar {
  transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -o-transform: rotate(306deg); }

/* line 1891, layout.scss */
.skills.circles .progress.p86 .bar {
  transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg); }

/* line 1895, layout.scss */
.skills.circles .progress.p87 .bar {
  transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg); }

/* line 1899, layout.scss */
.skills.circles .progress.p88 .bar {
  transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg); }

/* line 1903, layout.scss */
.skills.circles .progress.p89 .bar {
  transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg); }

/* line 1907, layout.scss */
.skills.circles .progress.p90 .bar {
  transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -o-transform: rotate(324deg); }

/* line 1911, layout.scss */
.skills.circles .progress.p91 .bar {
  transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg); }

/* line 1915, layout.scss */
.skills.circles .progress.p92 .bar {
  transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg); }

/* line 1919, layout.scss */
.skills.circles .progress.p93 .bar {
  transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg); }

/* line 1923, layout.scss */
.skills.circles .progress.p94 .bar {
  transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg); }

/* line 1927, layout.scss */
.skills.circles .progress.p95 .bar {
  transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -o-transform: rotate(342deg); }

/* line 1931, layout.scss */
.skills.circles .progress.p96 .bar {
  transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg); }

/* line 1935, layout.scss */
.skills.circles .progress.p97 .bar {
  transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg); }

/* line 1939, layout.scss */
.skills.circles .progress.p98 .bar {
  transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg); }

/* line 1943, layout.scss */
.skills.circles .progress.p99 .bar {
  transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg); }

/* line 1947, layout.scss */
.skills.circles .progress.p100 .bar {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg); }

/* section skills fullhd */
@media (min-width: 1700px) {
  /* line 1953, layout.scss */
  .skills.list ul li {
    width: 33.333%; } }
/* section skills mobile */
@media (max-width: 720px) {
  /* line 1960, layout.scss */
  .skills ul {
    margin: -20px 0 0 0; }

  /* line 1963, layout.scss */
  .skills ul li {
    padding: 20px 0 0 0; }

  /* line 1966, layout.scss */
  .skills.dotted ul li {
    width: 100%; }

  /* line 1969, layout.scss */
  .skills.circles ul li {
    width: 50%; }

  /* line 1972, layout.scss */
  .skills.list ul li {
    width: 100%; }

  /* line 1975, layout.scss */
  .skills.list ul li:last-child,
  .skills.list ul li:last-child .name {
    margin-bottom: 0; } }

/* - Clients */

/* line 1983, layout.scss */
.clients-items {
  margin: -35px -35px 0 -35px;
  font-size: 0; }
  /* line 1986, layout.scss */
  .clients-items .clients-col {
    padding: 35px 35px 0 35px;
    display: inline-block;
    vertical-align: top;
    width: 25%; }

/* line 1994, layout.scss */
.clients-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100px;
  opacity: 0.4;
  transition: opacity 1s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
  -moz-transition: opacity 1s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
  -webkit-transition: opacity 1s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
  -o-transition: opacity 1s cubic-bezier(0.165, 0.85, 0.45, 1) 0s; }
  /* line 2003, layout.scss */
  .clients-item a {
    text-decoration: none; }
  /* line 2006, layout.scss */
  .clients-item img {
    max-width: 100%;
    max-height: 100px; }
  /* line 2010, layout.scss */
  .clients-item:hover {
    opacity: 1; }

/* section clients mobile */
@media (max-width: 720px) {
  /* line 2017, layout.scss */
  .clients-items {
    margin: -20px -20px 0 -20px; }
    /* line 2019, layout.scss */
    .clients-items .clients-col {
      padding: 20px 20px 0 20px;
      width: 50%; } }

/* - Service */

/* line 2027, layout.scss */
.service-items {
  margin-top: -70px;
  font-size: 0;
  text-align: center; }
  /* line 2031, layout.scss */
  .service-items .service-col {
    margin-top: 70px;
    display: inline-block;
    vertical-align: top;
    width: 50%; }
    /* line 2036, layout.scss */
    .service-items .service-col:nth-child(odd) .content-box {
      margin-right: 35px; }
    /* line 2039, layout.scss */
    .service-items .service-col:nth-child(even) .content-box {
      margin-left: 35px; }
  /* line 2044, layout.scss */
  .service-items .service-item .icon {
    font-size: 36px;
    line-height: normal;
    color: #4bffa5; }
  /* line 2049, layout.scss */
  .service-items .service-item .name {
    margin: 15px 0;
    color: #eee;
    font-weight: 500; }

/* section service tablet */
@media (max-width: 1199px) {
  /* line 2059, layout.scss */
  .service-items {
    margin-top: -40px; }

  /* line 2062, layout.scss */
  .service-items .service-col {
    margin-top: 40px; }

  /* line 2065, layout.scss */
  .service-items .service-col:nth-child(odd) .content-box {
    margin-right: 20px; }

  /* line 2068, layout.scss */
  .service-items .service-col:nth-child(even) .content-box {
    margin-left: 20px; } }
/* section service mobile */
@media (max-width: 720px) {
  /* line 2075, layout.scss */
  .service-items .service-col {
    width: 100%; }

  /* line 2078, layout.scss */
  .service-items .service-col:nth-child(odd) .content-box {
    margin-right: 0; }

  /* line 2081, layout.scss */
  .service-items .service-col:nth-child(even) .content-box {
    margin-left: 0; } }

/* - Portfolio */

/* line 2087, layout.scss */
.section.works {
  padding-bottom: 0; }
  /* line 2089, layout.scss */
  .section.works .filter-menu {
    margin-bottom: 70px; }
  /* line 2092, layout.scss */
  .section.works .filters {
    margin-top: -10px; }
    /* line 2094, layout.scss */
    .section.works .filters input {
      display: none; }
    /* line 2097, layout.scss */
    .section.works .filters .btn-group {
      display: inline-block;
      vertical-align: top; }
    /* line 2101, layout.scss */
    .section.works .filters label {
      display: inline-block;
      vertical-align: top;
      margin-right: 25px;
      margin-top: 10px;
      font-size: 16px;
      color: #eee;
      font-weight: 400;
      cursor: pointer;
      position: relative;
      padding-bottom: 0;
      transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
      -moz-transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
      -webkit-transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
      -o-transition: color 0.7s cubic-bezier(0.165, 0.85, 0.45, 1); }
      /* line 2113, layout.scss */
      .section.works .filters label.glitch-effect {
        color: #4bffa5; }

/* - Box Items */

/* line 2120, layout.scss */
.box-items {
  position: relative;
  margin-left: -50px;
  margin-right: -50px;
  font-size: 0px; }
  /* line 2125, layout.scss */
  .box-items .box-item {
    width: 50%;
    margin: 0;
    padding: 0px 50px 100px 50px;
    position: relative;
    text-align: center;
    font-size: 13px;
    float: left; }
    /* line 2133, layout.scss */
    .box-items .box-item .image {
      position: relative;
      overflow: hidden; }
      /* line 2136, layout.scss */
      .box-items .box-item .image a {
        display: block;
        font-size: 0; }
        /* line 2139, layout.scss */
        .box-items .box-item .image a img {
          width: 100%;
          height: auto;
          position: relative;
          top: 0; }
      /* line 2146, layout.scss */
      .box-items .box-item .image .info {
        text-align: center;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
        /* line 2154, layout.scss */
        .box-items .box-item .image .info .icon {
          position: absolute;
          top: 20px;
          right: 20px;
          color: #636359;
          font-size: 18px;
          display: inline-block;
          font-weight: normal;
          opacity: 0;
          transform: translateY(-15px);
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
          -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
          -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
          -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s; }
      /* line 2167, layout.scss */
      .box-items .box-item .image .desc {
        padding: 10px 20px;
        position: relative;
        display: block;
        opacity: 0;
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
        -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
        -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
        -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0s; }
        /* line 2174, layout.scss */
        .box-items .box-item .image .desc .name {
          display: block;
          font-size: 24px;
          font-weight: 600;
          color: #636359;
          word-wrap: break-word; }
      /* line 2183, layout.scss */
      .box-items .box-item .image:hover .icon {
        opacity: 0.6;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s;
        -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s;
        -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s;
        -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s; }
      /* line 2188, layout.scss */
      .box-items .box-item .image:hover .desc {
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s;
        -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s;
        -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s;
        -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1) 0.35s; }
    /* line 2196, layout.scss */
    .box-items .box-item .category {
      margin: 0;
      display: block;
      font-size: 14px;
      color: #636359;
      opacity: 0.6; }

/* line 2206, layout.scss */
.portfolio-cols {
  display: flex; }

/* line 2210, layout.scss */
.description-col {
  width: 78%; }

/* line 2214, layout.scss */
.details-col {
  padding-left: 50px;
  width: 24%; }

/* line 2221, layout.scss */
.single-post-text .details-list li {
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 13px;
  text-transform: uppercase; }
  /* line 2226, layout.scss */
  .single-post-text .details-list li:before {
    display: none; }
  /* line 2229, layout.scss */
  .single-post-text .details-list li strong {
    margin-bottom: 5px;
    display: block;
    color: #eee;
    font-weight: 500; }

/* section portfolio tablet */
@media (max-width: 1199px) {
  /* line 2241, layout.scss */
  .section.works .filter-menu {
    margin-bottom: 40px; }

  /* line 2244, layout.scss */
  .section .content-box {
    padding: 25px; }

  /* line 2247, layout.scss */
  .box-items {
    margin-left: -50px;
    margin-right: -5	0px; }

  /* line 2251, layout.scss */
  .box-items .box-item {
    width: 50%;
    padding: 0px 50px 100px 50px; }

  /* line 2255, layout.scss */
  .portfolio-cols {
    display: block; }

  /* line 2258, layout.scss */
  .description-col {
    width: 100%; }

  /* line 2261, layout.scss */
  .details-col {
    width: 100%; }

  /* line 2264, layout.scss */
  .details-col {
    padding: 40px 0 0 0;
    width: 100%; }

  /* line 2268, layout.scss */
  .section.works .filters label {
    margin-right: 15px; } }
/* section portfolio mobile */
@media (max-width: 720px) {
  /* line 2275, layout.scss */
  .section.works .filters label {
    font-size: 14px; }

  /* line 2278, layout.scss */
  .box-items {
    margin-left: 0;
    margin-right: 0; }

  /* line 2282, layout.scss */
  .box-items .box-item {
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%; }

  /* line 2288, layout.scss */
  .box-items .box-item:last-child {
    padding-bottom: 0; } }
/* - Contacts */
/* line 2295, layout.scss */
.section.contacts .alert-success {
  display: none; }
  /* line 2297, layout.scss */
  .section.contacts .alert-success p {
    margin: 0;
    font-size: 16px;
    color: #eee; }

/* line 2305, layout.scss */
.map {
  position: absolute;
  left: 0;
  top: -5vh;
  width: 100vw;
  height: 110vh; }

/*Drop shadow for div elements */
.dropshadow {
	box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.4); }

/* Parent div for clients logos */

.client-container {
	display: flex;
	margin: -40px;
	justify-content: space-between;
}

/* Size definition for clients logos */
.client-logo {
	width: 42%;
	height: 100%;
}



/* - Pricing */

/* line 2314, layout.scss */
.pricing-items {
  margin: 0 -35px;
  font-size: 0; }
  /* line 2317, layout.scss */
  .pricing-items .pricing-col {
    padding: 0 35px;
    display: inline-block;
    vertical-align: top;
    width: 50%; }

/* line 2325, layout.scss */
.pricing-item {
  position: relative;
  text-align: center; }
  /* line 2328, layout.scss */
  .pricing-item .icon {
    font-size: 36px;
    line-height: normal;
    color: #4bffa5; }
  /* line 2333, layout.scss */
  .pricing-item .name {
    margin: 15px 0;
    color: #eee;
    font-weight: 500; }
  /* line 2338, layout.scss */
  .pricing-item .amount {
    margin: 30px 0; }
    /* line 2340, layout.scss */
    .pricing-item .amount .number {
      margin: 0;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      font-size: 48px;
      line-height: 24px;
      font-weight: 600;
      color: #eee; }
      /* line 2349, layout.scss */
      .pricing-item .amount .number .dollar,
      .pricing-item .amount .number .period {
        position: absolute;
        left: -15px;
        top: -5px;
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        line-height: 14px;
        color: #999;
        font-weight: 400; }
      /* line 2361, layout.scss */
      .pricing-item .amount .number .period {
        left: auto;
        right: -55px;
        top: auto;
        bottom: -5px;
        width: 50px;
        text-align: left;
        white-space: nowrap; }
  /* line 2372, layout.scss */
  .pricing-item .feature-list {
    margin-bottom: 30px; }
    /* line 2374, layout.scss */
    .pricing-item .feature-list ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      /* line 2378, layout.scss */
      .pricing-item .feature-list ul li {
        margin: 10px 0; }
        /* line 2380, layout.scss */
        .pricing-item .feature-list ul li:last-child {
          margin-bottom: 0;
          border-bottom: none; }
        /* line 2384, layout.scss */
        .pricing-item .feature-list ul li.disable {
          text-decoration: line-through;
          opacity: 0.5; }
        /* line 2388, layout.scss */
        .pricing-item .feature-list ul li strong {
          margin: 0 0 0 5px;
          padding: 0 5px;
          display: inline-block;
          vertical-align: middle;
          font-size: 12px;
          color: #636359;
          background: #4bffa5;
          font-weight: 300;
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          -khtml-border-radius: 2px; }

/* section pricing tablet */
/* section pricing mobile */
@media (max-width: 720px) {
  /* line 2412, layout.scss */
  .pricing-items .pricing-col {
    margin-bottom: 40px;
    width: 100%; }
    /* line 2415, layout.scss */
    .pricing-items .pricing-col:last-child {
      margin-bottom: 0; } }

/* - Team */

/* line 2423, layout.scss */
.team-items {
  margin: 0 -35px;
  font-size: 0; }
  /* line 2426, layout.scss */
  .team-items .team-col {
    padding: 0 35px;
    display: inline-block;
    vertical-align: top;
    width: 50%; }

/* line 2434, layout.scss */
.team-item {
  position: relative;
  text-align: center; }
  /* line 2437, layout.scss */
  .team-item .image {
    font-size: 0; }
    /* line 2439, layout.scss */
    .team-item .image img {
      max-width: 100%;
      height: auto; }
  /* line 2444, layout.scss */
  .team-item .name {
    margin: 30px 0 5px 0;
    color: #eee;
    font-weight: 500; }
  /* line 2449, layout.scss */
  .team-item .category {
    margin: 0 0 5px 0;
    position: relative;
    display: inline-block;
    color: #999; }
  /* line 2456, layout.scss */
  .team-item .soc a {
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #aaa;
    transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
    -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
    -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1); }
    /* line 2463, layout.scss */
    .team-item .soc a .icon {
      font-size: 14px;
      color: #aaa; }
    /* line 2467, layout.scss */
    .team-item .soc a:hover {
      color: #FFF;
      opacity: 1; }
      /* line 2470, layout.scss */
      .team-item .soc a:hover .icon {
        color: #FFF; }

/* section team tablet */
/* section team mobile */
@media (max-width: 720px) {
  /* line 2485, layout.scss */
  .team-items .team-col {
    margin-bottom: 40px;
    width: 100%; }
    /* line 2488, layout.scss */
    .team-items .team-col:last-child {
      margin-bottom: 0; } }
/* - Testimonials */
/* line 2495, layout.scss */
.reviews-carousel {
  position: relative;
  width: calc(100% + 1px); }
  /* line 2498, layout.scss */
  .reviews-carousel .content-box {
    margin-right: 0; }
  /* line 2501, layout.scss */
  .reviews-carousel .swiper-nav {
    position: absolute;
    left: auto;
    right: 35px;
    top: -58px;
    height: 24px;
    z-index: 3; }
    /* line 2508, layout.scss */
    .reviews-carousel .swiper-nav .swiper-button-prev,
    .reviews-carousel .swiper-nav .swiper-button-next {
      margin-left: 15px;
      margin-top: 0;
      position: relative;
      top: 0;
      left: 0;
      right: auto;
      width: 20px;
      height: 20px;
      background: none;
      font-size: 22px;
      color: #FFF;
      text-decoration: none;
      transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }

/* line 2527, layout.scss */
.reviews-item {
  position: relative; }
  /* line 2529, layout.scss */
  .reviews-item .image {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 70px;
    font-size: 0; }
    /* line 2535, layout.scss */
    .reviews-item .image img {
      width: 100%;
      height: auto;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%; }
  /* line 2541, layout.scss */
  .reviews-item .info {
    margin-top: 10px;
    margin-left: 85px; }
  /* line 2545, layout.scss */
  .reviews-item .name {
    margin: 0 0 5px 0;
    color: #eee;
    font-weight: 500; }
  /* line 2550, layout.scss */
  .reviews-item .company {
    font-size: 14px;
    color: #999; }
  /* line 2554, layout.scss */
  .reviews-item .text {
    clear: both; }

/* section testimonials tablet */
/* section testimonials mobile */
@media (max-width: 720px) {
  /* line 2566, layout.scss */
  .reviews-carousel .swiper-nav {
    right: 0; } }

/* - Blog */

/* line 2572, layout.scss */
.started-content .date {
  margin: 0 0 10px;
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  line-height: 18px;
  font-weight: 500;
  font-size: 11px;
  color: #4bffa5;
  border: 1px solid #4bffa5; }

/* line 2584, layout.scss */
.single-post-text, .comment-text {
  word-wrap: break-word; }

/* line 2588, layout.scss */
.single-post-text:after {
  content: '';
  position: relative;
  clear: both;
  display: block; }

/* line 2595, layout.scss */
.single-post-text .content-box *, .comment-text .content-box * {
  margin-top: 0; }

/* line 2599, layout.scss */
.single-post-text img, .comment-text img {
  max-width: 100%;
  height: auto; }

/* line 2604, layout.scss */
.single-post-text p:last-child {
  margin-bottom: 0; }

/* line 2608, layout.scss */
.single-post-text p a, .comment-text p a {
  color: #4bffa5; }

/* line 2612, layout.scss */
.single-post-text p a:hover, .comment-text p a:hover {
  text-decoration: underline; }

/* line 2616, layout.scss */
blockquote {
  margin: 25px 0;
  padding: 0 0 0 20px;
  font-size: 14px;
  line-height: 24px;
  color: #999;
  font-style: italic;
  font-weight: 300;
  border-left: 2px solid #4bffa5; }

/* line 2627, layout.scss */
blockquote code {
  padding: 2px;
  display: inline; }

/* line 2632, layout.scss */
iframe, object {
  max-width: 100%; }

/* line 2636, layout.scss */
.single-post-text ul, .comment-text ul {
  list-style: none; }

/* line 2640, layout.scss */
.single-post-text ol, .comment-text ol {
  list-style-position: inside; }

/* line 2644, layout.scss */
.single-post-text ul > li, .single-post-text ol > li, .comment-text ul > li, .comment-text ol > li {
  margin: 5px 0;
  padding: 0 0 0 18px;
  position: relative;
  font-weight: 400; }

/* line 2651, layout.scss */
.single-post-text ol > li, .comment-text ol > li {
  margin: 5px 0;
  padding: 0;
  position: relative;
  font-size: 14px;
  font-weight: 400; }

/* line 2659, layout.scss */
.single-post-text ul > li:before, .comment-text ul > li:before {
  margin: 0;
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #4bffa5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px; }

/* line 2671, layout.scss */
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
  padding: 0; }

/* line 2675, layout.scss */
.wp-block-gallery .blocks-gallery-image:before, .wp-block-gallery .blocks-gallery-item:before {
  display: none; }

/* line 2679, layout.scss */
.single-post-text figure, .comment-text figure {
  margin: 0 0 30px 0;
  max-width: 100%; }

/* line 2684, layout.scss */
.single-post-text figure .wp-caption-text, .comment-text figure .wp-caption-text, .gallery-caption, .bypostauthor {
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
  color: #999; }

/* line 2691, layout.scss */
.gallery {
  margin: 30px -10px; }

/* line 2695, layout.scss */
.single-post-text .gallery {
  margin-bottom: 0; }

/* line 2699, layout.scss */
.gallery .gallery-item {
  margin: 0;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  width: 100%; }

/* line 2707, layout.scss */
.gallery .gallery-item img {
  width: 100%;
  height: auto; }

/* line 2712, layout.scss */
.gallery.gallery-columns-1 .gallery-item {
  width: 100%; }

/* line 2716, layout.scss */
.gallery.gallery-columns-2 .gallery-item {
  width: 50%; }

/* line 2720, layout.scss */
.gallery.gallery-columns-3 .gallery-item {
  width: 33.333%; }

/* line 2724, layout.scss */
.gallery.gallery-columns-4 .gallery-item {
  width: 25%; }

/* line 2728, layout.scss */
.gallery.gallery-columns-5 .gallery-item {
  width: 20%; }

/* line 2732, layout.scss */
.gallery.gallery-columns-6 .gallery-item {
  width: 16.666%; }

/* line 2736, layout.scss */
.gallery.gallery-columns-7 .gallery-item {
  width: 14.28%; }

/* line 2740, layout.scss */
.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%; }

/* line 2744, layout.scss */
.gallery.gallery-columns-9 .gallery-item {
  width: 11.111%; }

/* line 2748, layout.scss */
.post-comments {
  margin-top: 60px; }

/* line 2752, layout.scss */
.post-comments .comments, .post-comments .children {
  margin: 0;
  padding: 0;
  list-style: none; }

/* line 2758, layout.scss */
.post-comments .post-comment {
  padding: 20px 0;
  border-top: 1px solid #dddddd; }

/* line 2763, layout.scss */
.post-comments .post-comment:first-child {
  padding-top: 0;
  border-top: none; }

/* line 2768, layout.scss */
.post-comments .post-comment .image {
  float: left;
  width: 80px;
  height: 80px; }

/* line 2774, layout.scss */
.post-comments .post-comment .image img {
  width: 100%;
  height: 100%; }

/* line 2779, layout.scss */
.post-comments .post-comment .desc {
  margin-left: 100px;
  position: relative; }

/* line 2784, layout.scss */
.post-comments .post-comment .desc .name {
  font-size: 13px;
  color: #141414;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 0 0 0;
  margin: 0 0 10px 0; }

/* line 2793, layout.scss */
.post-comments .post-comment .desc p {
  margin: 0; }

/* line 2797, layout.scss */
.post-comments .form-comment .title {
  margin: 30px 0 15px 0; }

/* line 2801, layout.scss */
.post-comment.pingback .image {
  display: none; }

/* line 2805, layout.scss */
.post-comment.pingback .desc {
  margin-left: 0px; }

/* line 2809, layout.scss */
.post-text-bottom {
  padding: 25px 0 10px 0; }

/* line 2813, layout.scss */
.post-text-bottom .share-btn {
  position: relative;
  display: inline-block;
  top: 1px;
  margin-left: 7px;
  margin-right: 7px;
  font-size: 16px; }

/* line 2822, layout.scss */
.post-text-bottom > span, .post-text-bottom > .social-share {
  margin-right: 30px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: middle; }

/* line 2829, layout.scss */
.post-text-bottom span.cat-links, .post-text-bottom .byline, .post-text-bottom .social-share {
  font-size: 12px;
  color: #999; }

/* line 2834, layout.scss */
.post-text-bottom span.cat-links a {
  color: #4bffa5; }

/* line 2838, layout.scss */
.post-text-bottom span.cat-links a:hover {
  text-decoration: underline; }

/* line 2842, layout.scss */
.post-text-bottom .tags-links {
  display: block;
  line-height: 18px; }

/* line 2847, layout.scss */
.post-text-bottom .tags-links a, .post-text-bottom .tags-links span {
  margin: 0 10px 10px 0;
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  line-height: 18px;
  font-weight: 500;
  font-size: 11px;
  color: #4bffa5;
  border: 1px solid #4bffa5; }

/* line 2859, layout.scss */
.post-comments ul.children {
  padding: 20px 20px 0 100px;
  border-top: none;
  background: #f6f6f6; }

/* line 2865, layout.scss */
.post-comments ul.children ul.children {
  padding: 20px 0 0 40px;
  border-top: none;
  background: #f6f6f6; }

/* line 2871, layout.scss */
.comment-info {
  padding: 10px 0 5px 0; }

/* line 2875, layout.scss */
.comment-info span.comment-time {
  font-size: 11px;
  color: #999; }

/* line 2880, layout.scss */
.comment-info span.comment-date {
  font-size: 11px;
  color: #999; }

/* line 2885, layout.scss */
.comment-info span.comment-reply {
  position: absolute;
  top: 3px;
  right: 0; }

/* line 2891, layout.scss */
.comment-respond {
  position: relative;
  margin-top: 40px; }

/* line 2896, layout.scss */
.comment-respond .title_inner small {
  position: absolute;
  top: 0;
  left: 120%;
  display: block;
  white-space: nowrap;
  color: #999; }

/* line 2905, layout.scss */
.comment-respond .title_inner small a {
  color: #999; }

/* line 2909, layout.scss */
.section .pager, .page-links, .nav-links {
  clear: both;
  padding: 20px 0 60px 0;
  text-align: center; }

/* line 2915, layout.scss */
.page-numbers {
  margin: 0 5px;
  display: inline-block;
  vertical-align: top; }

/* line 2921, layout.scss */
.page-numbers.current {
  color: #999; }

/* line 2925, layout.scss */
.page-links, .nav-links {
  color: #999; }

/* line 2929, layout.scss */
.nav-links {
  padding: 0; }

@media (max-width: 1160px) {
  /* line 2934, layout.scss */
  .post-comments .post-comment .image {
    width: 60px;
    height: 60px; }

  /* line 2938, layout.scss */
  .post-comments .post-comment .desc {
    margin-left: 80px; }

  /* line 2941, layout.scss */
  .post-comments .post-comment.pingback .desc {
    margin-left: 0; }

  /* line 2944, layout.scss */
  .post-comments ul.children {
    padding: 20px 20px 0 80px; }

  /* line 2947, layout.scss */
  .post-comments ul.children ul.children {
    padding: 20px 0 0 20px; }

  /* line 2950, layout.scss */
  .post-comments ul.children ul.children ul.children ul.children {
    padding: 20px 0 0 10px; } }
@media (max-width: 840px) {
  /* line 2956, layout.scss */
  .post-comments ul.children {
    padding: 20px 20px 0 20px; }

  /* line 2959, layout.scss */
  .post-comments ul.children ul.children {
    padding: 20px 0 0 20px; }

  /* line 2962, layout.scss */
  .post-comments ul.children ul.children ul.children {
    padding: 20px 0 0 20px; }

  /* line 2965, layout.scss */
  .post-comments ul.children ul.children ul.children ul.children {
    padding: 20px 0 0 10px; } }
@media (max-width: 480px) {
  /* line 2971, layout.scss */
  .section .content .comment-respond .title.comment-reply-title {
    text-align: left; }

  /* line 2974, layout.scss */
  .post-comments ul.children {
    padding: 15px 15px 15px 15px; }

  /* line 2977, layout.scss */
  .post-comments ul.children ul.children {
    padding: 15px 0 0 10px; }

  /* line 2980, layout.scss */
  .post-comments ul.children ul.children ul.children {
    padding: 15px 0 0 5px; }

  /* line 2983, layout.scss */
  .post-comments ul.children ul.children ul.children ul.children {
    padding: 15px 0 0 5px; }

  /* line 2986, layout.scss */
  .post-comments .post-comment .image {
    width: 40px;
    height: 40px; }

  /* line 2990, layout.scss */
  .post-comments .post-comment .desc {
    margin-left: 55px; }

  /* line 2993, layout.scss */
  .post-comments .post-comment.pingback .desc {
    margin-left: 0; }

  /* line 2996, layout.scss */
  .gallery .gallery-item {
    width: 100%; }

  /* line 2999, layout.scss */
  .gallery.gallery-columns-1 .gallery-item {
    width: 100%; }

  /* line 3002, layout.scss */
  .gallery.gallery-columns-2 .gallery-item {
    width: 100%; }

  /* line 3005, layout.scss */
  .gallery.gallery-columns-3 .gallery-item {
    width: 100%; }

  /* line 3008, layout.scss */
  .gallery.gallery-columns-4 .gallery-item {
    width: 100%; }

  /* line 3011, layout.scss */
  .gallery.gallery-columns-5 .gallery-item {
    width: 100%; }

  /* line 3014, layout.scss */
  .gallery.gallery-columns-6 .gallery-item {
    width: 100%; }

  /* line 3017, layout.scss */
  .gallery.gallery-columns-7 .gallery-item {
    width: 100%; }

  /* line 3020, layout.scss */
  .gallery.gallery-columns-8 .gallery-item {
    width: 100%; }

  /* line 3023, layout.scss */
  .gallery.gallery-columns-9 .gallery-item {
    width: 100%; }

  /* line 3026, layout.scss */
  th {
    border: 2px solid #FFF;
    padding: 5px; }

  /* line 3030, layout.scss */
  td {
    border: 2px solid #FFF;
    padding: 5px; } }

/* - Footer */

/* line 3038, layout.scss */
.footer {
  padding: 0;
  position: fixed;
  bottom: 50px;
  left: 50px;
  right: 50px;
  width: auto;
  height: 1px;
  z-index: 100; }
  /* line 3047, layout.scss */
  .footer .copy {
    position: absolute;
    left: 0;
    bottom: 0; }
  /* line 3052, layout.scss */
  .footer p,
  .footer .copy {
    margin: 2px 0 0 0;
    font-size: 14px;
    line-height: 2;
    color: #aaa; }
  /* line 3059, layout.scss */
  .footer .soc-box {
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    width: 24px; }
  /* line 3066, layout.scss */
  .footer .soc a {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    color: #aaa;
    transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
    -moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
    -o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1); }
    /* line 3072, layout.scss */
    .footer .soc a:last-child {
      margin-bottom: 0; }
    /* line 3075, layout.scss */
    .footer .soc a .icon {
      font-size: 18px;
      color: #aaa; }
    /* line 3079, layout.scss */
    .footer .soc a:hover {
      color: #FFF;
      opacity: 1; }
      /* line 3082, layout.scss */
      .footer .soc a:hover .icon {
        color: #FFF; }

/* line 3089, layout.scss */
.follow-label {
  padding-right: 75px;
  position: absolute;
  bottom: 100%;
  right: 0;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  transform-origin: 100% 0;
  text-align: right;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg); }
  /* line 3102, layout.scss */
  .follow-label:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 1px;
    background: #FFF; }

/* section footer tablet */
@media (max-width: 1199px) {
  /* line 3115, layout.scss */
  .footer .copy {
    display: none; }

  /* line 3118, layout.scss */
  .footer .follow-label {
    display: none; }

  /* line 3121, layout.scss */
  .footer {
    padding: 50px 0;
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    height: auto; }

  /* line 3130, layout.scss */
  .footer .copy {
    margin-bottom: 10px;
    display: block;
    position: relative;
    text-align: center; }

  /* line 3136, layout.scss */
  .footer .soc-box {
    position: relative;
    right: auto;
    left: 0;
    top: 0;
    bottom: auto;
    float: none;
    width: auto;
    text-align: center; }

  /* line 3146, layout.scss */
  .footer .soc a {
    margin: 0 10px;
    display: inline-block; }

  /* line 3150, layout.scss */
  .home .footer {
    padding: 0;
    position: fixed;
    bottom: 50px;
    top: auto;
    left: 50px;
    right: 50px;
    height: 1px; }

  /* line 3159, layout.scss */
  .home .footer .copy {
    display: none; }

  /* line 3162, layout.scss */
  .home .footer .soc-box {
    position: absolute;
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
    float: right;
    width: 20px; }

  /* line 3171, layout.scss */
  .home .footer .soc a {
    margin: 10px 0 0 0;
    display: block; }

  /* line 3175, layout.scss */
  .home .footer .soc a .icon {
    font-size: 17px; } }
/* section footer mobile */
@media (max-width: 720px) {
  /* line 3182, layout.scss */
  .home .footer {
    bottom: 30px;
    top: auto;
    left: 30px;
    right: 30px; } }

/* Sidebar */

/* line 3191, layout.scss */
.content-sidebar .widget-area {
  position: relative;
  overflow: auto;
  height: 100%; }

/* line 3197, layout.scss */
.content-sidebar .widget {
  padding: 25px; }

/* line 3201, layout.scss */
.content-sidebar .widget tfoot {
  display: none; }

/* line 3205, layout.scss */
.content-sidebar .widget th {
  color: #000;
  padding: 5px;
  text-align: center; }

/* line 3211, layout.scss */
.content-sidebar .widget td {
  padding: 5px;
  text-align: center; }

/* line 3216, layout.scss */
.content-sidebar .widget label {
  padding-bottom: 0; }

/* line 3220, layout.scss */
.content-sidebar .widget ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 3226, layout.scss */
.content-sidebar .widget ul ul {
  margin-top: 10px;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 15px 10px;
  background: #f6f6f6;
  font-size: 12px; }

/* line 3235, layout.scss */
.content-sidebar .widget ul ul ul {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0; }

/* line 3244, layout.scss */
.content-sidebar .widget ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #999;
  border-bottom: 1px solid #f2f2f2; }

/* line 3251, layout.scss */
.content-sidebar .widget ul li li {
  padding-bottom: 0;
  border-bottom: none; }

/* line 3256, layout.scss */
.content-sidebar .widget ul li:last-child {
  margin-bottom: 0; }

/* line 3260, layout.scss */
.content-sidebar .widget ul li a {
  padding-bottom: 5px; }

/* line 3264, layout.scss */
.content-sidebar .widget ul li a:hover {
  color: #4bffa5; }

/* line 3268, layout.scss */
.content-sidebar .widget.widget_recent_comments a, .content-sidebar .widget.widget_recent_entries a, .content-sidebar .widget.widget_rss a {
  padding-top: 5px;
  font-size: 14px;
  font-weight: 500;
  display: block !important; }

/* line 3275, layout.scss */
.content-sidebar .widget ul li .post-date {
  margin: 0;
  display: inline-block;
  padding: 0;
  height: 20px;
  line-height: 18px;
  font-weight: 400;
  font-size: 11px;
  color: #999; }

/* line 3286, layout.scss */
.content-sidebar .widget img {
  max-width: 100%;
  height: auto; }

/* line 3291, layout.scss */
.content-sidebar .widget .rss-date, .content-sidebar .widget cite {
  margin: 5px 0 10px 0;
  padding: 0;
  display: block;
  height: 20px;
  line-height: 18px;
  font-weight: 400;
  font-size: 11px;
  color: #999; }

/* line 3302, layout.scss */
.content-sidebar .widget cite {
  margin: 10px 0 0 0; }

/* line 3306, layout.scss */
.content-sidebar .widget .rssSummary {
  color: #363636; }

/* line 3310, layout.scss */
.content-sidebar span.screen-reader-text {
  display: none; }

/* line 3314, layout.scss */
.search-form input.search-field {
  margin: 0;
  padding: 0 50px 0 15px;
  border: solid 1px #ddd;
  width: 100%;
  height: 50px;
  font-weight: 400;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none; }

/* line 3324, layout.scss */
.search-form input.search-submit {
  margin-top: -34px;
  margin-right: 12px;
  float: right;
  width: 18px;
  height: 18px;
  background: url(assets/images/android-search.png) no-repeat center center;
  background-size: 18px 18px;
  font-size: 0;
  border: none; }

/* line 3336, layout.scss */
.content-sidebar h2.widget-title {
  padding-bottom: 20px;
  margin: -26px -25px 25px -25px;
  border-bottom: 1px solid #dddddd;
  padding: 25px 30px;
  display: block;
  line-height: 18px;
  font-size: 13px;
  color: #141414;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 400; }

/* line 3350, layout.scss */
.content-sidebar h2.widget-title span {
  position: relative;
  left: -5px; }

/* line 3355, layout.scss */
.content-sidebar .close {
  position: absolute;
  top: 0;
  left: -68px;
  width: 68px;
  height: 68px;
  background: #f9f9f9;
  cursor: pointer; }

/* line 3365, layout.scss */
.content-sidebar .close:before, .content-sidebar .close:after {
  content: '';
  margin: 0 0 0 -10px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #363636;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg); }

/* line 3377, layout.scss */
.content-sidebar .close:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg); }

/* line 3381, layout.scss */
.content-sidebar .recentcomments {
  font-size: 11px;
  color: #999; }

/* line 3386, layout.scss */
.content-sidebar .recentcomments a {
  padding-top: 6px;
  display: block !important;
  font-size: 13px; }

/* line 3392, layout.scss */
.content-sidebar .recentcomments a.url {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 20px;
  line-height: 18px;
  font-weight: 400;
  font-size: 11px;
  color: #999; }

/* line 3403, layout.scss */
.content-sidebar .recentcomments .comment-author-link {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 20px;
  line-height: 18px;
  font-weight: 400;
  font-size: 11px;
  color: #999; }

/* line 3414, layout.scss */
.content-sidebar .tagcloud a {
  margin: 4px 2px;
  display: inline-block;
  vertical-align: bottom;
  padding: 0 5px;
  font-weight: 500;
  font-size: 11px;
  color: #4bffa5;
  border: 1px solid #4bffa5; }

/* line 3425, layout.scss */
.content-sidebar .screen-reader-text {
  display: none; }

/* line 3429, layout.scss */
.content-sidebar .widget select {
  width: 100%;
  height: 34px; }

/* line 3434, layout.scss */
.content-sidebar table {
  margin: 0; }

/* line 3438, layout.scss */
.content-sidebar .widget.widget_media_image {
  max-width: 100%; }

/* line 3442, layout.scss */
.navigation.post-navigation {
  height: 18px; }

/* line 3446, layout.scss */
.navigation.post-navigation .nav-links a {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #aca3a3;
  line-height: 20px;
  position: relative;
  padding: 5px 10px;
  display: inline-block;
  transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s; }

/* line 3459, layout.scss */
.navigation.post-navigation .nav-links .nav-previous a {
  float: left;
  padding-left: 34px; }

/* line 3464, layout.scss */
.navigation.post-navigation .nav-links .nav-previous a:before, .navigation.post-navigation .nav-links .nav-next a:after {
  margin-top: -10px;
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  background: url(assets/images/pag.png) no-repeat center center;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1); }

/* line 3477, layout.scss */
.navigation.post-navigation .nav-links .nav-next a {
  float: right;
  padding-right: 34px; }

/* line 3482, layout.scss */
.navigation.post-navigation .nav-links .nav-next a:after {
  left: auto;
  right: 0;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1); }

/* line 3488, layout.scss */
.post-edit-link {
  font-size: 12px;
  color: #999;
  text-decoration: underline; }

/* line 3494, layout.scss */
.post-edit-link:hover {
  text-decoration: none; }

/* line 3498, layout.scss */
.sticky {
  background-color: #fdfbf2; }

/* - Popups */

/* line 3503, layout.scss */
.popup-box {
  margin: 30px auto;
  width: 520px;
  background: #636359;
  position: relative;
  padding: 0; }

@media (max-width: 720px) {
  /* line 3512, layout.scss */
  .popup-box {
    width: 440px; } }
@media (max-width: 480px) {
  /* line 3518, layout.scss */
  .popup-box {
    width: 320px; } }
/* line 3523, layout.scss */
.popup-box .image {
  height: 560px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

/* line 3530, layout.scss */
.popup-box .image img {
  width: 100%;
  height: auto;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important; }

/* line 3536, layout.scss */
.popup-box .desc {
  padding: 35px; }

/* line 3540, layout.scss */
.popup-box .category {
  margin: 0 0 5px 0;
  display: block;
  font-size: 14px;
  color: #aaa; }

/* line 3547, layout.scss */
.popup-box .desc h4 {
  margin: 0 0 15px 0;
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #FFF; }

/* line 3555, layout.scss */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out; }

/* overlay animate in */
/* line 3561, layout.scss */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
/* line 3566, layout.scss */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
/* line 3571, layout.scss */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out; }

/* content animate it */
/* line 3577, layout.scss */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
/* line 3582, layout.scss */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/* line 3586, layout.scss */
.mfp-close-btn-in .mfp-close {
  top: 40px !important;
  right: 0 !important;
  padding-right: 0 !important;
  width: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
  opacity: 1 !important;
  font-weight: 300;
  color: #FFF;
  font-size: 24px;
  text-align: center !important;
  font-family: 'Verdana' !important; }

/* line 3601, layout.scss */
.mfp-close-btn-in .mfp-close {
  color: #FFF !important; }

/* line 3605, layout.scss */
.mfp-close-btn-in .popup-box .mfp-close, .mfp-close-btn-in .mfp-iframe-holder .mfp-close {
  top: 0 !important; }

/* Background Option */

/* line 3610, layout.scss */
.video-bg {
  margin-left: -50vw;
  position: absolute !important;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

/* line 3622, layout.scss */
.jarallax .jarallax-img {
  max-width: 100%; }

/* line 3626, layout.scss */
.background-enabled .header .top-menu ul li a,
.background-enabled .sidebar_btn,
.background-enabled .footer .soc a .ion,
.background-enabled .footer .copy,
.background-enabled-footer .footer .soc a .ion,
.background-enabled-footer .footer .copy,
.background-enabled .section.started .started-content .h-subtitle,
.background-enabled .section.started .started-content .typed-bread,
.background-enabled .section.started .started-content .typed-bread a,
.background-enabled .section.started .started-content .typed-subtitle,
.background-enabled .section.started .started-content .typed-cursor,
.background-enabled .section.started .mouse_btn {
  color: #FFF; }

/* line 3641, layout.scss */
/* .background-enabled .header .logo img {
  filter: brightness(0) invert(1); } /*

/* line 3645, layout.scss */
/*.background-enabled .header .logo {
  color: rgba(255, 255, 255, 0.5); } /*

/* line 3649, layout.scss */
/* .background-enabled .header .logo strong {
  color: #FFF; } */

/* line 3653, layout.scss */
.background-enabled .header .top-menu ul li a:hover {
  color: #FFF; }

/* line 3657, layout.scss */
.section.started.background-enabled .started-content .h-title {
  color: #FFF; }

/* line 3661, layout.scss */
.background-enabled .header .top-menu-nav .sub-menu li a {
  color: #FFF; }

/* line 3665, layout.scss */
.background-enabled .header .top-menu-nav .sub-menu li a:hover {
  color: #FFF; }

/* line 3669, layout.scss */
.background-enabled .header,
.background-enabled .footer,
.background-enabled-footer .footer,
.background-enabled .glitch-effect:before,
.background-enabled .glitch-effect:after,
.background-enabled .section.started {
  background: transparent;
  border-bottom-color: transparent; }

@media (max-width: 480px) {
  /* line 3680, layout.scss */
  .video-bg {
    margin-left: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
/* line 3688, layout.scss */
.video-bg-mask {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #636359;
  opacity: 0.4;
  z-index: 2; }

/* line 3699, layout.scss */
.video-bg-texture {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2; }

/* line 3708, layout.scss */
.grained-off .video-bg-texture {
  display: none; }

/* line 3712, layout.scss */
.grained-on .video-bg-texture {
  display: block; }

/* line 3716, layout.scss */
.disable-default-mask:before {
  display: none; }

/* line 3720, layout.scss */
.embed-container {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

/* line 3729, layout.scss */
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=layout.css.map */