/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)

   Relace #315576 with #315576
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

select {
  border: none;
  background: white;
  color: black;
  height: 25px;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative; }

.animated {
  animation: bounce 0.5s infinite alternate;
  -webkit-animation: bounce 0.5s infinite alternate; }

@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-5px); } }
body {
  background-image: url("../media/bgPattern.png"); }

@font-face {
  font-family: RG-Light;
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-Light.eot");
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Light.woff") format("woff"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Light.ttf") format("truetype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Light.svg#RG-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: RG-LightItalic;
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-LightItalic.eot");
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-LightItalic.woff") format("woff"), url("../fonts/RidleyGrotesk/RidleyGrotesk-LightItalic.ttf") format("truetype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-LightItalic.svg#RG-LightItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: RG-Medium;
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-Medium.eot");
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Medium.woff") format("woff"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Medium.ttf") format("truetype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Medium.svg#RG-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: RG-Bold;
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-Bold.eot");
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Bold.woff") format("woff"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Bold.ttf") format("truetype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-Bold.svg#RG-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: RG-BoldItalic;
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-BoldItalic.eot");
  src: url("../fonts/RidleyGrotesk/RidleyGrotesk-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-BoldItalic.woff") format("woff"), url("../fonts/RidleyGrotesk/RidleyGrotesk-BoldItalic.ttf") format("truetype"), url("../fonts/RidleyGrotesk/RidleyGrotesk-BoldItalic.svg#RG-BoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: RG-Medium;
  font-size: 16px;
  line-height: 28px;
  color: #535353; }
@media screen and (max-width: 500px) {
  body {
    font-size: 18px;
    line-height: 32px; } }

h1 {
  font-family: "univia-pro";
  font-weight: 700;
  font-size: 48px;
  line-height: 58px; }
@media screen and (max-width: 500px) {
  h1 {
    font-size: 42px; } }

h2 {
  font-family: "univia-pro";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px; }
@media screen and (max-width: 500px) {
  h2 {
    font-size: 28px;
    line-height: 36px; } }

h3 {
  font-family: RG-medium;
  font-size: 20px;
  line-height: 30px; }
@media screen and (max-width: 500px) {
  h3 {
    font-size: 24px;
    line-height: 32px; } }

.date {
  font-family: RG-BoldItalic;
  font-size: 16px;
  line-height: 20px;
  color: #D7D7D7; }
@media screen and (max-width: 500px) {
  .date {
    font-size: 18px;
    line-height: 22px; } }

a,
a:visited {
  font-family: RG-Medium;
  font-size: 16px;
  line-height: 20px;
  color: #315576;
  text-decoration: none; }
a:hover, a:active,
a:visited:hover,
a:visited:active {
  font-family: RG-Bold;
  text-decoration: underline; }
@media screen and (max-width: 500px) {
  a,
  a:visited {
    font-size: 18px;
    line-height: 22px; } }

ul.bulleted {
  width: 100%;
  max-width: 450px;
  margin: 0 auto; }
ul.bulleted li {
  position: relative;
  margin-left: 15px; }
ul.bulleted li:before {
  content: '';
  margin-right: 5px;
  border: 1px solid #315576;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 10px;
  left: -13px; }

strong {
  font-family: RG-Bold; }

.icon {
  fill: #535353; }

svg {
  transition: all 1s; }
svg:hover, svg:active, svg:active, svg:focus, #watchvideo {
  cursor: pointer; }
svg:hover .icon, svg:active .icon, svg:active .icon, svg:focus .icon {
  fill: #315576; }

svg.search-icon .icon {
  fill: none;
  stroke: #535353; }
svg.search-icon path:last-child {
  stroke: #535353; }
svg.search-icon:hover .icon {
  fill: none;
  stroke: #315576; }

.chat-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  transition: all 1s;
  cursor: pointer;
  width: 84px;
  margin: 0 auto;
  position: relative; }
.chat-btn p {
  color: transparent;
  transition: all 1s;
  font-size: 16px; }
.chat-btn:hover p, .chat-btn:active p, .chat-btn:focus p {
  color: #315576; }

label {
  position: relative; }
label svg.search-icon {
  position: absolute;
  top: -3px;
  left: 0; }
label svg.search-icon .icon {
  fill: none;
  stroke: #315576; }
label svg.search-icon path:last-child {
  stroke: #315576; }
label svg.search-icon:hover .icon, label svg.search-icon:active .icon, label svg.search-icon:focus .icon {
  fill: none; }
label input[type="search"] {
  padding-left: 28px;
  width: 100%; }

.btn {
  font-family: RG-bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  background: #315576;
  border-radius: 50px;
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid transparent;
  background-clip: padding-box;
  transition: border 1s; }
.btn:visited {
  color: #fff; }
.btn:hover, .btn:active, .btn:focus {
  background: transparent;
  border: 1px solid #315576;
  color: #315576;
  text-decoration: none; }
.btn--2 {
  background: transparent;
  color: #315576;
  border: 1px solid #315576; }
.btn--2:visited {
  color: #315576; }
.btn--2:hover, .btn--2:active, .btn--2:focus {
  background: #315576;
  color: #fff;
  border: 1px solid transparent;
  background-clip: padding-box; }
@media screen and (max-width: 500px) {
  .btn {
    font-size: 18px;
    line-height: 22px;
    padding: 5px 25px; }}
@media screen and (max-width: 800px) {
  .footer_background_image {
    background-image: none !important;
  }
  .footer_background_inner {
    max-width: none !important;
    width: 100% !important;
  }
  .h2wrapper {
    padding: 20px;
  }
}
a:focus {
  font-family: RG-bold;
  background: transparent;
  text-transform: underline;
  color: #315576; }

.wpfront-message a {
  color: #fff;
  font-family: RG-Bold;
  text-decoration: underline; }

.logo {
  max-width: 285px;
  height: 79px; }
@media screen and (max-width: 330px) {
  .logo {
    max-width: 224px;
    height: 62px; } }

.notification {
  background: #535353;
  padding: 5px 15px;
  width: 100%; }
.notification a {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  text-align: center; }

.header {
  position: relative; }
.header nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  transition: all 0.5s;
  height: initial; }

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  max-width: 1200px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 10px;
  transition: .5s ease-in-out; }
.nav a {
  font-size: 20px; }
.nav__link {
  margin-left: 0;
  position: relative; }
.nav__link a {
  color: #fff; }
.nav__link a:hover + .nav__sub, .nav__link a:focus + .nav__sub, .nav__link a:active + .nav__sub {
  display: block; }
.nav__link:before {
  content: '';
  display: none; }
@media screen and (max-width: 880px) {
  .nav__link {
    display: none; }
  .nav__link:first-child, .nav__link:last-child {
    display: block; } }
.nav__link:hover .nav__sub, .nav__link:focus .nav__sub, .nav__link:active .nav__sub {
  display: block; }
.nav .chat-btn {
  color: #fff;
  position: relative; }
.nav .chat-btn svg path {
  fill: #fff; }
.nav .chat-btn:after {
  content: 'Remote Access';
  position: absolute;
  bottom: -25px;
  text-align: center;
  color: transparent;
  width: 130px;
  position: absolute;
  font-size: 16px; }
.nav .chat-btn:hover:after {
  width: 130px;
  display: block;
  color: white;
  font-family: RG-Bold; }
.nav__sub {
  display: none;
  position: absolute;
  bottom: auto;
  left: -15px;
  background: #fff;
  padding: 0 15px 15px 15px;
  white-space: nowrap; }
.nav__sub--dark {
  background: transparent; }

.hamburger-menu {
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  width: 28px;
  height: 18px;
  right: 40px;
  top: 50px;
  z-index: 103;
  display: none;
  margin-right: 20px; }
@media screen and (max-width: 880px) {
  .hamburger-menu {
    display: block; } }
.hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out; }
.hamburger-menu span:nth-child(1) {
  top: 0px; }
.hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {
  top: 7px; }
.hamburger-menu span:nth-child(4) {
  top: 14px; }

.hamburger-menu.open span {
  background: #fff; }
.hamburger-menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }
.hamburger-menu.open span:nth-child(2) {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
.hamburger-menu.open span:nth-child(3) {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.hamburger-menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.mobileNav-container {
  padding: 90px 0;
  z-index: 101;
  position: fixed;
  width: 0;
  background-image: url("../media/THL_MobileMenu.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: all 0.2s ease-in;
  width: 0;
  min-height: 600px;
  height: 100vh;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap; }
@media screen and (min-width: 601px) {
  .mobileNav-container {
    display: none; } }
.mobileNav-container li {
  margin-bottom: 34px; }
.mobileNav-container li a {
  color: #fff;
  font-size: 24px; }
.mobileNav-container .socials svg {
  margin-right: 22px; }
.mobileNav-container .socials svg path {
  fill: #fff; }

.no-scroll {
  overflow: hidden;
  position: relative; }

.whiteNav--stay,
.whiteNav {
  background: #fff;
  border-bottom: 1px solid #D7D7D7;
  transition: all 0.5s; }
.whiteNav--stay .nav li a,
.whiteNav .nav li a {
  color: #315576; }
.whiteNav--stay .chat-btn svg path,
.whiteNav .chat-btn svg path {
  fill: #315576; }
.whiteNav--stay .nav .chat-btn:hover:after,
.whiteNav .nav .chat-btn:hover:after {
  color: #315576; }
.whiteNav--stay .nav__sub,
.whiteNav .nav__sub {
  background: #fff; }

.whiteNav--stay div.hamburger-menu span {
  background: #315576; }

.logo-color {
  display: none; }

div.blueBurg span {
  background: #315576; }

.mobileNav div.hamburger-menu {
  margin-left: auto; }
.mobileNav div.hamburger-menu span {
  background: #fff; }
.mobileNav div.hamburger-menu span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }
.mobileNav div.hamburger-menu span:nth-child(2) {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
.mobileNav div.hamburger-menu span:nth-child(3) {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.mobileNav div.hamburger-menu span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.mobile-nav-toggle {
  padding: 30px 24px;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  overflow-x: hidden;
  box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.5); }

.subnav {
  position: absolute; }

[data-visually-hidden="true"] {
  display: none; }

[data-visually-hidden="false"] {
  display: block; }

.mobileNav .accordion .inner {
  overflow: hidden;
  display: none;
  color: #fff; }
.mobileNav .accordion .inner a {
  font-family: RG-Bold; }
.mobileNav .accordion .inner li {
  margin: 15px 0 0 0; }
.mobileNav .accordion > li {
  width: 100%; }
.mobileNav .accordion > li a,
.mobileNav .accordion > li a:hover,
.mobileNav .accordion > li a:active,
.mobileNav .accordion > li a.toggle,
.mobileNav .accordion > li a.toggle:hover,
.mobileNav .accordion > li a.toggle:active {
  color: white;
  white-space: initial; }

.banner-overlay {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.hero--mobile {
  display: none !important; }

@media (max-width: 415px) {
  .hero--desktop {
    display: none !important; }

  .hero--mobile {
    display: -ms-flexbox !important;
    display: flex !important; } }
.footer {
  border-top: 1px solid #D7D7D7; }
.footer__header {
  padding: 30px 15px; }
.footer__header > h2 {
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px; }
.footer__main {
  background-image: url("../media/THL_Footer-BG2.jpg");
  background-position: center;
  background-size: cover;
  padding: 76px 0px;
  position: relative;
  background-repeat: no-repeat; }
@media screen and (max-width: 600px) {
  .footer__main {
    padding: 35px 0; } }
.footer__columns {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 15px; }
@media screen and (max-width: 785px) {
  .footer__columns {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
  .footer__columns section {
    width: 100%;
    text-align: left; } }
.footer__columns h2 {
  color: #fff;
  margin-bottom: 50px;
  text-align: center; }
@media screen and (max-width: 600px) {
  .footer__columns h2 {
    margin-bottom: 20px; } }
.footer__nav li a {
  color: #fff;
  font-family: RG-Medium; }
@media screen and (max-width: 785px) {
  .footer__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
  .footer__nav li {
    margin: 0 15px; } }
.footer__last {
  background: #535353; }
.footer__last .container {
  color: #fff;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px;
  display: -ms-flexbox;
  display: flex; }
.footer__last .container p,
.footer__last .container a {
  font-size: 11px;
  color: #fff; }
.footer__last .container p:first-child {
  margin-right: auto; }
.footer__last .container p:last-child {
  margin-left: 30px; }
@media screen and (max-width: 414px) {
  .footer__last .container {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
  .footer__last .container p:first-child,
  .footer__last .container p:last-child {
    margin: 0; } }
.footer__contacts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 320px;
  margin: 0 auto; }
.footer__contact {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px; }
.footer__contact svg {
  margin-right: 20px; }
.footer__contact svg:hover {
  cursor: default; }
.footer__contact svg:hover path,
.footer__contact svg path {
  fill: #fff; }
.footer__contact p a,
.footer__contact p a:visited {
  color: #fff;
  font-family: RG-Medium; }
.footer__blogs {
  width: 50%; }
@media screen and (max-width: 1005px) {
  .footer__blogs {
    width: initial; } }
@media screen and (max-width: 730px) {
  .footer__blogs {
    margin-top: 30px; } }
.footer__posts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  max-height: 350px; }
@media screen and (max-width: 1005px) {
  .footer__posts {
    -ms-flex-flow: column;
    flex-flow: column;
    max-height: initial;
    -ms-flex-align: center;
    align-items: center; } }
.footer__posts li {
  width: 50%;
  margin-bottom: 30px;
  margin-right: 30px; }
@media screen and (max-width: 1005px) {
  .footer__posts li {
    width: 100%;
    max-width: 334px;
    margin-right: 0; }
  .footer__posts li:nth-last-child(-n+3) {
    display: none; } }
.footer__posts li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  font-family: RG-Medium;
  color: #fff; }
.footer__posts li span {
  color: #fff;
  font-family: RG-Bold; }
.footer__posts li .date {
  height: 45px;
  width: 45px;
  color: #fff;
  background: #535353;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: 15px; }

.memberStuffs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1300px;
  margin: 0 auto; }
@media screen and (max-width: 600px) {
  .memberStuffs {
    -ms-flex-direction: column;
    flex-direction: column; } }
.memberStuffs__stuff {
  width: 30%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 15px; }
@media screen and (max-width: 600px) {
  .memberStuffs__stuff {
    width: 100%;
    margin: 15px auto; } }
.memberStuffs__stuff a, .memberStuffs__stuff .nobtn {
  margin-top: auto; }
.memberStuffs__stuff .nobtn {
  height: 32px; }
.memberStuffs__stuff svg {
  height: 48px;
  width: 48px;
  margin-bottom: 15px; }
.memberStuffs__stuff svg:hover {
  cursor: default; }
.memberStuffs__stuff svg:hover path {
  fill: #535353; }
.memberStuffs__stuff > h3 {
  font-family: 'univia-pro'; }
.memberStuffs__stuff p {
  max-width: 275px;
  margin: 15px auto; }
.memberStuffs__stuff:after {
  content: '';
  height: 133px;
  width: 1px;
  background: #D7D7D7;
  display: block;
  position: absolute;
  right: 0;
  top: 60px; }
@media screen and (max-width: 600px) {
  .memberStuffs__stuff:after {
    display: none; } }
.memberStuffs__stuff:last-child:after {
  display: none; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"], textarea {
  border: 1px solid #000;
  border-radius: 30px;
  background: transparent;
  padding: 5px 15px;
  transition: all 1s;
  color: #315576;
  font-family: RG-Light; }
input[type="text"]:placeholder,
input[type="email"]:placeholder,
input[type="url"]:placeholder,
input[type="password"]:placeholder,
input[type="search"]:placeholder,
input[type="number"]:placeholder,
input[type="tel"]:placeholder,
input[type="range"]:placeholder,
input[type="date"]:placeholder,
input[type="month"]:placeholder,
input[type="week"]:placeholder,
input[type="time"]:placeholder,
input[type="datetime"]:placeholder,
input[type="datetime-local"]:placeholder,
input[type="color"]:placeholder, textarea:placeholder {
  color: #535353;
  font-family: RG-Light; }

input[type="search"] {
  border: none;
  border-bottom: 1px solid #D7D7D7;
  border-radius: 0;
  color: #315576 !important;
  font-family: RG-Light; }
input[type="search"]::-webkit-input-placeholder {
  font-family: RG-Light;
  color: #315576; }
input[type="search"]:-ms-input-placeholder {
  font-family: RG-Light;
  color: #315576; }
input[type="search"]::placeholder {
  font-family: RG-Light;
  color: #315576; }
input[type="search"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #315576; }
input[type="search"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #315576;
  opacity: 1; }
input[type="search"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #315576;
  opacity: 1; }
input[type="search"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #315576; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none; }

.swiper-button-prev,
.swiper-button-next {
  background: none;
  height: 30px;
  width: 19px; }
.swiper-button-prev svg path,
.swiper-button-next svg path {
  fill: #fff; }

.swiper-slide {
  height: initial; }

.hero-swiper {
  height: 100vh;
  min-height: 300px; }
@media screen and (min-width: 1200px) {
  .hero-swiper {
    min-height: 600px; } }
.hero-swiper__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #000;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
.hero-swiper__next, .hero-swiper__prev {
  background: none;
  height: 30px;
  width: 19px; }
.hero-swiper__next svg path, .hero-swiper__prev svg path {
  fill: #fff; }
.hero-swiper__title {
  text-align: center;
  color: #fff;
  position: relative; }
.hero-swiper__btn.btn.btn--2 {
  margin-top: 66px;
  border-color: #fff;
  color: #fff;
  position: relative; }
.hero-swiper__btn.btn.btn--2:hover, .hero-swiper__btn.btn.btn--2:active, .hero-swiper__btn.btn.btn--2:focus {
  border-color: transparent; }
.hero-swiper__socials {
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10; }
.hero-swiper__socials svg {
  margin: 0 5px; }
.hero-swiper__socials svg path {
  fill: #fff; }

.scroll-down-container {
  position: absolute;
  bottom: -54px;
  left: 0;
  width: 100%;
  z-index: 10; }

.scroll-down {
  margin: 0 auto;
  background: #315576;
  height: 108px;
  width: 108px;
  border-radius: 50%;
  padding-top: 25px; }
.scroll-down:hover {
  cursor: pointer; }
.scroll-down svg {
  display: block;
  margin: 0 auto;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }
.scroll-down svg:hover path,
.scroll-down svg path {
  fill: #fff; }

.testimonial-swiper__title {
  text-align: center;
  color: #535353;
  margin-top: 60px; }
.testimonial-swiper__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
.testimonial-swiper__name, .testimonial-swiper__business {
  text-align: center; }
.testimonial-swiper__img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px;
  width: 200px;
  margin-top: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 66px -21px rgba(0, 0, 0, 0.73); }
.testimonial-swiper__name {
  font-family: 'univia-pro';
  margin-top: 25px; }
.testimonial-swiper__business {
  margin-top: 7px;
  font-family: RG-Medium; }
.testimonial-swiper__copy {
  max-width: 1200px;
  margin: 25px auto;
  padding: 0 30px; }
.testimonial-swiper__next svg path, .testimonial-swiper__prev svg path {
  fill: #535353; }

.home__slide--one {
  background-image: url("../media/home_desk-1.jpg"); }
@media (max-width: 415px) {
  .home__slide--one {
    background-image: url("../media/home_mobile-1.jpg"); } }

.home__slide--two {
  background-image: url("../media/home_desk-2.jpg"); }
@media (max-width: 415px) {
  .home__slide--two {
    background-image: url("../media/home_mobile-2.jpg"); } }

.home__slide--three {
  background-image: url("../media/home_desk-3.jpg"); }
@media (max-width: 415px) {
  .home__slide--three {
    background-image: url("../media/home_mobile-3.jpg"); } }

.home__slide--four {
  background-image: url("../media/home_desk-4.jpg"); }
@media (max-width: 415px) {
  .home__slide--four {
    background-image: url("../media/home_mobile-4.jpg"); } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .hero-swiper__btn.btn.btn--2 {
    margin-top: 30px; }

  .hero-swiper__socials {
    bottom: 70px; } }
.sidebar {
  width: 325px;
  padding: 0 15px 0 50px;
  margin: 0px auto 60px 0;
  border-left: 1px solid #D7D7D7; }
.sidebar section {
  margin: 30px 0; }
.sidebar h2 {
  color: #315576; }
.sidebar a {
  color: #535353; }
.sidebar ul li {
  margin: 15px 0; }
@media screen and (max-width: 600px) {
  .sidebar {
    display: none; } }

.archive-sidebar {
  max-width: 1200px;
  margin: 50px auto;
  padding: 15px; }
@media screen and (max-width: 600px) {
  .archive-sidebar {
    margin: 0; } }
.archive-sidebar h2 {
  display: none; }
.archive-sidebar ul {
  display: -ms-flexbox;
  display: flex; }
@media screen and (max-width: 600px) {
  .archive-sidebar ul {
    -ms-flex-direction: column;
    flex-direction: column; } }
.archive-sidebar ul li {
  width: 50%;
  margin: 0 15px; }
@media screen and (max-width: 600px) {
  .archive-sidebar ul li {
    width: 100%;
    margin: 10px 0; } }
.archive-sidebar ul li form {
  position: relative; }
.archive-sidebar ul li select {
  height: 100%;
  padding: 10px 15px;
  border-radius: 50px;
  border: 1px solid #535353;
  color: #535353;
  background: transparent; }
.archive-sidebar ul li .search-field {
  -webkit-appearance: textfield;
  padding: 10px; }
.archive-sidebar ul li input[type="search"] {
  border: 1px solid #535353;
  border-radius: 50px;
  color: #535353 !important;
  text-transform: uppercase;
  font-size: 14px; }
.archive-sidebar ul li input[type="search"]::-webkit-input-placeholder {
  font-family: RG-Light;
  color: #535353; }
.archive-sidebar ul li input[type="search"]:-ms-input-placeholder {
  font-family: RG-Light;
  color: #535353; }
.archive-sidebar ul li input[type="search"]::placeholder {
  font-family: RG-Light;
  color: #535353; }
.archive-sidebar ul li input[type="search"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #535353; }
.archive-sidebar ul li input[type="search"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #535353;
  opacity: 1; }
.archive-sidebar ul li input[type="search"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #535353;
  opacity: 1; }
.archive-sidebar ul li input[type="search"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #535353; }
.archive-sidebar ul li .search-submit {
  background-image: url("../icons/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999em;
  background-color: transparent;
  border: none;
  padding: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 11px;
  right: 16px; }
.archive-sidebar ul li .search-submit:hover, .archive-sidebar ul li .search-submit:active {
  border: none; }

#archives-4,
#categories-4 {
  position: relative; }
#archives-4:after,
#categories-4:after {
  content: '';
  background-image: url("../icons/down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999em;
  background-color: transparent;
  border: none;
  padding: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
  right: 16px; }

p:empty {
  display: none; }

.bgImage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.no-link,
.no-link:hover {
  font-family: RG-Light;
  cursor: default; }

.not-found {
  padding: 15px;
  text-align: center; }

.scroll--plain {
  bottom: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0; }
.scroll--plain svg {
  height: 19px;
  width: 30px;
  margin: 0 auto;
  display: block; }
.scroll--plain svg path {
  fill: white; }

.featured-clients {
  padding: 40px 0;
  border-bottom: 1px solid #D7D7D7; }
@media screen and (max-width: 600px) {
  .featured-clients {
    padding: 0; } }
.featured-clients__clients-container {
  max-width: 1050px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto; }
.featured-clients__title {
  text-align: center;
  color: #535353;
  margin-bottom: 30px; }
@media screen and (max-width: 600px) {
  .featured-clients__title {
    background: #fff;
    margin: 0;
    padding: 15px 0 5px 0px; } }
.featured-clients__client {
  height: auto;
  max-width: 200px; }
@media screen and (max-width: 600px) {
  .featured-clients__client {
    max-width: 140px;
    margin: 0 15px;
    padding: 30px 0; } }

.snazzy-services__title,
.snazzy-plans__title {
  text-align: center;
  color: #535353;
  padding-top: 66px; }
@media screen and (max-width: 600px) {
  .snazzy-services__title,
  .snazzy-plans__title {
    padding: 20px auto; } }
.snazzy-services__copy,
.snazzy-plans__copy {
  max-width: 1200px;
  margin: 66px auto;
  padding: 15px; }
@media screen and (max-width: 600px) {
  .snazzy-services__copy,
  .snazzy-plans__copy {
    margin: 0 auto; } }

.snazzy-services__img {
  margin-bottom: 20px; }
.snazzy-services__help {
  text-align: center;
  font-family: 'univia-pro';
  font-size: 18px; }
.snazzy-services__services-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 84px; }
.snazzy-services__service {
  width: 267px;
  height: 267px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  transition: all 0.5s; }
.snazzy-services__service:after {
  content: '';
  height: 133px;
  width: 1px;
  background: #D7D7D7;
  display: block;
  position: absolute;
  right: 0;
  top: 60px;
  transition: all 0.5s; }
@media screen and (max-width: 600px) {
  .snazzy-services__service:after {
    display: none; } }
.snazzy-services__service:last-child:after {
  display: none; }
.snazzy-services__service:hover {
  cursor: default;
  box-shadow: 0.63837px 0.53566px 0 rgba(211, 211, 211, 0.99167), 1.27674px 1.07131px 0 rgba(211, 211, 211, 0.98333), 1.91511px 1.60697px 0 rgba(211, 211, 211, 0.975), 2.55348px 2.14263px 0 rgba(211, 211, 211, 0.96667), 3.19185px 2.67828px 0 rgba(211, 211, 211, 0.95833), 3.83022px 3.21394px 0 rgba(211, 211, 211, 0.95), 4.46859px 3.74959px 0 rgba(211, 211, 211, 0.94167), 5.10696px 4.28525px 0 rgba(211, 211, 211, 0.93333), 5.74533px 4.82091px 0 rgba(211, 211, 211, 0.925), 6.3837px 5.35656px 0 rgba(211, 211, 211, 0.91667), 7.02207px 5.89222px 0 rgba(211, 211, 211, 0.90833), 7.66044px 6.42788px 0 rgba(211, 211, 211, 0.9), 8.29881px 6.96353px 0 rgba(211, 211, 211, 0.89167), 8.93719px 7.49919px 0 rgba(211, 211, 211, 0.88333), 9.57556px 8.03485px 0 rgba(211, 211, 211, 0.875), 10.21393px 8.5705px 0 rgba(211, 211, 211, 0.86667), 10.8523px 9.10616px 0 rgba(211, 211, 211, 0.85833), 11.49067px 9.64181px 0 rgba(211, 211, 211, 0.85), 12.12904px 10.17747px 0 rgba(211, 211, 211, 0.84167), 12.76741px 10.71313px 0 rgba(211, 211, 211, 0.83333), 13.40578px 11.24878px 0 rgba(211, 211, 211, 0.825), 14.04415px 11.78444px 0 rgba(211, 211, 211, 0.81667), 14.68252px 12.3201px 0 rgba(211, 211, 211, 0.80833), 15.32089px 12.85575px 0 rgba(211, 211, 211, 0.8), 15.95926px 13.39141px 0 rgba(211, 211, 211, 0.79167), 16.59763px 13.92706px 0 rgba(211, 211, 211, 0.78333), 17.236px 14.46272px 0 rgba(211, 211, 211, 0.775), 17.87437px 14.99838px 0 rgba(211, 211, 211, 0.76667), 18.51274px 15.53403px 0 rgba(211, 211, 211, 0.75833), 19.15111px 16.06969px 0 rgba(211, 211, 211, 0.75), 19.78948px 16.60535px 0 rgba(211, 211, 211, 0.74167), 20.42785px 17.141px 0 rgba(211, 211, 211, 0.73333), 21.06622px 17.67666px 0 rgba(211, 211, 211, 0.725), 21.70459px 18.21232px 0 rgba(211, 211, 211, 0.71667), 22.34296px 18.74797px 0 rgba(211, 211, 211, 0.70833), 22.98133px 19.28363px 0 rgba(211, 211, 211, 0.7), 23.6197px 19.81928px 0 rgba(211, 211, 211, 0.69167), 24.25807px 20.35494px 0 rgba(211, 211, 211, 0.68333), 24.89644px 20.8906px 0 rgba(211, 211, 211, 0.675), 25.53481px 21.42625px 0 rgba(211, 211, 211, 0.66667), 26.17319px 21.96191px 0 rgba(211, 211, 211, 0.65833), 26.81156px 22.49757px 0 rgba(211, 211, 211, 0.65), 27.44993px 23.03322px 0 rgba(211, 211, 211, 0.64167), 28.0883px 23.56888px 0 rgba(211, 211, 211, 0.63333), 28.72667px 24.10454px 0 rgba(211, 211, 211, 0.625), 29.36504px 24.64019px 0 rgba(211, 211, 211, 0.61667), 30.00341px 25.17585px 0 rgba(211, 211, 211, 0.60833), 30.64178px 25.7115px 0 rgba(211, 211, 211, 0.6), 31.28015px 26.24716px 0 rgba(211, 211, 211, 0.59167), 31.91852px 26.78282px 0 rgba(211, 211, 211, 0.58333), 32.55689px 27.31847px 0 rgba(211, 211, 211, 0.575), 33.19526px 27.85413px 0 rgba(211, 211, 211, 0.56667), 33.83363px 28.38979px 0 rgba(211, 211, 211, 0.55833), 34.472px 28.92544px 0 rgba(211, 211, 211, 0.55), 35.11037px 29.4611px 0 rgba(211, 211, 211, 0.54167), 35.74874px 29.99676px 0 rgba(211, 211, 211, 0.53333), 36.38711px 30.53241px 0 rgba(211, 211, 211, 0.525), 37.02548px 31.06807px 0 rgba(211, 211, 211, 0.51667), 37.66385px 31.60372px 0 rgba(211, 211, 211, 0.50833), 38.30222px 32.13938px 0 rgba(211, 211, 211, 0.5), 38.94059px 32.67504px 0 rgba(211, 211, 211, 0.49167), 39.57896px 33.21069px 0 rgba(211, 211, 211, 0.48333), 40.21733px 33.74635px 0 rgba(211, 211, 211, 0.475), 40.8557px 34.28201px 0 rgba(211, 211, 211, 0.46667), 41.49407px 34.81766px 0 rgba(211, 211, 211, 0.45833), 42.13244px 35.35332px 0 rgba(211, 211, 211, 0.45), 42.77081px 35.88897px 0 rgba(211, 211, 211, 0.44167), 43.40919px 36.42463px 0 rgba(211, 211, 211, 0.43333), 44.04756px 36.96029px 0 rgba(211, 211, 211, 0.425), 44.68593px 37.49594px 0 rgba(211, 211, 211, 0.41667), 45.3243px 38.0316px 0 rgba(211, 211, 211, 0.40833), 45.96267px 38.56726px 0 rgba(211, 211, 211, 0.4), 46.60104px 39.10291px 0 rgba(211, 211, 211, 0.39167), 47.23941px 39.63857px 0 rgba(211, 211, 211, 0.38333), 47.87778px 40.17423px 0 rgba(211, 211, 211, 0.375), 48.51615px 40.70988px 0 rgba(211, 211, 211, 0.36667), 49.15452px 41.24554px 0 rgba(211, 211, 211, 0.35833), 49.79289px 41.78119px 0 rgba(211, 211, 211, 0.35), 50.43126px 42.31685px 0 rgba(211, 211, 211, 0.34167), 51.06963px 42.85251px 0 rgba(211, 211, 211, 0.33333), 51.708px 43.38816px 0 rgba(211, 211, 211, 0.325), 52.34637px 43.92382px 0 rgba(211, 211, 211, 0.31667), 52.98474px 44.45948px 0 rgba(211, 211, 211, 0.30833), 53.62311px 44.99513px 0 rgba(211, 211, 211, 0.3), 54.26148px 45.53079px 0 rgba(211, 211, 211, 0.29167), 54.89985px 46.06645px 0 rgba(211, 211, 211, 0.28333), 55.53822px 46.6021px 0 rgba(211, 211, 211, 0.275), 56.17659px 47.13776px 0 rgba(211, 211, 211, 0.26667), 56.81496px 47.67341px 0 rgba(211, 211, 211, 0.25833), 57.45333px 48.20907px 0 rgba(211, 211, 211, 0.25), 58.0917px 48.74473px 0 rgba(211, 211, 211, 0.24167), 58.73007px 49.28038px 0 rgba(211, 211, 211, 0.23333), 59.36844px 49.81604px 0 rgba(211, 211, 211, 0.225), 60.00681px 50.3517px 0 rgba(211, 211, 211, 0.21667), 60.64519px 50.88735px 0 rgba(211, 211, 211, 0.20833), 61.28356px 51.42301px 0 rgba(211, 211, 211, 0.2), 61.92193px 51.95867px 0 rgba(211, 211, 211, 0.19167), 62.5603px 52.49432px 0 rgba(211, 211, 211, 0.18333), 63.19867px 53.02998px 0 rgba(211, 211, 211, 0.175), 63.83704px 53.56563px 0 rgba(211, 211, 211, 0.16667), 64.47541px 54.10129px 0 rgba(211, 211, 211, 0.15833), 65.11378px 54.63695px 0 rgba(211, 211, 211, 0.15), 65.75215px 55.1726px 0 rgba(211, 211, 211, 0.14167), 66.39052px 55.70826px 0 rgba(211, 211, 211, 0.13333), 67.02889px 56.24392px 0 rgba(211, 211, 211, 0.125), 67.66726px 56.77957px 0 rgba(211, 211, 211, 0.11667), 68.30563px 57.31523px 0 rgba(211, 211, 211, 0.10833), 68.944px 57.85088px 0 rgba(211, 211, 211, 0.1), 69.58237px 58.38654px 0 rgba(211, 211, 211, 0.09167), 70.22074px 58.9222px 0 rgba(211, 211, 211, 0.08333), 70.85911px 59.45785px 0 rgba(211, 211, 211, 0.075), 71.49748px 59.99351px 0 rgba(211, 211, 211, 0.06667), 72.13585px 60.52917px 0 rgba(211, 211, 211, 0.05833), 72.77422px 61.06482px 0 rgba(211, 211, 211, 0.05), 73.41259px 61.60048px 0 rgba(211, 211, 211, 0.04167), 74.05096px 62.13614px 0 rgba(211, 211, 211, 0.03333), 74.68933px 62.67179px 0 rgba(211, 211, 211, 0.025), 75.3277px 63.20745px 0 rgba(211, 211, 211, 0.01667), 75.96607px 63.7431px 0 rgba(211, 211, 211, 0.00833), 76.60444px 64.27876px 0 rgba(211, 211, 211, 0); }
@media screen and (max-width: 600px) {
  .snazzy-services__service:hover {
    box-shadow: 0.63837px 0.53566px 0 rgba(211, 211, 211, 0.98333), 1.27674px 1.07131px 0 rgba(211, 211, 211, 0.96667), 1.91511px 1.60697px 0 rgba(211, 211, 211, 0.95), 2.55348px 2.14263px 0 rgba(211, 211, 211, 0.93333), 3.19185px 2.67828px 0 rgba(211, 211, 211, 0.91667), 3.83022px 3.21394px 0 rgba(211, 211, 211, 0.9), 4.46859px 3.74959px 0 rgba(211, 211, 211, 0.88333), 5.10696px 4.28525px 0 rgba(211, 211, 211, 0.86667), 5.74533px 4.82091px 0 rgba(211, 211, 211, 0.85), 6.3837px 5.35656px 0 rgba(211, 211, 211, 0.83333), 7.02207px 5.89222px 0 rgba(211, 211, 211, 0.81667), 7.66044px 6.42788px 0 rgba(211, 211, 211, 0.8), 8.29881px 6.96353px 0 rgba(211, 211, 211, 0.78333), 8.93719px 7.49919px 0 rgba(211, 211, 211, 0.76667), 9.57556px 8.03485px 0 rgba(211, 211, 211, 0.75), 10.21393px 8.5705px 0 rgba(211, 211, 211, 0.73333), 10.8523px 9.10616px 0 rgba(211, 211, 211, 0.71667), 11.49067px 9.64181px 0 rgba(211, 211, 211, 0.7), 12.12904px 10.17747px 0 rgba(211, 211, 211, 0.68333), 12.76741px 10.71313px 0 rgba(211, 211, 211, 0.66667), 13.40578px 11.24878px 0 rgba(211, 211, 211, 0.65), 14.04415px 11.78444px 0 rgba(211, 211, 211, 0.63333), 14.68252px 12.3201px 0 rgba(211, 211, 211, 0.61667), 15.32089px 12.85575px 0 rgba(211, 211, 211, 0.6), 15.95926px 13.39141px 0 rgba(211, 211, 211, 0.58333), 16.59763px 13.92706px 0 rgba(211, 211, 211, 0.56667), 17.236px 14.46272px 0 rgba(211, 211, 211, 0.55), 17.87437px 14.99838px 0 rgba(211, 211, 211, 0.53333), 18.51274px 15.53403px 0 rgba(211, 211, 211, 0.51667), 19.15111px 16.06969px 0 rgba(211, 211, 211, 0.5), 19.78948px 16.60535px 0 rgba(211, 211, 211, 0.48333), 20.42785px 17.141px 0 rgba(211, 211, 211, 0.46667), 21.06622px 17.67666px 0 rgba(211, 211, 211, 0.45), 21.70459px 18.21232px 0 rgba(211, 211, 211, 0.43333), 22.34296px 18.74797px 0 rgba(211, 211, 211, 0.41667), 22.98133px 19.28363px 0 rgba(211, 211, 211, 0.4), 23.6197px 19.81928px 0 rgba(211, 211, 211, 0.38333), 24.25807px 20.35494px 0 rgba(211, 211, 211, 0.36667), 24.89644px 20.8906px 0 rgba(211, 211, 211, 0.35), 25.53481px 21.42625px 0 rgba(211, 211, 211, 0.33333), 26.17319px 21.96191px 0 rgba(211, 211, 211, 0.31667), 26.81156px 22.49757px 0 rgba(211, 211, 211, 0.3), 27.44993px 23.03322px 0 rgba(211, 211, 211, 0.28333), 28.0883px 23.56888px 0 rgba(211, 211, 211, 0.26667), 28.72667px 24.10454px 0 rgba(211, 211, 211, 0.25), 29.36504px 24.64019px 0 rgba(211, 211, 211, 0.23333), 30.00341px 25.17585px 0 rgba(211, 211, 211, 0.21667), 30.64178px 25.7115px 0 rgba(211, 211, 211, 0.2), 31.28015px 26.24716px 0 rgba(211, 211, 211, 0.18333), 31.91852px 26.78282px 0 rgba(211, 211, 211, 0.16667), 32.55689px 27.31847px 0 rgba(211, 211, 211, 0.15), 33.19526px 27.85413px 0 rgba(211, 211, 211, 0.13333), 33.83363px 28.38979px 0 rgba(211, 211, 211, 0.11667), 34.472px 28.92544px 0 rgba(211, 211, 211, 0.1), 35.11037px 29.4611px 0 rgba(211, 211, 211, 0.08333), 35.74874px 29.99676px 0 rgba(211, 211, 211, 0.06667), 36.38711px 30.53241px 0 rgba(211, 211, 211, 0.05), 37.02548px 31.06807px 0 rgba(211, 211, 211, 0.03333), 37.66385px 31.60372px 0 rgba(211, 211, 211, 0.01667), 38.30222px 32.13938px 0 rgba(211, 211, 211, 0); } }
.snazzy-services__service:hover:after {
  display: none; }

.snazzy-plans {
  background: url("../media/plans_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.snazzy-plans__img {
  max-width: 230px;
  margin: 0 auto 20px auto;
  display: block; }
@media screen and (max-width: 600px) {
  .snazzy-plans__img {
    width: 80%;
    margin: 0 auto 15px auto;
    padding: 0; } }
.snazzy-plans__title, .snazzy-plans__copy {
  color: #fff; }
.snazzy-plans__plans-container {
  padding: 50px 35px;
  max-width: 1200px;
  margin: 0 auto; }
.snazzy-plans__plan {
  padding: 15px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
@media screen and (max-width: 600px) {
  .snazzy-plans__plan {
    padding: 0 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; } }
.snazzy-plans__plan h2,
.snazzy-plans__plan p,
.snazzy-plans__plan .btn {
  color: #fff;
  border-color: #fff; }
.snazzy-plans__plan h2:hover, .snazzy-plans__plan h2:active, .snazzy-plans__plan h2:focus,
.snazzy-plans__plan p:hover,
.snazzy-plans__plan p:active,
.snazzy-plans__plan p:focus,
.snazzy-plans__plan .btn:hover,
.snazzy-plans__plan .btn:active,
.snazzy-plans__plan .btn:focus {
  border-color: transparent; }
.snazzy-plans__plan h2 {
  text-align: center; }
@media screen and (max-width: 600px) {
  .snazzy-plans__plan h2 {
    text-align: center; } }
.snazzy-plans__plan p {
  margin: 30px 0; }
.snazzy-plans__plan .btn {
  margin: auto auto 0 auto; }
.snazzy-plans__plan .btn:hover, .snazzy-plans__plan .btn:active, .snazzy-plans__plan .btn:focus {
  color: #315576;
  background: #fff; }
@media screen and (max-width: 600px) {
  .snazzy-plans__plan .btn {
    display: block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; } }
.snazzy-plans__next, .snazzy-plans__prev {
  display: none; }
@media screen and (max-width: 900px) {
  .snazzy-plans__next, .snazzy-plans__prev {
    display: block; } }
.snazzy-plans__next svg:hover path,
.snazzy-plans__next svg:active path, .snazzy-plans__prev svg:hover path,
.snazzy-plans__prev svg:active path {
  fill: #fff; }

.styleguide section {
  padding: 15px; }

.colors {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px; }
.colors .color {
  height: 100px;
  width: 100px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px; }
.colors .color p {
  text-align: center; }
.colors .color:nth-child(1n) {
  background: #315576; }
.colors .color:nth-child(2n) {
  background: #315576; }
.colors .color:nth-child(3n) {
  background: #535353; }
.colors .color:nth-child(4n) {
  background: #D7D7D7; }
.colors .color:nth-child(5n) {
  background: #000; }
.colors .color:nth-child(6n) {
  background: #fff;
  color: #000; }

.gradient {
  height: 100px;
  width: 300px;
  margin-right: auto;
  background: linear-gradient(#315576, #315576); }

.pattern {
  height: 100px;
  width: 100px;
  border: 2px solid #000;
  background-image: url("../media/bgPattern.png"); }

.typography {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center; }
.typography .type {
  text-align: center;
  margin: 15px; }
.typography .type--RG-light {
  font-family: RG-Light; }
.typography .type--RG-light-italic {
  font-family: RG-LightItalic; }
.typography .type--RG-medium {
  font-family: RG-Medium; }
.typography .type--RG-bold {
  font-family: RG-Bold; }
.typography .type--RG-bold-italic {
  font-family: RG-BoldItalic; }
.typography .type--UP-bold {
  font-family: "univia-pro";
  font-weight: 700; }
.typography .type--UP-medium {
  font-family: "univia-pro";
  font-weight: 600; }

.basic-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 150px 15px 68px 15px;
  display: -ms-flexbox;
  display: flex; }
@media screen and (max-width: 600px) {
  .basic-page {
    -ms-flex-direction: column;
    flex-direction: column; } }
.basic-page__content {
  position: relative;
  width: 80%; }
.basic-page__content h1 {
  margin-bottom: 15px; }
@media screen and (max-width: 600px) {
  .basic-page__content {
    width: 100%; } }
.basic-page__content ul li {
  position: relative;
  margin-left: 15px; }
.basic-page__content ul li:before {
  content: '';
  margin-right: 5px;
  border: 1px solid #315576;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 10px;
  left: -13px; }
.basic-page__image {
  margin-right: 48px; }
.basic-page__image img {
  width: 100%;
  height: auto; }
@media screen and (max-width: 600px) {
  .basic-page__image {
    max-width: 300px;
    margin: 30px auto; } }
@media screen and (max-width: 414px) {
  .basic-page__image {
    max-width: 260px; } }

.post__hero {
  width: 100%;
  height: 500px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  position: relative;
  background-size: cover !important; }
@media screen and (max-width: 320px) {
  .post__hero {
    height: 400px; } }
@media screen and (min-width: 1200px) {
  .post__hero {
    min-height: 450px;
    max-height: 700px;
    height: 80vh; } }
@media screen and (min-width: 1600px) {
  .post__hero {
    min-height: 700px;
    max-height: 1000px;
    height: 85vh; } }
@media screen and (max-width: 600px) {
  .post__title {
    margin-top: 150px;
    font-size: 38px; } }
@media screen and (max-width: 500px) {
  .post__title {
    font-size: 34px; } }
.post__title, .post__date {
  color: #fff;
  z-index: 1; }
.post__date {
  margin-top: 20px; }
.post svg {
  margin-right: 5px; }
.post svg path {
  fill: #fff; }
.post__main {
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: 0 auto; }
.post__content {
  padding: 20px 50px 15px 15px;
  -ms-flex: 1;
  flex: 1; }
@media screen and (max-width: 600px) {
  .post__content {
    padding: 0px 15px 15px 15px; } }
.post__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
@media screen and (max-width: 414px) {
  .post__footer {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start; }
  .post__footer .btn {
    -ms-flex-order: 5;
    order: 5; }
  .post__footer > * {
    margin: 10px 0; } }
.post__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-family: RG-Bold;
  text-decoration: underline;
  color: #535353; }
.post__icon:visited {
  color: #535353; }
.post__icon a {
  font-family: RG-Bold;
  text-decoration: underline;
  color: #535353; }
.post__icon a:visited {
  color: #535353; }
.post__icon svg {
  margin-right: 12px;
  margin-top: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
.post__icon svg path {
  fill: #315576; }

.mobile-arrow {
  position: absolute;
  width: 100%;
  bottom: 10px; }
.mobile-arrow svg {
  margin: 0; }

#crumbs {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 35px auto 0 auto;
  max-width: 1200px;
  padding: 15px; }
@media screen and (max-width: 600px) {
  #crumbs {
    margin-top: 0; } }
#crumbs li {
  margin: 0 5px;
  color: #315576;
  font-family: RG-Bold; }
#crumbs li a {
  color: #315576;
  font-family: RG-Bold;
  text-decoration: underline; }
#crumbs li:after {
  content: ">";
  color: #61CCF0;
  margin-left: 5px;
  font-family: RG-Light; }
#crumbs li:last-child:after {
  display: none; }

.blog-page__title {
  text-align: center; }
.blog-page .mobile-arrow {
  position: absolute;
  display: none;
  bottom: 5px;
  left: 0;
  right: 0;
  z-index: 1; }
@media screen and (max-width: 600px) {
  .blog-page .mobile-arrow {
    display: block; } }
.blog-page .mobile-arrow svg {
  display: block;
  margin: 0 auto; }
.blog-page .mobile-arrow svg path {
  fill: #fff; }

.noimage {
  background: #315576; }

.posts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px; }
@media screen and (max-width: 414px) {
  .posts {
    -ms-flex-direction: column;
    flex-direction: column; } }
.posts .content p,
.posts .content a {
  display: inline; }
.posts .content a {
  text-decoration: underline; }
.posts__post {
  width: 29%;
  margin: 40px 2% 0 2%; }
@media screen and (max-width: 800px) {
  .posts__post {
    width: 45%; } }
@media screen and (max-width: 414px) {
  .posts__post {
    width: 100%;
    margin: 40px 0 0 0; } }
.posts__image {
  height: 250px;
  width: 100%; }
.posts__title {
  font-family: "univia-pro"; }
.posts .date {
  color: #535353; }
.posts .date svg path {
  fill: #535353; }

.custom-pagination {
  text-align: center;
  width: 100%; }

.posts-navigation {
  text-align: center; }

.blog-hero-swiper .blog-hero-pagination {
  bottom: 15px; }

.blog-hero-swiper {
  width: 100%;
  height: 60vh;
  position: relative; }
@media screen and (min-width: 600px) {
  .blog-hero-swiper {
    height: 50vh;
    min-height: 500px;
    max-height: 1000px; } }
@media screen and (max-width: 600px) {
  .blog-hero-swiper {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh; } }

.blog-hero-slide .hero-empty {
  background: linear-gradient(#407DBA, #61CCF0); }
.blog-hero-slide .hero-empty,
.blog-hero-slide .hero-full {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 60vh;
  position: relative; }
@media screen and (min-width: 600px) {
  .blog-hero-slide .hero-empty,
  .blog-hero-slide .hero-full {
    height: 50vh;
    min-height: 500px;
    max-height: 1000px; } }
@media screen and (max-width: 600px) {
  .blog-hero-slide .hero-empty,
  .blog-hero-slide .hero-full {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh; } }
.blog-hero-slide .copy {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px; }
@media (max-width: 800px) {
  .blog-hero-slide .copy {
    margin-top: 60px;
    padding: 15px 15px 45px 15px; } }
@media (max-width: 500px) {
  .blog-hero-slide .copy {
     margin-top: 250px;  } }

@media (max-width: 500px) and (not all and (min-resolution: 0.001dpcm)) {
  @supports (-webkit-appearance: none) {
    .blog-copy-container {
      padding-top:50px;
    }
  }
}

@media (max-width: 500px) {
  .samsung-galaxy-s-chrome .blog-copy-container {
    padding-top: 160px;
  }
}

@media (max-width: 1240px) and (min-width: 600px) {
  .blog-hero-slide .copy {
    padding: 15px 50px; } }
@media screen and (max-width: 414px) {
  .blog-hero-slide .copy {
    text-align: center;
    -ms-flex-align: center;
    align-items: center; } }
.blog-hero-slide .copy .date svg path {
  fill: #fff; }
@media screen and (max-width: 414px) {
  .blog-hero-slide .copy .date {
    display: none; } }
.blog-hero-slide .copy h2 {
  color: white;
  text-align: left;
  width: 100%;
  font-size: 48px;
  line-height: 50px; }
@media screen and (max-width: 500px) {
  .blog-hero-slide .copy h2 {
    font-size: 28px;
    line-height: 36px;
    text-align: center; } }
.blog-hero-slide .copy p {
  color: white;
  margin-top: 20px; }
@media screen and (max-width: 500px) {
  .blog-hero-slide .copy p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; } }
.blog-hero-slide .copy a {
  display: none; }
.blog-hero-slide .copy .btn {
  display: block;
  margin-top: 0; }

@media screen and (max-width: 600px) {
  .blog-hero-button-next,
  .blog-hero-button-prev {
    display: none; } }
.gradient-overlay {
  background: linear-gradient(#315576, #315576);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0.8; }

.archive-header {
  text-align: center; }

.archive.date {
  font-family: RG-Light;
  font-size: 16px;
  line-height: 28px;
  color: #535353; }

.services-page .mobile-arrow svg path {
  fill: #fff; }

.altrows__row {
  position: relative; }
.altrows__row .overlay {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #315576;
  opacity: 0.7;
  z-index: 1; }
.altrows__row h2 {
  text-align: center;
  width: 100%; }
.altrows .bgImage {
  color: #fff; }
.altrows__content {
  max-width: 1200px;
  padding: 60px 15px 150px 15px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start; }
@media screen and (max-width: 500px) {
  .altrows__content {
    padding: 50px 15px; } }

.support-page .altrows__content {
  -ms-flex-align: center;
  align-items: center; }

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

#close-form {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 2px;
  font-size: 2rem;
  /* border: solid; */
  padding: 0px 1px;
  /* border-radius: 50%; */
  /* background: orangered; */
  /* color: white; */
  cursor: pointer;
}

/* New footer styles */
.footer_body_wrapper {
  padding: 30px 0 20px 0;max-width:800px;text-align:center;margin: 0 auto;
}

.footer_background_image {
  background-image: url('https://thlada.wpengine.com/wp-content/themes/tech-helpline/library/media/thl-smartphone-edited.png');
  background-repeat: no-repeat;
  background-size: 300px 501px;
  background-position: right -15px;
  /* background-image: url('/wp-content/themes/tech-helpline/library/media/thl-smartphone-edited.png');background-repeat: no-repeat;background-size: 300px 501px;background-position: right -15px; */
  padding: 30px 0 20px 0;
  max-width:800px;
  text-align:center;
  margin: 0 auto;
}

.footer_background_inner {
  position: relative;
  max-width:560px;
  text-align:center;
}