/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: 'lightcase';
  src: url("../fonts/lightcase.eot?55356177");
  src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
  font-family: 'lightcase', sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
  content: '\e800'; }

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
  content: '\e801'; }

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
  content: '\e802'; }

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
  content: '\e803'; }

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
  content: '\e804'; }

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
  content: '\e805'; }

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 640px) {
  /* line 16, ../scss/components/modules/_case.scss */
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px 0;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important; } }
@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_content.scss */
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden; } }
@media screen and (min-width: 641px) {
  /* line 23, ../scss/components/modules/_content.scss */
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333; } }
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

@media screen and (max-width: 640px) {
  /* line 31, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important; } }
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

@media screen and (max-width: 640px) {
  /* line 43, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px; }

  /* line 52, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important; }

  /* line 59, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important; } }
@media screen and (max-width: 640px) {
  /* line 70, ../scss/components/modules/_content.scss */
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch; } }
@media screen and (max-width: 640px) and (min-width: 641px) {
  /* line 74, ../scss/components/modules/_content.scss */
  html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75; } }
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important; }

@media screen and (max-width: 640px) {
  /* line 91, ../scss/components/modules/_content.scss */
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important; } }
@media screen and (min-width: 641px) {
  /* line 100, ../scss/components/modules/_content.scss */
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 640px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa; } }
@media screen and (min-width: 641px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333; } }
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa; }

@media screen and (max-width: 640px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 30px 0; } }
@media screen and (min-width: 641px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 0; } }
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
  overflow: hidden; }

/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%; }

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
  position: absolute;
  padding-top: 15px; }

/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis; }

/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa; }

@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333; } }
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa; }

/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa; }

@media screen and (max-width: 640px) {
  /* line 45, ../scss/components/modules/_info.scss */
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px; }

  /* line 51, ../scss/components/modules/_info.scss */
  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static; } }
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear; }

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s; }

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px; }

/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer; }

/* line 20, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s; }

/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
  display: inline-block;
  text-indent: -9999px; }

/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
  color: white;
  text-shadow: 0 0 15px white; }

/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
  color: #aaa;
  text-shadow: none; }

/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none; }

/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
  left: 15px; }

/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
  right: 15px; }

/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em; }

@media screen and (min-width: 641px) {
  /* line 38, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    opacity: 0; } }
@media screen and (max-width: 640px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-'] {
    bottom: 15px;
    font-size: 24px; } }
@media screen and (min-width: 641px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-'] {
    bottom: 50%;
    margin-bottom: -0.5em; }

  /* line 57, ../scss/components/modules/_navigation.scss */
  a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
    opacity: 1; } }
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333; }

@media screen and (max-width: 640px) {
  /* line 1, ../scss/components/modules/_overlay.scss */
  #lightcase-overlay {
    opacity: 1 !important; } }
.ae-header {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 1020;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out; }

#AE_primary_nav .primary-menu > li > a {
  color: #fff;
  font-size: 12px;
  padding: 35px 15px;
  text-transform: uppercase; }

#AE_primary_nav .primary-menu > li .arrow {
  color: #F4A261; }

#AE_primary_nav .primary-menu .mega-menu-item .depth0 a {
  font-weight: 500; }

.sub-menu img {
  padding: 20px; }

.myprefix-maybe-sticky {
  position: fixed !important;
  top: -100px;
  width: calc(100% - 40px);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  opacity: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1); }
  @media (max-width: 992px) {
    .myprefix-maybe-sticky {
      width: 100%; } }

.myprefix-show {
  top: 0;
  opacity: 1; }

.hs-inner .form-control {
  background-color: transparent; }
.hs-inner .search-form-submit:hover {
  color: #fff !important; }

.sub-header {
  padding: 150px 0;
  background-color: #242c35;
  text-align: center;
  background-size: cover !important; }
  @media (max-width: 992px) {
    .sub-header {
      background-size: cover;
      padding: 80px 0; }
      .sub-header h2 {
        font-size: 28px; } }
  .sub-header h2,
  .sub-header p {
    color: #fff; }

.fsar-sub {
  height: auto;
  background-image: url(../images/fsar.jpg);
  background-attachment: fixed;
  background-size: 100% 100%;
  position: relative; }

.fdma-sub {
  height: auto;
  background-image: url(../images/fdma.jpg);
  background-attachment: fixed;
  background-size: 100% 100%;
  position: relative; }

.customers-sub {
  height: auto;
  background-image: url(../images/customers-sub.jpg);
  background-attachment: fixed;
  background-size: 100% 100%;
  position: relative; }

.sub-header2 {
  text-align: center;
  padding: 70px 0 100px;
  background: -webkit-gradient(linear, left top, right top, from(#2e3844), to(#27303a));
  background: linear-gradient(to right, #2e3844 0%, #27303a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2E3844', endColorstr='#FF27303A', GradientType=1);
  position: relative;
  overflow: hidden; }
  .sub-header2:before {
    content: "";
    background-image: url(../images/waves-pattern1.webp);
    width: 998px;
    height: 431px;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 992px) {
      .sub-header2:before {
        width: 100%; } }
  .sub-header2 h1 {
    font-size: 48px;
    color: #F4A261; }
  .sub-header2 h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 28px; }

#AE_primary_nav .primary-menu > .nomega-menu-item .sub-menu,
#AE_primary_nav .primary-menu .mega-menu-item .depth0 {
  background-color: #242c35; }

#AE_primary_nav .primary-menu > .nomega-menu-item .sub-menu .menu-item a,
#AE_primary_nav .primary-menu .mega-menu-item .depth0 a {
  color: #fff !important; }
  #AE_primary_nav .primary-menu > .nomega-menu-item .sub-menu .menu-item a:hover,
  #AE_primary_nav .primary-menu .mega-menu-item .depth0 a:hover {
    color: #F4A261 !important; }

#AE_primary_nav .primary-menu > .nomega-menu-item .sub-menu .menu-item a {
  border-color: rgba(255, 255, 255, 0.05); }

.pswp {
  display: none !Important; }

.site-footer {
  background-color: #242c35;
  position: relative;
  padding: 75px 0 0;
  margin-bottom: 20px;
  font-size: 16px;
  color: #eee;
  overflow: hidden; }
  .site-footer:before {
    content: "";
    width: 1020px;
    height: 768px;
    background-image: url(../svg/logo-shape-white.svg);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.030; }
  .site-footer .footer-2 {
    margin-left: 100px; }
    @media (max-width: 992px) {
      .site-footer .footer-2 {
        margin-left: 0; } }
    .site-footer .footer-2 .love-to-hear {
      color: #fff;
      font-size: 32px;
      text-decoration: underline;
      font-weight: 700; }
      @media (max-width: 992px) {
        .site-footer .footer-2 .love-to-hear {
          font-size: 21px;
          margin: 30px 0 20px 0;
          line-height: 1.2;
          display: block; } }
    .site-footer .footer-2 .address h3,
    .site-footer .footer-2 .contact-info h3 {
      font-size: 18px;
      text-transform: uppercase;
      color: #F4A261;
      margin-bottom: 20px; }
      .site-footer .footer-2 .address h3 a,
      .site-footer .footer-2 .contact-info h3 a {
        color: #F4A261; }
        .site-footer .footer-2 .address h3 a:hover,
        .site-footer .footer-2 .contact-info h3 a:hover {
          color: #0F93C3 !important; }
    .site-footer .footer-2 .address li,
    .site-footer .footer-2 .contact-info li {
      color: #eee;
      font-weight: bold;
      margin-bottom: 5px; }
      .site-footer .footer-2 .address li a,
      .site-footer .footer-2 .contact-info li a {
        color: #eee; }
    @media (max-width: 992px) {
      .site-footer .footer-2 .address {
        margin-top: 10px; } }
    @media (max-width: 992px) {
      .site-footer .footer-2 .contact-info {
        margin-top: 20px; } }
    .site-footer .footer-2 .menu {
      margin-top: 10px; }
      .site-footer .footer-2 .menu li {
        display: inline-block; }
        .site-footer .footer-2 .menu li a {
          font-size: 12px;
          text-transform: uppercase;
          color: #fff;
          font-weight: 600;
          margin-right: 15px; }

.copyrights-inner {
  line-height: 70px;
  background-color: #242c35;
  margin-top: 75px;
  border-top: 1px solid rgba(255, 255, 255, 0.03); }

.ae-social li {
  width: 54px;
  height: 54px;
  line-height: 54px;
  border: 2px solid #fff;
  border-radius: 100%;
  text-align: center;
  margin-right: 15px; }
  @media (max-width: 992px) {
    .ae-social li {
      width: 42px;
      height: 42px;
      line-height: 42px;
      margin-right: 5px; } }
  .ae-social li a {
    color: #fff;
    display: block; }
  .ae-social li:nth-child(1):hover {
    background-color: #55acee;
    border-color: #55acee; }
  .ae-social li:nth-child(2):hover {
    background-color: #e4405f;
    border-color: #e4405f; }
  .ae-social li:nth-child(3):hover {
    background-color: #FFFC00;
    border-color: #FFFC00; }
  .ae-social li:nth-child(4):hover {
    background-color: #0077B5;
    border-color: #0077B5; }
  .ae-social li:nth-child(5):hover {
    background-color: #00AFF0;
    border-color: #00AFF0; }
  .ae-social li:nth-child(6):hover {
    background-color: #cd201f;
    border-color: #cd201f; }
.ae-social li:hover .Snapchat-icon {
  color: #222 !important; }

#top {
  background-color: #F4A261;
  border-radius: 3px;
  bottom: 1.25rem;
  color: #fff;
  font-size: 2.25rem;
  height: 2.625rem;
  line-height: 100%;
  opacity: .5;
  display: none;
  padding: 3px;
  right: 1.25rem;
  text-align: center;
  width: 2.625rem;
  position: fixed;
  z-index: 9999;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  #top:hover {
    opacity: 1; }

.slider {
  background-color: #232C36;
  padding: 80px 0 130px;
  position: relative; }
  @media (max-width: 992px) {
    .slider {
      padding: 60px 0 120px;
      overflow: hidden; } }
  .slider .slider-left {
    position: relative;
    z-index: 998; }
    @media (max-width: 992px) {
      .slider .slider-left {
        margin-bottom: 40px; } }
    .slider .slider-left:before {
      content: '';
      background-image: url(../images/slider-pattern.webp);
      position: absolute;
      left: -100px;
      top: -30px;
      width: 435px;
      height: 362px;
      z-index: 1; }
    .slider .slider-left .owl-dots {
      text-align: left;
      margin-top: 20px; }
      @media (max-width: 992px) {
        .slider .slider-left .owl-dots {
          text-align: center; } }
      .slider .slider-left .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background-color: rgba(255, 255, 255, 0.1);
        margin: 0 1.5px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      .slider .slider-left .owl-dots .active {
        background-color: #F4A261;
        width: 20px; }
  .slider .slider-inner {
    position: relative;
    z-index: 998; }
    .slider .slider-inner h3,
    .slider .slider-inner h2 {
      color: #fff;
      font-size: 48px;
      font-weight: bold;
      letter-spacing: -0.05em;
      position: relative;
      z-index: 1; }
      @media (max-width: 992px) {
        .slider .slider-inner h3,
        .slider .slider-inner h2 {
          font-size: 32px !important; } }
      .slider .slider-inner h3 small,
      .slider .slider-inner h2 small {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0; }
        @media (max-width: 992px) {
          .slider .slider-inner h3 small,
          .slider .slider-inner h2 small {
            font-size: 14px; } }
      .slider .slider-inner h3 small,
      .slider .slider-inner h3 span,
      .slider .slider-inner h3 strong,
      .slider .slider-inner h2 small,
      .slider .slider-inner h2 span,
      .slider .slider-inner h2 strong {
        position: relative;
        z-index: 3; }
      .slider .slider-inner h3 span,
      .slider .slider-inner h2 span {
        font-size: 40px;
        font-style: italic;
        font-weight: normal;
        text-transform: none; }
        @media (max-width: 992px) {
          .slider .slider-inner h3 span,
          .slider .slider-inner h2 span {
            font-size: 18px; } }
      .slider .slider-inner h3 *,
      .slider .slider-inner h2 * {
        display: block; }
    .slider .slider-inner h3 {
      font-size: 32px; }
      .slider .slider-inner h3 strong {
        color: #F4A261; }
    .slider .slider-inner p {
      color: #eee; }
    .slider .slider-inner .slider-btn .btn-g {
      z-index: 2; }

.portfolio-row {
  overflow: hidden; }
  .portfolio-row:before {
    z-index: -1 !important; }
  .portfolio-row .heading-s:before {
    content: "";
    width: 20%;
    height: 60%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-size: 7px 7px;
    background-image: radial-gradient(rgba(77, 67, 92, 0.3) 15%, transparent 0), radial-gradient(rgba(77, 67, 92, 0.3) 15%, transparent 0); }
    @media (max-width: 992px) {
      .portfolio-row .heading-s:before {
        display: none; } }
  .portfolio-row .portfolio-link {
    position: relative;
    width: 100%; }
    .portfolio-row .portfolio-link .portfolio-border {
      width: 30%;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 22px;
      left: 20%; }
      .portfolio-row .portfolio-link .portfolio-border span {
        position: relative;
        display: table-cell; }
        .portfolio-row .portfolio-link .portfolio-border span:before {
          content: '';
          width: 1px;
          height: 70px;
          position: absolute;
          bottom: 0;
          left: 100%;
          background-color: #fff; }

.portfolio-box {
  position: relative;
  overflow: hidden;
  border: 4px solid transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .portfolio-box .portfolio-inner {
    background-color: #fff;
    padding: 15px;
    position: relative; }
    .portfolio-box .portfolio-inner .protfolio-name {
      font-size: 16px;
      color: #242c35;
      font-weight: 600;
      margin-bottom: 0;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .portfolio-box .portfolio-inner .protfolio-cat {
      font-size: 12px;
      color: #777777;
      font-weight: normal;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
  .portfolio-box:hover {
    border: 4px solid #F4A261; }
    .portfolio-box:hover .protfolio-name,
    .portfolio-box:hover .protfolio-cat {
      color: #F4A261; }

.portfolio-video .play-button {
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }

.socials-videos {
  background-color: #f4fcf8; }

.socials-designs .protfolio-cat,
.socials-videos .protfolio-cat {
  display: none; }

.website-thumb {
  width: 100%;
  height: 341px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
  -webkit-transition: background-position 1.5s linear;
  transition: background-position 1.5s linear; }

.portfolio-box:hover .website-thumb {
  background-position: 0 100%; }

#portfolio-pagination {
  text-align: center; }
  #portfolio-pagination .pagination {
    display: inherit; }
    #portfolio-pagination .pagination li {
      display: inline-block;
      margin: 0 4px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 100%;
      overflow: hidden; }
      #portfolio-pagination .pagination li span,
      #portfolio-pagination .pagination li a {
        margin: 0;
        line-height: 40px !important;
        padding: 0;
        display: block;
        border: 0px; }
        #portfolio-pagination .pagination li span:hover,
        #portfolio-pagination .pagination li a:hover {
          background-color: #F4A261;
          color: #fff; }
      #portfolio-pagination .pagination li .page-link {
        background-color: #fff; }
      #portfolio-pagination .pagination li .prev,
      #portfolio-pagination .pagination li .next {
        background-color: transparent; }
    #portfolio-pagination .pagination .active span {
      background-color: #F4A261; }

#portfolio_archive {
  margin: -1.5rem 0 !important;
  background-color: #f4fcf8; }

/* Portfolio Single */
#portfolio_single {
  margin-top: -1.5rem !important;
  background-color: #f4fcf8; }
  #portfolio_single .portfolio-btn {
    padding: 30px 25px;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: bold;
    border: 3px solid #cbefdd;
    text-align: center;
    color: #1a5f3d; }
    #portfolio_single .portfolio-btn:hover {
      color: #242c35;
      border-color: #F4A261; }
  #portfolio_single .portfolio-sub {
    margin-bottom: -1.5rem !important;
    padding: 0 0 80px; }
    #portfolio_single .portfolio-sub .entry-content {
      background-color: #fff;
      padding: 60px 40px 40px;
      z-index: 1;
      position: relative;
      background-image: url(../images/prof-content.jpg);
      background-position: top left;
      background-repeat: no-repeat; }
      #portfolio_single .portfolio-sub .entry-content h1 span {
        font-weight: 400;
        color: #F4A261;
        position: relative;
        border-bottom: 1px solid #F4A261; }
      #portfolio_single .portfolio-sub .entry-content p {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.7; }
        #portfolio_single .portfolio-sub .entry-content p:last-child {
          margin-bottom: 0; }
    #portfolio_single .portfolio-sub .since {
      text-align: center; }
      @media (max-width: 992px) {
        #portfolio_single .portfolio-sub .since {
          margin-bottom: 20px; } }
      #portfolio_single .portfolio-sub .since i {
        font-size: 32px; }
      #portfolio_single .portfolio-sub .since span {
        display: block;
        font-size: 21px;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase; }
      #portfolio_single .portfolio-sub .since .client-text {
        font-size: 18px; }
      #portfolio_single .portfolio-sub .since .year {
        font-size: 28px;
        color: #F4A261; }
  #portfolio_single .portfolio-details h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #242c35;
    position: relative;
    padding-left: 20px; }
    #portfolio_single .portfolio-details h4:before {
      width: 10px;
      height: 3px;
      background-color: #F4A261;
      position: absolute;
      top: 40%;
      left: 0;
      content: ""; }
  #portfolio_single .portfolio-details .pd-meta {
    font-size: 16px;
    font-weight: 500;
    color: #333; }
  #portfolio_single .portfolio-details .industry {
    font-size: 14px; }
  #portfolio_single .services-box {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0 10px 50px;
    margin-bottom: 5px;
    display: block;
    position: relative; }
    #portfolio_single .services-box:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 0;
      background-color: #F4A261;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      background-size: 22px 22px;
      background-position: center center;
      background-repeat: no-repeat; }
  #portfolio_single .Website_Design:before {
    background-image: url(../svg/Website_Design.svg); }
  #portfolio_single .eCommerce_Website:before {
    background-image: url(../svg/eCommerce_Website.svg); }
  #portfolio_single .Website_Redesign_Revamp:before {
    background-image: url(../svg/Website_Redesign_Revamp.svg); }
  #portfolio_single .Website_Maintenance___Security:before {
    background-image: url(../svg/Website_Maintenance___Security.svg); }
  #portfolio_single .Updates___Ongoing_Services:before {
    background-image: url(../svg/Updates___Ongoing_Services.svg); }
  #portfolio_single .Customized_Website:before {
    background-image: url(../svg/Customized_Website.svg); }
  #portfolio_single .Digital_Marketing_Strategy:before {
    background-image: url(../svg/Digital_Marketing_Strategy.svg); }
  #portfolio_single .Social_Media_Marketing:before {
    background-image: url(../svg/Social_Media_Marketing.svg); }
  #portfolio_single .SEO_Services:before {
    background-image: url(../svg/SEO_Services.svg); }
  #portfolio_single .Online_Campaigns___Advertising:before {
    background-image: url(../svg/Digital_Marketing_Strategy.svg); }
  #portfolio_single .Online_Advertising_Training:before {
    background-image: url(../svg/Digital_Marketing_Training.svg); }
  #portfolio_single .Digital_Marketing_Training:before {
    background-image: url(../svg/Digital_Marketing_Training.svg); }
  #portfolio_single .eCommerce_Marketing:before {
    background-image: url(../svg/eCommerce_Website.svg); }
  #portfolio_single .eCommerce_Hosting_Plan:before {
    background-image: url(../svg/eCommerce_Website.svg); }
  #portfolio_single .Social_Media_Marketing_Training:before {
    background-image: url(../svg/Social_Media_Marketing.svg); }
  #portfolio_single .SEO_Optimization_Training:before {
    background-image: url(../svg/SEO_Services.svg); }
  #portfolio_single .Mobile_Apps_Marketing:before {
    background-image: url(../svg/Mobile_Apps_Marketing.svg); }
  #portfolio_single .Shared_Web_Hosting:before {
    background-image: url(../svg/Shared_Web_Hosting.svg); }
  #portfolio_single .WordPress_Hosting:before {
    background-image: url(../svg/WordPress_Hosting.svg); }
  #portfolio_single .Cloud_Hosting:before {
    background-image: url(../svg/Cloud_Hosting.svg); }
  #portfolio_single .Dedicated_Servers:before {
    background-image: url(../svg/Dedicated_Servers.svg); }
  #portfolio_single .Digital_Marketing_Consultation:before {
    background-image: url(../svg/Digital_Marketing_Consultation.svg); }

