@charset "utf-8";

/* Table of Contents
   ++1++ Main Styles
   ++2++ Responsive Styles
   ++3++ Color Styles
*/
:root {
  --primary: #4D70AB;
  --secondary: #47A87C;
  --thirdary: #21573f;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans.woff2') format('woff2'), url('../fonts/open-sans.woff') format('woff');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-italic.woff2') format('woff2'), url('../fonts/open-sans-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/bebas-neue.woff2') format('woff2'), url('../fonts/bebas-neue.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

/*---- ++1++ Main Styles ----*/
*,
::after,
::before {
  box-sizing: border-box
}

.clear {
  clear: both
}

.clearfix::after {
  display: block;
  clear: both;
  content: ''
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}

@-ms-viewport {
  width: device-width
}

footer,
header,
section {
  display: block
}

body {
  margin: 0;
  font-weight: 400;
  text-align: left;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.7;
  color: #555;
  background-color: #fff
}

[tabindex='-1']:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #555;
  -webkit-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out
}

a:hover {
  color: #0056b3;
  text-decoration: none
}

a:focus,
a:active {
  outline: none;
  text-decoration: none;
  color: inherit;
  text-shadow: none
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto
}

svg:not(:root) {
  overflow: hidden
}

button {
  border-radius: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
  text-transform: none
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

button,
html [type='button'] {
  appearance: button;
  -webkit-appearance: button
}

button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  color: inherit
}

h1,
.h1,
.page-title {
  font-size: 2.2rem;
  line-height: 1.4
}

h2,
.h2 {
  font-size: 1.9rem;
  line-height: 1.3
}

h3,
.h3 {
  font-size: 1.5rem;
  line-height: 1.2
}

h4,
.h4 {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
  font-style: normal
}

h5,
.h5,
h6,
.h6 {
  font-size: 1rem;
  line-height: 1.1
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

ol {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0
}

ul.dash-list,
ul.dash-list ul {
  padding: 0;
  list-style: none
}

ul.dash-list ul {
  margin-top: 10px;
  margin-bottom: 5px
}

ul.dash-list li {
  line-height: 1.6;
  padding: 4px 0
}

ul.dash-list li::before {
  content: '';
  display: inline-block;
  margin-right: 12px;
  width: 8px;
  height: 2px;
  vertical-align: middle
}

.bg-white {
  background-color: #fff !important
}

.bg-drkgrey {
  background-color: #888 !important
}
.text-yellow{
	color: #fbd773e  !important;
}

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.woff?kyo8m') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

[class^='icon-'],
[class*=' icon-'] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.min-700 {
  min-height: 920px !important
}

.alignleft {
  float: left;
  margin: 0 20px 10px 0
}

.kl-font-alt {
  font-family: 'Open Sans', sans-serif !important
}

.row.gutter-md {
  margin-right: 0;
  margin-left: 0
}

.row.gutter-md>[class*='col-'] {
  padding-right: 15px;
  padding-left: 15px
}

.row.gutter {
  margin-right: -15px;
  margin-left: -15px
}

.row.gutter>[class*='col-'] {
  padding-right: 0;
  padding-left: 0
}

.container-fluid.no-pad-cols .row,
.row.no-pad-cols {
  margin-left: 0;
  margin-right: 0
}

.container-fluid.no-pad-cols,
.container-fluid.no-pad-cols>.row>div[class*='col-'],
.no-pad-cols>div[class*='col-'] {
  padding-left: 0;
  padding-right: 0
}

.main-nav ul .zn-mega-new-item {
  position: absolute;
  line-height: 1;
  padding: 5px;
  text-transform: initial;
  font-size: 10px;
  top: 50%;
  right: 3px;
  color: #fff;
  border-radius: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.main-nav ul ul .zn-mega-new-item {
  left: auto;
  right: 10px;
  text-transform: uppercase
}

.main-nav ul ul.sub-menu li a:not(:only-child) .zn-mega-new-item {
  right: 30px
}

.main-nav .zn_mega_container ul .zn-mega-new-item {
  right: 3px
}

#totop {
  height: 9px;
  opacity: 0;
  position: fixed;
  right: -60px;
  width: 49px;
  z-index: 111;
  display: block;
  bottom: 2%;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-color: #444;
  font-size: 9px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 1;
  border-radius: 2px;
  padding: 28px 0 21px 0
}

#totop:before {
  position: absolute;
  content: '\f077';
  top: 10px;
  left: 50%;
  margin-left: -6px;
  font-size: 13px;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#totop.show {
  right: 10px;
  opacity: .7
}

#totop:hover {
  opacity: 1
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .3rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:focus,
.btn:hover {
  text-decoration: none
}

.btn:focus,
.btn.focus {
  box-shadow: none
}

.btn.disabled,
.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  background-image: none
}

a.btn.disabled {
  pointer-events: none
}

.btn-fullcolor {
  border-width: 0;
  text-shadow: none;
  padding: 10px 20px;
  line-height: 1.1;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  border-style: solid;
  border-radius: .3rem;
  -webkit-transition: background-color .15s ease-out;
  transition: background-color .15s ease-out
}

.btn-fullcolor,
.btn-fullcolor:focus,
.btn-fullcolor:hover {
  color: #fff
}

.btn-lg {
  border-radius: .3rem;
  padding: 20px 30px;
  font-size: 20px;
  line-height: 1.3333333
}

.btn-md {
  padding: 16px 25px;
  font-size: 18px;
  line-height: 1.3333333
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

.btn-element>span,
.btn-element>i {
  vertical-align: middle;
  display: inline-block
}

.btn-element>span+i {
  margin-left: 10px
}

.btn-element>i+span {
  margin-left: 10px
}

[data-zniconfam]:before,
[data-zniconfam] {
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.main-nav {
  display: none
}

.chaser {
  display: none
}

#zn-res-menuwrapper {
  display: none
}

#zn-res-menu ul {
  position: fixed !important
}

#zn-res-menu,
#zn-res-menu li,
#zn-res-menu ul {
  padding: 0;
  margin: 0;
  list-style: none
}

#zn-res-menu * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.zn_res_menu_visible #zn-res-menu,
.zn_res_menu_visible #zn-res-menu li ul {
  display: none
}

#zn-res-menu,
#zn-res-menu li ul {
  right: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto;
  z-index: 11112;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform .5s ease;
  -moz-transition: -moz-transform .5s ease;
  -ms-transition: -ms-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0;
  display: none
}

#zn-res-menu ul.zn-menu-visible,
#zn-res-menu.zn-menu-visible {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

#zn-res-menu li {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-bottom-color: #ddd
}

#zn-res-menu .zn_mega_container {
  width: 100%
}

#zn-res-menu .zn_mega_container li {
  width: 100%;
  float: none
}

#zn-res-menu li>a {
  padding: 13px 28px;
  border-bottom: 1px solid;
  border-bottom-color: inherit;
  display: block;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase
}

#zn-res-menu li.active>a {
  color: #333
}

#zn-res-menu a {
  cursor: pointer
}

#zn-res-menu .zn_res_has_submenu>span,
#zn-res-menu .zn_res_menu_go_back>span {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 44px;
  border-left: 1px solid;
  border-left-color: inherit;
  line-height: 49px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  z-index: 2
}

#zn-res-menu .zn_res_menu_go_back>a {
  text-align: center;
  padding-right: 0;
  padding-left: 48px;
  display: inline-block;
  width: calc(100% - 49px)
}

#zn-res-menu .zn_res_menu_go_back>span {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid;
  border-right-color: inherit
}

.zn-res-menuwrapper {
  display: block
}

.zn-res-trigger {
  position: relative;
  display: block;
  width: 25px;
  height: 28px;
  margin: 10px
}

#zn-res-menu .zn_res_has_submenu>span::before,
#zn-res-menu .zn_res_menu_go_back>span::before {
  display: none
}

.zn-res-trigger::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 4px;
  top: 50%;
  margin-top: -10px;
  background: #fff;
  border-radius: 4px;
  left: 0;
  box-shadow: 0 8px 0 #fff, 0 16px 0 #fff
}

#zn-res-menu li>a[title='separator'],
.zn_res_has_submenu .new-item {
  display: none
}

#zn-res-menu.zn-menu-visible .zn-mega-new-item {
  display: none
}

.zn-res-menu-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000cc;
  z-index: 11111;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease-out, visibility .4s ease-out
}

.zn-menu-visible+.zn-res-menu-overlay {
  opacity: 1;
  visibility: visible
}

.hg_mega_container .col-lg-3 {
  padding-left: 0;
  padding-right: 0
}

.ctabutton {
  clear: right;
  float: right;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
  padding: 10px 10px 0;
  border-radius: 2px;
  margin-left: 20px;
  margin-bottom: -5px
}

.kl-cta-ribbon .trisvg {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 7px;
  margin-top: 0
}

.kl-cta-ribbon:focus {
  color: #000
}

.kl-cta-ribbon:hover {
  background: #fff;
  color: #000;
  box-shadow: 0 2px 10px #0000004c
}

.kl-cta-ribbon strong {
  font-size: 28px;
  font-weight: 700;
  display: block;
  line-height: 24px;
  color: #fff
}

.kl-cta-lined {
  margin-top: 5px;
  background-color: transparent;
  box-shadow: none;
  padding: 8px 20px 9px
}

.topnav {
  padding: 0;
  list-style: none;
  position: relative;
  margin-right: 20px;
  z-index: 111
}

.topnav>.topnav-item span {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  line-height: 2;
  display: inline-block;
  padding: 0;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out
}

.topnav>.topnav-item i {
  opacity: .8;
  color: #fff
}

.topnav .topnav-item {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2.2rem;
  display: block;
  padding: 0;
  cursor: pointer
}

.topnav .topnav-item a,
.topnav .topnav-item span {
  color: #fff
}

.topnav a:hover.topnav-item,
.topnav .topnav-item:hover a,
.topnav a:hover,
.topnav .topnav-item:hover span,
.topnav .spanel-label:hover .support-info,
.topnav>.topnav-item:hover i {
  opacity: 1;
  color: #fff
}

.site-logo {
  display: inline-block;
  margin-bottom: 0;
  font-size: 19px;
  line-height: 24px;
  max-width: 320px;
  padding-top: 18px;
}

.site-logo img {
  max-height: 80px;
  max-width: 100%;
  float: left;
}

.logosize--contain .site-logo .logo-img {
  width: auto;
  height: 100%
}

.site-header,
.logosize--contain .site-logo a {
  height: 100px
}

.logosize--contain .site-logo .logo-img,
.logosize--contain .site-logo .logo-img-sticky {
  max-height: 100px;
  vertical-align: middle
}

#page_wrapper {
  position: relative;
  overflow: hidden
}

.site-header {
  position: relative;
  width: 100%;
  background: #0000007f;
  z-index: 100
}

.siteheader-container {
  position: relative
}

.site-header {
  background: none;
  border: 0;
  box-shadow: none;
  height: auto
}

.site-header .logosize--contain .site-logo a {
  height: 70px
}

.site-header .separator {
  background: #fff;
  height: 1px;
  opacity: .2;
  margin-bottom: 5px
}

.site-header .separator.dark {
  background: #999
}

