@font-face {
  font-family: Roboto-Light;
  font-display: swap;
  src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto-Regular;
  font-display: swap;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: OpenSans-Light;
  font-display: swap;
  src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
  font-family: OpenSans-Regular;
  font-display: swap;
  src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
  font-family: 'century';
  font-display: swap;
  src: url(../fonts/century.eot);
  src: local('../fonts/century'), url(../fonts/century.woff) format('woff'),
    url(../fonts/century.ttf) format('truetype');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/i6-webfont.eot?v=4.7.0');
  src: url('../fonts/i6-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../fonts/i6-webfont.woff2?v=4.7.0') format('woff2'),
    url('../fonts/i6-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/i6-webfont.ttf?v=4.7.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: 'OpenSans-Regular';
  letter-spacing: 1px;
}
.roboto-light {
  font-family: 'Roboto-Light';
  letter-spacing: 1px;
}
.roboto-regular {
  font-family: 'Roboto-Regular';
  letter-spacing: 1px;
}
.open-sans-regular {
  font-family: OpenSans-Regular;
}
.light-font {
  font-family: 'OpenSans-Light';
}
.century-font {
  font-family: 'century';
}
body {
  margin: 0px;
}
.logins-section-contact {
  padding: 0px 15px 20px 0px;
}
.logins-section-contact a {
  color: #7c7d7d !important;
  text-decoration: none !important;
  display: block;
  margin-bottom: 8px;
  font-weight: 900;
}
.logins-section-contact a:hover {
  color: #447cb6 !important;
}
.final-menu-link {
  float: right;
}
.less-margin-bottom {
  margin-bottom: 20px !important;
}
.no-border-right {
  border-right: 0px solid !important;
}
.spc-btn:after {
  content: '' !important;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-phone:before {
  content: '\f095';
  font-size: 30px;
}
.fa-email:before {
  content: '\f0e0';
  font-size: 30px;
}
.fa-comments:before {
  content: '\f086';
  font-size: 30px;
}
.social-media-sidebar img {
  margin-right: 15px;
}
.section-one-third {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
}
.section-two-thirds {
  width: 64%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
}
.section-one-forth {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
.who-we-are h2,
.what-we-do h2,
.our-clients h2,
.our-testimonials h2,
.events-promos h2,
.nice-h2 {
  color: #2768aa;
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: 400;
}
.our-testimonials h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: 400;
}
.our-clients h2 {
  margin-bottom: 0px;
}
.who-we-are p,
.what-we-do p {
  font-size: 16px;
  color: #7d7b7b;
  font-weight: 600;
}
.intro-cmp {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 300px;
  height: 0px;
}
.intro-cmp h1 {
  font-size: 80px;
}
.intro-cmp h3 {
  font-size: 40px;
}
.less-margin-mb {
  margin-top: 40px;
  margin-bottom: 20px;
}
/* What we do */
.what-we-do p {
  margin-bottom: 20px;
  margin-top: 20px;
}
/* What we do */
/* Footer - Section */
.footer-section-complete h3,
.footer-section-complete a {
  color: #fff;
  display: block;
}
.footer-section-complete h3 {
  font-size: 20px;
}
.footer-section-complete a {
  font-size: 15px;
  padding-bottom: 8px;
  font-family: 'OpenSans-Light';
}
.footer-section-complete a:hover {
  color: #76abe3;
  text-decoration: none;
}
.logins-section-contact a {
  border: 1px solid #fff;
  max-width: 240px;
  width: 100%;
  text-align: center;
  padding: 13px;
  color: #fff !important;
}
/* Footer - Section */
.to-disp-inline-block {
  display: inline-block;
}
.full-container {
  width: 100%;
}
.half-container {
  width: 48%;
}
.left-container {
  float: left;
  padding: 10px;
}
.right-container {
  float: right;
  padding: 10px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.high-pd-top-bottom {
  padding-top: 60px;
  padding-bottom: 60px;
}
.more-pd-top-bottom {
  padding-top: 45px;
  padding-bottom: 45px;
}
.pd-top-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}
.margin-top-bottom {
  margin-top: 25px;
  margin-bottom: 25px;
}

.cls-both {
  clear: both;
}
.footer-top {
  border-top: lightgray;
}
.footer-bottom {
  background: #9b9696;
}
.footer-bottom-section {
  background: #262626;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  z-index: 88888;
}
.footer-bottom-section img {
  margin-right: 15px;
}
.footer-bottom-section img,
.footer-bottom-section p {
  display: inline-block;
}
.footer-bottom-section p {
  color: #fff;
  font-size: 15px;
}

.BackInputForm ::placeholder {
  color: #000000 !important;
}
.BackInputForm :-ms-input-placeholder {
  color: #000000 !important;
}
.BackInputForm ::-ms-input-placeholder {
  color: #000000 !important;
}

.BackInputForm input[placeholder='Name'] {
  padding-left: 0px;
}
/* Contact Section */
.footer-section-complete ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
  font-family: Roboto-Light;
  font-size: 14px;
}
.footer-section-complete :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  font-family: Roboto-Light;
  font-size: 14px;
}
.footer-section-complete ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  font-family: Roboto-Light;
  font-size: 14px;
}
/* Contact Section */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
  font-family: Roboto-Light;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  font-family: Roboto-Light;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  font-family: Roboto-Light;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
} /* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
} /* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent;
} /* IE 10+ */
@media (max-width: 600px) {
  .full-container {
    max-width: 100% !important;
    width: 100%;
  }
  .half-container {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .right-container,
  .left-container {
    float: none;
  }
  .intro-cmp {
    top: 150px;
  }
}

@media (max-width: 1000px) {
  .section-one-forth {
    width: 49%;
    margin-bottom: 20px;
  }
  .section-one-third {
    width: 49%;
    margin-bottom: 20px;
  }
  .section-two-thirds {
    width: 49%;
    margin-bottom: 20px;
  }
  .intro-cmp h1 {
    font-size: 30px;
  }
  .intro-cmp h3 {
    font-size: 20px;
  }
  .hp-slider-txt h1 {
    font-size: 105px;
  }
  .hp-slider-txt h3 {
    font-size: 75px;
  }
}
@media (max-width: 981px) {
  .h2-tag {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  .center-mb {
    text-align: center !important;
  }
  .high-pd-top-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .less-margin-mb {
    margin-top: 14px;
    margin-bottom: 4px;
  }
}
@media (max-width: 550px) {
  .section-one-forth {
    width: 100%;
  }
  .section-one-third,
  .section-two-thirds {
    width: 100%;
  }
  .h2-tag {
    font-size: 20px !important;
  }
}

/* When not on the homepage, add offset for accessibe widget on right side */
body:not(.page-home) access-widget-ui {
  --offset-left: 100px;
  --offset-top: 100px;
}

@media (height < 800px) {
  /* Move accessibe widget when overlapping chat open on home page */
  body.page-home:has(#tidio-chat-iframe[style*='max-height: 100%;']) access-widget-ui {
    --offset-left: calc(100% - 100px);
    --offset-top: 100px;
  }

  /* Prevent chat widget from going off-screen */
  #tidio-chat-iframe[style*='max-height: 100%;'] {
    top: 0 !important;
  }
}