@media (max-width: 992px) {
  .portfolio-right-links {
    margin-top: 40px; } }

.grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  grid-auto-rows: 10px; }

#event_archive {
  background-color: #f4fcf8; }

.events-box {
  position: relative;
  overflow: hidden; }
  .events-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 -270px 160px -180px #0e3f16;
            box-shadow: inset 0 -270px 160px -180px #0e3f16;
    z-index: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .events-box .events-name {
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 0;
    color: #fff;
    z-index: 2;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .events-box img {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .events-box:hover .events-name {
    background-color: #F4A261; }
  .events-box:hover img {
    -webkit-transform: scale3d(1.4, 1.4, 1);
            transform: scale3d(1.4, 1.4, 1); }

.news-inner .news-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -2px; }
.news-inner p {
  font-size: 16px; }

.event-gallery {
  margin: 0; }
  .event-gallery li {
    padding: 0;
    display: inline-block; }
    .event-gallery li img {
      width: 100%;
      height: auto;
      padding: 2px;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .event-gallery li img:hover {
        opacity: 0.5; }

.customers {
  overflow: hidden; }
  @media (max-width: 992px) {
    .customers .header-warp {
      display: block !important; } }
  .customers .customers-inner {
    overflow: hidden; }
  .customers .customers-btn {
    position: relative; }
    .customers .customers-btn:before {
      content: '';
      width: 1000px;
      height: 3px;
      background-color: #f4fcf8;
      position: absolute;
      top: 21px;
      right: 0; }
      @media (max-width: 992px) {
        .customers .customers-btn:before {
          left: 0;
          right: inherit; } }
  @media (max-width: 992px) {
    .customers .customers-list {
      text-align: center; } }
  .customers .customers-list li .customer-img {
    border: 1px solid #f1f1f1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .customers .customers-list li:nth-last-child(1):before, .customers .customers-list li:nth-last-child(2):before, .customers .customers-list li:nth-last-child(3):before, .customers .customers-list li:nth-last-child(4):before {
    display: none !important; }
    @media (max-width: 992px) {
      .customers .customers-list li:nth-last-child(1):before, .customers .customers-list li:nth-last-child(2):before, .customers .customers-list li:nth-last-child(3):before, .customers .customers-list li:nth-last-child(4):before {
        display: block !important; } }
  .customers .customers-list li:hover img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    margin-top: -10px; }

.customer-box {
  position: relative; }
  .customer-box:before {
    content: "";
    width: 1px;
    height: 70px;
    background-color: #eee;
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: -1; }
  .customer-box:after {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #eee;
    position: absolute;
    top: 40%;
    right: -30px;
    z-index: -1; }

/* Customers Page */
.customers-page {
  background-image: url(../images/waves-50.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #f4fcf8; }
  .customers-page .customers-inner {
    overflow: hidden; }
  .customers-page .client-wrapper {
    background: #fff;
    border: 1px solid #eee;
    display: block;
    position: relative; }
  .customers-page .more-about {
    color: #000; }
    .customers-page .more-about:hover {
      color: #000; }
  .customers-page .imghvr-shutter-outter {
    position: relative;
    overflow: visible; }
    .customers-page .imghvr-shutter-outter:before {
      content: "";
      width: 1px;
      height: 100px;
      background-color: #eee;
      position: absolute;
      bottom: -30px;
      right: 0;
      left: 0;
      margin: 0 auto;
      z-index: -1; }
    .customers-page .imghvr-shutter-outter:after {
      content: "";
      width: 100px;
      height: 1px;
      background-color: #eee;
      position: absolute;
      top: 40%;
      right: -30px;
      z-index: -1; }
  .customers-page .customers-inner .row li:nth-last-child(1) .imghvr-shutter-outter:before,
  .customers-page .customers-inner .row li:nth-last-child(2) .imghvr-shutter-outter:before,
  .customers-page .customers-inner .row li:nth-last-child(3) .imghvr-shutter-outter:before,
  .customers-page .customers-inner .row li:nth-last-child(4) .imghvr-shutter-outter:before {
    display: none !important; }
  .customers-page .imghvr-shutter-in-out-diag-2 {
    margin-bottom: 30px;
    padding: 20px 0;
    text-align: center; }
    .customers-page .imghvr-shutter-in-out-diag-2 h3 {
      font-size: 18px; }
  .customers-page [class*=" imghvr-"] figcaption,
  .customers-page [class^=imghvr-] figcaption {
    background-color: #F4A261;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #333;
    opacity: 0;
    z-index: 1; }
  .customers-page .row li:nth-last-child(1) .flip-box-inner:before,
  .customers-page .row li:nth-last-child(2) .flip-box-inner:before,
  .customers-page .row li:nth-last-child(3) .flip-box-inner:before,
  .customers-page .row li:nth-last-child(4) .flip-box-inner:before {
    display: none !important; }
    @media (max-width: 992px) {
      .customers-page .row li:nth-last-child(1) .flip-box-inner:before,
      .customers-page .row li:nth-last-child(2) .flip-box-inner:before,
      .customers-page .row li:nth-last-child(3) .flip-box-inner:before,
      .customers-page .row li:nth-last-child(4) .flip-box-inner:before {
        display: block !important; } }

[class*=" imghvr-"],
[class^=imghvr-] {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  @media (max-width: 992px) {
    [class*=" imghvr-"],
    [class^=imghvr-] {
      display: block; } }

[class*=" imghvr-"] > img,
[class^=imghvr-] > img {
  vertical-align: top;
  max-width: 100%; }

[class*=" imghvr-"] figcaption,
[class^=imghvr-] figcaption {
  background-color: #F4A261;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #333; }

[class*=" imghvr-"] figcaption h1,
[class*=" imghvr-"] figcaption h2,
[class*=" imghvr-"] figcaption h3,
[class*=" imghvr-"] figcaption h4,
[class*=" imghvr-"] figcaption h5,
[class*=" imghvr-"] figcaption h6,
[class^=imghvr-] figcaption h1,
[class^=imghvr-] figcaption h2,
[class^=imghvr-] figcaption h3,
[class^=imghvr-] figcaption h4,
[class^=imghvr-] figcaption h5,
[class^=imghvr-] figcaption h6 {
  color: #333; }

[class*=" imghvr-"],
[class*=" imghvr-"] *,
[class*=" imghvr-"]:after,
[class*=" imghvr-"] :after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"] :before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-]:after,
[class^=imghvr-] :after,
[class^=imghvr-]:before,
[class^=imghvr-] :before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }

[class*=" imghvr-shutter-out-"]:before,
[class^=imghvr-shutter-out-]:before {
  background: #F4A261;
  position: absolute;
  content: "";
  -webkit-transition-delay: 105ms;
          transition-delay: 105ms; }

[class*=" imghvr-shutter-out-"] figcaption,
[class^=imghvr-shutter-out-] figcaption {
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

[class*=" imghvr-shutter-out-"]:hover:before,
[class^=imghvr-shutter-out-]:hover:before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

[class*=" imghvr-shutter-out-"]:hover figcaption,
[class^=imghvr-shutter-out-]:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 105ms;
          transition-delay: 105ms; }

.imghvr-shutter-out-horiz:before {
  left: 50%;
  right: 50%;
  top: 0;
  bottom: 0; }

.imghvr-shutter-out-horiz:hover:before {
  left: 0;
  right: 0; }

.imghvr-shutter-out-vert:before {
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0; }

.imghvr-shutter-out-vert:hover:before {
  top: 0;
  bottom: 0; }

.imghvr-shutter-out-diag-1:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.imghvr-shutter-out-diag-1:hover:before {
  top: -35%;
  bottom: -35%; }

.imghvr-shutter-out-diag-2:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.imghvr-shutter-out-diag-2:hover:before {
  top: -35%;
  bottom: -35%; }

[class*=" imghvr-shutter-in-"]:after,
[class*=" imghvr-shutter-in-"]:before,
[class^=imghvr-shutter-in-]:after,
[class^=imghvr-shutter-in-]:before {
  background: #F4A261;
  position: absolute;
  content: ""; }

[class*=" imghvr-shutter-in-"]:after,
[class^=imghvr-shutter-in-]:after {
  top: 0;
  left: 0; }

[class*=" imghvr-shutter-in-"]:before,
[class^=imghvr-shutter-in-]:before {
  right: 0;
  bottom: 0; }

[class*=" imghvr-shutter-in-"] figcaption,
[class^=imghvr-shutter-in-] figcaption {
  opacity: 0;
  z-index: 1; }

[class*=" imghvr-shutter-in-"]:hover figcaption,
[class^=imghvr-shutter-in-]:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
          transition-delay: 0.21s; }

.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
  width: 0;
  height: 100%; }

.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
  width: 50%; }

.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
  height: 0;
  width: 100%; }

.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
  height: 50%; }

.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
  width: 0;
  height: 100%; }

.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
  width: 100%;
  opacity: 0.75; }

.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
  height: 0;
  width: 100%; }

.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
  height: 100%;
  opacity: 0.75; }

.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  opacity: 0.75; }

.imghvr-shutter-in-out-diag-1:after {
  -webkit-transform: skew(-45deg) translateX(-150%);
          transform: skew(-45deg) translateX(-150%); }

.imghvr-shutter-in-out-diag-1:before {
  -webkit-transform: skew(-45deg) translateX(150%);
          transform: skew(-45deg) translateX(150%); }

.imghvr-shutter-in-out-diag-1:hover:after {
  -webkit-transform: skew(-45deg) translateX(-50%);
          transform: skew(-45deg) translateX(-50%); }

.imghvr-shutter-in-out-diag-1:hover:before {
  -webkit-transform: skew(-45deg) translateX(50%);
          transform: skew(-45deg) translateX(50%); }

.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  opacity: 1; }

.imghvr-shutter-in-out-diag-2:after {
  -webkit-transform: skew(45deg) translateX(-100%);
          transform: skew(45deg) translateX(-100%); }

.imghvr-shutter-in-out-diag-2:before {
  -webkit-transform: skew(45deg) translateX(100%);
          transform: skew(45deg) translateX(100%); }

.imghvr-shutter-in-out-diag-2:hover:after,
.imghvr-shutter-in-out-diag-2:hover:before {
  -webkit-transform: skew(45deg) translateX(0);
          transform: skew(45deg) translateX(0); }