.site-header .kl-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170%;
  opacity: .6;
  pointer-events: none;
  background: -moz-linear-gradient(top, #000000ff 0%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000ff), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, #000000ff 0%, transparent 100%);
  background: -o-linear-gradient(top, #000000ff 0%, transparent 100%);
  background: -ms-linear-gradient(top, #000000ff 0%, transparent 100%);
  background: linear-gradient(to bottom, #000000ff 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0)
}

.site-header .site-header-top {
  height: 46px
}

.site-header .site-header-top-wrapper {
  position: relative
}

.site-header-main-center {
  margin-left: 30px
}

.site-header .searchBtn.active {
  border-radius: 2px 2px 0 0
}

.site-header .kl-header-toptext {
  font-size: 1.1rem;
  color: #fff;
  line-height: 2.2
}

.site-header .kl-header-toptext a {
  font-size: 1.4rem;
  color: #fff
}

.site-header .site-header-top-wrapper .topnav {
  z-index: 111
}

.site-header .kl-header-toptext {
  margin-left: 20px
}

.site-header .kl-cta-lined {
  margin-top: 13px
}

.site-header .site-logo-img {
  width: auto;
  height: 100%;
  padding: 10px 0
}

.site-header[data-header-style='3'] .site-header-row .col {
  padding: 0
}

.site-header[data-header-style='3'] {
  background: #fff;
  box-shadow: none;
  height: auto;
  color: #fff;
  padding-top: 5px
}

.site-header[data-header-style='3'] a {
  color: #fff
}

.site-header[data-header-style='3'] .site-header-top-wrapper .topnav {
  margin-left: 0
}

.site-header[data-header-style='3'] .kl-header-toptext {
  color: #444;
  font-weight: 700
}

.site-header[data-header-style='3'] .kl-header-toptext a,
.site-header[data-header-style='3'] .spanel-label {
  color: #444
}

.site-header[data-header-style='3'] .topnav .topnav-item a,
.site-header[data-header-style='3'] .topnav .topnav-item span,
.site-header[data-header-style='3'] .topnav>.topnav-item i {
  color: #fff
}

.site-header[data-header-style='3'] .main-nav>ul>li.active>a,
.site-header[data-header-style='3'] .main-nav>ul>li>a:hover,
.site-header[data-header-style='3'] .main-nav>ul>li:hover>a {
  color: #fff
}

.site-header[data-header-style='3'] .topnav.sc--clean>li>a,
.site-header[data-header-style='3'] .topnav>li .white-icon {
  color: #222
}

.site-header[data-header-style='3'] .topnav.sc--clean>li>a:hover,
.site-header[data-header-style='3'] .topnav>li a:hover .white-icon {
  color: #666
}

.site-header[data-header-style='3'] .site-header-main {
  min-height: 80px
}

.site-header[data-header-style='3'] .site-header-main-center {
  margin: 0
}

.site-header[data-header-style='3'] .separator {
  background: #fff;
  height: 1px;
  opacity: .8
}

.site-header[data-header-style='3'] .ctabutton {
  position: absolute;
  right: 15px;
  z-index: 1
}

.site-header[data-header-style='3'] .kl-cta-ribbon {
  margin-top: -5px;
  margin-bottom: -10px
}

.site-header[data-header-style='3'] .kl-cta-lined {
  margin-top: -6px;
  margin-bottom: -8px;
  font-size: 90%;
  padding: 17px;
  color: #fff;
  border: 0;
  background: #000
}

.site-header[data-header-style='3'] .kl-cta-lined:hover {
  color: #fff;
  background-color: #000
}

.site-header[data-header-style='3'] .main-nav {
  text-align: left
}

.site-header[data-header-style='3'] .main-nav>ul {
  display: inline-block;
  text-align: start;
  margin-top: 5px;
  margin-bottom: -6px
}

.site-header[data-header-style='3'] .main-nav>ul>li>a {
  color: #fff
}

.site-header[data-header-style='3'] .main-nav>ul>li.menu-item-has-children>a:after {
  background-color: #27272766
}

.site-header[data-header-style='3'] .main-nav ul ul.sub-menu {
  top: calc(100% + 11px)
}

.site-header[data-header-style='3'] .main-nav ul li:hover>ul {
  top: calc(100% - -3px)
}

.site-header[data-header-style='3'] .main-nav ul li:hover>.hg_mega_container {
  margin-top: 0
}

.site-header[data-header-style='3'] .zn-res-trigger:after {
  background: #fff;
  box-shadow: 0 8px 0 #fff, 0 16px 0 #fff
}

.site-header[data-header-style='3'] .zn-res-trigger {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 0
}

body.sticky-header #header {
  position: fixed !important
}

body.sticky-header .site-header[data-header-style='3'] .site-header-top-wrapper {
  height: 46px
}

body.sticky-header .site-header[data-header-style='3'] .site-header-main-wrapper {
  height: 81px
}

body.sticky-header .site-header[data-header-style='3'] .site-header-top-wrapper,
body.sticky-header .site-header[data-header-style='3'] .site-header-main-wrapper,
body.sticky-header .site-header[data-header-style='3'] .site-header-bottom-wrapper {
  opacity: 1;
  -webkit-transition: height .2s ease-out, opacity .2s ease-out;
  transition: height .2s ease-out, opacity .2s ease-out
}

body.sticky-header .site-header[data-header-style='3'].header--is-sticked .site-header-top-wrapper,
body.sticky-header .site-header[data-header-style='3'].header--is-sticked .site-header-main-wrapper {
  height: 0 !important;
  overflow: hidden
}

body.sticky-header .site-header[data-header-style='3'].header--is-sticked .kl-main-header .kl-cta-ribbon {
  margin-top: 5px
}

.main-slider,
.static-content__slideshow {
  margin-top: 131px
}

.social-icons {
  margin-left: 10px;
  margin-bottom: 0;
  z-index: 1
}

.social-icons li {
  display: inline-block;
  margin: 5px;
  margin-left: 10px;
  margin-right: 0;
  vertical-align: top
}

.social-icons li a {
  display: inline-block;
  color: #fff;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  font-size: .9rem;
  font-weight: normal;
  opacity: 1
}

.social-icons li a:before {
  line-height: 30px
}

.social-icons li a:hover {
  box-shadow: 0 0 6px #00000066
}

.social-icons.sc--clean li {
  margin-left: 0;
  margin-right: 0
}

.social-icons.sc--clean li a {
  background: none;
  box-shadow: none;
  font-size: 1.5rem;
  line-height: 2.2
}

.social-icons.sc--clean li a:hover {
  background: none;
  box-shadow: none
}

.kl-slideshow-inner {
  position: relative;
  z-index: 1
}

.kl-slideshow-inner .container {
  z-index: 1
}

.kl-slideshow {
  margin-bottom: 0
}

.zn-shadow-lifted {
  box-shadow: 0 40px 20px -25px #0000003f
}

.kl-slideshow .kl-slideshow-safepadding {
  padding-top: 35px;
  padding-bottom: 35px
}

.page-subheader .container {
  padding: 0 15px;
  z-index: 1;
  position: relative
}

.page-subheader .ph-content-wrap {
  width: 100%
}

.page-subheader .ph-content-wrap {
  padding-top: 10px
}

.page-subheader,
.kl-slideshow {
  position: relative;
  top: 0;
  z-index: 0;
  border-bottom: 1px solid #bbb
}

.hg_section {
  padding-top: 35px;
  padding-bottom: 35px
}

.hg_section--relative {
  position: relative
}

.hg_col_eq_first,
.hg_col_eq_last {
  padding-left: 100px;
  align-self: center !important
}

.hg_col_eq_last {
  padding-top: 130px
}

.kl-bg-source {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.kl-bg-source:not(:empty),
.kl-bg-source__overlay,
.kl-bg-source__bgimage {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.kl-bg-source__bgimage {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: center;
  background-size: cover
}

.kl-bg-source__overlay {
  pointer-events: none;
  background-color: #000000aa
}

.kl-bgSource-imageParallax {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  will-change: transform
}

.kl-bgSource-imageParallax .kl-bg-source__bgimage {
  top: 0;
  left: 0;
  position: relative;
  min-width: 100%;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-attachment: initial
}

.kl-bgSource-imageParallax.is-fixed.is-visible {
  left: 0
}

.kl-bgSource-imageParallax.is-fixed .kl-bg-source__bgimage {
  height: 100vh
}

.kl-bg-source__bgimage.parrallax-1 {
  background-image: image-set(url('../images/home/parrallax-1.webp') type('image/webp'), url('../images/home/parrallax-1.jpg') type('image/jpeg'));
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: top;
  background-size: cover
}

.kl-bg-source__bgimage.parrallax-2 {
  background-image: image-set(url('../images/home/parrallax-2.webp') type('image/webp'), url('../images/home/parrallax-2.jpg') type('image/jpeg'));
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: top;
  background-size: cover
}

.kl-bg-source__bgimage.parrallax-3 {
  background-image: image-set(url('../images/home/review-parallax-bg.webp') type('image/webp'), url('../images/home/review-parallax-bg.jpg') type('image/jpeg'))
}

.m_title {
  margin-top: 0
}

h3.m_title {
  font-size: 20px;
  line-height: 1.4
}

.breadcrumbs {
  margin: 0 0 10px;
  padding: 7px 15px 6px;
  list-style: none;
  background: #4d70ab;
  float: left;
  border-radius: 2px
}

.breadcrumbs li {
  float: left;
  color: #eee;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  text-transform: uppercase
}

.breadcrumbs li:first-child {
  padding-left: 0;
  background: none;
  margin-left: 0
}

.breadcrumbs li a {
  color: #fff
}

.breadcrumbs li:after {
  border: 4px solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  display: inline-block;
  border-left-color: #fff;
  margin: 0 5px 2px 10px
}

.breadcrumbs li:last-child:after {
  display: none
}

.subheader-titles {
  text-align: right;
  margin-top: -7px
}

.subheader-maintitle {
  font-size: 16px;
  line-height: 1.3;
  margin: 15px 0 5px;
  color: #fff;
}

.kl-title-block {
  padding-top: 0;
  padding-bottom: 0
}

.tbk__title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Bebas Neue', cursive;
  font-size: 3.5rem;
  line-height: 1.1;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase
}

.tbk__symbol {
  margin-top: 0;
  margin-bottom: 10px;
  display: block
}

.tbk-symbol--line .tbk__symbol span {
  display: inline-block;
  width: 50px;
  height: 2px;
  background-color: #ccc
}

.tbk-symbol--line.tbk-icon-pos--after-title .tbk__symbol {
  margin-bottom: 20px;
  margin-top: -5px;
  display: inline-block
}

.tbk-symbol--border .tbk__symbol,
.tbk-symbol--border2 .tbk__symbol {
  margin-bottom: 20px
}

.tbk-symbol--border .tbk__symbol span,
.tbk-symbol--border2 .tbk__symbol span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc
}

.tbk-symbol--border.tbk-icon-pos--after-text .tbk__symbol {
  margin-top: 30px
}

.tbk-symbol--border2.tbk-icon-pos--after-title .tbk__border-helper {
  border-bottom: 3px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: -12px;
  display: inline-block
}

.kl-title-block.text-center.tbk-symbol--line_border .tbk__symbol span {
  margin: 0 20px
}

.kl-title-block.text-center.tbk-symbol--line_border .tbk__symbol:before,
.kl-title-block.text-center.tbk-symbol--line_border .tbk__symbol:after {
  background-color: #bbb
}

.tbk--left.tbk-symbol--line_border .tbk__symbol span {
  margin-left: 0
}

.tbk--left.tbk-symbol--line_border .tbk__symbol:before {
  display: none
}

.tbk--left.tbk-symbol--line_border .tbk__symbol:after {
  content: '';
  display: inline-block;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #ccc
}

.tbk-symbol--line_border.tbk-icon-pos--after-title .tbk__title {
  margin-bottom: 10px
}

.tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__title {
  margin-bottom: 10px
}

.tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__subtitle {
  margin-bottom: 20px
}

.tbk-symbol--line_border.tbk-icon-pos--after-text .tbk__text {
  margin-bottom: 25px
}

.tbk-symbol--icon.tbk-icon-pos--after-text .tbk__text {
  margin-bottom: 25px
}

.tbk__title .tbk__symbol {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle
}

.tbk__title .tbk__icon {
  vertical-align: middle
}

.symbol-line {
  font-size: 20px;
  text-align: center;
  color: #eee;
  vertical-align: middle;
  clear: both;
  line-height: 20px;
  margin-bottom: 20px
}

.symbol-line .kl-icon {
  font-size: 18px
}

.symbol-line::before,
.symbol-line::after {
  content: '';
  display: inline;
  width: 47%;
  background: #eee;
  height: 2px;
  float: right;
  margin-top: 24px
}

.symbol-line::before {
  float: left
}

.icon-spine:before {
  content: '\e900';
  font-size: 55px
}

.text_box {
  padding-bottom: 20px
}

.text_box-title--style2 {
  font-size: 1.3rem;
  color: #555;
  font-weight: normal;
  margin-top: 0
}

.hoverBorder {
  position: relative;
  display: inline-block
}

.hoverBorderWrapper {
  position: relative;
  display: block
}

.hoverBorderWrapper img {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  position: relative
}

.theHoverBorder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 2px;
  box-shadow: 0 0 0 3px #ffffff26 inset
}

.plus .theHoverBorder {
  background-position: center center
}

.plus .theHoverBorder:hover {
  background-image: url(../images/plus01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #2323237f
}

.image-boxes {
  margin-bottom: 0
}

.image-boxes .box {
  margin-bottom: 20px
}

.image-boxes img {
  width: 100%;
  height: auto
}

.image-boxes a {
  display: block
}

.imgboxes_style1 {
  overflow: visible
}

.imgboxes_style1 .hoverBorder h6 {
  position: absolute;
  left: -10px;
  bottom: 20px;
  color: #fff;
  padding: 11px 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  border-radius: 2px
}

.imgboxes_style1 .hoverBorder:hover h6 {
  left: 20px
}

.imgboxes_style1 .hoverBorderWrapper {
  height: 270px
}

.abt-img {
  height: 270px;
  width: auto
}

.imgboxes_style4 .imgboxes-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  height: 270px;
  width: 100%
}

.imgboxes_style4 .imgboxes-wrapper.imgboxes-wrapper-col-6 {
  height: 400px
}

.imgboxes_style4 .imgboxes-title {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 0;
  padding-bottom: 30px;
  z-index: 0;
  font-weight: 700;
  text-transform: uppercase
}

.imgboxes_style4 .imgboxes-title:before {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  height: 200%;
  width: 100%;
  background: -moz-linear-gradient(top, transparent 0%, #000000ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000000ff));
  background: -webkit-linear-gradient(top, transparent 0%, #000000ff 100%);
  background: -o-linear-gradient(top, transparent 0%, #000000ff 100%);
  background: -ms-linear-gradient(top, transparent 0%, #000000ff 100%);
  background: linear-gradient(to bottom, transparent 0%, #000000ff 100%);
  z-index: -1;
  opacity: .8
}

.imgboxes_style4 .imgbox_image {
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.imgboxes_style4:hover .imgbox_image {
  opacity: .7
}

.cover-fit-img {
  object-fit: cover;
  overflow: hidden
}

.imgbox_image.cover-fit-img {
  height: 100%
}

.contain-fit-img {
  -o-object-fit: contain;
  object-fit: contain;
  overflow: hidden
}

.imgboxes_style4.kl-title_style_bottom .imgboxes-title {
  text-align: left;
  padding: 0 20px 30px;
  -webkit-transition: padding-bottom .2s ease-out;
  transition: padding-bottom .2s ease-out
}

.imgboxes_style4.kl-title_style_bottom .imgboxes-title:before {
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.imgboxes_style4.kl-title_style_bottom .imgboxes-title:after {
  display: none
}

.imgboxes_style4.kl-title_style_bottom .imgboxes-border-helper {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  z-index: 1
}

.imgboxes_style4.kl-title_style_bottom:hover .imgboxes-title:before {
  opacity: .5
}

.imgboxes_style4.kl-title_style_bottom:hover .imgboxes-title {
  text-align: left;
  padding-bottom: 25px
}

.imgboxes_style4.kl-title_style_left .imgboxes-title {
  text-align: left;
  padding: 0 20px 30px
}

.imgboxes_style4.kl-title_style_left .imgboxes-title:after {
  margin: initial;
  width: 40px;
  margin-top: 10px
}

.imgboxes_style4.kl-title_style_left:hover .imgboxes-title:after {
  width: 80px
}

.process_box {
  position: relative;
  padding: 0;
  margin-bottom: 80px;
  box-shadow: none
}

.process_box:after {
  border-color: transparent;
  border-top-color: #eee;
  border-width: 10px;
  margin-left: -10px;
  left: 10%
}

.process_box:before {
  border-color: transparent;
  border-top-color: #ccc;
  border-width: 13px;
  margin-left: -13px;
  left: 10%
}

.process_box[data-align='right']:after,
.process_box[data-align='right']:before {
  right: 10%;
  left: auto;
  margin-left: 0
}

.process_box[data-align='right']:before {
  margin-right: -13px
}

.process_box[data-align='center']:after,
.process_box[data-align='center']:before {
  left: 50%
}

.process_box[data-align='center']:after {
  border-top-color: #fff
}

.process_box .number {
  padding: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 240px;
  text-align: center;
  float: left
}

.process_box .number span {
  font-size: 100px;
  font-weight: 900;
  color: #333;
  position: relative;
  top: 50%;
  line-height: 1;
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.process_box .content {
  margin-left: 240px;
  padding: 25px 35px 20px 35px;
  float: left;
  line-height: 30px;
  background-color: #fff
}

.process_box .stp_title {
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: bold
}

.process_box[data-align='right'] .number {
  left: auto;
  right: 0;
  border-right: 0
}

.process_box[data-align='right'] .content {
  margin-left: auto;
  margin-right: 240px;
  padding: 25px 35px 20px 35px;
  line-height: 30px
}

.fade {
  transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.hg_accordion_element.default-style>h3 {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 0;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #ffffffb2
}

.hg_accordion_element.default-style .th-accordion {
  border: 1px solid #ddd;
  border-radius: 4px
}

.hg_accordion_element.default-style .th-accordion .acc-group {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd
}

.hg_accordion_element.default-style .th-accordion .acc-group:last-child {
  border-bottom: 0
}

.hg_accordion_element.default-style .th-accordion .acc-group a {
  border: 0;
  padding: 4px 10px;
  display: block;
  width: 100%;
  text-align: left;
  background-color: #fff;
  padding: 20px 60px 20px 25px;
  font-size: .95rem;
  font-weight: 600;
  position: relative;
  cursor: pointer
}

.hg_accordion_element.default-style .th-accordion .acc-group a.collapsed {
  color: #555;
  background-color: #fff
}

.hg_accordion_element.default-style .th-accordion .acc-group a:hover {
  background: #fff;
  color: #111
}

.hg_accordion_element.default-style .th-accordion .acc-group .content {
  background-color: #fff;
  padding: 20px 25px
}

.hg_accordion_element.default-style .th-accordion .acc-group a:not(.collapsed) {
  border-bottom: 1px solid #eee
}

.hg_accordion_element.default-style .th-accordion .acc-group a:before,
.hg_accordion_element.default-style .th-accordion .acc-group a:after {
  position: absolute;
  content: ' ';
  width: 10px;
  height: 2px;
  display: block;
  background: #ddd;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.hg_accordion_element.default-style .th-accordion .acc-group a:before {
  right: 31px;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.hg_accordion_element.default-style .th-accordion .acc-group a:after {
  right: 25px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hg_accordion_element.default-style .th-accordion .acc-group a.collapsed:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hg_accordion_element.default-style .th-accordion .acc-group a.collapsed:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.hg_accordion_element.style5 .th-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px
}

.hg_accordion_element.style5 .th-accordion .acc-group {
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  border-width: 1px 0 0;
	  padding: 10px;
}

.hg_accordion_element.style5 .th-accordion .acc-group {
  border-top: 1px solid #eee
}

.hg_accordion_element.style5 .th-accordion .acc-group:first-child {
  border: 0
}

.hg_accordion_element.style5 .th-accordion a.only {
  background: none;
  border: 0;
  font-size: 1.3rem;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  min-height: 55px;
  display: block;
  width: 100%;
  text-align: left;
  padding: 12px 20px 10px 55px;
  position: relative;
  outline: none;
  cursor: pointer
}

.hg_accordion_element.style5 .th-accordion a.only::before {
  content: attr(data-number);
  width: 22px;
  height: 22px;
  border-radius: 2px;
  font-weight: 700;
  text-align: center;
  display: block;
  color: #fff;
  position: absolute;
  left: 17px;
  top: 17px;
  line-height: 22px;
  font-size: 16px
}

.hg_accordion_element.style5 .th-accordion a.collapsed::before {
  background: #ccc
}

.hg_accordion_element.style5 .th-accordion .acc-group>div:last-child {
  margin: 0 17px 0 55px
}

.hg_accordion_element.style5 .th-accordion ul {
  margin-bottom: 20px
}

.hg_accordion_element.style5 .th-accordion .inner-acc {
  padding: 15px 0 0
}

.hg_accordion_element.style5 .th-accordion.filled-bg {
  background-color: #eee
}

.itemListView {
  margin-bottom: 35px
}

.itemContainer {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 30px 15px 30px;
  box-shadow: 0 10px 10px 6px #00000026;
  position: relative;
  border-radius: 3px
}

.itemTitle {
  margin: 5px 0
}

.itemBody {
  line-height: 1.5;
  font-size: 1rem
}

.itemView .itemBody {
  margin-bottom: 50px
}

.itemTagsBlock,
.userItemTagsBlock {
  padding-left: 0;
  font-size: .72rem;
  color: #aaa;
  text-transform: uppercase;
  font-weight: 600
}

.itemTagsBlock,
.itemTagsBlock span.fa-tag {
  margin-right: 3px
}

.itemContainer:not(.hg_columns) .itemTagsBlock {
  float: left
}

.itemContainer:not(.hg_columns) .itemTagsBlock ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: inline
}

.itemContainer:not(.hg_columns) .itemTagsBlock ul li {
  display: inline
}

.itemView .itemTagsBlock {
  margin: 0 0 20px
}

.itemView .itemTagsBlock>a,
.itemContainer:not(.hg_columns) .itemTagsBlock>a,
.tagcloud a {
  padding: 4px 10px;
  background-color: #eee;
  margin: 0 5px 5px 10px;
  color: #999;
  display: inline-block
}

.itemView .itemTagsBlock>a:before,
.itemContainer:not(.hg_columns) .itemTagsBlock>a:before,
.tagcloud a:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f02b';
  font-weight: 900;
  margin-right: 5px;
  vertical-align: middle;
  color: #ccc
}

.itemContainer.hg_columns {
  padding: 0 0 10px
}

.itemContainer.hg_columns .itemHeader,
.itemContainer.hg_columns .itemBody,
.itemContainer.hg_columns .itemTagsBlock {
  padding: 0 15px
}

.itemContainer .theHoverBorder {
  box-shadow: none;
  border-radius: 0
}

.itemContainer.hg_columns h3.itemTitle {
  line-height: 1.3;
  font-size: 1.25rem
}

#th-content-post .page-title {
  padding-bottom: 0;
  border-bottom: 0
}

.pagination-nav {
  text-align: center
}

.pagination-nav .pagination {
  display: inline-block
}

.pagination {
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
  margin: 20px 0 0;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.6;
  color: #888
}

.pagination ul,
ul.pagination {
  list-style-type: none;
  padding: 10px 0
}

.pagination li {
  display: inline-block;
  margin: 0 5px
}

.pagination a,
.pagination li>a,
.pagination li>a:focus,
.pagination li>a:hover,
.pagination li>span,
.pagination li>span:focus,
.pagination li>span:hover {
  border: 0;
  background: none;
  text-shadow: none
}

.pagination a,
.pagination li a,
.pagination li>span,
.pagination p.counter {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
  display: inline-block;
  margin: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  float: none;
  color: #000000d8;
  border-radius: 3px
}

.pagination li:first-child {
  margin-right: 50px
}

.pagination li:last-child {
  margin-left: 50px
}

.pagination li:first-child>span,
.pagination li:last-child>span {
  display: none
}

.pagination li:first-child span.zn_icon,
.pagination li:last-child span.zn_icon {
  line-height: 40px
}

.pagination a,
.pagination li a:hover,
.pagination li:first-child>a:hover:before,
.pagination li:last-child>a:hover:before {
  color: #0000007f
}

.pagination .active_page,
.pagination .active>a,
.pagination .active>a:focus,
.pagination .active>a:hover,
.pagination .active>span,
.pagination .active>span:focus,
.pagination .active>span:hover {
  color: #0000007f;
  background: none;
  border: 2px solid #0000002d;
  height: 40px;
  line-height: 38px;
  width: 40px
}

.pagination a.next_link {
  margin-left: 20px
}

.pagination a.next_link:before {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

.pagination a.previous_link {
  margin-right: 20px
}

.pagination a.previous_link:before {
  content: '\f053';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

.eventbox {
  background: #ddd;
  color: #445;
  text-align: center;
  padding-bottom: 30px;
  box-shadow: 0 0 5px #00000066
}

.eventbox .eventpic {
  position: relative
}

.eventbox .eventpic img {
  position: relative;
  z-index: 0;
  padding: 10px
}

.eventbox .eventpic .btn {
  position: absolute;
  z-index: 1;
  bottom: 40px;
  left: 20%;
  right: 20%
}

.portfolio-item-details {
  margin: 0 0 40px;
  list-style: none;
  padding: 0
}

.portfolio-item-details li {
  font-size: 21px;
  margin-bottom: 15px
}

.portfolio-item-details.travel li::before {
  content: '';
  border: 8px solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  display: inline-block;
  margin: 0 5px 0 10px
}

.fancy_register_form {
  padding: 30px 25px;
  background: #ffffff66;
  position: relative
}

.fancy_register_form>h4 {
  margin: 10px 0 25px;
  font-size: 42px;
  line-height: 40px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Bebas Neue', cursive
}

.kl-has-overlay .img-intro {
  position: relative;
  z-index: 0
}

.kl-has-overlay .img-intro>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.kl-has-overlay .img-intro .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #1f22253f;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.kl-has-overlay .img-intro:hover .overlay {
  opacity: 1;
  visibility: visible
}

.hg-portfolio-carousel .kl-has-overlay .img-intro:hover .overlay {
  box-shadow: none
}

.kl-has-overlay .img-intro .overlay-inner {
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out
}

.kl-has-overlay .img-intro .overlay-inner>span {
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out
}

.kl-has-overlay .img-intro:hover .overlay-inner>span {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.circlehover {
  width: 130px;
  height: 130px;
  text-align: center;
  color: white;
  font-size: 24px;
  padding: 10px;
  display: table;
  line-height: 1.2;
  position: relative;
  font-weight: 500;
  border-radius: 50%;
  box-shadow: 3px 3px 1px #00000033
}

.circlehover>span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 1
}

.circlehover:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 30px;
  height: 30px;
  border-radius: 3px
}

.circlehover[data-position='top-left']:before {
  top: 7px;
  left: 7px
}

.circlehover:hover {
  color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow: 5px 5px 1px #00000033
}

.circlehover[data-align='right'] {
  float: right
}

.circlehover {
  -webkit-transition: all 400ms cubic-bezier(.68, 0, .265, 1);
  -webkit-transition: all 400ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: all 400ms cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, 0, .265, 1);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.circlehover.with-symbol>span.symbol {
  opacity: 0;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 130px
}

.circlehover.with-symbol:hover>span.text {
  opacity: 0
}

.circlehover.with-symbol:hover>span.symbol {
  opacity: 1
}

.triangle {
  display: none
}

.bigsocialblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.bigsocialblock__item {
  position: relative;
  overflow: hidden;
  height: 150px;
  padding: 25px;
  text-align: right;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.bigsocialblock__link {
  display: block;
  width: 100%;
  height: 100%
}

.bigsocialblock__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.bigsocialblock__bg a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2
}

.bigsocialblock__title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin: 0;
  position: absolute;
  z-index: 1;
  right: 25px;
  bottom: 20px;
  font-family: 'Open Sans', sans-serif !important
}

.bigsocialblock__count {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  right: 25px;
  bottom: 40px
}

.bigsocialblock__follow {
  color: #ffffff7f;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  position: absolute;
  right: 25px;
  bottom: 20px
}

.bigsocialblock__count,
.bigsocialblock__follow {
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out, -webkit-transform .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out, transform .2s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow {
  -webkit-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6)
}

.bigsocialblock__social-icon {
  position: absolute;
  color: #fff;
  z-index: 1;
  font-size: 80px;
  border: solid 5px #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  line-height: 140px;
  left: -21px;
  bottom: -30px;
  text-align: center;
  opacity: .7;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.bigsocialblock__item:hover .bigsocialblock__title,
.bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock__item:hover .bigsocialblock__follow {
  color: #fff
}

.bigsocialblock__item:hover .bigsocialblock__social-icon {
  color: #fff;
  border-color: #fff
}

.bsb--theme-dark .bigsocialblock__title,
.bsb--theme-dark .bigsocialblock__count,
.bsb--theme-dark .bigsocialblock__follow {
  color: #fff
}

.bsb--theme-dark .bigsocialblock__social-icon {
  color: #fff;
  border-color: #fff
}

.bigsocialblock__item:hover {
  box-shadow: 0 6px 22px 4px #00000066;
  z-index: 1
}

.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__title {
  bottom: 70px
}

.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.bigsocialblock__item:hover .bigsocialblock__social-icon {
  opacity: 1
}

.bigsocialblock.type-chover .bigsocialblock__bg {
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.bigsocialblock.type-chover .bigsocialblock__item:hover .bigsocialblock__bg {
  opacity: 1
}

.kl-iconbox__title {
  font-family: Open Sans;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 600;
  font-style: normal;
  margin: 5px 0 23px;
  text-transform: uppercase
}

.kl-iconbox {
  margin-bottom: 30px
}

.kl-iconbox__icon-wrapper,
.kl-iconbox__title-wrapper {
  margin-top: 0;
  margin-bottom: 15px
}

.kl-iconbox__content-wrapper {
  overflow: hidden
}

.kl-iconbox__icon {
  line-height: 1;
  font-size: 42px;
  -webkit-transition: color .2s cubic-bezier(.215, .61, .355, 1);
  transition: color .2s cubic-bezier(.215, .61, .355, 1)
}

.kl-iconbox--fleft .kl-iconbox__icon-wrapper {
  float: left;
  margin-right: 20px
}

.kl-iconbox.stage .kl-iconbox__icon {
  color: #ccc
}

.gobox {
  color: #555;
  padding: 25px;
  min-height: 100px;
  position: relative;
  line-height: 1.6;
  margin-bottom: 25px;
  border-radius: 5px;
  display: table-cell
}

.gobox-content {
  z-index: 1;
  position: relative
}

.gobox-content p {
  font-size: 1.1rem;
  color: #fff
}

.gobox-content p:last-child {
  margin-bottom: 0
}

.gobox h4 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff
}

.gobox:before,
.gobox:after {
  content: '';
  position: absolute;
  top: 50%
}

.gobox:before {
  margin-top: 0;
  top: 0;
  left: -5px;
  width: 40%;
  height: 100%;
  border-radius: 5px;
  -webkit-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  transform: skewX(-12deg);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left
}

.gobox:after {
  margin-top: 0;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  border-radius: 5px;
  -webkit-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  transform: skewX(-12deg);
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right
}

.gobox.gobox-first:before,
.gobox.gobox-last:after {
  display: none
}

.gobox.ok:before,
.gobox.ok:after,
.gobox.ok {
  font-size: 1.1rem;
  color: #fff
}

.gobox.ok h4 {
  color: #fff
}

.gobox.ok>.far {
  font-size: 42px;
  color: #ffffff99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0
}

.gobox.ok>.far+.gobox-content {
  overflow: hidden;
  margin-left: 30px
}

a.step_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

#footer {
  position: relative
}

#footer .menu {
  margin: 0;
  padding: 0;
  list-style: none
}

#footer[data-footer-style='5'] {
  padding: 0;
  color: #d0cfcf;
}

#footer[data-footer-style='5'] .main-footer {
  font-size: 16px
}

#footer[data-footer-style='5'] a {
  color: #d0cfcf
}

#footer[data-footer-style='5'] a:hover {
  color: #ffffff99
}

#footer[data-footer-style='5'] .social-icons {
  float: left;
  margin-left: 0
}

#footer[data-footer-style='5'] h4.simple-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif !important
}

