@charset "utf-8";
/*
Theme Name: Como Creative 2023
Theme URI: https://www.childurl.com/
Description: Como Child Theme
Author: Como Creative
Template: como-boot-5 
*/
/* Fonts */
/* lato-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300.eot');
  src: url('fonts/lato-v24-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v24-latin-300.woff2') format('woff2'), url('fonts/lato-v24-latin-300.woff') format('woff'), url('fonts/lato-v24-latin-300.ttf') format('truetype'), url('fonts/lato-v24-latin-300.svg#Lato') format('svg');
}
/* lato-300italic - latin */
/*
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300italic.eot'); 
  src: url('fonts/lato-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/lato-v24-latin-300italic.woff2') format('woff2'), 
       url('fonts/lato-v24-latin-300italic.woff') format('woff'), 
       url('fonts/lato-v24-latin-300italic.ttf') format('truetype'), 
       url('fonts/lato-v24-latin-300italic.svg#Lato') format('svg'); 
}*/
/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.eot');
  src: url('fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v24-latin-regular.woff2') format('woff2'), url('fonts/lato-v24-latin-regular.woff') format('woff'), url('fonts/lato-v24-latin-regular.ttf') format('truetype'), url('fonts/lato-v24-latin-regular.svg#Lato') format('svg');
}
/* lato-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-italic.eot');
  src: url('fonts/lato-v24-latin-italic.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v24-latin-italic.woff2') format('woff2'), url('fonts/lato-v24-latin-italic.woff') format('woff'), url('fonts/lato-v24-latin-italic.ttf') format('truetype'), url('fonts/lato-v24-latin-italic.svg#Lato') format('svg');
}
/* lato-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700.eot');
  src: url('fonts/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v24-latin-700.woff2') format('woff2'), url('fonts/lato-v24-latin-700.woff') format('woff'), url('fonts/lato-v24-latin-700.ttf') format('truetype'), url('fonts/lato-v24-latin-700.svg#Lato') format('svg');
}
@font-face {
  font-family: 'levibrushregular';
  src: url('fonts/LeviBrush/levibrush-webfont.eot');
  src: url('fonts/LeviBrush/levibrush-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LeviBrush/levibrush-webfont.woff2') format('woff2'), url('fonts/LeviBrush/levibrush-webfont.woff') format('woff'), url('fonts/LeviBrush/levibrush-webfont.ttf') format('truetype'), url('fonts/LeviBrush/levibrush-webfont.svg#levibrushregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Variables */
