.entry-content ol {
  text-align: left
}

.portfolio-single ul li {
  text-align: left
}

@-webkit-keyframes falling {
  0% {
    -webkit-transform: translate(300, 0) rotate(-20deg);
  }
  100% {
    -webkit-transform: translate(-350px, 700px) rotate(90deg);
    opacity: 0;
  }
}

@keyframes falling {
  0% {
    -webkit-transform: translate(300, 0) rotate(-20deg);
  }
  100% {
    -webkit-transform: translate(-350px, 700px) rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes vertical {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
  4% {
    opacity: 0.5;
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }
  8% {
    opacity: 0.4;
    -webkit-transform: translate(0, -30%);
    -ms-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
  12% {
    opacity: 0.3;
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);
  }
  16% {
    opacity: 0.2;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  20% {
    opacity: 0.1;
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%);
  }
  22% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes vertical {
  0% {
    opacity: 0.6;
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
  4% {
    opacity: 0.5;
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }
  8% {
    opacity: 0.4;
    -webkit-transform: translate(0, -30%);
    -ms-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
  12% {
    opacity: 0.3;
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);
  }
  16% {
    opacity: 0.2;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  20% {
    opacity: 0.1;
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%);
  }
  22% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }
  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }
  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    -ms-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }
  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }
  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

article.applications div.media-box .mask:before {
  -webkit-animation: vertical 3s ease infinite;
  animation: vertical 3s ease infinite;
  content: "\e6c3"
}

h1.page-title i.pe-7s-rocket:hover {
  -webkit-animation: vertical 50s ease;
  animation: vertical 2s ease;
  content: "\e6c3";
  animation-fill-mode: forwards
}

article.articles .media-box .mask:before {
  -webkit-animation: none;
  animation: none;
  content: "\e62b";
  font-size: 350%
}

div .pe-7s-call:hover {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite
}

.portfolio-items img {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .4)
}

/* ul li a {
  color: #500
} */

h4 {
  font-weight: 700;
}

ul.filters li a {
  font-size: .85em;
  color: #fff!important
}

.bar[data-percent="120"] .progress {
  background: #dd5537
}

.bar[data-percent="90"] .progress, .bar[data-percent="80"] .progress, .bar[data-percent="85"] .progress {
  background: #5bcf80
}

.bar[data-percent="75"] .progress {
  background: #e8dd6d
}

.single-post .layout-fixed {
  max-width: 1040px
}

@media screen and (min-width:768px) {
  .blog-single .entry-content {
    max-width: 900px!important
  }
}

.layout-fixed {
  max-width: 1040px
}

@media screen and (min-width:768px) {
  .blog-regular .entry-content {
    max-width: 900px
  }
}

.fancybox-iframe i, .fancybox-youtube i, .fancybox-pdf i {
  color: #344556
}

.skill-unit a {
  color: #344556
}

.fun-fact a {
  color: #344556
}

div.nf-form-cont {
  height: 600px
}

img.wp-image-1432 {
  width: 100%!important;
  margin-left: 0%!important
}

.portfolio p, .comment-content p {
  text-align: left
}

.table {
  padding: 0;
}

.table tr {
  border-top: 1px solid #cccccc;
  background-color: white;
  margin: 0;
  padding: 0;
}

.table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.table tr th {
  font-weight: bold;
  border: 1px solid #cccccc;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

.table tr td {
  border: 1px solid #cccccc;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

.table tr th :first-child, .table tr td :first-child {
  margin-top: 0;
}

.table tr th :last-child, .table tr td :last-child {
  margin-bottom: 0;
}

.table thead tr {
  background-color: #d9edf7;
  text-transform: capitalize;
}

.table tbody tr:hover {
  background-color: #ddd;
}

/* inline code */

code {
  border: none;
  box-shadow: none;
  font-family: monospace;
  background-color: #272822;
  font-size: 100%;
  padding: 0.2em;
  color: white;
}

/* Blocked code */

pre code {
  padding: 0px;
}

pre code span.lnt:nth-child(even) {
  color: #868686 !important;
  background-color: #32322a !important;
}

a.button.normalcase {
  text-transform: none
}

input[type="button"] i, button i, a.button i {
  display: inline;
  line-height: 0;
  font-size: 20px;
  font-weight: normal;
  margin-right: .4em;
  margin-left: -.35em;
  margin-bottom: -1em;
  vertical-align: middle
}

.hide_button {
  background: #345;
  border-radius: 100%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, .46);
  color: #fff;
  display: inline-table;
  font-size: 10px;
  padding: 10px;
  text-align: center;
  transition: .2s;
  vertical-align: middle
}

.hide_button:hover {
  background: #428bca;
  color: #fff
}

.pos-list ul, .neg-list ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.pos-list li, .neg-list li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: none;
}

.pos-list li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f5b8";
  padding-right: 10px;
  color: #5bcf80;
}

.neg-list li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f57a";
  padding-right: 10px;
  color: #dd5537;
}