/* ==========================================================================

	Responsive CSS Stylesheet.

========================================================================== */
/** Tablets (portrait mode)  **/
@media (min-width: 481px) and (max-width: 768px) {
/**** Header ****/
.site-header[data-header-style="3"] .site-header .xs-icon {
color: #252525;
}
}
@media (min-width: 601px) {
.mobile-phone {
display: none;
}
}
/** Tablets+  **/
@media (min-width: 768px) {
/**** Elements ****/
.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 0.25s ease-in-out;
transition: all 0.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);
}
/* Gutter Sizes - Small */
.row.gutter-sm {
margin-right: -15px;
margin-left: -15px;
}
.row.gutter-sm > [class*="col-"] {
padding-right: 10px;
padding-left: 10px;
}
/* Gutter Sizes - Extra small */
.row.gutter-xs {
margin-right: -5px;
margin-left: -5px;
}
.row.gutter-xs > [class*="col-"] {
padding-right: 20px;
padding-left: 20px;
}
/* Gutter Sizes - zero gutter */
.row.gutter-0 {
margin-right: -15px;
margin-left: -15px;
}
.row.gutter-0 > [class*="col-"] {
padding-right: 15px;
padding-left: 15px;
}
}
/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
/**** Header ****/
#zn-res-menu {
width: 50%;
}
/**** Elements ****/
body .gobox.ok > img {
margin-bottom: 10px;
}
/* Big social */
.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 ****/
#footer .copyright {
float: left;
}
.siteheader-container.container {
max-width: 991px;
}
}
@media (min-width: 992px) {
.hg_col_eq_last {
padding-top: 130px;
}
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
/**** Header ****/
.menu-item-mega-parent.dropdown {
position: inherit !important;
}
.site-header[data-header-style="3"] .site-header-bottom {
padding: 5px 0;
}
/* Static content If it's fullscreen */
.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, 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: 0.3s;
transition-duration: 0.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, 0.1);
}
.chaser .main-menu > li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.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 0.15s ease-in-out,
-webkit-transform 0.15s ease-in-out;
transition:
opacity 0.15s ease-in-out,
transform 0.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, 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 0.15s ease-in-out;
transition: all 0.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: 0.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, 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";
}
/* FIRST LEVEL */
.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 18px;
text-transform: uppercase;
font-size: 16px;
line-height: 14px;
color: #fff;
z-index: 1;
font-weight: 400;
letter-spacing: 1.5px;
-webkit-transition:
padding 0.2s ease-in-out,
-webkit-transform 0.2s ease-in-out;
transition:
padding 0.2s ease-in-out,
transform 0.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 0.2s ease-in-out;
transition: height 0.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;
}
/* FIRST SUB-LEVEL */
.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: 0.6;
background-color: rgba(0, 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, 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, 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, 0.04);
}
/* REST OF SUB-LEVELS */
.main-nav ul ul.sub-menu,
.main-nav .hg_mega_container {
position: absolute;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 0 4px rgba(0, 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;
}
/* fix for top hover */
.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;
}
/* MEGAMENU OVERRIDES */
.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, 0.8);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
background: #f5f5f5;
padding: 6px 0;
background: rgba(245, 245, 245, 0.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: 13px;
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 0.15s cubic-bezier(0.68, 0, 0.265, 1);
transition: width 0.15s cubic-bezier(0.68, 0, 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: 0.9rem;
padding-left: 0;
padding-right: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 12px 0px;
margin-bottom: 15px;
font-weight: 600;
text-transform: uppercase;
color: #333;
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.main-nav .menu-item-spacer {
display: inline-block;
height: 25px;
width: 100%;
}
/* ANIMATIONS */
.main-nav ul ul.sub-menu,
.main-nav .hg_mega_container {
left: -9999px;
opacity: 0;
visibility: hidden;
-webkit-transition:
opacity 0.4s ease,
top 0.45s ease;
transition:
opacity 0.4s ease,
top 0.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 0.4s ease,
top 0.45s ease,
margin-top 0.4s ease;
transition:
opacity 0.4s ease,
top 0.45s ease,
margin-top 0.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 0.35s ease,
border-right 0.35s ease;
transition:
padding-left 0.35s ease,
border-right 0.35s ease;
}
#menu-main-menu li > a[href="#"] {
cursor: default;
}
.hg_col_eq_first,
.hg_col_eq_last {
padding-right: calc((100vw - 970px) / 2);
}
/* Gutter Sizes - Medium */
.row.gutter-md {
margin-right: -25px;
margin-left: -25px;
}
.row.gutter-md > [class*="col-"] {
padding-right: 32px;
padding-left: 32px;
display: table;
width: 100%;
}
}
/** Laptop+ **/
@media (min-width: 992px) and (max-width: 1199px) {
/**** Header ****/
.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;
}
/**** Elements ****/
.statistic-box__title {
font-size: 32px;
}
.media-container {
height: 400px;
}
.hg_col_eq_first,
.hg_col_eq_last {
padding-right: calc((80vw - 970px) / 2);
}
}
/** Desktop+ **/
@media (min-width: 1200px) {
/**** Header ****/
.site-header-main-center {
margin-right: auto;
margin-left: 50px;
}
.chaser .main-menu .hg_mega_container {
width: 1110px;
}
/* Button element Width presets */
.btn-fullwidth {
width: 100%;
}
.media-container {
height: 300px;
}
/* Gutter Sizes - Large */
.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);
}
}
/** Laptop **/
@media (max-width: 1200px) {
.container_fluid .row {
padding-left: 15px;
padding-right: 15px;
}
/**** Elements ****/
.kl-iconbox--fright .kl-iconbox__icon-wrapper {
float: right;
}
.kl-bg-source__bgimage.parallax {
background-size: initial;
}
/* Buttons */
.btn {
white-space: normal;
}
}
/** Large Tablets **/
@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 .dropdown-menu {
margin-left: -20px;
padding-left: 10px;
}
#main-menu .dropdown-menu {
border: none;
box-shadow: none;
}
#main-menu .dropdown-menu li > a {
padding: 3px 8px;
font-size: 12px;
}
#main-menu .dropdown-menu li > a:hover {
background-color: transparent;
}
#main-menu .dropdown-menu > .active > a,
#main-menu .dropdown-menu > .active > a:hover,
#main-menu .dropdown-menu > .active > a:focus {
background-color: transparent;
}
#main-menu .dropdown-menu li.active > .inner-elem {
background-color: #0d3646;
}
#main-menu > ul {
-webkit-transition: left 0.2s ease-out;
-moz-transition: left 0.2s ease-out;
-o-transition: left 0.2s ease-out;
-ms-transition: left 0.2s ease-out;
transition: left 0.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;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 20px;
}
.navbar-fixed-bottom {
margin-top: 20px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-right: 10px;
padding-left: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #777777;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
color: #777777;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
border-radius: 4px;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color: #f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #999999;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111111;
}
.nav-collapse.in .btn-group {
padding: 0;
margin-top: 5px;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
display: none;
float: none;
max-width: none;
padding: 0;
margin: 0 15px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 10px 15px;
margin: 10px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #111111;
border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
height: 0;
overflow: hidden;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-right: 10px;
padding-left: 10px;
}
/**** Header ****/
.topnav {
margin: 0 15px;
}
.site-header-main-center {
margin-right: 30px;
margin-left: auto;
}
.site-header .logo-container {
padding: 10px 0;
}
/** Header style 3 **/
.site-header[data-header-style="3"] .kl-cta-ribbon {
margin-top: -3px;
}
.main-slider,
.static-content__slideshow {
margin-top: 126px;
}
/**** Sub-header ****/
.subheader-maintitle {
font-size: 1.2rem;
}
.breadcrumbs li {
font-size: 0.8rem;
}
/* Partners & Testimonials */
.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;
}
/* Step boxes style 2 (go boxes) element */
.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);
}
.pl-md-50 {
padding-left: 50px !important;
}
.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;
}
.media-container {
min-height: 420px;
overflow: hidden;
}
.js-KyHtmlParallax {
position: absolute;
inset: 0;
transform: none !important;
}
.kl-bg-source__bgimage {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
transform: none !important;
background-size: cover;
background-position: center;
}
.responsive-columns {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 782px) {
.topnav > .topnav-item span {
font-size: 1rem;
}
}
/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
.hg_col_eq_first,
.hg_col_eq_last {
padding-left: 10px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-right: -20px;
margin-left: -20px;
}
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
/**** Header ****/
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, 0.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;
}
/**** Sub-Header ****/
.subheader-titles {
text-align: start;
margin-top: 0; /*margin-bottom: 20px;*/
}
.breadcrumbs {
padding: 4px 8px 3px;
margin-bottom: 10px;
}
.breadcrumbs li {
font-weight: 400;
font-size: 0.8rem;
}
.page-subheader .ph-content-wrap {
height: auto !important;
padding-top: 25px;
min-height: 80px;
}
.subheader-maintitle {
margin: 0px 0 5px;
}
.tbk__title {
font-size: 2.8rem;
}
/* Buttons */
.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 {
text-align: center;
}
/* Slideshow */
.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%;
}
/* Big social */
.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 */
.static-content__title,
.static-content__subtitle {
word-break: normal;
line-height: 1;
}
/* Maps panel */
.kl-contentmaps__panel {
position: static;
width: 100%;
border-radius: 0;
}
/**** Footer ****/
#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 */
.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);
}
}
/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
/**** Header ****/
.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;
}
.mobile-phone {
display: block;
padding-bottom: 10px;
}
.mobile-phone i {
border: 2px solid #fff;
border-radius: 10px;
padding: 10px;
}
}
@media only screen and (max-width: 576px) {
.mb-xs-20 {
margin-bottom: 20px !important;
}
.gobox.ok {
padding-left: 0px;
}
.gobox.ok > .far {
display: none;
left: 0px;
}
#footer[data-footer-style="5"] .main-footer {
text-align: center;
}
#footer[data-footer-style="5"] .social-icons {
float: none;
}
.footer-logo-container {
display: inline-block;
margin: 0 auto 10px;
}
}
/** Smartphone portrait mode **/
@media (max-width: 480px) {
/**** Header ****/
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.site-logo {
max-width: 100%;
}
.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;
}
/**** Elements ****/
.media .pull-left,
.media .pull-right {
display: block;
float: none;
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 {
margin-top: -30px;
height: 150px;
}
#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);
}
}
@media (max-width: 340px) {
.tbk__title {
font-size: 2.6rem;
}
}