.blue {
  color: #3a5671;
}
.blue-bg {
  background-color: #3a5671;
}
.dark-blue {
  color: #25405d;
}
.dark-blue-bg {
  background-color: #25405d;
}
.dark-blue-bg-trans {
  background-color: rgba(37, 64, 93, 0.9);
}
.lite-blue {
  color: #8ea9c2;
}
.lite-blue-bg {
  background-color: #8ea9c2;
}
.orange {
  color: #f38634;
}
.orange-bg {
  background-color: #f38634;
}
.yellow {
  color: #fdc031;
}
.yellow-bg {
  background-color: #fdc031;
}
.white {
  color: #ffffff;
}
.white-bg {
  background-color: #ffffff;
}
.lite-grey {
  color: #cccbc9;
}
.lite-grey-bg {
  background-color: #cccbc9;
}
.medium-grey {
  color: #475059;
}
.medium-grey-bg {
  background-color: #475059;
}
.dark-grey {
  color: #353f49;
}
.dark-grey-bg {
  background-color: #353f49;
}
.baseGrey {
  color: #666666;
}
.normal,
.regularfont {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
}
.basefont {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 1.5;
  word-spacing: 0.1em;
}
.titlefont {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  color: #353f49;
}
.text-color-light {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 1.5;
  word-spacing: 0.1em;
  color: #475059;
}
.animate-quick {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.animate-medium {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.animate-gradual {
  -webkit-transition: all 0.77s ease-in-out;
  -moz-transition: all 0.77s ease-in-out;
  -ms-transition: all 0.77s ease-in-out;
  -o-transition: all 0.77s ease-in-out;
  transition: all 0.77s ease-in-out;
}
.animate-slow {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.animate-remove {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/* --------- Responsive ---------- */
/*  
xxxxs: 0-319px,
xxxs: 320px-479px
xxs: 480px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 666px) {
}
@media (max-width: 567px) {
}
@media (max-width: 479px) {
}
@media (max-width: 319px) {
}
/* ---------- Global ---------- */
body {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 1.5;
  word-spacing: 0.1em;
}
body,
html {
  margin: 0 !important;
  padding: 0 !important;
}
#page-wrapper {
  position: relative;
  z-index: 1;
}
.section-content {
  position: relative;
  z-index: 100;
}
#page-content-wrapper {
  position: relative;
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
  z-index: 1;
}
.show-on-scroll {
  opacity: 0;
}
.show-on-scroll.delay-show {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.parallax {
  min-height: 300px;
  background-position: center center;
}
#content-wrap {
  position: relative;
  background-color: #fff;
  font-size: 1em;
  margin: 0;
  padding: 0 0 2em 0;
  overflow: hidden;
  z-index: 10;
}
#content-wrap .page-section:first-of-type {
  padding-top: 5em;
}
.page-section {
  padding: 4em 0;
}
.page-section .section-content {
  min-height: 100px;
}
.alignleft {
  float: left;
  margin: 5px 1em 0.5em 0;
}
.alignright {
  float: right;
  margin: 5px 0 0.5em 1em;
}
img.polaroid,
a img.polaroid {
  border: 6px solid #fff !important;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35);
}
/* --------- Responsive ---------- */
/*  
xxxxs: 0-319px,
xxxs: 320px-479px
xxs: 480px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
  body {
    font-size: 18px;
  }
  #content-wrap {
    padding: 0 0 0 0;
  }
}
@media (max-width: 767px) {
}
@media (max-width: 666px) {
}
@media (max-width: 567px) {
}
@media (max-width: 479px) {
}
@media (max-width: 319px) {
  body {
    font-size: 16px;
  }
}
/* ----- Text Elements ----- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  color: #353f49;
  line-height: 1.1;
}
h1.inline,
h2.inline,
h3.inline,
h4.inline,
h5.inline,
h6.inline,
p.inline {
  display: inline !important;
  width: auto !important;
}
p.inline:after {
  position: relative;
  display: block;
  width: 100% !important;
  clear: both;
  content: "";
  padding-bottom: 1em;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.3em;
  color: #353f49;
  text-transform: none;
  padding: 1em 0 0.5em 0;
  margin-top: 0;
}
h3 {
  font-size: 1.85em;
  color: #353f49;
  margin: 0;
  padding: 0.5em 0 1em 0;
}
h4 {
  font-size: 1.1em;
  color: #666666 !important;
  text-transform: uppercase;
  padding: 0.25em 0 0.25em 0;
}
h5 {
  font-size: 1em;
  color: #3a5671;
  text-transform: uppercase;
}
h6 {
  font-size: 1.15em;
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 1.25;
}
.page-title,
.section-title,
.post-title {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  color: #353f49;
  font-size: 2.5em;
  text-align: left;
  text-transform: none;
  margin: 0;
  padding: 0.25em 0 0.5em 0;
  line-height: 1.1;
}
.page-title.has-subtitle,
.section-title.has-subtitle,
.post-title.has-subtitle {
  padding-bottom: 0;
}
.page-title,
.post-title {
  font-size: 2.25em;
}
.section-header {
  padding: 0;
  margin-bottom: 1em;
}
.section-header .section-title::after {
  display: block;
  position: relative;
  content: '';
  width: 1.13em;
  height: 3px;
  background-color: #3a5671;
  margin: 0.35em auto;
}
.page-subtitle {
  margin-bottom: 0;
  padding-bottom: 0.15em;
}
.home .page-title,
.home .section-title {
  text-align: center;
}
.post-title {
  text-align: left;
  line-height: 1.1;
}
.post-subtitle {
  text-align: left;
  font-size: 1.25em;
}
.section-title.first {
  padding-top: 0;
}
.page-title span {
  display: block;
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 1.5;
  word-spacing: 0.1em;
  text-transform: none;
  font-size: 0.75em;
  font-weight: 700;
}
.page-header {
  padding: 0;
  margin-bottom: 1em;
}
.page-header .page-title {
  padding-top: 0;
  padding-bottom: 0;
  color: #3a5671;
}
.dark {
  color: #fff !important;
}
.dark .content {
  color: #fff !important;
}
.dark .titlefont,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: #fff !important;
}
.dark .section-header .section-title::after {
  background-color: #ffffff;
}
.no-title .page-title,
.no-title .section-title {
  display: none;
}
.no-header .page-header,
.no-header .post-header,
.no-header .section-header {
  display: none;
}
.hide-header .page-header,
.hide-header .post-header,
.hide-header .section-header {
  position: absolute;
  max-width: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  text-indent: -90000px;
  overflow: hidden;
}
.no-title .page-header .page-subtitle,
.no-title .section-header .page-subtitle,
.no-title .page-header .section-subtitle,
.no-title .section-header .section-subtitle {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  color: #353f49;
  font-size: 1.9em;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 1.15;
}
.aside-title span {
  display: block;
  text-transform: uppercase;
  font-size: 0.5em;
}
.title-left .section-title {
  font-size: 2.25em;
  padding-top: 0;
  margin-top: 0;
}
strong,
.bold {
  font-weight: 700;
}
em {
  font-style: italic;
  font-weight: 400;
}
a,
.fancy-link {
  color: #3a5671;
  transition: all 0.25s linear;
  display: inline;
  text-decoration: underline;
  background: -moz-linear-gradient(left, #f38634 0%, #f38634 100%);
  background: -webkit-linear-gradient(left, #f38634 0%, #f38634 100%);
  background: linear-gradient(to right, #f38634 0%, #f38634 100%);
  background-size: 0px 1px;
  background-repeat: no-repeat;
  background-position: center 99%;
  text-shadow: 0;
  text-decoration: none;
}
a:hover,
.fancy-link:hover,
a:focus-visible,
.fancy-link:focus-visible {
  color: #f38634;
  text-decoration: none;
  background-size: 100% 1px;
  cursor: pointer;
}
a.icon-link,
.fancy-link.icon-link,
a.phoneLink,
.fancy-link.phoneLink,
a.imgLink,
.fancy-link.imgLink,
a.blockLink,
.fancy-link.blockLink,
a.btn,
.fancy-link.btn {
  color: inherit;
  text-decoration: none !important;
  font-weight: inherit;
  background: none;
  background-size: auto;
}
a.imgLink,
.fancy-link.imgLink {
  display: block;
}
a.imgLink.inline,
.fancy-link.imgLink.inline {
  display: inline-block;
}
.dark a:before,
.dark .fancy-link:before,
.dark a:after,
.dark .fancy-link:after {
  background-color: #314960;
}
.dark a:hover .dark a:focus-visible,
.dark a:hover .dark .fancy-link:focus-visible,
.dark .fancy-link:hover .dark a:focus-visible,
.dark .fancy-link:hover .dark .fancy-link:focus-visible {
  color: #3a5671;
}
.btn {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  position: relative !important;
  color: #fff !important;
  font-size: 0.85em;
  font-weight: 700 !important;
  text-transform: uppercase;
  line-height: 1;
  padding: 0.85em 2em 0.85em 2em;
  margin-top: 1em;
  outline: none !important;
  background-color: #3a5671;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.btn:before,
.btn:after {
  display: none;
}
.btn:hover,
.btn:focus-visible {
  background-color: #f38634 !important;
  color: #fff !important;
  cursor: pointer;
}
.dark .btn {
  color: #3a5671 !important;
  background-color: #ffffff;
}
.dark .btn:hover,
.dark .btn:focus-visible {
  background-color: #fff !important;
  background-color: #f38634 !important;
  color: #fff !important;
}
p {
  margin: 0 0 1em 0;
  padding: 0;
}
p.smaller {
  font-size: 0.9em;
}
p.larger {
  font-size: 1.1em;
}
blockquote {
  border-left: 6px solid #3a5671;
  padding: 0 0 0 0.75em;
  margin-bottom: 1em;
}
hr {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  border: none;
  background-color: #ccc;
  background-color: #cccccc;
  margin: 2em 0;
}
.disclaimer {
  font-size: 0.77em;
  line-height: 1.2;
  color: #999;
  color: #999999;
}
.two-column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
ul {
  list-style: none;
  padding: 0 0 1em 0.75em;
}
ul li {
  line-height: 1.25;
  padding: 0 0 0.5em 1em;
}
ul li::before {
  content: "\2022";
  color: #3a5671;
  font-weight: 700;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
ol {
  list-style: none;
  padding: 0 0 1em 0.75em;
  counter-reset: custom-counter;
}
ol li {
  line-height: 1.25;
  padding: 0 0 0.666em 1.25em;
  counter-increment: custom-counter;
}
ol li::before {
  content: counter(custom-counter) '. ';
  font-size: 0.85em;
  font-weight: 700;
  color: #3a5671;
  display: inline-block;
  width: 1.25em;
  margin-left: -1.25em;
}
.table {
  border: none;
}
.table th,
.table td {
  padding: 1em;
  border: none;
}
.table tr {
  border: none;
}
.table thead {
  border: none;
}
.table thead td,
.table thead th {
  border: none;
}
.table thead th {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: #3a5671;
  color: #fff;
}
.table thead:after {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
  overflow: hidden;
}
.table tbody {
  border-top: 1px solid #3a5671;
  border-left: 1.25em solid #3a5671;
}
.table tbody th,
.table tbody td {
  border: 1px solid #3a5671;
}
.table tbody th {
  font-size: 1.15em;
  font-weight: 700;
  text-transform: none;
  color: #3a5671;
}
.table tbody td {
  font-size: 0.85em;
}
/* --------- Responsive ---------- */
/*  
xxxxs: 0-319px,
xxxs: 320px-480px
xxs: 481px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
  .page-title,
  .section-title,
  .post-title {
    font-size: 2.25em;
  }
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 666px) {
  h1 {
    font-size: 1.9em;
  }
  h2 {
    font-size: 0.9em;
  }
  h3 {
    font-size: 1.4em;
  }
  h4 {
    font-size: 1.25em;
  }
  h5 {
    font-size: 1.05em;
  }
  h6 {
    font-size: 1.1em;
  }
  .page-title,
  .section-title,
  .post-title {
    font-size: 1.9em;
  }
  .home .page-title,
  .home .section-title {
    font-size: 1.9em;
  }
  .no-title .page-header .page-subtitle,
  .no-title .section-header .page-subtitle,
  .no-title .page-header .section-subtitle,
  .no-title .section-header .section-subtitle {
    font-size: 2em;
  }
  .two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
  }
}
@media (max-width: 567px) {
  .page-title,
  .section-title,
  .post-title {
    font-size: 1.85em;
  }
  .home .page-title,
  .home .section-title {
    font-size: 1.85em;
  }
  .two-column {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}
@media (max-width: 479px) {
}
@media (max-width: 319px) {
}
/* Header */
#masthead {
  display: block;
  background-color: #25405d;
  position: fixed;
  left: 0;
  right: 0;
  padding: 0;
  height: auto;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0);
  pointer-events: all;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 999;
}
#mainNav {
  position: relative;
  padding: 0;
  z-index: 10;
}
#mainNav .navbar-brand {
  position: relative;
  padding-top: 0.75em;
  padding-bottom: 0;
  margin-bottom: 0;
  z-index: 10;
}
#mainNav .navbar-brand #main-logo-link {
  display: flex;
  align-items: center;
}
#mainNav .navbar-brand #main-logo-link br {
  display: none !important;
}
#mainNav .navbar-brand #main-logo-link .custom-logo {
  display: block;
  max-height: 65px;
  width: auto;
  margin: 0;
  padding: 0;
}
#mainNav .navbar-brand #main-logo-link .masthead-title {
  font-family: 'levibrushregular';
  color: #8ea9c2;
  font-size: 3em;
  font-weight: normal;
  text-shadow: #000000 1px 1px 0px;
  line-height: 1;
  padding: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#mainNav .navbar-brand #main-logo-link .masthead-title:hover,