#footer[data-footer-style='5'] .main-footer ul.menu li {
  border-top: 1px solid #555;
  border-top: 1px solid #ffffff19;
  font-size: 16px;
  padding: 5px 0
}

#footer[data-footer-style='5'] .main-footer ul.menu li:first-child {
  border-top: 0;
  padding: 0 0 5px
}

#footer[data-footer-style='5'] .main-footer ul.menu li a {
  line-height: .9rem;
  line-height: 1.5;
  display: inline-block;
  padding: 10px 0
}

#footer[data-footer-style='5'] .bottom-footer ul.menu li {
  line-height: 1.6;
  display: inline-block;
  margin: 0 10px
}

#footer[data-footer-style='5'] .bottom-footer ul.menu li:first-child {
  border-top: 0
}

#footer .social-icons {
  float: right
}

#footer .social-icons li {
  margin: 0 0 0 10px
}

#footer .social-icons li:first-child {
  margin-left: 0
}

.footer-logo-container {
  margin-bottom: 20px;
  text-align: left;
}

.footer-logo {
  float: left;
}

.topnav .topnav-item a,
.topnav .topnav-item span,
.topnav .topnav-item i,
#totop,
.theHoverBorder,
.hoverBorder h6,
.partners_carousel li a,
.hoverBorder:hover img,
.gobox,
.circlehover span,
.process_box,
.ptcarousel .controls>a {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.ts-pt-testimonials {
  margin-left: -50px
}

.ts-pt-testimonials__item {
  float: left;
  margin-left: 40px;
  margin-bottom: 50px;
  margin-right: 40px;
  color: #fff
}

.ts-pt-testimonials__item--size-1 {
  width: -webkit-calc(33.33% - 50px);
  width: calc(33.33% - 50px)
}

.ts-pt-testimonials__item--size-2 {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px)
}

