/*
Theme Name: Esempla Systems
Theme URI: http://esempla.com
Description: Esempla Systems Website
Author: TouchSize
Author URI: https://touchsize.com
Version: 1.0.0
Text-domain: esempla
Tags: one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, post-formats, translation-ready

*/

/* 1.0 SOF -- Essentials */

body {
  padding: 0;
  margin: 0;
  font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 23px;
  -webkit-text-size-adjust: 100%;
}
body input,
body button,
body textarea {
  font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
a {
  color: #7064a8;
}
a:hover {
  color: #c85094;
}
img {
  max-width: 100%;
  height: auto;
}
.hidden {
  display: none;
}

.section-row {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}
.section-row-title {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1;
}
.section-row-desc {
  width: 70%;
  margin: 0 auto 35px auto;
}
.work-together-section p {
  margin-bottom: 20px;
}
.work-together-section h2 {
  margin: 0 0 20px 0;
  line-height: 0.95;
}
.block-description {
  width: 640px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .block-description {
    max-width: 80%;
  }
}
figure {
  margin: 0;
  padding: 0;
}
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
.slanted-line {
  margin: 20px 0;
}
.slanted-line svg {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .slanted-line.project-separator {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .slanted-line.project-separator {
    margin: -20px 0 0;
  }
}

@media screen and (min-width: 1365px) {
  .pdl-10 {
    padding-left: 10px;
  }
  .pdl-20 {
    padding-left: 20px;
  }
  .pdl-30 {
    padding-left: 30px;
  }
  .pdl-40 {
    padding-left: 40px;
  }
  .pdl-50 {
    padding-left: 50px;
  }
  .pdl-60 {
    padding-left: 60px;
  }
  .pdl-70 {
    padding-left: 70px;
  }
  .pdr-10 {
    padding-right: 10px;
  }
  .pdr-20 {
    padding-right: 20px;
  }
  .pdr-30 {
    padding-right: 30px;
  }
  .pdr-40 {
    padding-right: 40px;
  }
  .pdr-50 {
    padding-right: 50px;
  }
  .pdr-60 {
    padding-right: 60px;
  }
  .pdr-70 {
    padding-right: 70px;
  }
  .pdt-0 {
    padding-top: 0;
  }
  .pdt-10 {
    padding-top: 10px;
  }
  .pdt-20 {
    padding-top: 20px;
  }
  .pdt-30 {
    padding-top: 30px;
  }
  .pdt-40 {
    padding-top: 40px;
  }
  .pdt-50 {
    padding-top: 50px;
  }
  .pdt-60 {
    padding-top: 60px;
  }
  .pdt-70 {
    padding-top: 70px;
  }
  .pdt-80 {
    padding-top: 80px;
  }
  .pdt-90 {
    padding-top: 90px;
  }
  .pdt-100 {
    padding-top: 100px;
  }
  .pdb-10 {
    padding-bottom: 10px;
  }
  .pdb-20 {
    padding-bottom: 20px;
  }
  .pdb-30 {
    padding-bottom: 30px;
  }
  .pdb-40 {
    padding-bottom: 40px;
  }
  .pdb-50 {
    padding-bottom: 50px;
  }
  .pdb-60 {
    padding-bottom: 60px;
  }
  .pdb-70 {
    padding-bottom: 70px;
  }
  .pdb-80 {
    padding-bottom: 80px;
  }
  .pdb-90 {
    padding-bottom: 90px;
  }
  .pdb-100 {
    padding-bottom: 100px;
  }
  .ml-10 {
    margin-left: 10px;
  }
  .ml-20 {
    margin-left: 20px;
  }
  .ml-30 {
    margin-left: 30px;
  }
  .ml-40 {
    margin-left: 40px;
  }
  .ml-50 {
    margin-left: 50px;
  }
  .ml-60 {
    margin-left: 60px;
  }
  .ml-70 {
    margin-left: 70px;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .mr-20 {
    margin-right: 20px;
  }
  .mr-30 {
    margin-right: 30px;
  }
  .mr-40 {
    margin-right: 40px;
  }
  .mr-50 {
    margin-right: 50px;
  }
  .mr-60 {
    margin-right: 60px;
  }
  .mr-70 {
    margin-right: 70px;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-10 {
    margin-top: 10px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-30 {
    margin-top: 30px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .mt-50 {
    margin-top: 50px;
  }
  .mt-60 {
    margin-top: 60px;
  }
  .mt-70 {
    margin-top: 70px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-10 {
    margin-bottom: 10px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .mb-30 {
    margin-bottom: 30px;
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .mb-50 {
    margin-bottom: 50px;
  }
  .mb-60 {
    margin-bottom: 60px;
  }
  .mb-70 {
    margin-bottom: 70px;
  }
}
.flexer {
  display: flex;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}

.purple-bg {
  background: #7064a5;
}
.pink-bg {
  background: #c85094;
}
.red-bg {
  background: #e20026;
}
.orange-bg {
  background: #eb690b;
}
.yellow-bg {
  background: #f9b200;
}
.light-green-bg {
  background: #7ab51d;
}
.dark-green-bg {
  background: #009c6c;
}
.light-blue-bg {
  background: #008bd0;
}
.dark-blue-bg {
  background: #0057a3;
}
.dark-grey-bg {
  background: #3e3d40;
}
.medium-grey-bg {
  background: #9b9b9b;
}
.light-grey-bg {
  background: #e3e3e3;
}
.light-white-gradient-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,fafafa+100 */
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fafafa 0%,
    #fafafa 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fafafa 0%,
    #fafafa 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fafafa 0%,
    #fafafa 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.purple-gradient-bg {
  background: url('assets/images/dots-bg.png') top left,
    linear-gradient(-174deg, #4f0931 0%, #4b437c 100%);
  color: #fff;
  overflow: hidden;
}
.dark-bg {
  background-image: linear-gradient(-174deg, #323039 0%, #24212b 100%);
}
.white-bg {
  background: #fff;
}
.featimg img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}

.main-menu > ul > li {
  display: inline-block;
  margin-right: 40px;
  font-size: 17px;
}
.main-menu > ul > li > a {
  display: block;
  position: relative;
  color: #fff;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 400;
  height: 90px;
  line-height: 90px;
  transition: 0.1s height ease-out, 0.1s line-height ease-out;
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li.current-menu-item > a {
  color: #fff;
  /* box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.3); */
}
@media screen and (min-width: 1025px) {
  .main-menu > li a::after,
  .main-menu > li.current-menu-item > a::after,
  .main-menu > li.current_page_parent > a::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    margin-top: -3px;
    width: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    transition: 0.2s opacity ease-in, 0.2s width ease-in;
  }
  .main-menu > li.current_page_parent > a::after,
  .main-menu > li.current-menu-item > a::after {
    width: 100%;
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
    height: 3px;
    margin-top: -3px;
  }
  .main-menu > li a:hover::after {
    width: 100%;
    opacity: 1;
    position: absolute;
    bottom: 0;
  }
}
.main-menu > li > ul.box.sub-menu {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
}
.main-menu ul.mega-menu-columns {
  display: none;
  list-style: none;
  opacity: 0;

  transition: 0.05s opacity ease;
}
.main-menu > li.open > ul.mega-menu-columns {
  display: flex;
  opacity: 1;
}
.main-menu ul.mega-menu-columns > li {
  flex-basis: 33.3%;
  list-style: none;
  padding: 0 30px;
  position: relative;
}
.main-menu ul.mega-menu-columns > li:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #f8f8f8;
}
.main-menu ul.mega-menu-columns > li a {
  color: inherit;
  display: block;
  font-weight: 500;
}
.main-menu ul.mega-menu-columns > li a:hover {
  color: #7064a5;
}
.main-menu ul.mega-menu-columns > li a span {
  display: block;
  font-size: 14px;
  color: #9b9b9b;
  margin: 10px 0 0;
  font-weight: normal;
}
/*
.main-menu ul li .menu-tabs > li {
  display: block;
  cursor: pointer;
  text-align: left;
  margin: 0;
}
.main-menu ul li .menu-tabs > li a {
  color: inherit;
  padding: 0 35px;
  color: inherit;
  position: relative;
  margin: 0;
  height: 60px;
  line-height: 60px;
}
.main-menu ul li .menu-tabs > li a i.fa {
  position: absolute;
  font-size: 11px;
  right: 30px;
  top: 45%;
}
.main-menu ul li .menu-tabs > li a::after {
  display: none;
}
.main-menu ul li .menu-tabs > li a.active,
.main-menu ul li .menu-tabs > li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.main-menu > li > ul > li {
  display: flex;
  margin: 0;
}
.main-menu > li > ul > li .menu-tabs {
  flex-basis: 35%;
  margin: -35px 0 -35px -35px;
  background-image: linear-gradient(-205deg, #5a153c 0%, #3b2972 96%);
  border-bottom-left-radius: 5px;
  color: #fff;
}

.main-menu > li.menu-item-has-children::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: 0;
  opacity: 0;
}
.main-menu > li.menu-item-has-children:hover::after {
  opacity: 1;
}
*/
.main-menu > li > ul > li .tab-contents {
  flex-basis: 70%;
  text-align: left;
  display: block;
  list-style: none;
  padding-left: 50px;
}
.main-menu > li > ul > li .tab-contents > li:not(:first-child) {
  display: none;
}
.main-menu > li > ul > li .tab-contents > li h3 {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: 600;
}
.main-menu > li > ul > li .tab-contents > li p {
  margin-bottom: 20px;
}
.main-menu > li > ul > li .tab-contents > li {
  font-size: 15px;
  color: #3e3d40;
}
.main-menu > li > ul > li .tab-contents > li a {
  color: #c85094;
  height: auto;
  line-height: 1.2;
  margin: 15px 0;
  font-size: 15px;
}
.main-menu > li > ul > li .tab-contents > li img {
  max-height: 150px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .main-menu > li.menu-item-has-children::after {
    display: none;
  }
  .main-menu > li > ul > li .tab-contents {
    display: none !important;
  }
  .main-menu > li > ul > li {
    display: block;
  }
  .main-menu > li > ul > li .menu-tabs {
    background: transparent;
  }
  .main-menu ul li .menu-tabs > li a:hover,
  .main-menu ul li .menu-tabs > li a.active,
  .main-menu > li > ul > li .menu-tabs > li > a {
    background: transparent;
    color: #fff;
    /* padding-left: 20px; */
  }
  .main-menu > li > ul {
    display: none;
    background: transparent;
    width: auto;
    position: relative;
    margin: 0;
    background: transparent;
    left: 0;
    padding: 0;
  }
  .main-menu > li > ul > li .menu-tabs {
    flex-basis: 100%;
    margin: 0 0 0 35px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}
#menu-trigger,
#menu-close {
  display: none;
  font-size: 24px;
  line-height: 1;
  margin-left: 20px;
  cursor: pointer;
}
.language-switcher {
  /* display: inline-block -- to remove on launch */
  display: none;
  margin-right: 20px;
  position: relative;
}

.language-switcher ul {
  display: inline-block;
  position: absolute;
  text-align: left;
  right: 10px;
  top: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.language-switcher ul li {
  display: block;
}
.language-switcher ul li a {
  color: inherit;
}
.language-switcher ul li:not(.current-lang) {
  display: none;
}
.language-switcher:hover ul li:not(.current-lang) {
  display: block;
}

.menu-item-has-children {
  position: relative;
}
.menu-item-has-children > a {
  /* padding-right: 15px; */
}
.menu-item-has-children > a > i.fa {
  display: none;
  position: absolute;
  right: 0;
  top: 3px;
  line-height: inherit;
  font-size: 12px;
}

.menu-item-has-children:hover .sub-menu .sub-menu {
  display: none;
}

@media screen and (min-width: 1025px) {
  .menu-item-has-children .sub-menu,
  .menu-item-has-children .sub-menu:hover {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    background: #fff;
    padding: 0;
    width: 350px;
    z-index: 5;
    text-align: left;
    box-shadow: 0px 0 5px 5px rgba(0, 0, 0, 0.05);
  }
  .menu-item-has-children .sub-menu li .sub-menu,
  .menu-item-has-children .sub-menu li:hover .sub-menu {
    left: 100%;
    top: 0;
    display: none;
    box-shadow: inset 1px 0 1px 0 #f8f8f8, 0px 0 5px 5px rgba(0, 0, 0, 0.05);
  }
  .menu-item-has-children:hover .sub-menu li {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .menu-item-has-children .sub-menu li a,
  .top-header.sticky .main-menu .menu-item-has-children .sub-menu li a {
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    color: #000;
    display: block;
    transition: 0.2s padding-left ease-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  }
  .menu-item-has-children:hover .sub-menu li a:hover,
  .top-header.sticky
    .main-menu
    .menu-item-has-children:hover
    .sub-menu
    li
    a:hover {
    color: #7064a5;
  }
  .sub-menu .menu-item-has-children > a > i.fa {
    display: inline-block;
    right: 15px;
    color: #bfbfbf;
    transform: rotate(-90deg);
  }
  .main-menu > li > ul.mega-menu-columns {
    display: none;
    position: fixed;
    width: 1100px;
    margin: 0 auto;
    left: 0;
    background: #fff;
    color: #000;
    z-index: 55555;
    left: 50%;
    margin-left: -550px;
    padding: 35px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 40px rgba(80, 80, 80, 0.2);
    text-align: center;
  }
}
@media screen and (max-width: 1614px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1440px) {
  .main-menu ul li {
    margin-right: 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
  .main-menu ul li {
    margin-right: 25px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .main-menu > li > ul.box.sub-menu {
    position: relative;
  }
  .main-menu > li > ul.mega-menu-columns {
    position: relative;
    width: auto;
    color: inherit;
    opacity: 1;
  }

  .menu-item-has-children > a:not(.submenu-opened) i.fa-caret-down {
    transform: rotate(-90deg);
  }
  .menu-item-has-children:hover .sub-menu {
    position: relative;
    background: transparent;
    color: #fff;
    padding-left: 35px;
  }
  .menu-item-has-children .sub-menu li a,
  .menu-item-has-children:hover .sub-menu li a {
    color: #fff;
    /* border-left: 1px solid rgba(255, 255, 255, 0.1); */
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
  }
  .menu-item-has-children > a > i.fa {
    display: inline-block;
    right: 0;
    bottom: 0;
    width: 70px;
    line-height: 60px;
    text-align: center;
  }
  .main-menu ul.mega-menu-columns {
    display: block;
    display: none;
    flex-direction: column;
    padding-left: 35px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .main-menu ul.mega-menu-columns > li {
    flex-basis: 100%;
    padding: 0;
  }
  .main-menu ul.mega-menu-columns > li:not(:last-child)::after {
    display: none;
  }
  .menu-item-has-children .sub-menu,
  .menu-item-has-children .sub-menu .sub-menu,
  .menu-item-has-children:hover .sub-menu,
  .menu-item-has-children:hover .sub-menu:hover {
    padding-left: 35px;
  }
  .main-menu ul.mega-menu-columns > li a,
  .main-menu ul li .menu-tabs > li a.active {
    text-align: left;
    color: #fff;
    padding: 0 30px;
    display: flex;
    align-items: center;
  }
  .main-menu ul.mega-menu-columns > li a span,
  .main-menu ul.mega-menu-columns > li > a img {
    display: none;
  }

  .menu-item-has-children .sub-menu,
  .menu-item-has-children:hover .sub-menu,
  .menu-item-has-children:hover .sub-menu:hover {
    width: auto;
    display: none;
    position: relative;
    background: transparent;
  }
  .menu-item-has-children .sub-menu li .sub-menu,
  .menu-item-has-children .sub-menu li:hover .sub-menu {
    left: 0;
    box-shadow: none;
    border: 0 none;
    margin: 5px 0;
  }
  nav.main-menu li a,
  .menu-item-has-children .sub-menu li a,
  .menu-item-has-children:hover .sub-menu li a,
  .top-header.sticky .main-menu .menu-item-has-children:hover .sub-menu li a,
  .menu-item-has-children:hover .sub-menu li a:hover,
  .menu-item-has-children:hover .sub-menu li a:hover,
  .top-header.sticky
    .main-menu
    .menu-item-has-children:hover
    .sub-menu
    li
    a:hover {
    color: #fff;
    display: block;
  }
  /* .menu-item-has-children ul.menu-shown ul:not(.menu-shown),
  .menu-item-has-children ul:not(.menu-shown) {
    display: none !important;
  } */
  .menu-item-has-children ul.menu-shown,
  .menu-item-has-children ul.sub-menu.menu-shown {
    display: block !important;
  }

  .main-menu ul li {
    margin-right: 15px;
    font-size: 16px;
  }
  .language-switcher {
    display: none;
  }
  .menu-is-shown .language-switcher {
    display: none;
    position: fixed;
    top: 15px;
    right: 205px;
    z-index: 1280;
  }
  .language-switcher ul {
    display: inline-block;
    margin: 0;
    padding: 15px 0 15px 15px;
  }
  #menu-trigger,
  .menu-is-shown #menu-close {
    display: inline-block;
    opacity: 1;
  }
  #menu-close {
    position: fixed;
    top: 20px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    z-index: 56;
    opacity: 0;
    transition: opacity 0.3s ease-in 0.5s;
  }
  nav.main-menu {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
    right: -100%;
    padding: 80px 0 20px 0;
    background: #7064a5;
    background: linear-gradient(-174deg, #4f0931 0%, #4b437c 100%);
    -webkit-transition: right 0.25s ease-in;
    transition: right 0.25s ease-in;
    z-index: 150;
  }
  nav.main-menu li {
    display: block;
    text-align: left;
    margin: 0;
  }
  nav.main-menu li a {
    padding-left: 35px;
    padding-right: 35px;
    line-height: 1.2;
    height: 60px;
    font-weight: 600;
  }
  nav.main-menu > ul > li > a {
    display: flex;
    align-items: center;
    position: relative;
  }
  nav.main-menu li.current-menu-item > a {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.1);
  }
  nav.main-menu.shown {
    right: 0;
    display: block;
    z-index: 155;
    width: 290px;
    -webkit-transition: right 0.25s ease-in;
    transition: right 0.25s ease-in;
  }
  body.menu-is-shown {
    /* overflow: hidden; */
  }
  body.menu-is-shown::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
}

.tilt-divider-border {
  display: block;
  height: 1px;
  width: 100%;
  background: #f4f4f4;
  position: relative;
  transform: rotate(-1.8deg);
  position: absolute;
  top: 0;
}
.tilt-divider-right,
.tilt-divider-left,
.tilt-divider-left-top {
  background: url('assets/images/tilt.svg') no-repeat bottom left;
  background-size: 100% 100%;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(180deg) scaleX(-1);
}

.tilt-divider-left {
  transform: none;
  top: 0;
  bottom: auto;
}
.tilt-divider-left-top {
  top: 0;
  bottom: auto;
  transform: scaleY(-1) rotate(180deg);
}

@media screen and (max-width: 768px) {
  .tilt-divider-right,
  .tilt-divider-left {
    height: 20px;
  }
}

input::placeholder,
textarea::placeholder {
  color: #9b9b9b;
}
input[type='text'],
input[type='email'],
input[type='number'],
input[type='password'] {
  height: 40px;
  line-height: 38px;
  border: 1px solid #eaeaea;
  color: #9b9b9b;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  margin-bottom: 20px;
  font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  max-width: 100%;
  -webkit-appearance: none;
}

textarea {
  color: #9b9b9b;
  border: 1px solid #eaeaea;
  padding: 15px;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 20px;
  outline: none;
  height: 120px;
  font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  max-width: 100%;
  -webkit-appearance: none;
}

.esempla-button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 4px;
  color: #fff;
  border: 0 none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  box-shadow: none;
  -webkit-appearance: none;
}
.esempla-button.light-blue-bg:hover {
  background: #0057a3;
  color: #fff;
}

.esempla-button.purple-bg:hover {
  background-color: #8a7fbd;
}

.action-button {
  color: #c85094;
  display: block;
  margin-top: 30px;
  font-weight: 500;
}
.action-button > i {
  margin-left: 5px;
}

.entry-meta {
  display: flex;
  margin: 0 0 20px 0;
  font-size: 15px;
}
.entry-author {
  font-weight: 500;
  color: inherit;
}
.entry-category {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.entry-category li {
  margin: 0;
  padding: 0;
  display: inline;
}
.entry-meta img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.entry-meta .entry-details {
  text-align: left;
  margin-left: 15px;
}
.entry-meta .entry-date {
  color: #9b9b9b;
}
.entry-meta .entry-date::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: -2px 15px 2px 15px;
  background: #ccc;
}
.tags-container {
  display: inline-block;
  list-style-type: none;
  margin: 0 0 35px 0;
  padding: 0;
}
.tags-container li {
  display: inline-block;
  margin-right: 15px;
}
.tags-container li a {
  color: #9b9b9b;
}
.tags-container li a::before {
  content: '#';
}
@media screen and (min-width: 1025px) {
  .page-heading {
    width: 60%;
  }
}

/* EOF -- Essentials */

/* 1.1 Typography */

h1 {
  font-size: 34px;
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 1.15;
}
h2 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.2;
}
h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.35px;
  line-height: 1.25;
}
h4 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 1.48;
}
h5 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 1.44;
}
#main {
  color: #3e3d40;
}
#main p {
  margin-top: 0;
}

.has-purple-color {
  color: #7064a5;
}
.has-pink-color {
  color: #c85094;
}
.has-red-color {
  color: #e20026;
}
.has-orange-color {
  color: #eb690b;
}
.has-yellow-color {
  color: #f9b200;
}
.has-light-green-color {
  color: #7ab51d;
}
.has-dark-green-color {
  color: #009c6c;
}
.has-light-blue-color {
  color: #008bd0;
}
.has-light-blue-color {
  color: #008bd0;
}
.has-dark-blue-color {
  color: #0057a3;
}
.has-text-grey-color {
  color: #3e3d40;
}
.has-grey-color {
  color: #9b9b9b;
}
.has-light-grey-color {
  color: #e3e3e3;
}
.has-white-color {
  color: #ffffff;
}

.sh-rowlayout-inner ul,
.sh-rowlayout-inner ol {
  margin: 0 0 0 15px;
  padding: 0;
}
.sh-rowlayout-inner ul li,
.sh-rowlayout-inner ol li {
  margin: 0 0 12px;
}

/* EOF -- Typography */

/* 1.2 Header */
#header {
  margin-bottom: 30px;
}
.top-header {
  height: 90px;
  position: relative;
  background: rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #fff;
  transition: 0.01s height ease-out;
}
.top-header.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100 !important;
  padding-left: 15px;
  padding-right: 15px;
  transition: 0.3s height ease-out;
  background-attachment: scroll;
  background-color: rgba(77, 32, 62, 0.95);
  /* background-image: url('assets/images/hero-bg.jpg'); */
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 600px;
}
.top-header .col-3.text-right {
  padding-left: 0;
}
@media screen and (min-width: 1280px) {
  .top-header.top-header.sticky {
    padding-left: 90px;
    padding-right: 90px;
  }
  .admin-bar .top-header.sticky {
    top: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .top-header.top-header.sticky {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.top-header.sticky::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
}
.sticky-header-placeholder {
  height: 90px;
}
.custom-logo-link {
  line-height: 0;
  display: block;
}
.custom-logo-link img {
  width: 180px;
  height: auto;
}

#colophon .custom-logo-link {
  margin-bottom: 1em;
}
.hero {
  background-attachment: scroll;
  background-image: url('assets/images/hero-bg.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 600px;
  background-color: #000;
  height: auto;
  color: #fff;
  position: relative;
  padding-bottom: 50px;
}
.hero::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.55;
  background-image: linear-gradient(-185deg, #a53a76 0%, #372972 96%);
  height: 100%;
}
.home .hero {
  height: 600px;
}
.hero > div.sub-header {
  z-index: 1;
  position: relative;
}
.home .hero {
  height: 600px;
  /* background-size: auto 100%; */
  /* padding-bottom: 30px; */
}
.single-post .hero {
  padding-bottom: 0;
}
.sub-header {
  margin-top: 70px;
}
.sub-header h1,
.sub-header h2,
.sub-header h3 {
  margin-top: 0;
  height: 2.3em;
  display: table-cell;
  vertical-align: bottom;
}
@media screen and (min-width: 1381px) {
  .top-header {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .top-header {
    height: 70px;
  }
  .sticky-header-placeholder {
    height: 70px;
  }
  .sub-header {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .sub-header h1 {
    margin-bottom: 0;
    height: auto;
  }
  .home .hero {
    height: 400px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1036px) {
  .top-header .col-xl-6 {
    padding: 0;
  }
}
/* EOF -- Header */

/* 1.3 Footer */

#colophon {
  font-size: 15px;
  margin-top: 40px;
  color: #fff;
}

.footer-menu {
  columns: 2;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 40px;
}
.footer-menu li {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.footer-menu li a {
  color: #cacaca;
}
.footer-menu .sub-menu {
  display: none;
}

@media screen and (max-width: 768px) {
  .footer-menu {
    padding-left: 0;
    margin: 20px 0 0 0;
  }
  .footer-menu i.fa.fa-caret-down {
    display: none !important;
  }
  #colophon {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .footer-social-icons > p {
    margin-right: 20px;
  }
  .footer-social-icons > p,
  .footer-social-icons .social-icons {
    display: inline-block;
  }
}

@media screen and (min-width: 1024px) {
  .copyright-text {
    margin-top: 40px;
  }
  .footer-social-icons {
    margin-top: 16px;
  }
  .footer-social-icons > p,
  .footer-social-icons .social-icons {
    display: inline-block;
  }
}

@media only screen and (min-width: 1025px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .footer-social-icons {
    margin-top: -9px;
  }
  .footer-social-icons > p,
  .footer-social-icons .social-icons {
    display: inline-block;
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1366px) and (orientation: landscape) {
  .footer-social-icons {
    margin-top: 16px;
  }
}
/* EOF -- Footer */

/* 1.4 Tabs */

.es-tabs {
  display: flex;
  background: #fff;
  border: 1px solid #f7f7f7;
  padding: 40px 0;
  border-radius: 4px;
}
.es-tabs .tabs-controller {
  list-style-type: none;
  margin: 0 40px 0 0;
  padding: 0;
  flex-basis: 40%;
}
.es-tabs .tabs-controller li {
  height: 100px;
  line-height: 100px;
  padding: 0 45px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 24px;
  letter-spacing: -0.12px;
}
.es-tabs .tabs-controller li > i {
  margin-right: 10px;
}
.es-tabs .tabs-controller li.selected {
  background-image: linear-gradient(-135deg, #a99dd1 0%, #7064a5 100%);
  color: #fff;
  margin-left: -20px;
  padding-left: 65px;
  cursor: default;
}
.es-tabs .tabs-content {
  flex-basis: 60%;
  padding-right: 50px;
}
.es-tabs .tabs-content > div {
  position: relative;
  padding-right: 240px;
}

.es-tabs .tabs-content .tab-image {
  position: absolute;
  right: 0;
  top: 50px;
  width: 220px;
}

/* Round Icons */

.round-icons-container {
  display: flex;
}
.round-item {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
}
.round-icons {
  display: inline-block;
  background: #fff;
  text-align: center;
  font-size: 36px;
  color: red;
  width: 80px;
  height: 80px;
  line-height: 72px;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5),
    0 0 0 10px rgba(255, 255, 255, 0.5);
  margin-top: 15px;
}
.round-item h5 {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* Testimonials  */
.testimonial-item {
  position: relative;
}
.testimonial-item > i {
  font-size: 36px;
  color: #e3e3e3;
}
@media screen and (min-width: 1024px) {
  .testimonial-item > i {
    position: absolute;
    left: -40px;
  }
}
.testimonials blockquote {
  font-size: 24px;
  line-height: 34px;
  margin: 0 0 20px 0;
  padding: 0;
}
.testimonials .testimonial-details {
  display: flex;
  margin-top: 20px;
  color: #9b9b9b;
}
.testimonials .testimonial-image {
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: block;
  margin-right: 15px;
}

.work-us textarea {
  width: 100%;
}

.contact-strategy-pretext {
  padding-left: 25px;
  position: relative;
  margin: 15px 0 20px 0;
}
.contact-strategy-pretext i {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 18px;
}

/* Social Icons */
.social-icons {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  margin-right: 10px;
}
.social-icons li a {
  color: #fff;
  font-size: 18px;
}

/* Single Styles */
.post-content {
  margin-bottom: 20px;
  line-height: 1.6;
}
.related {
  width: 100%;
  clear: both;
}
.related-title {
  font-size: 18px;
  color: #5b5e6d;
  letter-spacing: 6px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  width: 100%;
  clear: both;
  margin: 0 0 20px;
}

.project-heading {
  position: relative;
  z-index: 55;
  /* margin-bottom: -40px; */
}
.project-categories {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.project-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #c85094;
  margin: 20px 0 15px 0;
}
.project-categories li {
  display: block;
  margin-bottom: 5px;
}
.project-categories li a {
  color: #fff;
}
.project-detail {
  color: #5b5e6d;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
.project-detail a {
  color: inherit;
}
.project-detail svg {
  margin: 0 auto 10px auto;
}
.single-project #header {
  /* padding-bottom: 0; */
}
.project-image {
  line-height: 0;
}
/* Blog */
.page-template-template-blog .hero {
  padding-bottom: 0;
}
.page-template-template-blog #header .sub-header,
.page-template-template-blog #header .tilt-divider-right {
  display: none;
}
.single-post .sub-header {
  display: none;
}
.blog-view {
  clear: both;
}
.blog-view article {
  margin-bottom: 50px;
}
.blog-view article h2 a {
  color: inherit;
}
.blog-view article h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 15px 0 15px 0;
}
.blog-view article .entry-excerpt {
  margin-bottom: 25px;
  color: rgb(91, 94, 109);
}
.blog-view article .entry-meta {
  margin-bottom: 0;
}

/* For the big article on blog page */
@media screen and (min-width: 1024px) {
  .blog-view article.big-article {
    display: flex;
    align-items: center;
  }
  .blog-view article.big-article header {
    flex-basis: 40%;
  }
  .blog-view article.big-article figure {
    flex-basis: 60%;
    padding-right: 50px;
  }
  .blog-view article.big-article h2 {
    font-size: 30px;
  }
  .related .blog-view article {
    margin-bottom: 0;
  }
}

.blog-view .entry-category a,
.projects-view .entry-category a {
  text-transform: uppercase;
  color: #9b9b9b;
}
.ts-pagination {
  margin-bottom: 40px;
}
.ts-pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ts-pagination ul li {
  display: inline-block;
  margin-right: 5px;
}
.ts-pagination ul li .page-numbers {
  display: block;
  border: 1px solid #eaeaea;
  height: 42px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 4px;
  color: #9b9b9b;
}
.ts-pagination ul li .page-numbers:not(.current):hover {
  border-color: #ccc;
}
.ts-pagination ul li .page-numbers.current {
  background: #f6f6f6;
}

/* Carousel Options */

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px !important;
  padding: 0 !important;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 12px;
  height: 12px;
  border-radius: 50%;
  padding: 0;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: #dadada;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li.slick-active button {
  background-color: #7064a5;
}
.slick-slide [class*='col-'] {
  width: 100%;
  flex: none;
  max-width: none;
}
/* Builder Styles */

.sh-svg-style-stacked .sh-svg-icon {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
}

.wp-block-stashio-tabs.home-tabs {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 30px 0;
}

.wp-block-stashio-tabs
  .sh-tabs-title-list
  li.sh-tab-title-active
  .sh-tab-title::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.wp-block-stashio-tabs.home-tabs .sh-tabs-title-list li.sh-tab-title-active a {
  padding-left: 50px !important;
  transition: none;
}
.wp-block-stashio-tabs.home-tabs .sh-tabs-title-list li.sh-tab-title-active {
  margin-left: -20px !important;
}
.wp-block-stashio-tabs.home-tabs .sh-tabs-title-list li {
  font-weight: 500;
}
.wp-block-gallery.no-gutter {
  margin: 0;
}
.wp-block-gallery.no-background .blocks-gallery-item figure {
  flex-flow: wrap;
  text-align: center;
}
.wp-block-gallery.no-background .blocks-gallery-item figure img {
  margin: 0 auto;
}
.wp-block-gallery.no-background .blocks-gallery-item figcaption {
  background: transparent;
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 600;
  color: #ccc;
}
.sh-title-svg-side-left {
  padding-right: 10px;
}
.wp-block-gallery.no-gutter > .blocks-gallery-item {
  margin: 0;
}
.wp-block-stashio-testimonial p {
  font-size: 18px;
}
.wp-block-stashio-testimonial .card__image {
  width: 48px;
  height: 48px;
}
.sh-button {
  font-weight: normal;
}
.wp-block-stashio-testimonial .author-position,
.wp-block-stashio-testimonial .author {
  font-style: normal;
  color: #9b9b9b;
}
.wp-block-stashio-testimonial .author-position::before {
  /* background-color: #9b9b9b; */
}
.wp-block-stashio-testimonial .sh-blocks-testimonial-learnmore a {
  padding-right: 20px;
  position: relative;
  z-index: 2;
}
.sh-blocks-testimonial-learnmore > div {
  position: absolute;
  right: 0;
  top: 6px;
}
.wp-block-stashio-testimonial .sh-blocks-testimonial-learnmore {
  position: relative;
  display: inline-block;
}
.sh-btn-svg-icon.sh-btn-side-right {
  padding-top: 4px;
  transform: scale(0.95);
}
.sh-blocks-accordion-header {
  background: transparent;
  border: 1px solid #fafafa;
  padding: 20px 25px;
  border-radius: 5px;
}

.sh-accordion-panel {
  max-height: 5000px;
}
@media screen and (max-width: 1199px) {
  .container {
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container {
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pad-right {
    padding-right: 60px;
  }
}

.wpcf7-form {
  text-align: left;
}
.wpcf7 form p {
  margin-bottom: 0;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7-textarea {
  width: 100%;
}
span.wpcf7-not-valid-tip {
  margin-top: -15px;
  margin-bottom: 20px;
  font-size: 13px;
  color: #d2525f;
}

div.wpcf7-response-output {
  padding: 15px;
  border: 0 none;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.4;
}
div.wpcf7-response-output.wpcf7-validation-errors {
  background-color: #fbe0e3;
  color: #d2525f;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: rgba(76, 175, 80, 0.28);
  color: #4caf50;
}

.wpcf7-response-output {
  margin: 20px 0 !important;
}

.work-together-section .wpcf7-response-output {
  width: 716px;
  max-width: 100%;
  margin: 20px auto 0 auto !important;
}

.sh-inside-inner-col {
  display: block;
}
.service-tabs .sh-tab-inner-content-inner {
  max-width: 750px;
}
.slick-slider {
  display: block !important;
  overflow: hidden;
}
.slick-slider * {
  min-height: 0;
  min-width: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    font-size: 15px;
    overflow-x: hidden;
  }
  h1 {
    font-size: 28px;
    margin: 15px 0;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 17px;
  }
  h5 {
    font-size: 15px;
  }
  .page-heading {
    width: 50%;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) and (orientation: portrait) {
  .contact-icons .sh-blocks-info-box-media-align-left {
    flex-direction: column;
  }
  .contact-icons
    .sh-blocks-info-box-media-align-left
    .sh-blocks-info-box-media {
    margin-bottom: 10px !important;
  }
  .contact-icons .sh-blocks-info-box-link-wrap {
    display: flex;
    flex-direction: column;
  }
  .contact-icons .sh-blocks-info-box-media-align-top .sh-infobox-textcontent {
    text-align: center;
  }
  .footer-social-icons {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
  .contact-icons .sh-blocks-info-box-media-align-left {
    flex-direction: column;
  }
  .contact-icons
    .sh-blocks-info-box-media-align-left
    .sh-blocks-info-box-media {
    margin-bottom: 10px !important;
  }
  .contact-icons .sh-blocks-info-box-link-wrap {
    display: flex;
    flex-direction: column;
  }
  .contact-icons .sh-blocks-info-box-media-align-top .sh-infobox-textcontent {
    text-align: center;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape) {
  .wp-block-stashio-testimonial .testimonial-meta {
    position: relative;
  }
  .wp-block-stashio-testimonial .author {
    position: absolute;
    font-weight: bold;
  }
  .wp-block-stashio-testimonial .author,
  .wp-block-stashio-testimonial .author-position {
    position: absolute;
    text-align: left;
    font-size: 13px;
    margin-top: 2px;
    top: 0;
    left: 60px;
  }
  .wp-block-stashio-testimonial .author-position {
    top: 40%;
  }
  .wp-block-stashio-testimonial .author-position::before {
    display: none;
  }
  .footer-social-icons > p {
    margin-right: 20px;
  }
  .footer-social-icons > p,
  .footer-social-icons .social-icons {
    display: inline-block;
  }
  #colophon {
    padding-bottom: 30px;
  }
  .footer-menu li {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) and (orientation: portrait) {
  .wp-block-stashio-testimonial-item {
    padding-right: 20px;
  }
  .wp-block-stashio-testimonial .testimonial-meta {
    text-align: left;
    display: block;
    position: relative;
  }
  .wp-block-stashio-testimonial .author {
    position: absolute;
    font-weight: bold;
  }
  .wp-block-stashio-testimonial .author,
  .wp-block-stashio-testimonial .author-position {
    position: absolute;
    text-align: left;
    font-size: 13px;
    margin-top: 2px;
  }
  .wp-block-stashio-testimonial .author-position {
    top: 40%;
  }
  .wp-block-stashio-testimonial .author-position::before {
    display: none;
  }
  .sh-tabs-mobile-layout-tabs.sh-tabs-layout-vtabs .sh-tabs-title-list {
    float: none;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .sh-tabs-mobile-layout-tabs.sh-tabs-layout-vtabs .sh-tabs-title-list li {
    margin: 0 4px -1px 0;
  }
  .sh-tabs-mobile-layout-tabs.sh-tabs-layout-vtabs
    .sh-tabs-title-list
    li
    .sh-tab-title {
    border-width: 1px 1px 0px 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .sh-tabs-mobile-layout-tabs.sh-tabs-layout-vtabs
    .sh-tabs-title-list
    li.sh-tabs-icon-side-top
    .sh-tab-title {
    -ms-flex-align: center;
    align-items: center;
  }
  .sh-tabs-mobile-layout-tabs.sh-tabs-layout-vtabs .sh-tabs-content-wrap {
    float: none;
    width: 100%;
  }
  .sh-tabs-mobile-layout-accordion > .sh-tabs-title-list {
    display: none;
  }
  .sh-tabs-mobile-layout-accordion
    > .sh-tabs-content-wrap
    > .sh-tabs-accordion-title {
    display: block;
  }
  .sh-tabs-mobile-layout-accordion > .sh-tabs-content-wrap {
    float: none;
    width: 100%;
  }
  .sh-tabs-mobile-layout-vtabs .sh-tabs-title-list {
    float: left;
    width: 30%;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sh-tabs-mobile-layout-vtabs .sh-tabs-title-list li {
    margin: 0 -1px 4px 0;
  }
  .sh-tabs-mobile-layout-vtabs .sh-tabs-title-list li .sh-tab-title {
    border-width: 1px 0px 1px 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .sh-tabs-mobile-layout-vtabs
    .sh-tabs-title-list
    li.sh-tabs-icon-side-top
    .sh-tab-title {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .sh-tabs-mobile-layout-vtabs .sh-tabs-content-wrap {
    float: left;
    width: 70%;
  }
  .sh-tabs-mobile-layout-vtabs.sh-tab-alignment-center .sh-tabs-title-list {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .sh-tabs-mobile-layout-vtabs.sh-tab-alignment-center .sh-tabs-title-list li {
    text-align: center;
  }
  .sh-tabs-mobile-layout-vtabs.sh-tab-alignment-center
    .sh-tabs-title-list
    li
    .sh-tab-title {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .sh-tabs-mobile-layout-vtabs.sh-tab-alignment-right .sh-tabs-title-list {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .sh-tabs-mobile-layout-vtabs.sh-tab-alignment-right .sh-tabs-title-list li {
    text-align: right;
  }
  .sh-tabs-mobile-layout-vtabs.sh-tab-alignment-right
    .sh-tabs-title-list
    li
    .sh-tab-title {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .wp-block-stashio-testimonial .author {
    position: absolute;
    font-weight: bold;
  }
  .wp-block-stashio-testimonial .author,
  .wp-block-stashio-testimonial .author-position {
    position: absolute;
    text-align: left;
    font-size: 13px;
    margin-top: 2px;
  }
  .wp-block-stashio-testimonial .author-position {
    top: 40%;
  }
  .wp-block-stashio-testimonial .author-position::before {
    display: none;
  }
  .sh-tabs-content-wrap > .sh-tabs-accordion-title .sh-tab-title {
    border-radius: 5px !important;
    margin-bottom: 2px;
    transition: none;
  }
  .sh-tabs-content-wrap
    > .sh-tabs-accordion-title.sh-tab-title-active
    .sh-tab-title {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0;
    transition: none;
  }
  .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 10px;
  }
  .wp-block-stashio-testimonial .testimonial-meta {
    text-align: left;
    display: block;
    position: relative;
  }
  .wp-block-stashio-testimonial .author {
    position: absolute;
    font-weight: bold;
  }
  .wp-block-stashio-testimonial .author,
  .wp-block-stashio-testimonial .author-position {
    position: absolute;
    text-align: left;
    font-size: 13px;
    margin-top: 2px;
  }
  .wp-block-stashio-testimonial .author-position {
    top: 40%;
  }
  .wp-block-stashio-testimonial .author-position::before {
    display: none;
  }

  .contact-button {
    display: none;
  }
  body {
    font-size: 15px;
    overflow-x: hidden;
  }
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 17px;
  }
  h5 {
    font-size: 15px;
  }
  .blog-view article h2 {
    font-size: 20px;
    margin: 10px 0;
  }
  .blog-view article .entry-excerpt {
    margin-bottom: 10px;
  }
  .blog-view article {
    margin-bottom: 30px;
  }
  .entry-meta {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .custom-logo-link img {
    width: 160px;
  }
  .main-menu ul li .esempla-button {
    margin: 15px 30px;
  }
  .wp-block-stashio-tabs.home-tabs {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sh-blocks-info-box-link-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
  }
  .sh-blocks-info-box-media-align-top .sh-infobox-textcontent {
    text-align: left;
  }
  .sh-blocks-info-box-title {
    margin-top: 0 !important;
  }
  .project-image {
    display: none;
  }
  .project-detail {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    flex-direction: row;
    text-align: left;
  }
  .project-detail svg {
    width: 32px;
    margin: 0 15px 0 0;
  }
  .project-title::after {
    display: none;
  }
  .project-categories {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .project-categories li {
    display: inline;
  }
  .project-categories li:not(:last-child)::after {
    content: ',';
    display: inline;
  }
  .wp-block-stashio-tabs.home-tabs .sh-tabs-title-list li.sh-tab-title-active {
    margin-left: -10px !important;
  }
  .wp-block-stashio-tabs.home-tabs
    .sh-tabs-title-list
    li.sh-tab-title-active
    a {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .sh-blocks-info-box-title {
    font-size: 18px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

/* Newsletter Form */
.newsletter-form input[type='text'],
.newsletter-form input[type='email'] {
  margin-right: 5px;
  flex: 2;
  width: 80px;
}

@media screen and (max-width: 1200px) {
  .newsletter-form {
    margin-top: 10px;
  }
}