#mainNav .navbar-brand #main-logo-link .masthead-title:focus-visible {
  color: #ffffff;
}
#mainNav .navbar-brand #main-logo-link .masthead-subtitle {
  display: none;
}
#mainNav .navbar-collapse {
  position: relative;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  z-index: 600;
}
.slider-nav {
  padding: 0;
  margin: 0;
  pointer-events: all;
  z-index: 600;
}
.slider-nav > .menu-item {
  position: relative;
  padding: 0;
  margin: 0;
  pointer-events: all;
}
.slider-nav > .menu-item::before {
  display: none;
}
.slider-nav > .menu-item.nav-search {
  display: none !important;
}
.slider-nav > .menu-item.current_page_parent::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
}
.slider-nav > .menu-item > .nav-link {
  position: relative;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 1.5em 1.5em 1.75em 1.5em;
  border: none;
  letter-spacing: 0.05em;
  pointer-events: all;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slider-nav > .menu-item > .nav-link:hover,
.slider-nav > .menu-item > .nav-link:focus {
  color: #ffffff;
  color: #8ea9c2;
}
.slider-nav > .menu-item > .nav-link.current-nav::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
}
.slider-nav > .menu-item > .nav-link br {
  display: none !important;
}
.slider-nav > .menu-item.current-menu-parent > .nav-link {
  color: #3a5671;
  font-weight: 700;
}
.slider-nav > .menu-item.nav-search {
  padding: 0.5em 1.5em;
}
.target {
  position: absolute;
  border-bottom: 4px solid transparent;
  z-index: -1;
  transform: translateX(-60px);
}
.slider-nav > .menu-item > a,
.target {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
/* Navbar Toggle */
#nav-icon {
  width: 50px;
  height: 40px;
  margin: 0.4em 1em 0.5em auto !important;
  outline: none !important;
  border: none !important;
}
#nav-icon.collapsed span {
  background-color: rgba(255, 255, 255, 0.33);
  border-radius: 3px;
}
#nav-icon.collapsed span:nth-of-type(3) {
  Background-color: rgba(255, 255, 255, 0);
}
#nav-icon.open span,
#nav-icon:hover span,
#nav-icon:active span,
#nav-icon[aria-expanded="true"] span {
  background-color: #8ea9c2 !important;
}
#masthead.sticky {
  background-color: rgba(37, 64, 93, 0.9);
  padding-top: 0;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
}
#masthead.sticky #mainNav {
  padding-bottom: 0;
  margin-bottom: 0;
}
#masthead.sticky #mainNav .navbar-brand {
  padding-top: 0.5em;
  padding-bottom: 0;
  margin-bottom: -0.25em;
}
#masthead.sticky #mainNav .navbar-brand #main-logo-link .custom-logo {
  display: block;
  max-height: 50px;
  width: auto;
  margin: 0;
  padding: 0;
}
#masthead.sticky #mainNav .navbar-brand #main-logo-link .masthead-title {
  font-size: 2.5em;
}
#masthead.sticky #nav-icon {
  margin: 0.5em 1em 0.25em auto !important;
}
#masthead.sticky .slider-nav > .menu-item > .nav-link {
  padding: 1em 1.5em 0.75em 1.5em;
}
/* --------- Responsive ---------- */
/*  
xxxxs: 0-319px,
xxxs: 320px-479px
xxs: 480px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
  #masthead {
    padding-top: 5px;
  }
  #masthead .nav-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #mainNav {
    padding-left: 0;
    padding-right: 0;
  }
  #mainNav .navbar-brand {
    margin-top: 0;
    margin-left: 1em;
    padding-top: 0.25em;
    padding-bottom: 0;
  }
  #bottom-bar {
    font-size: 0.73em;
  }
  #bottom-bar .container {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #masthead.sticky #mainNav .navbar-brand {
    margin-top: 0;
    padding-bottom: 0;
  }
  .slider-nav,
  #masthead.sticky .slider-nav {
    margin: 0;
    padding: 0;
  }
  .slider-nav .menu-item,
  #masthead.sticky .slider-nav .menu-item {
    display: block;
  }
  .slider-nav .menu-item .nav-link,
  #masthead.sticky .slider-nav .menu-item .nav-link {
    font-size: 1.15em;
    text-align: center;
    display: block;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    text-shadow: none !important;
    border-bottom: none !important;
  }
  .slider-nav .menu-item .nav-link:hover,
  #masthead.sticky .slider-nav .menu-item .nav-link:hover,
  .slider-nav .menu-item .nav-link:focus,
  #masthead.sticky .slider-nav .menu-item .nav-link:focus {
    background-color: #8ea9c2;
    color: #fff !important;
  }
}
@media (max-width: 767px) {
}
@media (max-width: 666px) {
}
@media (max-width: 567px) {
}
@media (max-width: 480px) {
  #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 2.5em;
  }
  #masthead.sticky #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 2.25em;
  }
}
@media (max-width: 420px) {
  #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 2.25em;
  }
  #masthead.sticky #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 2em;
  }
}
@media (max-width: 385px) {
  #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 2em;
  }
  #masthead.sticky #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 1.75em;
  }
}
@media (max-width: 355px) {
  #mainNav .navbar-brand {
    margin-left: 0.25em;
  }
  #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 1.85em;
  }
  #nav-icon {
    width: 45px;
    margin: 0.5em 0.5em 0.5em auto !important;
  }
  #masthead.sticky #mainNav .navbar-brand {
    margin-left: 0.25em;
  }
  #masthead.sticky #mainNav .navbar-brand #main-logo-link .masthead-title {
    font-size: 1.65em;
  }
  #masthead.sticky #nav-icon {
    margin: 0.5em 0.5em 0.25em auto !important;
  }
}
@media (max-width: 319px) {
}
/* Modals */
.modal-open {
  padding: 0 !important;
  overflow-y: auto;
}
.modal-fullwidth {
  width: 100%;
  padding: 0 !important;
}
.modal-fullwidth .modal-dialog {
  margin: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  background: none;
  position: relative;
}
.modal-fullwidth .modal-dialog .modal-content {
  background: #fff;
  position: relative;
  overflow-x: hidden;
}
.modal-header,
.modal-body,
.modalNav {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}
.modal-body {
  position: relative;
}
.modal-header {
  background: none !important;
  box-shadow: none !important;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.modal .close {
  position: absolute;
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0);
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0.5em 0.5em 0 auto;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 100;
}
.modal .close:before,
.modal .close:after {
  position: absolute;
  top: 0;
  left: 20px;
  content: "";
  height: 40px;
  width: 1px;
  pointer-events: none;
  z-index: -1;
  background-color: #475059;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modal .close:before {
  transform: rotate(45deg);
}
.modal .close:after {
  transform: rotate(-45deg);
}
.modal .close:hover:before,
.modal .close:hover:after {
  background-color: #f38634;
}
.modal-content {
  position: relative;
  border: none;
  border-radius: 0;
  padding-top: 0;
  margin-top: 0;
}
.modal-body {
  font-family: 'Lato', Helvetica, Arial, Sans-Serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 1.5;
  word-spacing: 0.1em;
  margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  height: auto;
}
/*Left*/
.modal.left.fade .modal-dialog {
  left: -100%;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.show .modal-dialog {
  left: 0;
}
/*Right*/
.modal.right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
  right: 0;
}
/* --------- Responsive ---------- */
/*  
xxxxs: 0-319px,
xxxs: 320px-479px
xxs: 480px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .modal-fullwidth .close {
    width: 58px;
    height: 58px;
  }
  .modal-fullwidth .close:before,
  .modal-fullwidth .close:after {
    height: 59px;
  }
}
@media (max-width: 666px) {
}
@media (max-width: 567px) {
  .modal-fullwidth .close {
    width: 48px;
    height: 48px;
  }
  .modal-fullwidth .close:before,
  .modal-fullwidth .close:after {
    height: 49px;
    left: 23px;
  }
  .modal-body {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 479px) {
  .modal-fullwidth .close {
    width: 38px;
    height: 38px;
  }
  .modal-fullwidth .close:before,
  .modal-fullwidth .close:after {
    height: 39px;
    left: 18px;
  }
  .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 319px) {
}
.jcarousel-wrapper {
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
.jcarousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-65%);
  display: block !important;
  width: 1.5em;
  height: 2.5em;
  background: none !important;
  background-size: auto !important;
  text-indent: -9000px;
  pointer-events: all;
  overflow: hidden;
}
.jcarousel-control.jcarousel-control-prev {
  left: -2em;
}
.jcarousel-control.jcarousel-control-next {
  right: -2em;
}
.jcarousel-control.carret-link {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.jcarousel-control.carret-link::before,
.jcarousel-control.carret-link::after {
  display: block !important;
  position: absolute;
  content: '';
  width: 1px;
  height: 1.25em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.jcarousel-control.carret-link::before {
  top: 46%;
  left: 50%;
  transform: rotate(35deg);
}
.jcarousel-control.carret-link::after {
  bottom: 46%;
  left: 50%;
  transform: rotate(-35deg);
}
.jcarousel-control.carret-link.carret-reverse::before {
  transform: rotate(-35deg);
}
.jcarousel-control.carret-link.carret-reverse::after {
  transform: rotate(35deg);
}
.jcarousel-control.carret-link:hover::before,
.jcarousel-control.carret-link:focus-visible::before,
.jcarousel-control.carret-link:hover::after,
.jcarousel-control.carret-link:focus-visible::after {
  background-color: #f38634;
}
/** Carousel **/
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
}
.jcarousel ul {
  width: 10000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}