.ts-pt-testimonials__item--size-3 {
  width: -webkit-calc(75% - 50px);
  width: calc(75% - 50px)
}

.ts-pt-testimonials__item--size-4 {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px)
}

.ts-pt-testimonials__text {
  background: #ffffff33;
  border-radius: 3px;
  padding: 40px 25px 40px;
  font-size: 1.3rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.7;
  position: relative
}

.ts-pt-testimonials__text:after {
  content: '';
  position: absolute;
  left: 55px;
  border: 13px solid transparent
}

.ts-pt-testimonials__item--normal .ts-pt-testimonials__infos {
  margin-top: 15px
}

.ts-pt-testimonials__img {
  position: relative;
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 20px;
  margin-left: 25px;
  border: 5px solid #ffffff33;
  background-clip: content-box
}

.ts-pt-testimonials__item--normal .ts-pt-testimonials__img {
  margin-top: -35px
}

.ts-pt-testimonials__item--size-1 .ts-pt-testimonials__img {
  width: 60px;
  height: 60px;
  margin-left: 5px;
  margin-top: 0
}

.ts-pt-testimonials__name {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'Open Sans', sans-serif !important
}

.ts-pt-testimonials__item--size-1 .ts-pt-testimonials__name {
  font-size: 14px
}

.ts-pt-testimonials__position {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 300;
  opacity: .5;
  margin-bottom: 5px
}