.phone-top {
  padding-left: 74px;
  position: relative; }
  .phone-top:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 64px;
    height: 64px;
    background-color: #fff;
    border-radius: 100%;
    background-image: url(../svg/call.svg);
    background-size: 48px 48px;
    background-position: center center;
    background-repeat: no-repeat; }
  .phone-top a {
    display: block;
    font-size: 24px;
    color: #fff; }
    .phone-top a:hover {
      color: #F4A261; }

.contact-top {
  overflow: hidden; }
  .contact-top .bot-left {
    text-align: center;
    background-color: #F4A261;
    background-image: url(../images/ctop-left-new.jpg);
    background-size: cover;
    padding: 100px 0 99px; }
    @media (max-width: 992px) {
      .contact-top .bot-left {
        padding: 60px 15px; } }
    .contact-top .bot-left h2 {
      font-size: 48px;
      font-weight: normal;
      margin-bottom: 0;
      display: inline-block; }
      @media (max-width: 992px) {
        .contact-top .bot-left h2 {
          font-size: 28px; } }
      .contact-top .bot-left h2 .s1 {
        display: block;
        font-weight: bold;
        font-size: 66px;
        position: relative; }
        @media (max-width: 992px) {
          .contact-top .bot-left h2 .s1 {
            font-size: 46px; } }
        .contact-top .bot-left h2 .s1:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: #fff;
          width: 100%;
          height: 30%;
          z-index: 0; }
        .contact-top .bot-left h2 .s1 span {
          position: relative;
          z-index: 1; }
      .contact-top .bot-left h2 .s2 {
        display: block;
        font-weight: bold;
        font-size: 68px;
        text-transform: uppercase; }
        @media (max-width: 992px) {
          .contact-top .bot-left h2 .s2 {
            font-size: 46px; } }
  .contact-top .bot-right {
    background-image: url(../images/ctop-right.jpg);
    background-size: cover;
    background-position: center;
    padding: 80px 0 80px 60px; }
    .contact-top .bot-right p {
      font-size: 18px;
      font-weight: 600;
      font-style: italic; }
      .contact-top .bot-right p:last-child {
        margin-bottom: 0; }
    @media (max-width: 992px) {
      .contact-top .bot-right {
        padding: 40px 15px; }
        .contact-top .bot-right br {
          display: none; } }

.contact-bot {
  overflow: hidden;
  background-color: #242c35;
}

.contact-bot .top-left {
  background-color: #242c35;
  padding: 80px 60px;
}

@media (max-width: 992px) {
  .contact-bot .top-left {
    padding: 60px 20px; /* More appropriate padding for smaller screens */
    width: 100%; /* Ensure full width usage */
  }
}

.contact-bot .top-left .contact-pinfo li {
  font-size: 21px;
  padding-left: 74px;
  position: relative;
  margin-bottom: 25px;
  color: #eee;
}

.contact-bot .top-left .contact-pinfo li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  background-color: #F4A261;
  border-radius: 100%;
  background-image: url(../svg/call.svg);
  background-size: 48px 48px;
  background-position: center center;
  background-repeat: no-repeat;
}

.contact-bot .top-left .contact-pinfo li strong {
  font-size: 18px;
  font-weight: bold;
  color: #F4A261;
  text-transform: uppercase;
  display: block;
}

.contact-bot .top-left .contact-pinfo li a {
  color: #fff;
}

.contact-bot .top-left .contact-pinfo li a:hover {
  color: #F4A261;
}

.contact-bot .top-left .contact-pinfo .address:before {
  background-image: url(../svg/address.svg);
}

.contact-bot .top-left .contact-pinfo .phone:before {
  background-image: url(../svg/phone.svg);
}

.contact-bot .top-left .contact-pinfo .mobile:before {
  background-image: url(../svg/mobile.svg);
}

.contact-bot .top-left .contact-pinfo .email:before {
  background-image: url(../svg/email.svg);
}

.contact-bot .top-left .contact-pinfo .wtime:before {
  background-image: url(../svg/wtime.svg);
}