.jcarousel ul li {
  display: inline-flex;
  width: 200px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.jcarousel ul li::before {
  display: none;
}
.jcarousel ul li .img-wrap {
  display: flex;
  position: relative;
  height: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  padding: 1em 1em;
}
.jcarousel ul li img {
  display: block;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .jcarousel-control.jcarousel-control-prev {
    left: -1.5em;
  }
  .jcarousel-control.jcarousel-control-next {
    right: -1.5em;
  }
}
@media (max-width: 666px) {
  .jcarousel-control.jcarousel-control-prev {
    left: -1em;
  }
  .jcarousel-control.jcarousel-control-next {
    right: -1em;
  }
}
/* Content */
#home-hero {
  padding: 0 !important;
  min-height: 100px;
}
#hero-slider .carousel-inner .carousel-item {
  position: relative;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap,
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap {
  width: 55%;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
  font-size: 2.5em;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
  padding: 0;
  margin: 0;
  line-height: 1.1;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap {
  font-size: 1.25em;
  text-align: left;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
  width: 40%;
  padding-top: 1em;
}
#hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap .comoslide-content {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
#hero-slider .carousel-indicators {
  justify-content: flex-start;
  margin-bottom: 1.5em;
}
#hero-slider .carousel-indicators li {
  background-color: #ffffff;
  width: 0.75em;
  height: 0.75em;
  padding: 0;
  margin-right: 0.25em;
  margin-left: 0.25em;
  text-indent: -999px;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