.ts-pt-testimonials__stars span {
  font-size: 11px
}

.ts-pt-testimonials__stars--1 span:nth-child(1)~span,
.ts-pt-testimonials__stars--2 span:nth-child(2)~span,
.ts-pt-testimonials__stars--3 span:nth-child(3)~span,
.ts-pt-testimonials__stars--4 span:nth-child(4)~span {
  opacity: .3
}

.team-boxes__carousel-wrapper2 {
  position: relative;
  padding-right: 10px
}

.team-boxes__carousel-wrapper {
  position: relative
}

.team-boxes__carousel-wrapper .hgSlickNav {
  position: absolute;
  top: -30px;
  right: 30px
}

.team-boxes__carousel-wrapper .hgSlickNav-arr,
.team-boxes__carousel-wrapper .hgSlickNav-arr svg {
  width: 25px
}

.ts-pt-testimonials__item.ts-pt-testimonials__item--size-2 {
  margin-left: 10px;
  margin-bottom: 10px;
  color: #555;
  margin-right: 0
}

.ts-pt-testimonials__item--size-2 .ts-pt-testimonials__text {
  background: #00000033
}

.ts-pt-testimonials__item--size-2 .ts-pt-testimonials__img {
  border: 5px solid #00000033;
  width: 60px;
  height: 60px;
  margin-left: 5px;
  margin-top: 0
}

.ts-pt-testimonials__item--size-2 .ts-pt-testimonials__position {
  opacity: 1
}

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0
}

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin-bottom: 10px;
}

.embed-responsive>iframe,
.embed-responsive>picture,
.embed-responsive>picture>img,
.embed-responsive>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.embed-responsive.youtube-lite {
  cursor: pointer;
}

.embed-responsive.youtube-lite .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 48px;
  width: 48px;
  height: 48px;
  background: rgba(255, 0, 0, 0.8);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

.embed-responsive.youtube-lite .play-button::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 16px;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #fff;
}

.media-container {
  position: relative
}

.media-container .kl-title-block {
  z-index: 1
}

.kl-icon-list {
  margin: 0 0 30px;
  padding: 0;
  list-style: none
}

.kl-icon-list li {
  width: 13%;
  display: inline;
  font-size: 32px;
  margin: 0 6px 10px;
  text-align: center;
  float: left;
  padding: 30px 0;
  border-radius: 3px;
  border: 1px solid transparent;
  color: #999;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  position: relative;
  cursor: pointer
}

.kl-icon-list li:hover {
  border-color: #ddd;
  color: #555
}

.kl-icon-list li:after {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  content: 'Click to copy "' attr(class) '"';
  background-color: #000000cc;
  padding: 10px;
  font-size: 10px;
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  min-width: 270px;
  line-height: 1;
  text-align: center;
  border-radius: 3px;
  display: none;
  transition: background-color .2s ease-out, min-width .2s ease-out;
  z-index: 10
}

.kl-icon-list li:hover:after {
  display: block
}

.kl-icon-list li.is-copied:after {
  background-color: #4a5;
  content: 'Copied!';
  min-width: 0
}

.caroufredsel {
  margin: 0;
  position: relative;
  zoom: 1
}

.caroufredsel ul.slides {
  margin: 0;
  padding: 0;
  list-style: none
}

.cfs--default {
  margin: 0;
  position: relative;
  zoom: 1;
  padding-left: 0
}

.cfs--default>ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.cfs--default .cfs--item,
.cfs--default>ul>li {
  display: block;
  float: left;
  position: relative
}

.cfs-svg--next,
.cfs-svg--prev {
  width: 40px;
  height: 60px;
  display: block !important;
  cursor: pointer
}

.cfs-svg--next svg,
.cfs-svg--prev svg {
  display: inline-block
}

.cfs-svg--next polyline,
.cfs-svg--prev polyline {
  -webkit-transition: stroke-width 250ms ease-in-out;
  transition: stroke-width 250ms ease-in-out
}

.cfs-svg--prev:hover polyline,
.cfs-svg--prev:focus polyline {
  stroke-width: 3px
}

.cfs-svg--prev:active polyline {
  stroke-width: 6px;
  -webkit-transition: stroke-width 100ms ease-in-out;
  transition: stroke-width 100ms ease-in-out
}

.cfs-svg--next:hover polyline,
.cfs-svg--next:focus polyline {
  stroke-width: 3px
}

.cfs-svg--next:active polyline {
  stroke-width: 10px;
  -webkit-transition: stroke-width 100ms ease-in-out;
  transition: stroke-width 100ms ease-in-out
}

.cfs--navigation a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  color: #eee;
  color: #ffffff26
}

.cfs--prev {
  text-align: left;
  left: 10px
}

.cfs--next {
  text-align: right;
  right: 10px
}

.stg-slimmer-arrows .cfs--prev::before,
.stg-slimmer-arrows~.cfs--navigation .cfs--prev::before {
  content: '\f053';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

.stg-slimmer-arrows .cfs--next::before,
.stg-slimmer-arrows~.cfs--navigation .cfs--next::before {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

.stg-slim-arrows .cfs--prev::before,
.stg-slim-arrows~.cfs--navigation .cfs--prev::before {
  content: '\f053';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

.stg-slim-arrows .cfs--next::before,
.stg-slim-arrows~.cfs--navigation .cfs--next::before {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

.caroufredsel:hover .cfs--prev {
  opacity: .7
}

.caroufredsel:hover .cfs--next,
.caroufredsel:hover~.cfs--navigation .cfs--next {
  opacity: .7
}

.caroufredsel:hover .cfs--next:hover,
.caroufredsel:hover .cfs--prev:hover,
.caroufredsel:hover~.cfs--navigation .cfs--next:hover,
.caroufredsel:hover~.cfs--navigation .cfs--prev:hover {
  opacity: 1
}

.stl-hoverstyle .cfs--navigation a {
  width: 76px;
  height: 70px;
  color: #fff;
  line-height: 70px;
  text-align: center;
  opacity: .7;
  margin: -35px 0 0
}

.stl-hoverstyle:hover .cfs--navigation a {
  width: 76px;
  height: 70px;
  color: #fff;
  line-height: 70px;
  text-align: center;
  opacity: 1
}

.stl-hoverstyle .cfs--navigation a:before {
  font-size: 32px
}

.stl-hoverstyle .cfs--prev {
  left: 0;
  border-radius: 0 3px 3px 0
}

.stl-hoverstyle .cfs--next {
  right: 0;
  border-radius: 3px 0 0 3px
}

.caroufredsel_wrapper .slides li {
  position: relative;
  display: block;
  float: left
}

.caroufredsel_wrapper .playVideo,
.js-slick .playVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.static-content__wrapper {
  width: 100%;
  overflow: hidden;
  min-height: 450px
}

.static-content__source+.static-content__inner {
  position: relative
}

.static-content__source {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.kl-slideshow .kl-slideshow-safepadding {
  padding-top: 60px;
  padding-bottom: 50px
}

.static-content--fullscreen {
  height: auto
}

.static-content--fullscreen .th-google_map {
  height: 100vh !important
}

.static-content {
  color: #fff;
  padding-top: 20px
}

.static-content__title {
  font-family: 'Bebas Neue', cursive;
  font-size: 4.5rem;
  text-shadow: 1px 1px 0 #0000004c;
  line-height: 1.1;
  padding-bottom: 10px
}

.static-content__subtitle {
  font-size: 2rem;
  font-weight: 400;
  text-shadow: 1px 1px 0 #0000004c;
  line-height: 1.4;
  padding: 20px 0
}

.static-content__subtitle .stronger {
  font-weight: 600;
  border-bottom: 1px dotted #ffffff7f;
  padding-bottom: 2px;
  cursor: help
}

.static-content__slideshow .static-content .sc__features {
  margin: 30px 0;
  list-style: none;
  padding-left: 0
}

.kl-contentmaps__panel {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 1;
  background: #ddd;
  box-shadow: 0 0 5px #00000066
}

.kl-contentmaps__panel-info {
  padding: 30px
}

.kl-contentmaps__panel-info-text {
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  -webkit-transition: max-height .3s ease-out, padding-top .3s ease-out;
  transition: max-height .3s ease-out, padding-top .3s ease-out
}

.kl-contentmaps__panel-title {
  font-size: 1.3rem;
  line-height: 1.2em;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase
}

.kl-contentmaps__linkapp {
  margin: 20px;
  display: block
}

.kl-contentmaps__panel-tgg {
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 20px;
  margin: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: .8;
  -webkit-transition: opacity .2s ease-out, -webkit-transform .4s ease-out;
  transition: opacity .2s ease-out, transform .4s ease-out;
  background-color: #0000004c
}

.kl-contentmaps__panel-tgg:hover {
  opacity: 1
}

.kl-contentmaps__panel-tgg:before,
.kl-contentmaps__panel-tgg:after {
  content: '';
  width: 2px;
  height: 14px;
  background: #fff;
  display: block;
  transform-origin: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -1px
}

.kl-contentmaps__panel-tgg:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.parallax-effects {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  list-style: none
}

.parallax-effects .layer {
  width: 100%;
  height: 100%
}

.parallax-effects .layer-element {
  position: absolute
}

#page_wrapper .parallax-effects .slide-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%
}

.team-member {
  margin: 0 15px 3px;
  padding: 0 0 15px;
  margin-bottom: 40px;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #00000019
}

.team-member .mmb-title {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 24px;
  padding: 0 15px
}

.team-member .mmb-position {
  margin-bottom: 10px;
  font-size: 16px;
  padding: 0 15px
}

.team-member .mmb-desc {
  padding: 0 15px;
  font-size: 15px
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir='rtl'] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url('../images/ajax-loader.gif') center center no-repeat
}

.slick--showOnMouseover .hgSlickNav {
  opacity: 0;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out
}

.slick--showOnMouseover:hover .hgSlickNav {
  opacity: 1
}

.hgSlickNav-arr,
.hgSlickNav-arr svg {
  width: 18px;
  height: 18px;
  cursor: pointer
}

.hgSlickNav-arr polyline {
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  stroke: #aaa
}

.hgSlickNav-arr:hover polyline {
  stroke-width: 35px
}

.hgSlickNav-arr:active polyline {
  stroke-width: 50px
}

.hgSlickNav-arr.hgSlickNav-prev {
  text-align: left
}

.hgSlickNav-arr.hgSlickNav-next {
  text-align: right
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.slick-dots .slickBtn {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button,
.hgSlickNav--light .slick-dots li button {
  background-color: #fff;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  padding: 5px;
  opacity: .5;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  margin-right: 5px
}

.hgSlickNav--light polyline {
  stroke: #eee
}

.hgSlickNav--light .slick-dots li.slick-active button {
  opacity: .8
}

.ts-pt-partners__carousel-wrapper {
  width: 100%
}

.ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {
  width: 80%;
  float: left
}

.ts-pt-partners__carousel-item {
  float: left;
  height: 120px;
  line-height: 120px;
  vertical-align: middle;
  text-align: center
}

.ts-pt-partners__carousel.non-slick {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.ts-pt-partners__carousel.non-slick .ts-pt-partners__carousel-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.ts-pt-partners__img {
  max-height: 120px;
  margin: 0 auto;
  width: auto;
  border: 1px solid #aaa;
  padding: 15px;
  border-radius: 10px
}

.slickSlider--activated .slick-active .ts-pt-partners__img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .6s ease .1s, -webkit-transform .6s ease 0s;
  transition: opacity .6s ease .1s, -webkit-transform .6s ease 0s;
  transition: opacity .6s ease .1s, transform .6s ease 0s;
  transition: opacity .6s ease .1s, transform .6s ease 0s, -webkit-transform .6s ease 0s
}

.slickSlider--activated .slick-active~.slick-active .ts-pt-partners__img {
  -webkit-transition-delay: .2s, .1s;
  transition-delay: .2s, .1s
}

.slickSlider--activated .slick-active~.slick-active~.slick-active .ts-pt-partners__img {
  -webkit-transition-delay: .3s, .2s;
  transition-delay: .3s, .2s
}

.slickSlider--activated .slick-active~.slick-active~.slick-active~.slick-active .ts-pt-partners__img {
  -webkit-transition-delay: .4s, .3s;
  transition-delay: .4s, .3s
}

.ptcarousel--frames-modern {
  position: relative;
  padding-bottom: 0;
  height: 100%
}

.ptcarousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden
}

.ptcarousel li {
  float: left
}

.ptcarousel .controls>a {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 11;
  background: #000;
  display: inline-block !important;
  margin: 0;
  margin-top: -12px;
  width: 30px;
  height: 31px;
  text-align: center;
  border-radius: 2px;
  opacity: 0
}

.img-intro img {
  height: 100% !important;
  max-width: 991px !important
}

.hg_general__carousel .hgSlickNav-arr {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 11;
  background: #00000033;
  margin: 0;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 2px;
  opacity: 0
}

.hg_general__carousel .hgSlickNav-arr svg {
  display: block;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative
}

.hg_general__carousel .hgSlickNav-arr polyline {
  stroke: #fff
}

.hg_general__carousel .hgSlickNav-arr.hgSlickNav-prev {
  text-align: left
}

.hg_general__carousel .hgSlickNav-arr.hgSlickNav-next {
  left: auto;
  right: 15px
}

.hg_general__carousel:hover .hgSlickNav-arr {
  opacity: 1
}

#base h4 {
  font-size: 4.8rem;
  color: #fff;
  text-align: center;
  font-family: 'Bebas Neue', cursive;
  line-height: .75;
  padding-top: 40px
}

#base p {
  font-size: 2rem;
  font-family: 'Bebas Neue', cursive;
  color: #fff;
  text-align: center;
  line-height: 1.1
}

#base p.p-sm {
  color: #fff;
  text-align: center;
  line-height: 1
}

#base a {
  margin-top: -10px;
}