.contact-bot .top-left .follow-us {
  font-size: 18px;
  font-weight: bold;
  color: #F4A261;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}

.contact-bot .top-right {
  background-color: #F4A261;
  background-image: url(../images/form-right.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 90px 60px 91px;
}

@media (max-width: 992px) {
  .contact-bot .top-right {
    padding: 60px 20px; /* Adjusted padding for mobile view */
    width: 100%; /* Ensure full width usage */
  }
}

.contact-bot .top-right h2 {
  padding-top: 74px;
  position: relative;
  display: block;
  margin-bottom: 40px;
  font-size: 48px;
  color: #242c35;
  letter-spacing: -3px;
}

@media (max-width: 992px) {
  .contact-bot .top-right h2 {
    font-size: 38px; /* Adjust font size for mobile */
    padding-top: 20px; /* Adjust padding for mobile */
  }
}

.contact-bot .top-right h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  background-color: #242c35;
  border-radius: 100%;
  background-image: url(../svg/touch.svg);
  background-size: 48px 48px;
  background-position: center center;
  background-repeat: no-repeat;
}

.contact-bot .top-right h2 small {
  display: block;
  font-size: 21px;
  letter-spacing: 0;
}

@media (max-width: 992px) {
  .contact-bot .top-right h2 small {
    font-size: 18px; /* Adjust font size for mobile */
    margin-top: 10px; /* Adjust margin for better alignment */
  }
}

.contact-bottom {
  background-color: #1BA8A3;
  background-image: url(../images/form-right.png);
  background-position: top right;
  background-repeat: no-repeat; }
  .contact-bottom .heading-s {
    font-weight: bold; }
    .contact-bottom .heading-s small {
      color: #fff; }

.contact-bot select,
.contact-bot textarea,
.contact-bot input[type=email],
.contact-bot input[type=number],
.contact-bot input[type=tel],
.contact-bot input[type=text],
.contact-bottom select,
.contact-bottom textarea,
.contact-bottom input[type=email],
.contact-bottom input[type=number],
.contact-bottom input[type=tel],
.contact-bottom input[type=text] {
  border-radius: 0px;
  padding: 12px 10px;
  border: 2px solid #1299BB;
  background-color: transparent;
  font-size: 14px;
  font-family: "Montserrat", Georgia, serif;
  font-weight: 500;
  color: #242c35;
  background-color: #c0d7d1;
  height: inherit; }
  .contact-bot select::-webkit-input-placeholder, .contact-bot textarea::-webkit-input-placeholder, .contact-bot input[type=email]::-webkit-input-placeholder, .contact-bot input[type=number]::-webkit-input-placeholder, .contact-bot input[type=tel]::-webkit-input-placeholder, .contact-bot input[type=text]::-webkit-input-placeholder, .contact-bottom select::-webkit-input-placeholder, .contact-bottom textarea::-webkit-input-placeholder, .contact-bottom input[type=email]::-webkit-input-placeholder, .contact-bottom input[type=number]::-webkit-input-placeholder, .contact-bottom input[type=tel]::-webkit-input-placeholder, .contact-bottom input[type=text]::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #242c35;
    font-weight: bold;
    font-size: 12px; }
  .contact-bot select:-moz-placeholder, .contact-bot textarea:-moz-placeholder, .contact-bot input[type=email]:-moz-placeholder, .contact-bot input[type=number]:-moz-placeholder, .contact-bot input[type=tel]:-moz-placeholder, .contact-bot input[type=text]:-moz-placeholder, .contact-bottom select:-moz-placeholder, .contact-bottom textarea:-moz-placeholder, .contact-bottom input[type=email]:-moz-placeholder, .contact-bottom input[type=number]:-moz-placeholder, .contact-bottom input[type=tel]:-moz-placeholder, .contact-bottom input[type=text]:-moz-placeholder {
    text-transform: uppercase;
    color: #242c35;
    font-weight: bold;
    font-size: 12px; }
  .contact-bot select::-moz-placeholder, .contact-bot textarea::-moz-placeholder, .contact-bot input[type=email]::-moz-placeholder, .contact-bot input[type=number]::-moz-placeholder, .contact-bot input[type=tel]::-moz-placeholder, .contact-bot input[type=text]::-moz-placeholder, .contact-bottom select::-moz-placeholder, .contact-bottom textarea::-moz-placeholder, .contact-bottom input[type=email]::-moz-placeholder, .contact-bottom input[type=number]::-moz-placeholder, .contact-bottom input[type=tel]::-moz-placeholder, .contact-bottom input[type=text]::-moz-placeholder {
    text-transform: uppercase;
    color: #242c35;
    font-weight: bold;
    font-size: 12px; }
  .contact-bot select:-ms-input-placeholder, .contact-bot textarea:-ms-input-placeholder, .contact-bot input[type=email]:-ms-input-placeholder, .contact-bot input[type=number]:-ms-input-placeholder, .contact-bot input[type=tel]:-ms-input-placeholder, .contact-bot input[type=text]:-ms-input-placeholder, .contact-bottom select:-ms-input-placeholder, .contact-bottom textarea:-ms-input-placeholder, .contact-bottom input[type=email]:-ms-input-placeholder, .contact-bottom input[type=number]:-ms-input-placeholder, .contact-bottom input[type=tel]:-ms-input-placeholder, .contact-bottom input[type=text]:-ms-input-placeholder {
    text-transform: uppercase;
    color: #242c35;
    font-weight: bold;
    font-size: 12px; }
  .contact-bot select:not(:disabled):not(.disabled):active, .contact-bot select:active, .contact-bot select:focus, .contact-bot select:hover,
  .contact-bot textarea:not(:disabled):not(.disabled):active,
  .contact-bot textarea:active,
  .contact-bot textarea:focus,
  .contact-bot textarea:hover,
  .contact-bot input[type=email]:not(:disabled):not(.disabled):active,
  .contact-bot input[type=email]:active,
  .contact-bot input[type=email]:focus,
  .contact-bot input[type=email]:hover,
  .contact-bot input[type=number]:not(:disabled):not(.disabled):active,
  .contact-bot input[type=number]:active,
  .contact-bot input[type=number]:focus,
  .contact-bot input[type=number]:hover,
  .contact-bot input[type=tel]:not(:disabled):not(.disabled):active,
  .contact-bot input[type=tel]:active,
  .contact-bot input[type=tel]:focus,
  .contact-bot input[type=tel]:hover,
  .contact-bot input[type=text]:not(:disabled):not(.disabled):active,
  .contact-bot input[type=text]:active,
  .contact-bot input[type=text]:focus,
  .contact-bot input[type=text]:hover,
  .contact-bottom select:not(:disabled):not(.disabled):active,
  .contact-bottom select:active,
  .contact-bottom select:focus,
  .contact-bottom select:hover,
  .contact-bottom textarea:not(:disabled):not(.disabled):active,
  .contact-bottom textarea:active,
  .contact-bottom textarea:focus,
  .contact-bottom textarea:hover,
  .contact-bottom input[type=email]:not(:disabled):not(.disabled):active,
  .contact-bottom input[type=email]:active,
  .contact-bottom input[type=email]:focus,
  .contact-bottom input[type=email]:hover,
  .contact-bottom input[type=number]:not(:disabled):not(.disabled):active,
  .contact-bottom input[type=number]:active,
  .contact-bottom input[type=number]:focus,
  .contact-bottom input[type=number]:hover,
  .contact-bottom input[type=tel]:not(:disabled):not(.disabled):active,
  .contact-bottom input[type=tel]:active,
  .contact-bottom input[type=tel]:focus,
  .contact-bottom input[type=tel]:hover,
  .contact-bottom input[type=text]:not(:disabled):not(.disabled):active,
  .contact-bottom input[type=text]:active,
  .contact-bottom input[type=text]:focus,
  .contact-bottom input[type=text]:hover {
    border-color: #fff;
    background-color: transparent;
    color: #fff; }
.contact-bot .wpcf7-submit,
.contact-bottom .wpcf7-submit {
  width: 100%;
  padding: 15px 25px; }
.contact-bot textarea,
.contact-bottom textarea {
  max-height: 170px;
  padding: 10px; }
.contact-bot .yoursite:not(:disabled):not(.disabled):active:before, .contact-bot .yoursite:active:before, .contact-bot .yoursite:focus:before, .contact-bot .yoursite:hover:before,
.contact-bot .youraddress:not(:disabled):not(.disabled):active:before,
.contact-bot .youraddress:active:before,
.contact-bot .youraddress:focus:before,
.contact-bot .youraddress:hover:before,
.contact-bot .yourname:not(:disabled):not(.disabled):active:before,
.contact-bot .yourname:active:before,
.contact-bot .yourname:focus:before,
.contact-bot .yourname:hover:before,
.contact-bot .yourphone:not(:disabled):not(.disabled):active:before,
.contact-bot .yourphone:active:before,
.contact-bot .yourphone:focus:before,
.contact-bot .yourphone:hover:before,
.contact-bot .youremail:not(:disabled):not(.disabled):active:before,
.contact-bot .youremail:active:before,
.contact-bot .youremail:focus:before,
.contact-bot .youremail:hover:before,
.contact-bottom .yoursite:not(:disabled):not(.disabled):active:before,
.contact-bottom .yoursite:active:before,
.contact-bottom .yoursite:focus:before,
.contact-bottom .yoursite:hover:before,
.contact-bottom .youraddress:not(:disabled):not(.disabled):active:before,
.contact-bottom .youraddress:active:before,
.contact-bottom .youraddress:focus:before,
.contact-bottom .youraddress:hover:before,
.contact-bottom .yourname:not(:disabled):not(.disabled):active:before,
.contact-bottom .yourname:active:before,
.contact-bottom .yourname:focus:before,
.contact-bottom .yourname:hover:before,
.contact-bottom .yourphone:not(:disabled):not(.disabled):active:before,
.contact-bottom .yourphone:active:before,
.contact-bottom .yourphone:focus:before,
.contact-bottom .yourphone:hover:before,
.contact-bottom .youremail:not(:disabled):not(.disabled):active:before,
.contact-bottom .youremail:active:before,
.contact-bottom .youremail:focus:before,
.contact-bottom .youremail:hover:before {
  color: #fff !important; }

select {
  outline: 0;
  display: block;
  width: 100%;
  white-space: nowrap;
  vertical-align: middle;
  background: transparent url(../images/select.png) no-repeat right 0.75rem center;
  background-size: 10px 15px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
  font-weight: 600;
  padding: 14px 40px 14px 12px !important; }

.youraddress:before,
.yoursite:before,
.yourname:before,
.yourphone:before,
.youremail:before {
  content: "";
  font-family: "Fontawesome";
  display: inline;
  color: #222;
  position: absolute;
  top: 13px;
  right: 20px;
  z-index: 2; }
.youraddress:not(:disabled):not(.disabled):active:before, .youraddress:active:before, .youraddress:focus:before, .youraddress:hover:before,
.yoursite:not(:disabled):not(.disabled):active:before,
.yoursite:active:before,
.yoursite:focus:before,
.yoursite:hover:before,
.yourname:not(:disabled):not(.disabled):active:before,
.yourname:active:before,
.yourname:focus:before,
.yourname:hover:before,
.yourphone:not(:disabled):not(.disabled):active:before,
.yourphone:active:before,
.yourphone:focus:before,
.yourphone:hover:before,
.youremail:not(:disabled):not(.disabled):active:before,
.youremail:active:before,
.youremail:focus:before,
.youremail:hover:before {
  color: #F4A261; }

.yourname:before {
  content: "\f007"; }

.yourphone:before {
  content: "\f095"; }

.youremail:before {
  content: "\f0e0"; }

.yoursite:before {
  content: "\f0c1"; }

.youraddress:before {
  content: "\f041"; }

#goomap {
  background-color: #242c35;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  margin-bottom: -10px; }

.fsar-right .nw-happen,
.fsar-right .nw-problem,
.fsar-right .nw-story {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
  padding: 65px 60px; }
  @media (max-width: 992px) {
    .fsar-right .nw-happen,
    .fsar-right .nw-problem,
    .fsar-right .nw-story {
      padding: 150px 20px 50px; } }
  .fsar-right .nw-happen .fsar-inner,
  .fsar-right .nw-problem .fsar-inner,
  .fsar-right .nw-story .fsar-inner {
    position: relative; }
    .fsar-right .nw-happen .fsar-inner:before,
    .fsar-right .nw-problem .fsar-inner:before,
    .fsar-right .nw-story .fsar-inner:before {
      content: "";
      position: absolute;
      top: 0;
      left: -94px;
      width: 64px;
      height: 64px;
      background-color: #242c35;
      border-radius: 100%;
      background-image: url(../svg/touch.svg);
      background-size: 48px 48px;
      background-position: center center;
      background-repeat: no-repeat; }
      @media (max-width: 992px) {
        .fsar-right .nw-happen .fsar-inner:before,
        .fsar-right .nw-problem .fsar-inner:before,
        .fsar-right .nw-story .fsar-inner:before {
          top: -84px;
          left: 0; } }
  .fsar-right .nw-happen h3,
  .fsar-right .nw-problem h3,
  .fsar-right .nw-story h3 {
    font-size: 23px;
    text-transform: uppercase;
    color: #242c35;
    font-weight: bold;
    position: relative;
    z-index: 2; }
    .fsar-right .nw-happen h3 span,
    .fsar-right .nw-problem h3 span,
    .fsar-right .nw-story h3 span {
      position: relative;
      z-index: 1; }
      .fsar-right .nw-happen h3 span:before,
      .fsar-right .nw-problem h3 span:before,
      .fsar-right .nw-story h3 span:before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 10px;
        background-color: #F4A261;
        z-index: -1; }
  .fsar-right .nw-happen p,
  .fsar-right .nw-problem p,
  .fsar-right .nw-story p {
    color: #242c35;
    font-weight: 600;
    font-size: 16px; }
    @media (max-width: 992px) {
      .fsar-right .nw-happen p br,
      .fsar-right .nw-problem p br,
      .fsar-right .nw-story p br {
        display: none; } }
.fsar-right .nw-story {
  background-image: url(../images/story.jpg); }
  .fsar-right .nw-story .fsar-inner:before {
    background-image: url(../svg/working.svg); }
.fsar-right .nw-problem {
  background-image: url(../images/problem.jpg); }
  .fsar-right .nw-problem .fsar-inner:before {
    background-image: url(../svg/light-bulb.svg); }
.fsar-right .nw-happen {
  background-image: url(../images/happen.jpg); }
  .fsar-right .nw-happen .fsar-inner:before {
    background-image: url(../svg/seo-and-web.svg);
    background-size: 38px 38px; }

.contact-bot-fsar {
  background-color: #F4A261; }

.fquote label {
  text-transform: inherit !important;
  font-weight: 600 !important; }
.fquote input.checkbox {
  height: 50px;
  width: 50px;
  display: block;
  /* You Can remove display block, since your buttons are already stacked */ }
.fquote input.checkbox:after {
  background-image: url("../untitled folder 5/images/image.img");
  content: '';
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  margin-left: 35px; }

.contact7-msg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -999999;
  opacity: 0; }
  .contact7-msg .contact7-msg-inner {
    position: relative;
    top: 20%;
    background-color: #242c35;
    padding: 150px 30px 60px !important;
    text-align: center;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -1px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    background-position: center 60px;
    width: 380px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media (max-width: 992px) {
      .contact7-msg .contact7-msg-inner {
        width: 280px; } }
    .contact7-msg .contact7-msg-inner .contact7-close {
      background-color: transparent;
      background-image: url(../svg/close.svg);
      background-size: 30px 30px;
      background-repeat: no-repeat;
      margin-bottom: 0 !important;
      border: 0px;
      font-size: 16px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border: 0px;
      position: absolute;
      top: 20px;
      right: 20px;
      border-radius: 100%;
      -webkit-transition: all .2s linear;
      transition: all .2s linear; }
      @media (max-width: 992px) {
        .contact7-msg .contact7-msg-inner .contact7-close {
          top: 10px;
          right: 10px; } }
      .contact7-msg .contact7-msg-inner .contact7-close:hover {
        background-color: transparent !important;
        opacity: .5; }

.show-msg {
  opacity: 1;
  z-index: 9999999; }
  .show-msg .contact7-msg-inner {
    opacity: 1; }

.popup_error_wpcf7 .contact7-msg-inner {
  background-image: url(../svg/caution.svg); }

.popup_success_wpcf7 .contact7-msg-inner {
  background-image: url(../svg/mail-sent.svg); }

/* Request A Quote */
.request-a-quote {
  background-color: #fff;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/fas.jpg); }
  .request-a-quote .request-a-quote-inner {
    background-color: #F4A261;
    position: relative;
    padding: 80px 50px 65px;
    background-image: url(../images/form-right.png);
    background-position: top right;
    background-repeat: no-repeat; }
    @media (max-width: 992px) {
      .request-a-quote .request-a-quote-inner {
        padding: 80px 20px; } }
    .request-a-quote .request-a-quote-inner .hr-black {
      height: 20px;
      margin: 40px auto; }
    .request-a-quote .request-a-quote-inner textarea,
    .request-a-quote .request-a-quote-inner select,
    .request-a-quote .request-a-quote-inner input[type=number],
    .request-a-quote .request-a-quote-inner input[type=email],
    .request-a-quote .request-a-quote-inner input[type=url],
    .request-a-quote .request-a-quote-inner input[type=tel],
    .request-a-quote .request-a-quote-inner input[type=text] {
      margin-bottom: 15px; }
    .request-a-quote .request-a-quote-inner .wpcf7-checkbox label {
      margin-bottom: 0; }
    .request-a-quote .request-a-quote-inner .wpcf7-list-item-label {
      font-weight: 600;
      margin-left: 40px;
      text-transform: capitalize;
      font-size: 14px;
      padding: 0; }
    .request-a-quote .request-a-quote-inner .wpcf7-checkbox input[type=checkbox] + span:before {
      height: 22px;
      width: 22px;
      border: 1px solid #1BA8A3;
      background-color: #1BA8A3; }
    .request-a-quote .request-a-quote-inner .wpcf7-checkbox input[type=checkbox] + span:after {
      height: 22px;
      width: 22px;
      font-size: 14px;
      background-color: #fff;
      line-height: 23px;
      border-color: #fff; }
    .request-a-quote .request-a-quote-inner .far-heading {
      margin-bottom: 30px;
      font-size: 24px;
      padding-left: 40px;
      position: relative; }
      .request-a-quote .request-a-quote-inner .far-heading:before {
        content: "";
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        position: absolute;
        top: 0;
        left: 0; }
    .request-a-quote .request-a-quote-inner .far-webdes:before {
      background-image: url(../svg/Website_Design.svg); }
	.request-a-quote .request-a-quote-inner .far-chatbot:before {
      background-image: url(../svg/AI-Chatbot.svg); }
    .request-a-quote .request-a-quote-inner .far-dm:before {
      background-image: url(../svg/digital-marketing.svg); }
    .request-a-quote .request-a-quote-inner .far-webhost:before {
      background-image: url(../svg/Dedicated_Servers.svg); }
    .request-a-quote .request-a-quote-inner .far-tc:before {
      background-image: url(../svg/Digital_Marketing_Training.svg); }
    .request-a-quote .request-a-quote-inner .far-box {
      margin-bottom: 40px; }
    .request-a-quote .request-a-quote-inner h4 {
      display: inline-block;
      padding: 15px 30px;
      margin-left: -50px;
      background: -webkit-gradient(linear, left top, right top, from(#222832), to(#475469));
      background: linear-gradient(to right, #222832 0%, #475469 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF222832', endColorstr='#FF475469', GradientType=1);
      color: #fff;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 40px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      @media (max-width: 992px) {
        .request-a-quote .request-a-quote-inner h4 {
          margin-left: -20px; } }

.getknow {
  padding: 100px 0 140px;
  background-color: #242c35;
  background-image: url(../images/get-to-know-new-waves.png);
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden; }
  @media (max-width: 992px) {
    .getknow {
      background-position: top center; } }
  .getknow h2,
  .getknow p {
    color: #fff; }
  .getknow p {
    font-size: 18px; }
  .getknow .getknow-left {
    padding-right: 100px;
    position: relative; }
    .getknow .getknow-left:before {
      content: '';
      position: absolute;
      top: 20px;
      left: -170px;
      width: 150px;
      height: 1px;
      background-color: #F4A261; }
    @media (max-width: 992px) {
      .getknow .getknow-left {
        padding: 0; }
        .getknow .getknow-left:before {
          display: none; } }
    .getknow .getknow-left .download-profile {
      padding: 30px;
      border-radius: 0;
      font-size: 21px !important; }
      @media (max-width: 992px) {
        .getknow .getknow-left .download-profile {
          display: block;
          width: 100%; } }
      .getknow .getknow-left .download-profile i {
        width: 48px;
        height: 48px;
        line-height: 48px;
        border: 2px solid #fff;
        margin-left: 10px; }
      .getknow .getknow-left .download-profile:hover {
        background-color: #0F93C3 !important;
        border-color: #0F93C3 !important; }
        .getknow .getknow-left .download-profile:hover i {
          -webkit-animation: bounce 1.5s infinite;
                  animation: bounce 1.5s infinite; }
  .getknow .video-right {
    position: relative; }
    .getknow .video-right:after {
      content: '';
      border: 1px solid white;
      width: calc(100% + 50px);
      height: calc(100% + 50px);
      position: absolute;
      right: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center;
      margin: 0;
      z-index: 2; }
      @media (max-width: 992px) {
        .getknow .video-right:after {
          display: none; } }
    .getknow .video-right .video-inner {
      position: relative; }

.play-button {
  position: absolute;
  top: 40%;
  left: -70px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: #F4A261;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  z-index: 7;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  @media (max-width: 992px) {
    .play-button {
      left: 0;
      right: 0;
      margin: 0 auto; } }
  .play-button:hover {
    background-color: #0F93C3; }
  .play-button .play-inner {
    position: relative; }
    .play-button .play-inner:before {
      position: absolute;
      top: 50%;
      left: 50%;
      content: "";
      background-color: #F4A261;
      width: 50%;
      height: 50%;
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
      z-index: 0;
      border-radius: 50%;
      opacity: 0;
      -webkit-animation-name: buttonPlayPulse;
              animation-name: buttonPlayPulse;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-animation-duration: 1.25s;
              animation-duration: 1.25s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }

.bounce {
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite; }
@-webkit-keyframes bounce {
  0%,
    20%,
    50%,
    80%,
    100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%,
    20%,
    50%,
    80%,
    100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
.buyers-sellers {
  position: relative;
  z-index: 2;
  margin-top: -50px; }
  @media (max-width: 992px) {
    .buyers-sellers {
      margin-top: 0;
      padding: 40px 0; } }
  .buyers-sellers h2 {
    color: #F4A261;
    font-size: 58px;
    font-weight: bold;
    letter-spacing: -2px;
    text-align: center; }
    @media (max-width: 992px) {
      .buyers-sellers h2 {
        font-size: 32px;
        letter-spacing: -1px;
        text-align: inherit; } }
    .buyers-sellers h2 span {
      display: block;
      color: #242c35;
      font-size: 28px; }
      @media (max-width: 992px) {
        .buyers-sellers h2 span {
          font-size: 21px; } }

.whatwedo h3 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -2px;
  margin-bottom: 40px; }
.whatwedo .w-list .w-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .whatwedo .w-list .w-box li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    padding: 30px 25px;
    background-color: #f6f6f6;
    position: relative;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .whatwedo .w-list .w-box li:hover {
      background-color: #dedede !important;
      margin-top: -10px; }
    @media (max-width: 992px) {
      .whatwedo .w-list .w-box li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
        border-bottom: 1px solid #eee; } }
    .whatwedo .w-list .w-box li:nth-child(even) {
      background-color: #fbfbfb; }
      @media (max-width: 992px) {
        .whatwedo .w-list .w-box li:nth-child(even) {
          background-color: #f6f6f6;
          border-left: 1px solid #eee; } }
    .whatwedo .w-list .w-box li img {
      margin-bottom: 30px; }
  .whatwedo .w-list .w-box h4 {
    font-size: 14px;
    line-height: 1.6; }
.whatwedo .dm h3 {
  color: #F4A261; }
.whatwedo .dm .w-box li {
  background-color: #f0fbf5; }
  .whatwedo .dm .w-box li:hover {
    background-color: #cefbe2 !important; }
  @media (max-width: 992px) {
    .whatwedo .dm .w-box li {
      border-bottom: 1px solid #cdeada; }
      .whatwedo .dm .w-box li:last-child {
        border: 0px; }
      .whatwedo .dm .w-box li:last-child {
        border: 0px; } }
  .whatwedo .dm .w-box li:nth-child(even) {
    background-color: #f7fbf9; }
    @media (max-width: 992px) {
      .whatwedo .dm .w-box li:nth-child(even) {
        background-color: #f0fbf5;
        border-left: 1px solid #cdeada; } }
.whatwedo .wdd h3 {
  color: #0F93C3; }
.whatwedo .wdd .w-box li {
  background-color: #f3f7fd; }
  .whatwedo .wdd .w-box li:hover {
    background-color: #d1e3fd !important; }
  @media (max-width: 992px) {
    .whatwedo .wdd .w-box li {
      border-bottom: 1px solid #e4eefd; }
      .whatwedo .wdd .w-box li:last-child {
        border: 0px; }
      .whatwedo .wdd .w-box li:last-child {
        border: 0px; } }
  .whatwedo .wdd .w-box li:nth-child(even) {
    background-color: #fafbfd; }
    @media (max-width: 992px) {
      .whatwedo .wdd .w-box li:nth-child(even) {
        background-color: #f3f7fd;
        border-left: 1px solid #e4eefd; } }

.passionate {
  margin-top: 100px;
  background-color: #f4fcf8;
  position: relative;
  overflow: hidden; }
  .passionate:before {
    content: '';
    width: 21%;
    height: 100%;
    background-color: #F4A261;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight; }
    @media (max-width: 992px) {
      .passionate:before {
        display: none; } }
  .passionate .passionate-left {
    padding: 100px 0; }
    @media (max-width: 992px) {
      .passionate .passionate-left {
        padding-bottom: 50px; } }
    .passionate .passionate-left h2 {
      color: #F4A261; }
      @media (max-width: 992px) {
        .passionate .passionate-left h2 br {
          display: none; } }

.mission-goals {
  position: relative;
  overflow: hidden; }
  .mission-goals:before {
    content: '';
    width: 56%;
    height: 100%;
    background-color: #f4fcf8;
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 992px) {
      .mission-goals:before {
        display: none; } }
  .mission-goals h4 {
    font-size: 20px;
    font-style: italic;
    font-weight: lighter; }
    @media (max-width: 992px) {
      .mission-goals h4 {
        font-size: 18px;
        line-height: 1.4; } }
  .mission-goals .our-mission {
    padding-right: 50px;
    padding-bottom: 100px; }
    @media (max-width: 992px) {
      .mission-goals .our-mission {
        padding: 100px 0 50px; } }
    .mission-goals .our-mission .mission-heading {
      color: #F4A261; }
    .mission-goals .our-mission .mission-list li {
      position: relative;
      padding-left: 84px;
      margin-bottom: 30px; }
      .mission-goals .our-mission .mission-list li:last-child {
        margin-bottom: 0; }
      .mission-goals .our-mission .mission-list li img {
        position: absolute;
        top: 0;
        left: 0; }
  .mission-goals .our-goal {
    padding-left: 50px; }
    @media (max-width: 992px) {
      .mission-goals .our-goal {
        padding: 0 0 70px;
        text-align: center; } }
    .mission-goals .our-goal .goal-heading {
      color: #0F93C3; }

.testimonials {
  padding: 100px 0; }
  .testimonials .testimonials-left {
    position: relative;
    padding-left: 120px; }
    .testimonials .testimonials-left:before {
      content: '';
      width: 100px;
      height: 100px;
      position: absolute;
      top: 0;
      left: 0;
      background: #242c35;
      border-radius: 100%;
      background-image: url(../svg/quoteleft.svg);
      background-position: center center;
      background-size: 64px 64px;
      background-repeat: no-repeat; }
    @media (max-width: 992px) {
      .testimonials .testimonials-left {
        padding-left: 0;
        padding-top: 120px;
        text-align: center; }
        .testimonials .testimonials-left:before {
          right: 0;
          margin: 0 auto; } }
    .testimonials .testimonials-left h2 {
      font-size: 48px;
      color: #F4A261; }
      .testimonials .testimonials-left h2 span {
        font-size: 28px !important;
        display: block;
        color: #242c35; }
  .testimonials .testimonials-box {
    background-image: url(../svg/quote.svg);
    background-size: cover;
    height: 460px; }
    .testimonials .testimonials-box .testimonials-inner {
      padding: 100px 80px; }
      @media (max-width: 992px) {
        .testimonials .testimonials-box .testimonials-inner {
          padding: 70px 50px; } }
      .testimonials .testimonials-box .testimonials-inner h5 {
        color: #F4A261;
        font-size: 28px;
        font-style: normal; }
      .testimonials .testimonials-box .testimonials-inner blockquote {
        font-size: 16px;
        font-weight: 500;
        font-style: italic; }
        @media (max-width: 992px) {
          .testimonials .testimonials-box .testimonials-inner blockquote {
            font-size: 14px; } }
  .testimonials .owl-nav {
    margin-left: -170px;
    margin-top: 30px;
    position: relative; }
    @media (max-width: 992px) {
      .testimonials .owl-nav {
        margin: -10px 0 0; } }
  @media (max-width: 992px) {
    .testimonials .owl-dots button {
      width: 10px;
      height: 8px;
      background-color: #242c35 !important;
      margin: 0 3px; }
    .testimonials .owl-dots .active {
      background-color: #F4A261 !important; } }

.dog-bone {
  padding: 100px 0;
  background-color: #f4fcf8;
  text-align: center; }
  .dog-bone h2 {
    font-size: 54px;
    letter-spacing: -4px;
    color: #F4A261; }
    @media (max-width: 992px) {
      .dog-bone h2 {
        font-size: 32px;
        letter-spacing: -2px; } }
  .dog-bone .p21 {
    font-size: 21px;
    font-weight: 500; }
    @media (max-width: 992px) {
      .dog-bone .p21 {
        font-size: 18px; } }
  .dog-bone .db-buttons {
    margin-top: 40px; }
    .dog-bone .db-buttons .btn {
      border-radius: 100px;
      padding-left: 10px;
      margin: 0 10px; }
      @media (max-width: 992px) {
        .dog-bone .db-buttons .btn {
          margin-bottom: 20px; } }
      .dog-bone .db-buttons .btn i {
        width: 38px;
        height: 38px;
        line-height: 38px;
        border-radius: 100%;
        background-color: #fff;
        font-size: 21px;
        color: #242c35;
        margin-right: 8px; }
    .dog-bone .db-buttons .whatsapp {
      background-color: #2CC778 !important;
      border-color: #2CC778 !important; }
      .dog-bone .db-buttons .whatsapp:hover {
        background-color: #F4A261 !important;
        border-color: #F4A261 !important; }
    .dog-bone .db-buttons .callus {
      background-color: #0F93C3 !important;
      border-color: #0F93C3 !important; }
      .dog-bone .db-buttons .callus:hover {
        background-color: #F4A261 !important;
        border-color: #F4A261 !important; }
    .dog-bone .db-buttons .request {
      background-color: #242c35 !important;
      border-color: #242c35 !important; }
      .dog-bone .db-buttons .request:hover {
        background-color: #F4A261 !important;
        border-color: #F4A261 !important; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.intl-tel-input.separate-dial-code .selected-dial-code {
    text-align: left;
    direction: ltr;
}

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-carousel:not(.owl-loaded) {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.owl-stage-outer::after {
  width: 1px;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: white; }

.owl-stage-outer::after {
  width: 0px;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: white; }

.owl-nav .owl-prev span,
.owl-nav .owl-next span {
  width: 42px;
  height: 42px;
  line-height: 36px !important;
  font-size: 32px !important;
  text-align: center;
  background-color: #eee !important;
  display: inline-block;
  border-radius: 100px;
  margin-right: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .owl-nav .owl-prev span:hover,
  .owl-nav .owl-next span:hover {
    background-color: #F4A261 !important;
    color: #fff; }

@media (max-width: 992px) {
  .insta {
    display: none; } }

.insta-page {
  background-color: #f4fcf8; }
  .insta-page .eui-widget-title {
    display: none !important; }
  .insta-page .eapps-instagram-feed-posts-grid-load-more {
    margin: 40px auto 0 !important;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#0F93C3), to(#F4A261)) !important;
    background: linear-gradient(to right, #0F93C3 0%, #F4A261 100%) !important;
    border-radius: 0px;
    height: 43px;
    line-height: 43px; }
    .insta-page .eapps-instagram-feed-posts-grid-load-more:hover {
      background: -webkit-gradient(linear, left top, right top, from(#F4A261), to(#0F93C3)) !important;
      background: linear-gradient(to right, #F4A261 0%, #0F93C3 100%) !important; }

.widget_product_categories ul li {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px; }
  .widget_product_categories ul li a {
    border: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-weight: 500; }
    .widget_product_categories ul li a:hover {
      background-color: transparent; }
  .widget_product_categories ul li::before {
    border-bottom: 1px dashed #eee;
    content: "";
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0.25em 15px; }
  .widget_product_categories ul li .count,
  .widget_product_categories ul li .post-count {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    color: #777;
    text-align: center; }
  .widget_product_categories ul li ul {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 5px; }

.product-cat {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #777; }

.products .product .woocommerce-loop-product__title {
  font-weight: 600 !important;
  color: #242c35; }
.products .product .add_to_cart_button {
  position: inherit !important;
  bottom: inherit !important;
  right: inherit !important;
  width: 87% !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 1 !important;
  font-size: 12px !important; }
  .products .product .add_to_cart_button i {
    margin-right: 5px; }
.products .product #readmore,
.products .product .yith-wcqv-button {
  display: block;
  text-align: center;
  position: absolute;
  top: 0%;
  width: 50%;
  margin: 0 auto;
  right: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-top: 0px !important;
  opacity: 0;
  text-transform: uppercase; }
  .products .product #readmore:hover,
  .products .product .yith-wcqv-button:hover {
    background-color: #242c35 !important; }
  @media (max-width: 992px) {
    .products .product #readmore,
    .products .product .yith-wcqv-button {
      width: 70%; } }
.products .product #readmore {
  background-color: #147c40 !important;
  border-color: #147c40 !important; }
  .products .product #readmore:hover {
    border-color: #242c35 !important; }
.products .product .price span {
  color: #999 !important; }
.products .product .price,
.products .product .woocommerce-loop-product__title,
.products .product .product-cat,
.products .product .product-thumb {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
.products .product .star-rating {
  float: none !important;
  margin-bottom: 10px !important; }
.products .product:hover .product-thumb {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }
.products .product:hover #readmore,
.products .product:hover .yith-wcqv-button {
  top: 20%;
  opacity: 1; }
.products .product:hover #readmore {
  top: calc(20% + 42px); }
.products .product:hover .woocommerce-loop-product__title {
  color: #F4A261; }

.alg-wc-wl-thumb-btn-loop {
  top: inherit !important;
  left: inherit !important;
  bottom: 20px !important;
  right: 20px !important; }
  .alg-wc-wl-thumb-btn-loop .fa-heart:before {
    font-weight: normal; }

.alg-wc-wl-btn.remove i:first-child {
  color: #F4A261; }

.quantity {
  background-color: #fff; }

.woocommerce ul.products li.product .product-meta .price {
  font-size: 14px;
  font-weight: 600;
  color: #242c35 !important; }

.woocommerce-product-details__short-description {
  margin: 20px 0 40px;
  padding-top: 20px;
  border-top: 1px dashed #eee;
  font-weight: 500;
  line-height: 2; }

#yith-quick-view-content div.images {
  width: 48% !important;
  float: left !important;
  margin-right: 2%; }
  @media (max-width: 992px) {
    #yith-quick-view-content div.images {
      width: 100% !important;
      margin-right: 0; } }

#yith-quick-view-content div.summary {
  width: 50% !important;
  float: left !important; }
  @media (max-width: 992px) {
    #yith-quick-view-content div.summary {
      width: 100% !important; } }

.summary .variations_form,
.summary .woocommerce-product-details__short-description {
  background-color: #f9f9f9;
  padding: 20px; }
.summary .price {
  font-weight: 600; }
.summary .woocommerce-variation-price {
  margin-bottom: 10px; }
.summary select {
  border-color: #eee; }

.woocommerce .woocommerce-ordering select {
  border-color: #eee; }

.product .related {
  padding-top: 40px;
  margin-top: 20px;
  border-top: 1px dashed #eee; }

section.related h2 {
  text-transform: capitalize; }

.single_add_to_cart_button {
  padding: 13px 16px 14px !important;
  margin: 0 10px !important;
  text-transform: uppercase; }
  @media (max-width: 992px) {
    .single_add_to_cart_button {
      margin: 0 !important; } }

#cart_list .cart-box .woocommerce-mini-cart li .quantity {
  border: 0px;
  text-align: inherit; }

#cart_list {
  color: #fff; }

.woocommerce_sidebar .all-cats {
  font-weight: 600;
  text-transform: uppercase; }
.woocommerce_sidebar .widget-title {
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative; }
  .woocommerce_sidebar .widget-title:after, .woocommerce_sidebar .widget-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #eee;
    width: 100%;
    height: 2px; }
  .woocommerce_sidebar .widget-title:after {
    background-color: #F4A261;
    width: 100px; }
.woocommerce_sidebar .count {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 600;
  background-color: #f6f6f6; }
.woocommerce_sidebar .children {
  margin-left: 0;
  margin-top: 10px; }
.woocommerce_sidebar .cat-parent > a {
  font-weight: 600;
  color: #242c35; }
.woocommerce_sidebar .current-cat > a {
  font-weight: 600;
  color: #F4A261; }
.woocommerce_sidebar .current-cat > a {
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .woocommerce_sidebar .current-cat > a:after {
    content: "";
    width: 8px;
    height: 1px;
    background-color: #F4A261;
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (max-width: 992px) {
      .woocommerce_sidebar .current-cat > a:after {
        display: none; } }
.woocommerce_sidebar .current-cat > .count {
  background-color: #F4A261;
  color: #fff; }

.widget_product_categories ul li::before {
  border-color: #ddd; }

.woocommerce-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%; }
  @media (max-width: 992px) {
    .woocommerce-sidebar {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 40px; } }

.variable-items-wrapper li {
  text-transform: uppercase;
  font-weight: 600; }
  .variable-items-wrapper li span {
    font-size: 12px !important; }

.services-home {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
  position: relative;
  color: #eeeeee;
  overflow: visible; }
  @media (max-width: 992px) {
    .services-home {
      overflow: hidden; } }
  .services-home:before {
    content: "";
    background-image: url(../images/waves-pattern1.webp);
    width: 998px;
    height: 431px;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 992px) {
      .services-home:before {
        width: 100%; } }
  .services-home:after {
    content: "";
    background-image: url(../images/waves-pattern2.webp);
    width: 998px;
    height: 431px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0; }
    @media (max-width: 992px) {
      .services-home:after {
        width: 100%; } }
  .services-home .services-innner {
    position: relative;
    z-index: 2; }
    .services-home .services-innner .owl-item img {
      width: 64px !important; }
  .services-home .heading-s {
    color: #fff; }
    .services-home .heading-s small span {
      font-size: 48px;
      font-weight: 600;
      font-style: italic;
      color: #fff;
      position: relative; }
      .services-home .heading-s small span:before {
        content: "";
        background-image: url(../images/num1.png);
        position: absolute;
        top: -10px;
        left: -5px;
        width: 48px;
        height: 39px;
        z-index: -1;
        background-color: transparent; }
    .services-home .heading-s .bg:before {
      background-color: #364250; }

/* strategic-partne */
.strategic-partner {
  background-color: #F4A261;
  padding: 100px 70px 40px;
  color: #fff;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  .strategic-partner:before {
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    height: 100%;
    border: 2px solid #fff; }
    @media (max-width: 992px) {
      .strategic-partner:before {
        width: 95%; } }
  @media (max-width: 992px) {
    .strategic-partner {
      width: 100%;
      padding: 100px 30px 40px; } }
  .strategic-partner p {
    font-size: 16px;
    font-weight: 600; }
  .strategic-partner .transporter {
    position: absolute;
    top: -74px;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .strategic-partner .btn-cbottom {
    position: absolute;
    bottom: -49px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 18px !important; }
    @media (max-width: 992px) {
      .strategic-partner .btn-cbottom {
        position: inherit;
        bottom: inherit;
        left: inherit;
        right: inherit;
        width: 100%;
        display: block;
        margin-top: 20px;
        font-size: 14px !important;
        padding: 11px 10px !important; } }

.serv-box {
  position: relative; }
  @media (max-width: 992px) {
    .serv-box {
      text-align: center; } }
  .serv-box .serv-name {
    font-size: 22px;
    color: #9fa3a7;
    font-weight: lighter;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .serv-box img {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    width: 64px;
    height: 64px; }
  .serv-box:focus .serv-name, .serv-box:hover .serv-name {
    color: #F4A261; }
  .serv-box:focus img, .serv-box:hover img {
    opacity: 0.2; }

#services_home .owl-nav {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
#services_home:hover .owl-nav {
  opacity: 1 !important; }
#services_home .owl-next {
  float: right; }
#services_home .owl-prev span,
#services_home .owl-next span {
  background-color: #242c35 !important;
  color: #fff; }
  #services_home .owl-prev span:hover,
  #services_home .owl-next span:hover {
    background-color: #F4A261 !important;
    color: #fff; }

.banner-detail-sec {
  background: -webkit-gradient(linear, left top, right top, from(#2e3844), to(#27303a));
  background: linear-gradient(to right, #2e3844 0%, #27303a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2E3844', endColorstr='#FF27303A', GradientType=1);
  padding: 50px 0;
  margin-top: -1.5rem !important;
  color: #fff;
  position: relative;
  overflow: hidden; }
  @media (max-width: 992px) {
    .banner-detail-sec {
      padding: 50px 0 20px; } }
  .banner-detail-sec:before {
    content: "";
    background-image: url(../images/waves-pattern1.webp);
    width: 998px;
    height: 431px;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 992px) {
      .banner-detail-sec:before {
        width: 100%; } }
  .banner-detail-sec:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15%;
    height: 55px;
    background-size: 7px 7px;
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0), radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0);
    margin: 10px auto 120px; }
    @media (max-width: 992px) {
      .banner-detail-sec:after {
        display: none; } }
  .banner-detail-sec h1,
  .banner-detail-sec h3,
  .banner-detail-sec h2 {
    color: #fff; }
    .banner-detail-sec h1 span,
    .banner-detail-sec h3 span,
    .banner-detail-sec h2 span {
      color: #F4A261; }
  .banner-detail-sec h3 {
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .125em;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0; }
    .banner-detail-sec h3:before {
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      background-color: #F4A261;
      width: 10px;
      height: 10px; }
    @media (max-width: 992px) {
      .banner-detail-sec h3 {
        font-size: 1em; } }
  .banner-detail-sec h1 {
    font-size: 5em;
    color: #fff;
    font-weight: 700;
    line-height: .9375em;
    letter-spacing: -.0625em;
    position: relative;
    z-index: 2;
    top: .1625em; }
    @media (max-width: 992px) {
      .banner-detail-sec h1 {
        margin-top: 30px;
        font-size: 2.5em !important;
        top: -0.4375em; }
        .banner-detail-sec h1 span {
          margin-top: 10px;
          display: block; } }

.banner-detail-sm h1 span {
  font-size: 48px; }
  @media (max-width: 992px) {
    .banner-detail-sm h1 span {
      font-size: 35px !important; } }

.services-contact {
  margin-bottom: -1.5rem !important; }

.serv-details h2 {
  font-size: 40px; }
  @media (max-width: 992px) {
    .serv-details h2 {
      font-size: 28px; } }
.serv-details .heading {
  padding-left: 150px;
  padding-right: 70px;
  position: relative; }
  .serv-details .heading:before {
    content: "";
    width: 120px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: -1;
    background-size: 7px 7px;
    background-image: radial-gradient(rgba(77, 67, 92, 0.3) 15%, transparent 0), radial-gradient(rgba(77, 67, 92, 0.3) 15%, transparent 0); }
  .serv-details .heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F4A261;
    -webkit-animation-name: float-bobY;
            animation-name: float-bobY;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  @media (max-width: 992px) {
    .serv-details .heading {
      padding-left: 0;
      padding-right: 0; }
      .serv-details .heading:after, .serv-details .heading:before {
        display: none; } }
  .serv-details .heading span {
    position: relative; }
    .serv-details .heading span:before {
      content: "";
      position: absolute;
      bottom: 3px;
      left: 0;
      width: 60%;
      height: 80%;
      background-color: #e0f7ea;
      z-index: -1; }

/* Ims */
.ims-box .ims-icon {
  width: 100px !important;
  background-color: #ebf7f0;
  border-radius: 100%; }
.ims-box .ims-title {
  background-color: #F4A261;
  padding: 5px 15px;
  color: #fff;
  display: inline-block;
  position: relative; }
  .ims-box .ims-title:before {
    content: "";
    background-color: #F4A261;
    width: 2px;
    height: 30px;
    position: absolute;
    top: -30px;
    left: 50px;
    z-index: -1; }
.ims-box .ims-text {
  margin-bottom: 0;
  color: #777; }

.serv-details {
  overflow: hidden; }
  @media (max-width: 992px) {
    .serv-details .ml-2 {
      margin-left: 0 !important; }
    .serv-details:before {
      display: none; } }

.f42 {
  font-size: 42px;
  letter-spacing: -0.05em; }
  @media (max-width: 992px) {
    .f42 {
      font-size: 32px; } }

.f48 {
  font-size: 48px;
  letter-spacing: -0.05em; }
  @media (max-width: 992px) {
    .f48 {
      font-size: 35px; } }

.f38 {
  font-size: 38px;
  line-height: 1.1;
  letter-spacing: -0.05em; }
  @media (max-width: 992px) {
    .f38 {
      font-size: 35px; } }

.f32 {
  font-size: 32px;
  letter-spacing: -0.05em; }
  @media (max-width: 992px) {
    .f32 {
      font-size: 28px; } }

.f70 {
  font-size: 70px;
  letter-spacing: -0.05em; }
  @media (max-width: 992px) {
    .f70 {
      font-size: 35px; } }

.bg1 {
  background-color: #f4fcf8; }

.img-b-left {
  border-width: 30px 0 0 30px;
  border-color: #F4A261;
  border-style: solid; }
  @media (max-width: 992px) {
    .img-b-left {
      border-width: 30px 0 0 0; } }

.img-b-right {
  border-width: 30px 30px 0 0;
  border-color: #F4A261;
  border-style: solid; }
  @media (max-width: 992px) {
    .img-b-right {
      border-width: 30px 0 0 0; } }

.border-blue {
  border-color: #0F93C3; }

.icon-warp-left,
.icon-warp-right {
  position: relative; }
  @media (max-width: 992px) {
    .icon-warp-left,
    .icon-warp-right {
      padding-top: 50px; } }
  .icon-warp-left .icon,
  .icon-warp-right .icon {
    position: absolute;
    top: 40%;
    right: -50px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    border: 6px solid #fff;
    background-color: #242c35;
    border-radius: 100%; }
    @media (max-width: 992px) {
      .icon-warp-left .icon,
      .icon-warp-right .icon {
        top: 0;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto; } }

.icon-warp-left .icon {
  right: inherit;
  left: -50px;
  background-color: #F4A261; }

.icon-warp-box-right {
  padding: 2rem 0 2rem 4.5rem; }
  @media (max-width: 992px) {
    .icon-warp-box-right {
      padding: 2rem 0; } }

.icon-warp-box-left {
  padding: 2rem 4.5rem 2rem 0; }
  @media (max-width: 992px) {
    .icon-warp-box-left {
      padding: 2rem 0; } }

.p4 {
  padding: 2rem !important; }
  @media (max-width: 992px) {
    .p4 {
      padding: 3rem 0 !important; } }

.heading-shape-left {
  padding-left: 170px; }
  @media (max-width: 992px) {
    .heading-shape-left {
      padding-left: 0; } }
  .heading-shape-left:before {
    content: '';
    width: 140px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    background-image: url(../svg/dots_small.svg);
    background-size: cover; }
    @media (max-width: 992px) {
      .heading-shape-left:before {
        display: none; } }

.heading-left-dots {
  padding-left: 140px;
  position: relative; }
  .heading-left-dots span {
    position: relative;
    font-weight: lighter;
    display: inline-block; }
    .heading-left-dots span:before {
      content: "";
      position: absolute;
      bottom: 3px;
      left: 0;
      width: 80%;
      height: 80%;
      background-color: #ebf7f0;
      z-index: -1; }
  .heading-left-dots:before {
    content: '';
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background-size: 7px 7px;
    background-image: radial-gradient(rgba(0, 0, 0, 0.2) 15%, transparent 0), radial-gradient(rgba(0, 0, 0, 0.2) 15%, transparent 0); }
  @media (max-width: 992px) {
    .heading-left-dots {
      padding-left: 40px; }
      .heading-left-dots:before {
        width: 20px; } }

.heading-dots-lr {
  background-size: 7px 7px;
  background-image: radial-gradient(rgba(0, 0, 0, 0.2) 15%, transparent 0), radial-gradient(rgba(0, 0, 0, 0.2) 15%, transparent 0); }
  .heading-dots-lr strong {
    background-color: #fff;
    padding: 0 60px; }
    @media (max-width: 992px) {
      .heading-dots-lr strong {
        padding: 20px; } }

/* Project Steps */
.project-steps h2 {
  display: block; }
  .project-steps h2 strong {
    font-size: 64px;
    color: #F4A261;
    font-style: italic; }
    @media (max-width: 992px) {
      .project-steps h2 strong {
        font-size: inherit; } }
  .project-steps h2 span {
    color: #F4A261; }

.project-steps-details {
  background-color: #f4fcf8;
  overflow: hidden; }
  .project-steps-details .container {
    background-color: #fff; }
  .project-steps-details .steps-details-box {
    padding: 40px 30px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media (max-width: 992px) {
      .project-steps-details .steps-details-box {
        text-align: center; } }
    .project-steps-details .steps-details-box:hover {
      background-color: #f4fcf8; }
      @media (max-width: 992px) {
        .project-steps-details .steps-details-box:hover {
          background-color: #f4fcf8; } }
  .project-steps-details ul li {
    position: relative; }
    .project-steps-details ul li:before {
      font-size: 84px;
      color: #eaf5f0;
      position: absolute;
      top: 50px;
      right: 10px;
      line-height: 0;
      font-weight: bold;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear;
      opacity: 0; }
      @media (max-width: 992px) {
        .project-steps-details ul li:before {
          opacity: 1; } }
    @media (max-width: 992px) {
      .project-steps-details ul li:nth-child(1) {
        background-color: #f4fcf8; } }
    .project-steps-details ul li:nth-child(1):before {
      content: "1"; }
    .project-steps-details ul li:nth-child(2):hover {
      background-color: #fff; }
      @media (max-width: 992px) {
        .project-steps-details ul li:nth-child(2):hover {
          background-color: #fff; } }
    .project-steps-details ul li:nth-child(2):before {
      content: "2"; }
    @media (max-width: 992px) {
      .project-steps-details ul li:nth-child(3) {
        background-color: #f4fcf8; } }
    .project-steps-details ul li:nth-child(3):before {
      content: "3"; }
    .project-steps-details ul li:nth-child(4):hover {
      background-color: #fff; }
      @media (max-width: 992px) {
        .project-steps-details ul li:nth-child(4):hover {
          background-color: #fff; } }
    .project-steps-details ul li:nth-child(4):before {
      content: "4"; }
    .project-steps-details ul li:hover::before {
      opacity: 1; }
  .project-steps-details h3 {
    font-weight: bold;
    font-size: 21px; }

/* Maximize Visitors */
.Maximize-visitors {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1); }
  .Maximize-visitors .heading-s {
    color: #F4A261; }
  .Maximize-visitors .p16 {
    color: #eee; }

.image-warp {
  position: relative; }
  .image-warp:before {
    content: '';
    width: 140px;
    height: 60px;
    position: absolute;
    top: 45px;
    right: -30px;
    background-image: url(../svg/dots_small.svg);
    background-size: cover; }
    @media (max-width: 992px) {
      .image-warp:before {
        top: inherit;
        bottom: -30px;
        right: 0;
        left: 0;
        margin: 0 auto; } }

/* Why nwaves */
.why-nwaves {
  background-color: #27303a;
  position: relative;
  overflow: hidden; }
  .why-nwaves:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 220px;
    height: 400px;
    background-image: url(../svg/dots.svg);
    background-size: cover;
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    @media (max-width: 992px) {
      .why-nwaves:before {
        display: none; } }
  .why-nwaves .heading-s {
    color: #F4A261; }
  .why-nwaves .p16 {
    color: #eee; }
  .why-nwaves .why-nwaves-box h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #eee; }

/* Why choose us */
.video-part,
.why-choose-us {
  background-color: #27303a;
  position: relative;
  overflow: hidden;
  background-image: url(../svg/logo-shape.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  .video-part h3,
  .video-part .p16,
  .why-choose-us h3,
  .why-choose-us .p16 {
    color: #eee; }
  .video-part h2,
  .why-choose-us h2 {
    color: #F4A261; }
  .video-part .p16,
  .why-choose-us .p16 {
    padding-left: 100px;
    position: relative; }
    @media (max-width: 992px) {
      .video-part .p16,
      .why-choose-us .p16 {
        padding-left: 40px; } }
    .video-part .p16:before,
    .why-choose-us .p16:before {
      content: '';
      width: 60px;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      background-size: 7px 7px;
      background-image: radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0), radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0); }
      @media (max-width: 992px) {
        .video-part .p16:before,
        .why-choose-us .p16:before {
          width: 20px; } }

/* Video */
.video-part .video-play {
  background-color: #F4A261;
  width: 160px;
  height: 160px;
  line-height: 160px;
  font-size: 64px;
  color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative; }
  .video-part .video-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-color: #F4A261;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation-name: buttonPlayPulse;
            animation-name: buttonPlayPulse;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1.25s;
            animation-duration: 1.25s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .video-part .video-play:hover {
    background-color: #0F93C3; }

@-webkit-keyframes buttonPlayPulse {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  33% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5); }
  66% {
    opacity: .25;
    -webkit-transform: translate(-50%, -50%) scale(2.5);
            transform: translate(-50%, -50%) scale(2.5); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(4);
            transform: translate(-50%, -50%) scale(4); } }

@keyframes buttonPlayPulse {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  33% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5); }
  66% {
    opacity: .25;
    -webkit-transform: translate(-50%, -50%) scale(2.5);
            transform: translate(-50%, -50%) scale(2.5); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(4);
            transform: translate(-50%, -50%) scale(4); } }
/* Social Media */
.social-media {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1); }
  .social-media h3,
  .social-media .p16 {
    color: #eee; }
  .social-media h2 {
    color: #fff; }
  .social-media .fa-whatsapp {
    font-size: 16px !important; }
  .social-media .social-media-inner {
    position: relative; }
    .social-media .social-media-inner .insta-img {
      position: absolute;
      right: -96px;
      bottom: -256px; }
      @media (max-width: 992px) {
        .social-media .social-media-inner .insta-img {
          display: none; } }
  .social-media .sm-left {
    position: relative;
    z-index: 2; }
  @media (max-width: 992px) {
    .social-media .ml-2 {
      margin-left: 0 !important; } }

.soical-loop {
  background-color: #1BA8A3;
  padding: 60px 15px 40px; }
  @media (max-width: 992px) {
    .soical-loop {
      padding: 40px 15px 10px; }
      .soical-loop .mt-5 {
        margin-top: 0 !important; } }
  .soical-loop .loop-box {
    padding-left: 84px;
    position: relative; }
    @media (max-width: 992px) {
      .soical-loop .loop-box {
        padding-left: 0;
        margin-bottom: 30px; } }
    .soical-loop .loop-box .loop-icon {
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 992px) {
        .soical-loop .loop-box .loop-icon {
          position: inherit;
          top: inherit;
          left: inherit;
          margin-bottom: 20px; } }
    .soical-loop .loop-box h3 {
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 15px; }
      .soical-loop .loop-box h3 strong {
        color: #fff; }
    .soical-loop .loop-box .desc {
      font-weight: 500;
      font-size: 16px;
      line-height: 1; }

.soical-clients {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
  padding: 80px 0;
  overflow: hidden;
  position: relative; }
  .soical-clients:before {
    content: '';
    width: 280px;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 25%;
    background-image: url(../svg/dots.svg);
    background-size: cover; }
  .soical-clients h2 {
    color: #eee; }
    .soical-clients h2 small {
      display: inline-block;
      margin-bottom: 15px;
      padding: 20px 20px 10px 0;
      background-color: #0F93C3;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      position: relative; }
      .soical-clients h2 small:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1000px;
        width: 1000px;
        height: 100%;
        background-color: #0F93C3; }
    .soical-clients h2 strong {
      display: block; }

.customers-social .owl-dots {
  text-align: center; }
  .customers-social .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #eee;
    margin: 0 2px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .customers-social .owl-dots .active {
    background-color: #F4A261; }

.flexible {
  overflow: hidden; }
  .flexible .flexible-right {
    margin-top: 80px;
    background-color: #eaf5f0;
    padding: 80px 0 80px 40px;
    position: relative; }
    @media (max-width: 992px) {
      .flexible .flexible-right {
        margin-top: 40px; } }
    .flexible .flexible-right:before {
      content: "";
      position: absolute;
      top: 0;
      right: -1000px;
      width: 1000px;
      height: 100%;
      background-color: #eaf5f0; }
  .flexible .flexible-left {
    width: 250px;
    height: 475px;
    background-image: url(../svg/dots.svg);
    background-size: cover; }
    @media (max-width: 992px) {
      .flexible .flexible-left {
        height: 90px;
        margin: 40px auto 0; } }
  @media (max-width: 992px) {
    .flexible .ml-2 {
      margin-left: 0 !important; } }

#insta_bottom {
  position: relative; }
  #insta_bottom:after, #insta_bottom:before {
    content: "";
    width: 100%;
    height: 100%;
    background: white;
    background: -webkit-gradient(linear, left top, right top, from(white), color-stop(35%, rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 35%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1050; }
  #insta_bottom:after {
    left: inherit;
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(white), color-stop(35%, rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 35%); }
  #insta_bottom .owl-next,
  #insta_bottom .owl-prev {
    position: absolute;
    top: 40%;
    z-index: 1060; }
  #insta_bottom .owl-next {
    right: 0; }
  #insta_bottom .owl-prev {
    left: 0; }

/* Search Engine Optimization */
.stages h2 {
  display: block; }
  .stages h2 strong {
    font-size: 64px;
    color: #F4A261;
    font-style: italic; }
    @media (max-width: 992px) {
      .stages h2 strong {
        font-size: inherit; } }
  .stages h2 span {
    color: #F4A261; }
.stages .stages-list h3 {
  font-size: 21px;
  font-weight: bold;
  padding-left: 60px;
  position: relative; }
  .stages .stages-list h3:before {
    color: #F4A261;
    font-size: 64px;
    font-style: italic;
    position: absolute;
    top: -10px;
    left: 0; }
.stages .stages-list .p16 {
  margin-bottom: 0; }
.stages li {
  padding: 40px 30px;
  background-color: #f4fcf8; }
  .stages li:nth-child(1) h3:before {
    content: "1"; }
  .stages li:nth-child(2) {
    background-color: #eaf5f0; }
    .stages li:nth-child(2) h3:before {
      content: "2"; }
  .stages li:nth-child(3) h3:before {
    content: "3"; }
  .stages li:nth-child(4) h3:before {
    content: "4"; }
  .stages li:nth-child(5) h3:before {
    content: "5"; }
  .stages li:nth-child(6) h3:before {
    content: "6"; }

/* Seo Goals */
.seo-goals {
  background-color: #27303a; }
  .seo-goals h3,
  .seo-goals .p16 {
    color: #eee; }
  .seo-goals h3 {
    font-size: 38px;
    font-weight: bold;
    font-style: italic; }
    @media (max-width: 992px) {
      .seo-goals h3 {
        font-size: 21px; } }
  .seo-goals .regular,
  .seo-goals h2 {
    color: #F4A261;
    font-style: normal; }

/* Local Seo */
.local-warp {
  position: relative; }
  .local-warp:before {
    content: '';
    width: 80%;
    height: 120px;
    position: absolute;
    bottom: -38px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-image: url(../svg/dots.svg);
    background-size: cover;
    z-index: -1; }
    @media (max-width: 992px) {
      .local-warp:before {
        bottom: inherit;
        top: 0;
        height: 100px; } }

.local-seo {
  background-color: #252c36;
  position: relative;
  background-image: url(../images/how-works.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed; }
  .local-seo h3,
  .local-seo .p16 {
    color: #eee; }
  .local-seo h2 {
    color: #F4A261; }
    .local-seo h2 span {
      font-weight: normal; }
  .local-seo .p16 {
    padding-left: 100px;
    position: relative; }
    @media (max-width: 992px) {
      .local-seo .p16 {
        padding-left: 40px; } }
    .local-seo .p16:before {
      content: '';
      width: 60px;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      background-size: 7px 7px;
      background-image: radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0), radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0); }
      @media (max-width: 992px) {
        .local-seo .p16:before {
          width: 20px; } }

/* Local Keyword */
.local-keyword:before {
  width: 40% !important; }
  @media (max-width: 992px) {
    .local-keyword:before {
      width: 0 !important; } }
.local-keyword h2 span {
  font-weight: normal; }
.local-keyword .ls-sec-2 .desc {
  background-color: rgba(46, 204, 113, 0.8);
  padding: 20px;
  font-size: 14px;
  color: #fff; }

.seo-plan {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
  overflow: hidden; }
  .seo-plan .heading-shape-left {
    padding-left: 0; }
    .seo-plan .heading-shape-left:before {
      left: -180px; }
  .seo-plan h3,
  .seo-plan .p16 {
    color: #eee; }
  .seo-plan h2 {
    color: #F4A261; }
  .seo-plan .save {
    color: #F4A261;
    text-align: center;
    font-size: 32px;
    font-style: italic;
    text-decoration: underline;
    margin-top: 15px; }
  .seo-plan ul {
    -webkit-column-count: 2;
            column-count: 2; }
    .seo-plan ul li {
      display: inline-block;
      padding: 10px 0 10px 20px;
      position: relative; }
      .seo-plan ul li:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 0;
        background-color: #F4A261;
        width: 8px;
        height: 8px;
        border-radius: 100%; }
      .seo-plan ul li h3 {
        font-size: 16px;
        font-weight: bold; }

/* Free Seo */
.free-seo {
  overflow: hidden; }
  .free-seo h2 {
    line-height: 1;
    color: #F4A261;
    position: relative; }
    .free-seo h2:before {
      content: '';
      width: 2px;
      height: 90px;
      background-color: #F4A261;
      position: absolute;
      top: -80px;
      left: 30px; }
      @media (max-width: 992px) {
        .free-seo h2:before {
          left: 10px;
          width: 1px; } }

/* Conversion Rate */
.conversion-rate {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1); }
  .conversion-rate .heading-s {
    color: #F4A261; }
  .conversion-rate .p16 {
    color: #eee; }
  @media (max-width: 992px) {
    .conversion-rate .d-flex {
      display: block !important;
      -webkit-column-count: 2;
              column-count: 2; }
      .conversion-rate .d-flex li {
        padding: 20px;
        display: inline-block;
        float: none; }
        .conversion-rate .d-flex li br {
          display: none; } }

.conversion-img {
  margin-bottom: -60px; }

.conversion-rate-box h3 {
  font-size: 18px;
  color: #eee; }

/* Online Store */
.online-store {
  background-image: url(../images/Get-your-own-online-store.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom; }
  .online-store:before {
    display: none; }
  @media (max-width: 992px) {
    .online-store {
      background-image: none; } }
  .online-store .heading-s {
    color: #fff; }

.creative-content {
  padding: 150px 0;
  background-color: #242c35;
  height: auto;
  background-image: url(../images/Content-Marketing-Strategy.jpg);
  background-attachment: fixed;
  background-size: 100% 100%;
  position: relative; }
  @media (max-width: 992px) {
    .creative-content {
      background-size: cover; } }
  .creative-content h2,
  .creative-content p {
    color: #fff; }

.desc2 {
  background-color: #fff;
  margin-top: -70px;
  padding: 50px;
  position: relative;
  z-index: 2;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden; }
  @media (max-width: 992px) {
    .desc2 {
      padding: 25px; } }
  .desc2:after, .desc2:before {
    content: '';
    width: 133px;
    height: 58px;
    position: absolute;
    top: 0;
    background-image: url(../svg/dots.svg);
    background-size: cover; }
  .desc2:before {
    right: -153px; }
  .desc2:after {
    left: -153px; }

.strategy-loop h3 {
  font-weight: bold;
  font-size: 21px; }
.strategy-loop .desc {
  font-size: 16px; }
@media (max-width: 992px) {
  .strategy-loop li {
    margin-bottom: 40px; }
    .strategy-loop li:last-child {
      margin-bottom: 0; } }

.channel-approach {
  position: relative; }
  .channel-approach:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 450px;
    background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
    background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
    z-index: -1; }
  .channel-approach .f48 {
    color: #F4A261; }
  .channel-approach .head-left {
    position: relative; }
    @media (max-width: 992px) {
      .channel-approach .head-left {
        overflow: hidden; } }
    .channel-approach .head-left:before {
      content: '';
      width: 140px;
      height: 60px;
      position: absolute;
      left: -170px;
      top: 10px;
      background-image: url(../svg/dots_small.svg);
      background-size: cover;
      z-index: 2; }
    .channel-approach .head-left .desc {
      color: #fff; }

.cms-box {
  margin-bottom: 40px; }
  .cms-box .thumb {
    position: relative; }
    .cms-box .thumb:before {
      content: '';
      background-color: rgba(40, 48, 58, 0.8);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; }
    .cms-box .thumb:after {
      content: '';
      border: 1px solid rgba(255, 255, 255, 0.3);
      width: 95%;
      height: 93%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2; }
    .cms-box .thumb .title {
      position: absolute;
      min-width: 100%;
      max-width: 100%;
      height: auto;
      right: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center;
      margin: 0;
      z-index: 3; }
      .cms-box .thumb .title h3 {
        color: #fff;
        font-size: 32px;
        font-weight: 700;
        position: relative;
        padding-bottom: 15px; }
        .cms-box .thumb .title h3:before {
          content: "";
          width: 100px;
          height: 2px;
          background-color: #F4A261;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0 auto; }
  .cms-box .desc {
    font-size: 16px;
    font-weight: 500; }

.questionnaire-page {
  background-color: #eee;
  margin-bottom: -1.5rem !important; }
  @media (max-width: 992px) {
    .questionnaire-page {
      background-color: #fff; } }
  .questionnaire-page .questionnaire-inner {
    background-color: #fff;
    padding: 80px 30px; }
    @media (max-width: 992px) {
      .questionnaire-page .questionnaire-inner {
        padding: 40px 0; } }
  .questionnaire-page .hr-black {
    height: 20px;
    margin: 40px auto; }
  .questionnaire-page h4,
  .questionnaire-page h3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: -.0625em;
    color: #242c35; }
  .questionnaire-page h4 {
    font-size: 23px;
    padding: 0 25px;
    margin-bottom: 10px;
    position: relative; }
    .questionnaire-page h4:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 100%;
      background-color: #F4A261; }
  .questionnaire-page h5 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 15px;
    position: relative; }
    .questionnaire-page h5:before {
      content: '';
      width: 40px;
      height: 1px;
      position: absolute;
      top: 10px;
      left: -55px;
      background-color: #eee; }
  .questionnaire-page ul {
    padding: 0 20px;
    margin: 0 15px;
    list-style-type: disc; }
    .questionnaire-page ul li {
      padding: 10px 0;
      font-weight: 500; }
  .questionnaire-page .nw-note {
    background-color: #f4fcf8;
    padding: 10px;
    border-radius: 5px; }
  .questionnaire-page textarea,
  .questionnaire-page select,
  .questionnaire-page input[type=number],
  .questionnaire-page input[type=email],
  .questionnaire-page input[type=url],
  .questionnaire-page input[type=tel],
  .questionnaire-page input[type=text] {
    margin-bottom: 15px;
    border-radius: 0px;
    padding: 14px 12px;
    height: inherit;
    border: 2px solid #e9e9e9;
    background-color: #f9f9f9;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    width: 100%; }
    .questionnaire-page textarea:not(:disabled):not(.disabled):active, .questionnaire-page textarea:active, .questionnaire-page textarea:focus, .questionnaire-page textarea:hover,
    .questionnaire-page select:not(:disabled):not(.disabled):active,
    .questionnaire-page select:active,
    .questionnaire-page select:focus,
    .questionnaire-page select:hover,
    .questionnaire-page input[type=number]:not(:disabled):not(.disabled):active,
    .questionnaire-page input[type=number]:active,
    .questionnaire-page input[type=number]:focus,
    .questionnaire-page input[type=number]:hover,
    .questionnaire-page input[type=email]:not(:disabled):not(.disabled):active,
    .questionnaire-page input[type=email]:active,
    .questionnaire-page input[type=email]:focus,
    .questionnaire-page input[type=email]:hover,
    .questionnaire-page input[type=url]:not(:disabled):not(.disabled):active,
    .questionnaire-page input[type=url]:active,
    .questionnaire-page input[type=url]:focus,
    .questionnaire-page input[type=url]:hover,
    .questionnaire-page input[type=tel]:not(:disabled):not(.disabled):active,
    .questionnaire-page input[type=tel]:active,
    .questionnaire-page input[type=tel]:focus,
    .questionnaire-page input[type=tel]:hover,
    .questionnaire-page input[type=text]:not(:disabled):not(.disabled):active,
    .questionnaire-page input[type=text]:active,
    .questionnaire-page input[type=text]:focus,
    .questionnaire-page input[type=text]:hover {
      border-color: #F4A261; }
    .questionnaire-page textarea::-webkit-input-placeholder, .questionnaire-page select::-webkit-input-placeholder, .questionnaire-page input[type=number]::-webkit-input-placeholder, .questionnaire-page input[type=email]::-webkit-input-placeholder, .questionnaire-page input[type=url]::-webkit-input-placeholder, .questionnaire-page input[type=tel]::-webkit-input-placeholder, .questionnaire-page input[type=text]::-webkit-input-placeholder {
      color: #777;
      font-size: 14px; }
    .questionnaire-page textarea:-moz-placeholder, .questionnaire-page select:-moz-placeholder, .questionnaire-page input[type=number]:-moz-placeholder, .questionnaire-page input[type=email]:-moz-placeholder, .questionnaire-page input[type=url]:-moz-placeholder, .questionnaire-page input[type=tel]:-moz-placeholder, .questionnaire-page input[type=text]:-moz-placeholder {
      color: #777;
      font-size: 14px; }
    .questionnaire-page textarea::-moz-placeholder, .questionnaire-page select::-moz-placeholder, .questionnaire-page input[type=number]::-moz-placeholder, .questionnaire-page input[type=email]::-moz-placeholder, .questionnaire-page input[type=url]::-moz-placeholder, .questionnaire-page input[type=tel]::-moz-placeholder, .questionnaire-page input[type=text]::-moz-placeholder {
      color: #777;
      font-size: 14px; }
    .questionnaire-page textarea:-ms-input-placeholder, .questionnaire-page select:-ms-input-placeholder, .questionnaire-page input[type=number]:-ms-input-placeholder, .questionnaire-page input[type=email]:-ms-input-placeholder, .questionnaire-page input[type=url]:-ms-input-placeholder, .questionnaire-page input[type=tel]:-ms-input-placeholder, .questionnaire-page input[type=text]:-ms-input-placeholder {
      color: #777;
      font-size: 14px; }
  .questionnaire-page .note {
    margin: 30px 0;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    padding: 0 20px; }
    .questionnaire-page .note:before {
      content: "\f059";
      font-family: "Fontawesome";
      display: inline;
      color: #F4A261;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    .questionnaire-page .note strong {
      color: #F4A261; }
  .questionnaire-page span.wpcf7-list-item {
    display: block;
    margin: 0 0 10px 0; }
    .questionnaire-page span.wpcf7-list-item label {
      text-transform: inherit;
      font-size: 14px; }
    .questionnaire-page span.wpcf7-list-item input[type=checkbox] {
      margin-right: 5px; }
  @media (max-width: 992px) {
    .questionnaire-page .hr-black {
      margin: 40px auto !important; } }

.qcompany,
.qwhats,
.qmobile,
.qurl,
.qaddress,
.qlocation,
.qname,
.qemail,
.qphone {
  position: relative; }
  .qcompany:before,
  .qwhats:before,
  .qmobile:before,
  .qurl:before,
  .qaddress:before,
  .qlocation:before,
  .qname:before,
  .qemail:before,
  .qphone:before {
    content: "";
    font-family: "Fontawesome";
    display: inline;
    color: #222;
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 2; }
  .qcompany:not(:disabled):not(.disabled):active:before, .qcompany:active:before, .qcompany:focus:before, .qcompany:hover:before,
  .qwhats:not(:disabled):not(.disabled):active:before,
  .qwhats:active:before,
  .qwhats:focus:before,
  .qwhats:hover:before,
  .qmobile:not(:disabled):not(.disabled):active:before,
  .qmobile:active:before,
  .qmobile:focus:before,
  .qmobile:hover:before,
  .qurl:not(:disabled):not(.disabled):active:before,
  .qurl:active:before,
  .qurl:focus:before,
  .qurl:hover:before,
  .qaddress:not(:disabled):not(.disabled):active:before,
  .qaddress:active:before,
  .qaddress:focus:before,
  .qaddress:hover:before,
  .qlocation:not(:disabled):not(.disabled):active:before,
  .qlocation:active:before,
  .qlocation:focus:before,
  .qlocation:hover:before,
  .qname:not(:disabled):not(.disabled):active:before,
  .qname:active:before,
  .qname:focus:before,
  .qname:hover:before,
  .qemail:not(:disabled):not(.disabled):active:before,
  .qemail:active:before,
  .qemail:focus:before,
  .qemail:hover:before,
  .qphone:not(:disabled):not(.disabled):active:before,
  .qphone:active:before,
  .qphone:focus:before,
  .qphone:hover:before {
    color: #F4A261; }

.qcompany:before {
  content: "\f1ad"; }

.qaddress:before {
  content: "\f041"; }

.qlocation:before {
  content: "\f124"; }

.qname:before {
  content: "\f007"; }

.qemail:before {
  content: "\f0e0"; }

.qphone:before {
  content: "\f095"; }

.qmobile:before {
  content: "\f10b"; }

.qwhats:before {
  content: "\f232"; }

.qurl:before {
  content: "\f0c1"; }

.qu-banner:after {
  display: none; }
@media (max-width: 992px) {
  .qu-banner {
    padding: 50px 0 !important; } }
.qu-banner h1 {
  color: #F4A261; }
.qu-banner h3 {
  padding: 0; }
  .qu-banner h3:before {
    display: none; }
.qu-banner .desc {
  margin: 30px 0 0;
  font-weight: 500; }
  @media (max-width: 992px) {
    .qu-banner .desc {
      max-width: 100%;
      margin: 0;
      font-size: 14px; } }

#questionnaire_archive {
  padding: 50px 0; }
  #questionnaire_archive .questionnaire-box {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    padding: 30px 15px;
    background-color: #f6f6f6;
    border: 2px solid #f6f6f6;
    min-height: 235px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media (max-width: 992px) {
      #questionnaire_archive .questionnaire-box {
        min-height: inherit; } }
    #questionnaire_archive .questionnaire-box:hover {
      background-color: #f4fcf8;
      border-color: #F4A261; }
    #questionnaire_archive .questionnaire-box img {
      margin-bottom: 30px;
      width: 80px;
      height: 80px; }
    #questionnaire_archive .questionnaire-box h3 {
      font-size: 16px;
      font-weight: bold; }

/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
  display: inline-block;
  margin: 0; }

.wpcf7-checkbox .wpcf7-list-item {
  display: block;
  margin-bottom: 10px; }

.wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
  font-weight: 500; }

.wpcf7-checkbox input[type=checkbox] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0; }

.wpcf7-checkbox input[type=checkbox] + span {
  /* border: 3px solid red; */ }

.wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 0;
  height: 30px;
  width: 30px;
  top: 0px;
  left: 0px;
  border: 1px solid #ccc; }

.wpcf7-checkbox input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  content: "\2713";
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
  line-height: 30px; }

.wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: transparent;
  border: 1px solid #F4A261; }

.wpcf7-checkbox input[type=checkbox]:checked + span:after {
  visibility: visible; }

.wpcf7-checkbox .wpcf7-list-item-label {
  margin-left: 40px;
  padding: 3px 0;
  display: inline-block; }

body {
  margin: 20px; }
  @media (max-width: 992px) {
    body {
      margin: 0; } }

select {
  padding: .375rem .75rem !important; }

.p0 {
  padding: 0; }
  @media (max-width: 992px) {
    .p0 {
      padding: 0 15px; } }

.no-pad {
  padding: 0; }

.col-5-10 {
  -webkit-column-count: 5;
          column-count: 5;
  -webkit-column-gap: 10px;
          column-gap: 10px; }
  @media (max-width: 992px) {
    .col-5-10 {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 0;
              column-gap: 0; } }
  .col-5-10 > li {
    margin-bottom: 10px;
    padding: 20px;
    display: inline-block; }

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1030;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  border: none;
  cursor: url(../svg/close.svg) 30 15, auto;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.overlay-on {
  display: block; }

.overhiden {
  overflow: hidden; }

.hr {
  width: 50%;
  height: 55px;
  background-size: 7px 7px;
  background-image: radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0), radial-gradient(rgba(255, 255, 255, 0.2) 15%, transparent 0);
  margin: 60px auto 120px; }
  @media (max-width: 992px) {
    .hr {
      width: 80%; } }

.hr-black {
  width: 50%;
  height: 55px;
  background-size: 7px 7px;
  background-image: radial-gradient(rgba(0, 0, 0, 0.2) 15%, transparent 0), radial-gradient(rgba(0, 0, 0, 0.2) 15%, transparent 0);
  margin: 60px auto; }
  @media (max-width: 992px) {
    .hr-black {
      margin: 12px auto 60px;
      width: 80%; } }

.background-left {
  position: relative; }
  .background-left .section-inner {
    position: relative; }
  .background-left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 50%;
    height: 100%;
    background-color: #f4fcf8;
    z-index: -1; }

@media (max-width: 992px) {
  .mobile-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; } }

@media (max-width: 992px) {
  .mobile-last {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; } }

.last-child {
  border-bottom: 0px;
  padding-bottom: 0;
  margin-bottom: 0; }

.mt-100 {
  margin-top: 100px; }

.mb-100 {
  margin-bottom: 100px; }

.mt-60 {
  margin-top: 60px; }

.mb-60 {
  margin-bottom: 60px; }

@media (max-width: 992px) {
  .mt50 {
    margin-top: 50px; } }

.pt-50 {
  padding-top: 50px; }

.pb-50 {
  padding-bottom: 50px; }

@media (max-width: 992px) {
  .pb50 {
    padding-bottom: 50px; } }

.pt-80 {
  padding-top: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.pt-100 {
  padding-top: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.pt-150 {
  padding-top: 150px; }

.pb-150 {
  padding-bottom: 150px; }

@media (max-width: 992px) {
  .mb50 {
    margin-bottom: 50px; } }

@media (max-width: 992px) {
  .clear_br br {
    display: none; } }

/* Buttons */
.btn {
  padding: 11px 25px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn span {
  display: inline-block;
  transition: transform 0.3s ease;
}

.btn:hover span {
  transform: translateY(-2px);
}

.btn:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background-size: 200% 100%;
  transition: all 0.3s ease;
  z-index: -1;
}

.btn:hover::before {
  right: 0;
}

.btn-g {
  color: #fff;
  background: linear-gradient(to right, #1BA8A3, #F4A261);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-g::before {
  background: linear-gradient(to right, #F4A261, #1BA8A3);
}

.btn-cbottom,
.btn-blue,
.btn-red {
  color: #fff;
  background: linear-gradient(to right, #1BA8A3, #475469);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-cbottom::before {
  background: linear-gradient(to right, #475469, #1BA8A3);
}

.btn-blue::before {
  background: linear-gradient(to right, #1BA8A3, #F4A261);
}

.btn-red::before {
  background: linear-gradient(to right, #cc2e2e, #F4A261);
}

.btn-g:hover,
.btn-cbottom:hover,
.btn-blue:hover,
.btn-red:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #fff;
}

.btn-g::before,
.btn-g::after,
.btn-g span::before,
.btn-g span::after {
  content: "";
  position: absolute;
  background: #fff;
  transition: all 0.2s linear;
}

.btn-g::before, .btn-g::after {
  width: 0;
  height: 2px;
}

.btn-g span::before, .btn-g span::after {
  width: 2px;
  height: 0;
}

.btn-g:hover::before, .btn-g:hover::after {
  width: 100%;
}

.btn-g:hover span::before, .btn-g:hover span::after {
  height: 100%;
}

/*----- button 1 -----*/
.btn-1::before,
.btn-1::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.btn-1 span::before,
.btn-1 span::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.btn-1::before {
  right: 0;
  top: 0; }

.btn-1::after {
  left: 0;
  bottom: 0; }

.btn-1 span::before {
  left: 0;
  top: 0; }

.btn-1 span::after {
  right: 0;
  bottom: 0; }

.btn-1:hover::before,
.btn-1:hover::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.btn-1:hover span::before,
.btn-1:hover span::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

/*--- Button 2 -------*/
.btn-2::before,
.btn-2::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.btn-2 span::before,
.btn-2 span::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.btn-2::before {
  right: 0;
  top: 0; }

.btn-2::after {
  left: 0;
  bottom: 0; }

.btn-2 span::before {
  left: 0;
  top: 0; }

.btn-2 span::after {
  right: 0;
  bottom: 0; }

.btn-2:hover::before,
.btn-2:hover::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.btn-2:hover span::before,
.btn-2:hover span::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/*----- button 3 -----*/
.btn-3::after {
  left: 0;
  bottom: 0;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }

.btn-3 span::after {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  right: 0;
  bottom: 0; }

.btn-3::before {
  right: 0;
  top: 0;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.btn-3 span::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  left: 0;
  top: 0; }

.btn-3:hover::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.btn-3:hover span::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.btn-3:hover::before {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }

.btn-3:hover span::before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }

/*----- button 4 -----*/
.btn-4::after {
  right: 0;
  bottom: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-4 span::after {
  right: 0;
  bottom: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-4::before {
  left: 0;
  top: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-4 span::before {
  left: 0;
  top: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

/*----- button 5 -----*/
.btn-5::after {
  left: 0;
  bottom: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-5 span::after {
  right: 0;
  top: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-5::before {
  right: 0;
  top: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-5 span::before {
  left: 0;
  bottom: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

/*----- button 6 -----*/
.btn-6::before {
  left: 50%;
  top: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-6::after {
  left: 50%;
  bottom: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-6 span::before {
  left: 0;
  top: 50%;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-6 span::after {
  right: 0;
  top: 50%;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.btn-6:hover::before,
.btn-6:hover::after {
  left: 0; }

.btn-6:hover span::before,
.btn-6:hover span::after {
  top: 0; }

/* Heading */
.heading-s {
  font-size: 38px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  letter-spacing: -0.05em; }
  @media (max-width: 992px) {
    .heading-s {
      font-size: 32px; } }
  .heading-s small {
    color: #F4A261;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    display: block;
    letter-spacing: 0;
    margin-bottom: 10px; }
    @media (max-width: 992px) {
      .heading-s small {
        text-transform: none; } }
  .heading-s .bg {
    position: relative;
    font-weight: lighter;
    display: inline-block; }
    .heading-s .bg:before {
      content: "";
      position: absolute;
      bottom: 3px;
      left: 0;
      width: 80%;
      height: 80%;
      background-color: #ebf7f0;
      z-index: -1; }

.desc {
  font-size: 18px; }

/* Animate */
.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.rotateme-2 {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
.float-bobY {
  -webkit-animation-name: float-bobY;
          animation-name: float-bobY;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

/* Bob */
@-webkit-keyframes float-bobY {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
@keyframes float-bobY {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
#control_filter .controls .control {
  background-color: #f4fcf8;
  border: 2px solid #242c35;
  padding: 6px 12px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 5px; }
  @media (max-width: 992px) {
    #control_filter .controls .control {
      margin-bottom: 10px; } }
  #control_filter .controls .control:hover {
    background-color: #F4A261;
    border-color: #F4A261; }
#control_filter .controls .mixitup-control-active,
#control_filter .controls .all {
  background-color: #F4A261;
  border-color: #F4A261; }

.entry-content a {
  color: #F4A261; }
  .entry-content a:hover {
    color: #242c35; }

.article-block {
  background-color: #fff;
  padding: 10px; }

.ae_breadcrumb {
  background-color: #F4A261;
  margin: 0;
  color: #fff;
  overflow: hidden; }
  .ae_breadcrumb .bread-current {
    opacity: 0.8 !important; }
  .ae_breadcrumb .separator,
  .ae_breadcrumb .breadcrumb-item a {
    color: #242c35; }
    .ae_breadcrumb .separator:hover,
    .ae_breadcrumb .breadcrumb-item a:hover {
      color: #222 !important; }

.single-area,
.blog-area {
  background-image: url(../images/waves-50.png);
  background-position: top right;
  background-repeat: no-repeat; }

.white-logo,
.logo-warp .site-logo {
  vertical-align: middle;
  width: 220px; }
  @media (max-width: 992px) {
    .white-logo,
    .logo-warp .site-logo {
      width: 200px; } }

.white-logo {
  margin: 0 auto; }

@media (max-width: 992px) {
  .serv-heading {
    margin-bottom: 20px !important; } }

@media (max-width: 992px) {
  .google-img {
    width: 75%;
    margin: 0 auto 20px; } }

@media (max-width: 992px) {
  .ae-social li {
    margin: 5px; } }

.video-warp {
  position: relative; }
  .video-warp .home-video {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear; }
    .video-warp .home-video:hover {
      -webkit-filter: brightness(200%);
              filter: brightness(200%); }
  .video-warp .play-button {
    left: 52%;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: transparent; }
    @media (max-width: 992px) {
      .video-warp .play-button {
        left: 32%; } }
    .video-warp .play-button i {
      color: transparent; }

.serv-home .serv-head {
  margin-bottom: 70px; }
  @media (max-width: 992px) {
    .serv-home .serv-head {
      display: block !important; } }
  .serv-home .serv-head .btn {
    display: table; }
    @media (max-width: 992px) {
      .serv-home .serv-head .btn {
        display: none; } }
.serv-home h2 {
  position: relative;
  font-size: 38px;
  padding-left: 160px; }
  @media (max-width: 992px) {
    .serv-home h2 {
      padding: 0 !important; } }
  .serv-home h2 small {
    color: #F4A261 !important;
    display: block; }
  .serv-home h2:before {
    content: '';
    width: 140px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    background-image: url(../images/dots_small.svg);
    background-size: cover; }
    @media (max-width: 992px) {
      .serv-home h2:before {
        display: none; } }

.serv-solutions {
  background-image: url(../images/serv-solutions.jpg);
  background-position: 70% 0%;
  background-repeat: no-repeat; }
  @media (max-width: 992px) {
    .serv-solutions {
      padding-bottom: 40px; } }

.sh-box {
  margin-bottom: 60px;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#F4A261), to(#0F93C3));
  background: linear-gradient(to bottom, #F4A261, #0F93C3);
  padding: 3px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .sh-box .sh-box-inner {
    position: relative;
    background: #fff;
    color: white;
    padding: 1rem 1rem 1.5rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .sh-box .sh-box-inner .sh-img {
      position: absolute;
      top: -50px;
      left: 20px;
	  width: 80px;
	  height: 80.236px;
      -webkit-transition: all 0s linear;
      transition: all 0s linear; }
    .sh-box .sh-box-inner h3 {
      font-size: 18px;
      margin-top: 30px;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .sh-box .sh-box-inner p {
      font-size: 14px;
      color: #777;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .sh-box .sh-box-inner .rmore {
      color: #F4A261;
      font-size: 14px;
      font-weight: bold;
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .sh-box .sh-box-inner .rmore i {
        font-size: 10px; }
  .sh-box:hover .sh-box-inner {
    background-color: #F4A261; }
    .sh-box:hover .sh-box-inner img {
      opacity: 0; }
    .sh-box:hover .sh-box-inner h3,
    .sh-box:hover .sh-box-inner p,
    .sh-box:hover .sh-box-inner .rmore {
      color: #fff; }
    .sh-box:hover .sh-box-inner .rmore {
      margin: 0 15px; }

.existed-businesses {
  background-color: #f7fafd;
  background-image: url(../images/serv2.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 130px;
  padding-bottom: 40px; }
  @media (max-width: 992px) {
    .existed-businesses {
      padding-bottom: 80px; } }
  .existed-businesses .waveWrapper {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .existed-businesses h2 small {
    color: #0F93C3 !important; }
  .existed-businesses h2:before {
    background-image: url(../images/dots_blue.svg); }
  .existed-businesses .sh-box {
    background: -webkit-gradient(linear, left bottom, left top, from(#F4A261), to(#0F93C3));
    background: linear-gradient(to top, #F4A261, #0F93C3); }
    .existed-businesses .sh-box .sh-box-inner {
      background-color: #f7fafd; }
      .existed-businesses .sh-box .sh-box-inner .rmore {
        color: #0F93C3; }
    .existed-businesses .sh-box:hover .sh-box-inner {
      background-color: #0F93C3; }

.google-home {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
  position: relative;
  color: #eeeeee;
  overflow: visible; }
  @media (max-width: 992px) {
    .google-home {
      overflow: hidden; } }
  .google-home h2 {
    font-size: 38px;
    font-weight: bold;
    color: #F4A261;
    letter-spacing: -0.05em; }
    @media (max-width: 992px) {
      .google-home h2 {
        font-size: 28px; } }
  .google-home:before {
    content: "";
    background-image: url(../images/waves-pattern1.webp);
    width: 998px;
    height: 431px;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 992px) {
      .google-home:before {
        width: 100%; } }

.portfolio-home {
  background: -webkit-gradient(linear, left top, right top, from(#27303a), to(#2e3844));
  background: linear-gradient(to right, #27303a 0%, #2e3844 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27303A', endColorstr='#FF2E3844', GradientType=1);
  background-image: url(../images/portfolio.jpg);
  background-size: cover; }
  .portfolio-home h2 {
    color: #fff;
    font-size: 38px;
    letter-spacing: -0.05em;
    font-style: italic;
    font-weight: 500;
    padding-left: 40px; }
    .portfolio-home h2 small {
      display: block;
      color: #F4A261;
      font-size: 16px;
      text-transform: uppercase;
      font-style: normal;
      font-weight: bold;
      letter-spacing: -0.02em;
      margin-bottom: 5px; }
    @media (max-width: 992px) {
      .portfolio-home h2 {
        font-size: 28px;
        padding: 0; } }
  .portfolio-home .port-box {
    padding: 0 50px;
    min-height: 200px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-position: top center;
    background-size: cover; }
    .portfolio-home .port-box:before {
      content: "";
      width: 0%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .portfolio-home .port-box:after {
      content: "";
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      position: absolute;
      top: 10px;
      left: 10px;
      border: 1px solid #242c35;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .portfolio-home .port-box .port-box-inner {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .portfolio-home .port-box .port-box-inner h3 {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
    .portfolio-home .port-box:hover {
      background-color: rgba(255, 255, 255, 0.9) !important; }
      .portfolio-home .port-box:hover:before {
        width: 100%;
        background-color: white; }
      .portfolio-home .port-box:hover:after {
        width: calc(100% - 0px);
        height: calc(100% - 0px);
        top: 0px;
        left: 0px; }
      .portfolio-home .port-box:hover h3 {
        color: #242c35 !important; }

.smbox {
  background-image: url(../images/smbox.jpg); }

.wwbox {
  background-image: url(../images/wwbox.jpg); }

.ocbox {
  background-image: url(../images/ocbox.jpg); }

.obbox {
  background-image: url(../images/obbox.jpg); }

@-webkit-keyframes move_wave {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
            transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1); } }

@keyframes move_wave {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
            transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1); } }
.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto; }

.waveWrapperInner {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  bottom: -1px; }

.bgTop {
  z-index: 15;
  opacity: 0.5; }

.bgMiddle {
  z-index: 10;
  opacity: 0.75; }

.bgBottom {
  z-index: 5; }

.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

.waveTop {
  background-size: 50% 100px; }

.waveAnimation .waveTop {
  animation: move-wave 3s;
  -webkit-animation: move-wave 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.waveMiddle {
  background-size: 50% 120px; }

.waveAnimation .waveMiddle {
  -webkit-animation: move_wave 10s linear infinite;
          animation: move_wave 10s linear infinite; }

.waveBottom {
  background-size: 50% 100px; }

.waveAnimation .waveBottom {
  -webkit-animation: move_wave 15s linear infinite;
          animation: move_wave 15s linear infinite; }

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
.coming-soon {
  text-align: center; }
  .coming-soon p {
    font-size: 18px; }
  .coming-soon strong {
    display: block;
    text-decoration: underline; }
  .coming-soon a {
    color: #F4A261;
    font-weight: bold; }
    .coming-soon a:hover {
      color: #242c35; }

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