#hero-slider .carousel-indicators li[aria-current="true"] {
  -webkit-opacity: 1;
  opacity: 0.85;
}
#hero-slider .carousel-indicators li:hover,
#hero-slider .carousel-indicators li:focus-visible {
  background-color: #f38634;
  -webkit-opacity: 1;
  opacity: 1;
}
/* About 
--------------------------------------------------------------------- */
#about {
  position: relative;
  padding-top: 2em;
  padding-bottom: 0;
  overflow: hidden;
}
#about .section-content {
  padding-bottom: 0;
}
#about .section-content .content {
  padding-bottom: 3em;
}
#about-aside {
  position: relative;
  height: 100%;
  min-height: 100%;
}
#about-aside .inner-aside-wrap,
#about-aside .aside-content-wrap {
  position: relative;
  height: 100%;
  min-height: 100%;
}
#about-aside p {
  margin: 0;
  padding: 0;
}
#about-aside .josh-bitmoji-hi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 166%;
  height: auto;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
/* Services
--------------------------------------------------------------------- */
#services .section-content {
  padding-bottom: 0;
}
.service-list {
  margin: 0;
  padding: 0;
}
.service-list .service {
  text-align: center;
}
.service-list .service::before {
  display: none;
}
.service-list .service .wrap {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  padding: 0 0.25em 1.5em 0.25em;
}
.service-list .service .wrap i {
  font-size: 4em;
  color: #3a5671;
}
.service-list .service .wrap h3 {
  font-size: 1.3em;
  line-height: 1.1;
  color: #353f49;
  padding: 1em 0 0.5em 0;
}
.service-list .service .wrap p {
  font-size: 0.9em;
  line-height: 1.5;
  padding-left: 0.35em;
  padding-right: 0.35em;
}
.service-list .service:nth-child(2n) .wrap {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.service-list .service:nth-child(3n) .wrap {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.service-list .service:nth-child(5n) .wrap {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#tools .section-content {
  padding: 0;
  min-height: 50px;
}
#tools .section-content .jcarousel ul li img {
  -webkit-opacity: 0.25;
  opacity: 0.25;
}
/* Portfolio Formatting
--------------------------------------------------------------------- */
.como-portfolio .portfolio-item .portfolio-box {
  display: block;
  position: relative;
  margin: 0 auto;
}
.como-portfolio .portfolio-item .portfolio-box .portfolio-box-caption {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: rgba(58, 86, 113, 0.9);
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.como-portfolio .portfolio-item .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  position: relative;
  width: 100%;
  text-align: center;
}
.como-portfolio .portfolio-item .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.como-portfolio .portfolio-item .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  padding: 0 15px;
}
.como-portfolio .portfolio-item .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
}
.como-portfolio .portfolio-item .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 1.15em;
}
.como-portfolio .portfolio-item .portfolio-box:hover .portfolio-box-caption,
.como-portfolio .portfolio-item .portfolio-box:focus-visible .portfolio-box-caption {
  -webkit-opacity: 1;
  opacity: 1;
}
#portfolio-home {
  padding-top: 1px;
}
#portfolio-home .section-content {
  padding: 0;
}
#como-portfolio-home .portfolio-item {
  padding: 0;
}
#como-portfolio-home .portfolio-item:nth-child(2n) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#como-portfolio-home .portfolio-item:nth-child(3n) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#como-portfolio-home .portfolio-item:nth-child(5n) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
/* Full Portfolio Page */
#portfolio-full #filters {
  position: relative;
  z-index: 100;
}
#portfolio-full #filters h2 {
  position: relative;
  display: inline-block;
  font-size: 1.25em;
  color: #ccc;
  color: #8ea9c2;
  text-align: center;
  pointer-events: all;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#portfolio-full #filters h2::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  margin-top: 0.5em;
  margin-left: 0.25em;
  display: inline-block;
  border: 5px solid transparent;
  border-top-color: #8ea9c2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#portfolio-full #filters h2:hover,