.badges {
  padding: 20px 15px 0
}

body .uwy {
  z-index: 3 !important
}

.responsive-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 25px;
  margin: 0
}

/*---- ++2++ Responsive Styles ----*/
@media (min-width:481px) and (max-width:768px) {
  .site-header[data-header-style='3'] .site-header .xs-icon {
    color: #252525
  }
}

@media (min-width:601px) {
  .mobile-phone {
    display: none
  }
}

@media (min-width:768px) {
  .process_box .number {
    width: 120px
  }

  .process_box .number span {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
  }

  .process_box .content {
    margin-left: 140px
  }

  .process_box[data-align='right'] .content {
    text-align: right;
    margin-right: 140px
  }

  .process_box .content:before,
  .process_box .content:after {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
  }

  .process_box .content:before {
    position: absolute;
    content: '';
    top: 0;
    width: 2px;
    height: 100%
  }

  .process_box[data-align='left'] .content:before {
    left: 130px
  }

  .process_box[data-align='right'] .content:before {
    right: 130px
  }

  .process_box:hover .content:before {
    width: 5px
  }

  .process_box .content:after {
    position: absolute;
    content: '';
    border: 14px solid;
    border-color: transparent;
    top: 50%;
    margin-top: -14px
  }

  .process_box[data-align='left'] .content:after {
    left: 132px
  }

  .process_box[data-align='right'] .content:after {
    right: 132px
  }

  .process_box:after {
    position: absolute;
    content: '';
    width: calc(100% - 114px);
    height: 6px;
    bottom: -43px
  }

  .process_box[data-align='left']:after {
    left: 70px
  }

  .process_box[data-align='right']:after {
    right: 54px
  }

  .process_box .number:before,
  .process_box .number:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 50px
  }

  .process_box .number:before {
    top: -37px
  }

  .process_box .number:after {
    bottom: -37px
  }

  .process_box:first-child .number:before,
  .process_box.last .number:after,
  .process_box.last:after {
    content: none
  }

  .process_box.last {
    margin-bottom: 0
  }

  .hg_col_eq_first,
  .hg_col_eq_last {
    padding-right: calc((100vw - 750px) / 2)
  }

  .row.gutter-sm {
    margin-right: -15px;
    margin-left: -15px
  }

  .row.gutter-sm>[class*='col-'] {
    padding-right: 10px;
    padding-left: 10px
  }

  .row.gutter-xs {
    margin-right: -5px;
    margin-left: -5px
  }

  .row.gutter-xs>[class*='col-'] {
    padding-right: 20px;
    padding-left: 20px
  }

  .row.gutter-0 {
    margin-right: -15px;
    margin-left: -15px
  }

  .row.gutter-0>[class*='col-'] {
    padding-right: 15px;
    padding-left: 15px
  }
}

@media (min-width:768px) and (max-width:991px) {
  #zn-res-menu {
    width: 50%
  }

  body .gobox.ok>img {
    margin-bottom: 10px
  }

  .bigsocialblock.count-4 .bigsocialblock__social-icon {
    border-width: 5px;
    font-size: 60px;
    width: 120px;
    height: 120px;
    line-height: 110px;
    left: -30px;
    bottom: -20px
  }

  .bigsocialblock.count-4 .bigsocialblock__title {
    font-size: 16px
  }

  .bigsocialblock__item:hover .bigsocialblock__title {
    bottom: auto
  }

  .media-container {
    height: 844px
  }

  .kl-iconbox {
    margin-bottom: 20px
  }

  .kl-iconbox--fleft .kl-iconbox__icon-wrapper {
    margin-right: 5px
  }

  .kl-iconbox__icon {
    font-size: 30px
  }

  .kl-iconbox__title {
    font-size: 1.3rem;
    line-height: 1.2
  }

  #footer .copyright {
    float: left
  }

  .siteheader-container.container {
    max-width: 991px
  }
}