#portfolio-full #filters h2:focus-visible {
  cursor: pointer;
  color: #f38634;
}
#portfolio-full #filters h2:hover::after,
#portfolio-full #filters h2:focus-visible::after {
  border-top-color: #f38634;
}
#portfolio-full #filters h2.open {
  color: #3a5671;
}
#portfolio-full #filters h2.open::after {
  margin-top: 0.4em;
  transform: rotate(180deg);
  border-top-color: #3a5671;
}
#portfolio-full #filters .content {
  text-align: center;
  padding-bottom: 1em;
}
#portfolio-full #filters .content .btn {
  display: inline-block !important;
  float: none !important;
}
#portfolio-full #filters .content .btn-filter {
  background: none !important;
  border: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0;
  margin: 0 15px;
  color: #8ea9c2 !important;
  text-decoration: none;
  font-weight: 400;
}
#portfolio-full #filters .content .btn-filter.active {
  color: #353f49 !important;
  font-weight: 900;
}
#portfolio-full #filters .content .btn-filter:hover,
#portfolio-full #filters .content .btn-filter:focus-visible {
  color: #f38634 !important;
  text-decoration: underline;
}
#portfolio-full .como-portfolio {
  position: relative;
  z-index: 10;
}
#portfolio-full .como-portfolio .portfolio-item {
  max-width: 0;
  max-height: 0;
  padding: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.77s ease-in-out;
  -moz-transition: all 0.77s ease-in-out;
  -ms-transition: all 0.77s ease-in-out;
  -o-transition: all 0.77s ease-in-out;
  transition: all 0.77s ease-in-out;
  overflow: hidden;
}
#portfolio-full .como-portfolio .portfolio-item::before {
  display: none;
}
#portfolio-full .como-portfolio .portfolio-item.visible {
  max-width: 999px;
  max-height: 999px;
  -webkit-opacity: 1;
  opacity: 1;
  padding-bottom: 1em !important;
}
#portfolio-full .como-portfolio .portfolio-item:not(.active) {
  padding: 0;
  margin: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