@media (min-width:992px) {
  .site-header[data-header-style='3'] .site-header-bottom {
    padding: 5px 0 10px
  }

  .static-content--fullscreen .static-content__inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .chaser {
    display: block;
    background: rgba(0, 0, 0, .85);
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 111;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
  }

  .chaser.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .chaser #wpk-main-menu {
    position: initial
  }

  .chaser .main-menu,
  .chaser .main-menu ul {
    margin: 0;
    padding: 0;
    position: relative
  }

  .chaser .main-menu li:not(.menu-item-mega-parent) {
    position: relative
  }

  .chaser .main-menu>li {
    float: left;
    border-left: 1px solid rgba(255, 255, 255, .1)
  }

  .chaser .main-menu>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, .1)
  }

  .chaser .main-menu .sub-menu,
  .chaser .main-menu .hg_mega_container {
    left: -2999px;
    position: absolute;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    border-radius: 0
  }

  .chaser .main-menu .hg_mega_container {
    left: -2999px !important
  }

  .chaser .main-menu .zn_mega_row_start:after,
  .chaser .main-menu .zn_mega_row_start:before {
    display: table;
    content: ' '
  }

  .chaser .main-menu .zn_mega_row_start:after {
    clear: both
  }

  .chaser .main-menu li ul {
    background: rgba(0, 0, 0, .9);
    min-width: 220px;
    padding: 5px
  }

  .chaser .main-menu li ul li ul {
    background: none
  }

  .chaser .main-menu .hg_mega_container>ul {
    padding-top: 0;
    padding-bottom: 20px
  }

  .chaser .main-menu .hg_mega_container>ul:first-child {
    padding-top: 20px
  }

  .chaser .main-menu .hg_mega_container>ul:last-child {
    padding-bottom: 30px
  }

  .chaser .main-menu .hg_mega_container ul ul {
    background: none;
    padding: 10px 0 0
  }

  .chaser .main-menu .hg_mega_container .zn_mega_title {
    border-bottom: 1px solid #454545;
    background: none;
    padding-left: 20px
  }

  .chaser .main-menu .hg_mega_container .zn_mega_title_hide {
    display: none
  }

  .chaser .main-menu .hg_mega_container .zn_mega_title_only_hide {
    display: block;
    visibility: hidden
  }

  .chaser .main-menu li a {
    display: block;
    color: #ddd;
    font-size: 14px;
    line-height: 1.4;
    padding: 7px 15px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    text-transform: uppercase
  }

  .chaser .main-menu li:hover>a:not(:only-child)+.sub-menu,
  .chaser .main-menu li:hover>a:not(:only-child)+.hg_mega_container {
    left: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .chaser .main-menu li:hover>a:not(:only-child)+.hg_mega_container {
    left: 15px !important
  }

  .chaser .main-menu li>a:not(:only-child) {
    padding-right: 25px
  }

  .chaser .main-menu li>a:not(:only-child):after {
    content: '';
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -1px;
    height: 2px;
    width: 6px;
    background: #ccc;
    opacity: .5
  }

  .chaser .main-menu li li:hover>a:not(:only-child)+.sub-menu {
    left: 100%;
    top: -4px
  }

  .chaser .main-menu li:hover>a,
  .chaser .main-menu li a:hover {
    color: #fff;
    background: #000
  }

  .chaser .main-menu li.active>a,
  .chaser .main-menu li>a.active {
    background: #0d3646;
    color: #ffffff
  }

  .chaser .zn-mega-new-item {
    display: none
  }

  .chaser .spanel-label,
  .chaser .topnav--lang {
    display: none
  }

  .chaser .kl-header-toptext,
  .chaser .kl-header-toptext a {
    color: #fff;
    float: right;
    margin-left: 5px
  }

  .chaser .header-leftside-container {
    padding-top: 10px
  }

  .chaser .main-menu>li,
  .chaser .main-menu>li:last-child {
    border: none
  }

  .chaser .main-menu li a[title='separator'] {
    text-indent: -2999px;
    display: none
  }

  .chaser .main-menu,
  .chaser .col-sm-10,
  .chaser .col-md-12 {
    position: initial
  }

  .chaser .row {
    position: relative
  }

  .chaser .main-menu li li:hover>a:not(:only-child)+.sub-menu {
    background: rgba(0, 0, 0, .9)
  }

  .chaser .menu-item-spacer {
    display: inline-block;
    height: 25px;
    width: 100%
  }

  .chaser #wpk-main-menu {
    padding-left: 0
  }

  .chaser #_wpk-custom-bar {
    height: 32px
  }

  .main-nav {
    display: block
  }

  .main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1
  }

  .main-nav>ul:after,
  .main-nav>ul:before {
    display: table;
    content: ' '
  }

  .main-nav>ul:after {
    clear: both
  }

  .main-nav ul li {
    margin-bottom: 0
  }

  .main-nav ul li a {
    display: block;
    font-weight: 400;
    font-family: 'Open Sans'
  }

  .main-nav>ul>li {
    float: left;
    margin-top: 0;
    margin-left: 5px
  }

  .main-nav>ul>li:not(.menu-item-mega-parent) {
    position: relative
  }

  .main-nav>ul>li:first-child {
    margin-left: 0
  }

  .main-nav>ul>li>a {
    position: relative;
    padding: 6px 19px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 14px;
    color: #fff;
    z-index: 1;
    font-weight: 400;
    letter-spacing: 1.5px;
    -webkit-transition: padding .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: padding .2s ease-in-out, transform .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
  }

  .main-nav>ul>li>a:before {
    content: '';
    opacity: 0;
    position: absolute;
    border-radius: 2px;
    height: 50%;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1
  }

  .main-nav>ul>li.active>a,
  .main-nav>ul>li>a:hover,
  .main-nav>ul>li:hover>a {
    text-decoration: none;
    color: #fff
  }

  .main-nav>ul>li.active>a:before,
  .main-nav>ul>li>a:hover:before,
  .main-nav>ul>li:hover>a:before,
  .main-nav>ul>li>a.active:before {
    height: 100%;
    opacity: 1
  }

  .main-nav>ul>li.active.menu-item-has-children>a:after,
  .main-nav>ul>li.menu-item-has-children>a:hover:after,
  .main-nav>ul>li.menu-item-has-children:hover>a:after {
    opacity: 0
  }

  .main-nav ul ul.sub-menu li {
    position: relative
  }

  .main-nav ul ul.sub-menu ul {
    top: 100%;
    margin-top: 0
  }

  .main-nav ul ul.sub-menu li a:not(:only-child):after {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 10px;
    content: '';
    opacity: .6;
    background-color: rgba(0, 0, 0, .3);
    width: 10px;
    height: 2px
  }

  .main-nav ul ul.sub-menu li a {
    min-width: 235px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, .03);
    padding: 10px 20px;
    font-size: 12px;
    color: #757575;
    position: relative;
    text-transform: uppercase
  }

  .main-nav ul ul.sub-menu li a[title='separator'] {
    text-indent: -2999px;
    padding: 0;
    background-color: rgba(0, 0, 0, .05) !important;
    background-clip: padding-box;
    height: 5px
  }

  .main-nav ul ul.sub-menu li.active>a,
  .main-nav ul ul.sub-menu li a:hover {
    color: #323232;
    background: rgba(0, 0, 0, .04)
  }

  .main-nav ul ul.sub-menu,
  .main-nav .hg_mega_container {
    position: absolute;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, .8);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    background: #f5f5f5;
    padding: 6px 0;
    background: rgba(245, 245, 245, 1)
  }

  .main-nav>ul>li>ul.sub-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px
  }

  .main-nav>ul>li>ul.sub-menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -11px;
    left: 14px;
    border: 6px solid transparent;
    border-bottom-width: 5px;
    border-bottom-color: #f5f5f5
  }

  .main-nav ul ul.sub-menu li:hover>ul {
    left: 100%;
    top: -3px;
    opacity: 1
  }

  .main-nav .hg_mega_container a.zn_mega_title[href='#custom-invisible'],
  .main-nav .hg_mega_container li:last-child a.zn_mega_title[href='#custom-invisible'] {
    color: transparent
  }

  .main-nav .hg_mega_container {
    border: 1px solid rgba(255, 255, 255, .8);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    background: #f5f5f5;
    padding: 6px 0;
    background: rgba(245, 245, 245, .95);
    position: absolute;
    padding: 20px 0;
    margin-top: 10px
  }

  .main-nav .hg_mega_container:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px
  }

  .main-nav .hg_mega_container li a {
    padding: 10px 0;
    font-size: 14px;
    color: #757575;
    position: relative;
    text-transform: uppercase
  }

  .main-nav .hg_mega_container li a:not(.zn_mega_title):hover,
  .main-nav .hg_mega_container li.active>a:not(.zn_mega_title) {
    color: #323232
  }

  .main-nav .hg_mega_container li a:not(.zn_mega_title):before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    -webkit-transition: width .15s cubic-bezier(.68, 0, .265, 1);
    transition: width .15s cubic-bezier(.68, 0, .265, 1)
  }

  .main-nav .hg_mega_container li a:not(.zn_mega_title):hover:before,
  .main-nav .hg_mega_container li.active>a:not(.zn_mega_title):before {
    width: 100%
  }

  .main-nav .hg_mega_container .zn_mega_title_hide {
    display: none
  }

  .main-nav .hg_mega_container .zn_mega_title_hide.v-hidden {
    display: block;
    visibility: hidden
  }

  .main-nav .hg_mega_container li a.zn_mega_title,
  .main-nav div.hg_mega_container ul li:last-child>a.zn_mega_title {
    font-size: .9rem;
    padding-left: 0;
    padding-right: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 12px 0;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    border-bottom-color: rgba(0, 0, 0, .1)
  }

  .main-nav .menu-item-spacer {
    display: inline-block;
    height: 25px;
    width: 100%
  }

  .main-nav ul ul.sub-menu,
  .main-nav .hg_mega_container {
    left: -9999px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s ease, top .45s ease;
    transition: opacity .4s ease, top .45s ease
  }

  .main-nav .hg_mega_container {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px)
  }

  .main-nav ul ul.sub-menu {
    top: 150%
  }

  .main-nav .hg_mega_container {
    margin-top: 25px;
    padding: 20px;
    -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
    transition: opacity .4s ease, top .45s ease, margin-top .4s ease
  }

  .main-nav ul li:hover>ul,
  .main-nav ul li:hover>.hg_mega_container {
    left: 0;
    opacity: 1;
    visibility: visible;
    z-index: 100
  }

  .main-nav ul li:hover>ul.sub-menu {
    top: 135%
  }

  .main-nav ul li:hover>.hg_mega_container {
    margin-top: 10px
  }

  .main-nav ul ul li a {
    -webkit-transition: padding-left .35s ease, border-right .35s ease;
    transition: padding-left .35s ease, border-right .35s ease
  }

  #menu-main-menu li>a[href='#'] {
    cursor: default
  }

  .hg_col_eq_first,
  .hg_col_eq_last {
    padding-right: calc((100vw - 970px) / 2)
  }

  .row.gutter-md {
    margin-right: -25px;
    margin-left: -25px
  }

  .row.gutter-md>[class*='col-'] {
    padding-right: 32px;
    padding-left: 32px;
    display: table;
    width: 100%
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .site-header-main-center {
    margin-right: auto;
    margin-left: 30px
  }

  .main-nav>ul>li>a {
    font-size: 12px
  }

  .main-nav ul ul.sub-menu li a {
    font-size: 10px
  }

  .main-nav .hg_mega_container li a {
    font-size: 10px
  }

  .chaser .main-menu li a {
    font-size: 10px
  }

  .chaser .main-menu .hg_mega_container {
    width: 940px
  }

  .statistic-box__title {
    font-size: 32px
  }

  .media-container {
    height: 400px
  }

  .hg_col_eq_first,
  .hg_col_eq_last {
    padding-right: calc((80vw - 970px) / 2)
  }
}

@media (min-width:1200px) {
  .site-header-main-center {
    margin-right: auto;
    margin-left: 50px
  }

  .chaser .main-menu .hg_mega_container {
    width: 1110px
  }

  .btn-fullwidth {
    width: 100%
  }

  .media-container {
    height: 300px
  }

  .row.gutter-lg {
    margin-right: -45px;
    margin-left: -45px
  }

  .row.gutter-lg>[class*='col-'] {
    padding-right: 30px;
    padding-left: 30px
  }

  .hg_col_eq_first,
  .hg_col_eq_last {
    padding-right: calc((80vw - 1170px) / 2)
  }
}

@media (max-width:1200px) {
  .container_fluid .row {
    padding-left: 15px;
    padding-right: 15px
  }

  .kl-iconbox--fright .kl-iconbox__icon-wrapper {
    float: right
  }

  .kl-bg-source__bgimage.parallax {
    background-size: initial
  }

  .btn {
    white-space: normal
  }
}

@media (max-width:1199px) {
  .tbk__title {
    font-size: 3.2rem
  }

  .hg_col_eq_first,
  .hg_col_eq_last {
    padding-left: 40px
  }
}