#portfolio-full .como-portfolio .portfolio-item .portfolio-link {
  display: block;
  margin: 0 0.5em;
}
#portfolio-full .como-portfolio .portfolio-item img {
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
}
#portfolio-full #resource-list-controls {
  text-align: center;
  padding-top: 1em;
}
#portfolio-full #resource-list-controls a {
  margin: 0 0.5em;
}
/* Portfolio Modals */
.portfolio-modal {
  background: rgba(255, 255, 255, 0.9);
}
.portfolio-modal .modal-content {
  background: none;
}
.portfolio-modal .btn {
  background-color: #3a5671;
  -webkit-opacity: 1;
  opacity: 1;
}
.portfolio-modal .btn:hover,
.portfolio-modal .btn:focus-visible {
  background-color: #f38634;
}
.portfolio-modal .btn:disabled,
.portfolio-modal .btn[disabled] {
  -webkit-opacity: 0.15;
  opacity: 0.15;
}
.portfolio-modal .modal-header {
  display: block;
  padding-bottom: 0.5em;
}
.portfolio-modal .modal-header .portTitle {
  display: block;
  font-size: 1.5em;
  text-transform: none;
  line-height: 1.15;
  color: #353f49;
  color: #3a5671;
  padding: 0;
  margin: 0;
  text-align: center;
}
.portfolio-modal .modal-body {
  position: relative;
}
.portfolio-modal .modal-body strong {
  color: #353f49;
}
.portfolio-modal .modal-body .port-image-wrap {
  padding-bottom: 1em;
}
.portfolio-modal .modal-body .portDesc {
  font-size: 1.2em;
  color: #353f49;
  line-height: 1.25;
  padding-bottom: 1rem;
}
.portfolio-modal .modal-body .portSpecifics {
  font-size: 0.85em;
  line-height: 1.25;
}
.portfolio-modal .modal-body .portDetailList {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.portfolio-modal .modal-body .portDetailList li {
  font-size: 0.85em;
  margin: 0;
  padding: 0;
}
.portfolio-modal .modal-body .portDetailList li::before {
  display: none;
}
.portfolio-modal .modal-body .portVideo {
  position: absolute;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.portfolio-modal .modal-body .portVideo.show {
  -webkit-opacity: 1;
  opacity: 1;
  pointer-events: all;
}
.portfolio-modal .modal-body .portVideo .wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 54% !important;
}
.video-wrapper {
  /**/
  /*css to style input type="range"*/
}
.video-wrapper .fa {
  color: rgba(255, 255, 255, 0.85) !important;
}
.video-wrapper .fa:hover,
.video-wrapper .fa:ficus-visible {
  color: #3a5671 !important;
}
.video-wrapper .player_button:hover,
.video-wrapper .player_button:focus-visible {
  color: #3a5671 !important;
}
.video-wrapper .player_controls {
  background: rgba(0, 0, 0, 0.5) !important;
}
.video-wrapper .player_controls .progress-range .progress-bar {
  background: #3a5671 !important;
}
.video-wrapper .time {
  color: rgba(255, 255, 255, 0.85) !important;
}
.video-wrapper input[type='range']::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, 0.85) !important;
}
.video-wrapper input[type='range']::-webkit-slider-thumb {
  background: #3a5671 !important;
}
.video-wrapper input[type='range']::-moz-range-track {
  background: rgba(255, 255, 255, 0.85) !important;
}
.video-wrapper input[type='range']::-moz-range-thumb {
  background: #3a5671 !important;
}
/* Contact Section 
------------------------------------------ */
#contact {
  position: relative;
  padding-bottom: 0;
}
#contact .content-wrap {
  position: relative;
  z-index: 10;
}
#contact .como-contact {
  padding-top: 1em;
  padding-bottom: 4em;
}
#contact .como-contact .contactLink {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  color: #3a5671 !important;
}
#contact .como-contact .contactLink::after {
  display: block;
  content: '';
  padding-bottom: 50px;
}
#contact .como-contact .contactLink i {
  font-size: 4em;
  margin-bottom: 0.5rem;
}
#contact .como-contact .contactLink .contact-info {
  display: block;
  position: absolute;
  height: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  line-height: 1;
  overflow: hidden;
}
#contact .como-contact .contactLink .contact-info > span {
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.75);
  padding: 0.25em;
}
#contact .como-contact .contactLink p:not(.contact-info) {
  display: none;
}
#contact .como-contact .contactLink:hover p,
#contact .como-contact .contactLink:focus-visible p {
  padding: 0;
  margin: 0;
  height: 50px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  overflow: hidden;
}
#contact .como-contact .col:nth-child(2) .contactLink i {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#contact .como-contact .col:nth-child(3) .contactLink i {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#contact .como-contact .col:nth-child(4) .contactLink i {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#contact-aside {
  position: absolute;
  height: 100%;
  min-height: 100%;
  width: 25%;
  top: 0;
  left: 0;
  padding: 0;
  pointer-events: none;
  z-index: 1;
}
#contact-aside * {
  pointer-events: none;
}
#contact-aside .inner-aside-wrap,
#contact-aside .aside-content-wrap {
  position: relative;
  height: 100%;
  min-height: 100%;
}
#contact-aside .josh-bitmoji-hey {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
/* --------- Responsive ---------- */
/*
xxxxs: 0-319px,
xxxs: 320px-480px,
xxs: 481px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
  #about-aside .josh-bitmoji-hi {
    width: 160%;
  }
}
@media (max-width: 1800px) {
  #about-aside .josh-bitmoji-hi {
    width: 155%;
  }
}
@media (max-width: 1700px) {
  #about-aside .josh-bitmoji-hi {
    width: 145%;
  }
}
@media (max-width: 1599px) {
  #about-aside .josh-bitmoji-hi {
    width: 135%;
    margin-left: -1em;
  }
}
@media (max-width: 1439px) {
  #about-aside .josh-bitmoji-hi {
    width: 155%;
    margin-left: -1.5em;
  }
}
@media (max-width: 1350px) {
  #about-aside .josh-bitmoji-hi {
    width: 135%;
  }
}
@media (max-width: 1280px) {
  #about-aside .josh-bitmoji-hi {
    width: 130%;
  }
}
@media (max-width: 1199px) {
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
    font-size: 2em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap {
    font-size: 1em;
    line-height: 1.25;
  }
  #hero-slider .carousel-indicators {
    justify-content: flex-start;
    margin-bottom: 1em;
  }
}
@media (max-width: 991px) {
  #hero-slider .carousel-inner .carousel-item {
    padding-top: 2em;
    padding-bottom: 1em;
  }
  #hero-slider .carousel-inner .carousel-item.graphic-design {
    padding-top: 3em;
    padding-bottom: 0;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container {
    max-width: 90%;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
    font-size: 2em;
  }
  #hero-slider .carousel-indicators {
    width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #about .section-content .content {
    padding-bottom: 0;
  }
  #about-aside .josh-bitmoji-hi {
    position: relative;
    width: 140%;
    margin-top: -4.5em;
    margin-left: -1em;
  }
  #contact-aside {
    width: 30%;
  }
}
@media (max-width: 850px) {
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
    font-size: 1.75em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap {
    font-size: 0.96em;
  }
}
@media (max-width: 767px) {
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container {
    max-width: 96%;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap {
    width: 60%;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
    font-size: 1.5em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap {
    font-size: 0.94em;
  }
  .portfolio-modal .modal-body .portDetailList {
    flex-direction: column;
  }
  .portfolio-modal .modal-body .portDetailList li {
    padding-bottom: 0.5em;
  }
  #contact-aside {
    width: 25%;
  }
}
@media (max-width: 666px) {
  #hero-slider .carousel-inner .carousel-item {
    padding-top: 5em;
    padding-bottom: 0;
  }
  #hero-slider .carousel-inner .carousel-item .comoslide-img {
    max-width: 100%;
  }
  #hero-slider .carousel-inner .carousel-item.graphic-design {
    padding-top: 5em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption {
    text-align: left;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner {
    padding-top: 0.25em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap {
    display: inline-block;
    width: auto;
    text-align: left;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
    font-size: 1.5em;
    text-align: left;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title {
    padding-right: 0.25em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap {
    font-size: 0.92em;
    line-height: 1.15;
    width: 45%;
    padding-top: 0.25em;
  }
  #about-aside .josh-bitmoji-hi {
    width: 150%;
    margin-top: -5em;
    margin-left: 0;
  }
}
@media (max-width: 567px) {
  #hero-slider .carousel-inner .carousel-item {
    padding-top: 6em;
  }
  #hero-slider .carousel-inner .carousel-item.graphic-design {
    padding-top: 6em;
  }
  #contact-aside {
    width: 40%;
  }
}
@media (max-width: 480px) {
  #hero-slider .carousel-inner .carousel-item {
    padding-top: 5em;
  }
  #hero-slider .carousel-inner .carousel-item.graphic-design {
    padding-top: 5em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner {
    margin-top: -2em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-content-wrap {
    display: none;
  }
  #about-aside .josh-bitmoji-hi {
    width: 140%;
    margin-top: -3em;
    margin-left: 0;
  }
  #contact-aside {
    width: 43%;
  }
}
@media (max-width: 420px) {
  #hero-slider .carousel-inner .carousel-item {
    padding-top: 5em;
  }
  #hero-slider .carousel-inner .carousel-item.graphic-design {
    padding-top: 5em;
  }
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-title-wrap .comoslide-title,
  #hero-slider .carousel-inner .carousel-item .carousel-caption .container .caption-wrap .caption-inner .comoslide-subtitle-wrap .comoslide-subtitle {
    font-size: 1.25em;
  }
  #about-aside .josh-bitmoji-hi {
    width: 200%;
    margin-top: 0;
    margin-left: -65%;
  }
}
@media (max-width: 319px) {
}
/* Footer */
#site-footer {
  background-color: #25405d;
  font-size: 0.85em;
  line-height: 1.25;
  padding: 0;
  z-index: 600;
}
#footer-top .footer-logo {
  padding-right: 1em;
}
#footer-top .footer-logo img {
  max-width: 241px !important;
}
#footer-bottom {
  padding-top: 1em;
  font-size: 0.85em;
  color: #cccbc9;
}
#menu-footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
#menu-footer-nav .menu-item {
  display: inline-block;
  margin: 0;
  padding: 0 0.25em;
}
.address .widgettitle {
  text-transform: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#link-top {
  display: none;
  position: fixed;
  background: #ccc;
  bottom: 0.3em;
  right: 0.3em;
  font-size: 2em;
  color: #3a5671;
  text-decoration: none;
  width: 1.2em;
  height: 1.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 900;
}
.scrolled #link-top {
  background: rgba(204, 204, 204, 0.5);
  -webkit-opacity: 0.333;
  -moz-opacity: 0.333;
  opacity: 0.333;
}
.scrolled #link-top:hover,
.scrolled #link-top:focus {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
/* --------- Responsive ---------- */
/*  
xxxxs: 0-319px,
xxxs: 320px-480px
xxs: 481px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
  #site-footer {
    position: relative;
  }
  #site-footer #footer-top {
    padding-top: 2em;
  }
}
@media (max-width: 767px) {
}
@media (max-width: 666px) {
  #footer-top .footer-logo {
    padding-right: 0;
  }
  #footer-top .footer-logo img {
    display: block;
    margin: 0 auto 1em auto;
  }
  #footer-top .address {
    text-align: center;
    padding-bottom: 1em;
    font-size: 1.5em;
  }
  #footer-top .emailLink {
    display: block;
    margin-bottom: 0.15em;
  }
  #menu-footer-nav {
    margin: 1em 0;
    text-align: center;
  }
  #menu-footer-nav .menu-item {
    font-size: 1.5em;
    padding: 0 1em;
  }
  #copyright {
    font-size: 1.25em;
    text-align: center;
    margin: 1em 0;
  }
}
@media (max-width: 567px) {
  #footer-top .address {
    font-size: 1.25em;
  }
  #menu-footer-nav .menu-item {
    font-size: 1.5em;
  }
  #copyright {
    margin: 0.75em 0;
  }
}
@media (max-width: 480px) {
}
@media (max-width: 400px) {
  #footer-top .footer-logo img[style] {
    max-width: 90% !important;
    height: auto;
  }
  #menu-footer-nav .menu-item {
    padding: 0.5em 1em;
  }
}
@media (max-width: 319px) {
}
/* --------- Responsive ---------- */
/*
xxxxs: 0-319px,
xxxs: 320px-480px,
xxs: 481px-567px,
xs: 568px-666px,
sm: 667px-767px,
md: 768px-991px,
lg: 992px-1199px,
xl: 1200px-1439px,
xxl: 1440px-1599px,
xxxl: 1600px-1899px,
xxxxl: 1900px+
*/
@media (max-width: 1899px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 666px) {
}
@media (max-width: 567px) {
}
@media (max-width: 480px) {
}
@media (max-width: 319px) {
}