@media (max-width:991px) {
  #zn-res-menuwrapper {
    display: block
  }

  .zn_res_menu_visible #zn-res-menu,
  .zn_res_menu_visible #zn-res-menu li ul {
    display: block
  }

  #main-menu {
    display: none
  }

  #zn-res-menu li.active {
    background-color: #f3f3f3
  }

  #zn-res-menu li.active>li {
    background-color: #f3f3f3
  }

  #main-menu>ul {
    -webkit-transition: left .2s ease-out;
    -moz-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    -ms-transition: left .2s ease-out;
    transition: left .2s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  #main-menu>ul ul {
    position: static;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent
  }

  #main-menu>ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding: 5px 0
  }

  #zn-res-menu .zn-close-menu-button {
    display: inline-block;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    width: 49px !important;
    border-left: solid 1px #ccc;
    z-index: 11111
  }

  #zn-res-menu .zn-close-menu-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
  }

  body {
    padding-top: 0
  }

  .topnav {
    margin: 0 15px
  }

  .site-header-main-center {
    margin-right: 30px;
    margin-left: auto
  }

  .site-header .logo-container {
    padding: 10px 0
  }

  .site-header[data-header-style='3'] .kl-cta-ribbon {
    margin-top: -3px
  }

  .main-slider,
  .static-content__slideshow {
    margin-top: 126px
  }

  .subheader-maintitle {
    font-size: 1.2rem
  }

  .breadcrumbs li {
    font-size: .8rem
  }

  .ts-pt-testimonials__item--size-1,
  .ts-pt-testimonials__item--size-2,
  .ts-pt-testimonials__item--size-3 {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px)
  }

  .ts-pt-partners__title {
    width: 100%;
    float: none;
    margin-bottom: 30px
  }

  .ts-pt-partners__title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 50px;
    height: 3px;
    background: #fff
  }

  .ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {
    width: 100%;
    clear: left;
    float: none
  }

  .gobox:after,
  .gobox:before {
    transform: none;
    left: auto;
    right: auto
  }

  .gobox-last {
    top: 6px
  }

  .gobox.ok>.far {
    left: 20px
  }

  .gobox.ok {
    padding-left: 50px
  }

  .gobox.ok>.glyphicon {
    left: 20px
  }

  .process-list .processitems li {
    width: 100%;
    margin-bottom: 30px
  }

  .process-list .processitems li .ico-wrapper {
    margin-bottom: 70px
  }

  .process-list .processitems li.lined .ico-wrapper>span::after {
    width: 2px;
    height: 100%;
    left: calc(50% - 2px)
  }

  .hg_col_eq_first,
  .hg_col_eq_last {
    padding: 40px 40px 0
  }

  .portfolio-item-details {
    margin: 0 0 20px
  }

  .text-center-md {
    text-align: center !important
  }

  .symbol-line::before,
  .symbol-line::after {
    width: 44%
  }

  .tbk__title {
    font-size: 3rem;
    line-height: 1
  }

  .imgboxes_style4 .imgboxes-title {
    font-size: 24px;
    line-height: 28px
  }

  h4.fs-28 {
    font-size: 24px !important;
    line-height: 26px !important
  }

  .kl-bg-source__bgimage {
    background-position-x: 20%
  }

  .responsive-columns {
    grid-template-columns: repeat(2, 1fr)
  }

  /* Ensure container has enough height on mobile */
  .media-container {
    min-height: 420px;
  }

  /* Parallax wrapper */
  .js-KyHtmlParallax {
    display: block;
    position: absolute !important;
    inset: 0;
    transform: none !important;
    /* Disable transforms on mobile */
  }

  /* Background image */
  .kl-bg-source__bgimage {
    height: 100% !important;
    width: 100%;
    transform: none !important;
    /* Ensure static image */
    background-position: center;
    background-size: cover;
  }
	.site-logo {
  padding-top: 38px;
}
}

@media (max-width:782px) {
  .topnav>.topnav-item span {
    font-size: 1rem
  }
}

@media (max-width:767px) {
  body #header.site-header {
    height: auto !important;
    position: relative !important
  }

  body.sticky-header #header.site-header {
    position: fixed !important
  }

  .kl-cta-ribbon {
    margin-bottom: -20px
  }

  .zn_menu_trigger {
    background: rgba(228, 228, 228, .25);
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    display: block
  }

  .site-header-main-left {
    display: none !important
  }

  .site-header-main-center.justify-content-center {
    justify-content: left !important
  }

  .separator.visible-xxs {
    display: block !important
  }

  .subheader-titles {
    text-align: start;
    margin-top: 0
  }

  .breadcrumbs {
    padding: 4px 8px 3px;
    margin-bottom: 10px
  }

  .breadcrumbs li {
    font-weight: 400;
    font-size: .8rem
  }

  .page-subheader .ph-content-wrap {
    height: auto !important;
    padding-top: 25px;
    min-height: 80px
  }

  .subheader-maintitle {
    margin: 0 0 5px
  }

  .tbk__title {
    font-size: 2.8rem
  }

  .btn-fullwidth {
    width: 50%
  }

  .circlehover.style2 {
    width: 35%
  }

  .imgbox_image.cover-fit-img {
    height: 100%
  }

  .imgboxes_style1 .hoverBorderWrapper,
  .imgboxes_style1 .hoverBorderWrapper.mh-about {
    height: auto
  }

  .kl-contentmaps__panel {
    display: none
  }

  .hboxes {
    margin-bottom: 30px
  }

  .image-boxes .box,
  .kl-title-block .p-sm {
    text-align: center
  }

  .static-content__wrapper {
    min-height: 400px !important
  }

  .infobox2 .btn {
    margin-left: 20px
  }

  .process_box {
    margin-bottom: 0;
    text-align: center
  }

  .process_box .number {
    position: relative;
    width: 100%
  }

  .process_box .content {
    margin-left: 0;
    padding: 0
  }

  .process_box[data-align='right'] .content {
    margin-right: 0;
    padding: 0
  }

  .kl-slideshow .kl-slideshow-safepadding {
    padding-top: 50px !important
  }

  .hg_section--relative.ptop-210 {
    padding-top: 70px !important
  }

  .imgboxes_style4 .imgboxes-wrapper {
    display: block
  }

  .imgboxes_style1 .tbk__title {
    text-align: center
  }

  .alignleft {
    float: none;
    margin: 0 10px 10px
  }

  .abt-img {
    height: auto;
    width: 100%
  }

  .bigsocialblock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .bigsocialblock__item {
    width: 100%;
    display: block;
    min-height: 100px;
    padding: 15px
  }

  .bigsocialblock__title {
    position: relative;
    right: 0;
    top: auto;
    bottom: auto;
    text-align: right;
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible
  }

  .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__title {
    bottom: auto
  }

  .bigsocialblock__count,
  .bigsocialblock__follow {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    right: 0;
    top: auto;
    bottom: auto;
    text-align: right
  }

  .process_box4 {
    display: block;
    margin-bottom: 50px
  }

  .media-container {
    min-height: 400px !important;
    height: 400px
  }

  .static-content__title,
  .static-content__subtitle {
    word-break: normal;
    line-height: 1
  }

  .kl-contentmaps__panel {
    position: static;
    width: 100%;
    border-radius: 0
  }

  #footer .menu:before,
  #footer .menu:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
  }

  #footer .menu:after {
    clear: both
  }

  #footer .social-icons {
    float: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px
  }

  #footer .copyright img {
    margin-bottom: 20px
  }

  .pr-sm-30 {
    padding-right: 30px !important
  }

  .text-center-sm {
    text-align: center
  }

  .kl-iconbox {
    margin-bottom: 20px
  }

  .eventbox {
    width: 90%;
    margin: 20px auto 0
  }

  .img-intro img {
    height: auto !important;
    max-width: 100% !important
  }

  .portfolio-item-details li {
    line-height: 24px
  }

  .kl-bg-source__bgimage {
    background-position-x: 35%
  }

  .responsive-columns {
    grid-template-columns: repeat(1, 1fr)
  }

  .mobile-phone {
    margin-right: 115px;
    display: block
  }

  .mobile-phone i {
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 10px
  }
}

@media (max-width:600px) {
  .site-header-main-center.justify-content-center {
    justify-content: center !important
  }

  .site-header .kl-header-toptext,
  .site-header-main-left,
  .site-header-main-right {
    display: none !important
  }

  .symbol-line::before,
  .symbol-line::after {
    width: 40%
  }

  .static-content__title {
    font-size: 3.3rem;
    line-height: 1.1
  }
}

@media only screen and (max-width:576px) {
  .mb-xs-20 {
    margin-bottom: 20px !important
  }

  .gobox.ok {
    padding-left: 0
  }

  .gobox.ok>.far {
    display: none;
    left: 0
  }

  #footer[data-footer-style='5'] .main-footer {
    text-align: center
  }

  #footer[data-footer-style='5'] .social-icons {
    float: none
  }
}

@media (max-width:480px) {
  .site-logo {
    max-width: 100%;
	    padding-top: 16px;
  }
	

  .zn-res-trigger {
    margin-left: 0;
    margin-top: 11px
  }

  .header-leftside-container {
    overflow: visible
  }

  .site-header.kl-cta-lined {
    display: none
  }

  .site-header[data-header-style='3'] .kl-header-toptext {
    display: none
  }

  .kl-iconbox {
    margin-bottom: 10px
  }

  .static-content__title {
    font-size: 2.5rem
  }

  .kl-bg-source__bgimage.parrallax-1 {
    background-position-x: 37%
  }
}

@media (max-width:380px) {
  #base h4 {
    font-size: 3.8rem;
    padding-top: 20px
  }

  .bigsocialblock__social-icon {
    font-size: 50px;
    width: 130px;
    left: -30px
  }

  .kl-bg-source__bgimage {
    background-position-x: 30%;
    background-position-y: top;
    background-size: 305%
  }

  .fancy_register_form {
    padding: 15px;
    background: rgba(255, 255, 255, 1)
  }

  .btn-fullwidth {
    width: 100%;
  }
}

@media (max-width:340px) {
  .tbk__title {
    font-size: 2.6rem
  }
}

/*---- ++3++ Color Styles ----*/
.circlehover,
.circlehover:before,
.color1-bg,
.tbk-symbol--line .tbk__symbol span,
.btn-fullcolor,
.symbol-line::before,
.symbol-line::after,
.symbol-line2::after,
.process_box .content:before,
.hg_accordion_element.style5 .th-accordion a::before,
.gobox.ok,
.gobox.ok:after,
.gobox.ok:before,
ul.dash-list li::before {
  background-color: var(--primary) !important
}

.circlehover.color2-bg:before {
  background-color: var(--secondary) !important
}

.ts-pt-testimonials__stars span,
.icon-spine:before,
.color1-text,
.kl-iconbox.stage .kl-iconbox__icon,
.process_box .number span {
  color: var(--primary)
}

.process_box[data-align='left'] .content:after {
  border-left-color: var(--primary)
}

.process_box[data-align='right'] .content:after {
  border-right-color: var(--primary)
}

.btn-fullcolor:hover {
  background-color: var(--primary)
}

.color2-bg,
.hg_accordion_element.style5 .th-accordion a.collapsed::before,
.process_box:after,
.process_box .number:before,
.process_box .number:after,
.gobox:before,
.gobox:after,
.gobox,
.main-nav ul .zn-mega-new-item,
.main-nav .hg_mega_container li a:not(.zn_mega_title):before,
.imgboxes_style1 .hoverBorder h6,
#zn-res-menu,
#zn-res-menu li ul,
.page-subheader {
  background-color: var(--secondary) !important
}

a,
.hg_accordion_element.style5 .th-accordion a:hover,
.kl-iconbox__title,
.fancy_register_form>h4,
.site-header[data-header-style='3'] .main-nav>ul>li>a,
.color2-text {
  color: #0c8153;
}

a {
  color: var(--secondary)
}

.color5-text {
  color: #fad870;
}

.site-header[data-header-style='3'] a {
  color: var(--primary)
}


.main-nav>ul>li>a:before,
.btn-fullcolor.color2-bg:hover,
.circle-btn,
.kl-cta-ribbon,
.kl-cta-ribbon:hover,
.quote-ribbon:hover {
  background-color: var(--primary)
}

.trisvg,
.kl-cta-ribbon .trisvg,
.kl-cta-ribbon .trisvg:hover {
  fill: var(--secondary)
}

#footer[data-footer-style='5'],
#footer[data-footer-style='5'] .bottom-footer,
.site-header[data-header-style='3'] .separator {
  background-color: var(--thirdary)
}

.zn-res-trigger {
  background: #fff
}

@media (max-width:991px) {
  .site-header[data-header-style='3'] .separator {
    background: #fff
  }

  .site-header[data-header-style='3'] .zn-res-trigger:after {
    background: var(--secondary);
    box-shadow: 0 8px 0 var(--secondary), 0 16px 0 var(--secondary)
  }
}

@media (max-width:767px) {
  .mobile-phone i {
    border: 2px solid var(--primary) !important
  }
}