/*!----------------------------------------------------------------------------------
Theme Name: <KLARA Web 2019>
Author:     Pascal Gerber
Author URI: https://www.klara.ch
Version:    3.0
License:    GNU General Public License V2
-----------------------------------------------------------------------------------*/

/*!----------------------------------------------------------------------------------
Content

1. Imports

2. HubSpot Variables
2a. Containers
2b. Fonts
2c. Colors

3. Normalize

4. General Styling
4a. Title Tags
4b. Forms
4c. Links
4d. Slider
4e. Blockquote
4f. Images
4g. List-Elements

5. Navigation

6. Background

7. Header

8. Footer

9. Modules
9a. Ecosystem
9b. 


-----------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------*/
/*  1. Imports
/*---------------------------------------------------------------------------------*/

/* Google Fontface */
/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');



/*---------------------------------------------------------------------------------*/
/*  2. HubSpot Variables
/*---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------*/
/*  2a. Containers
/*---------------------------------------------------------------------------------*/


 


/*---------------------------------------------------------------------------------*/
/*  2b. Fonts
/*---------------------------------------------------------------------------------*/














/*---------------------------------------------------------------------------------*/
/*  2c. Colors
/*---------------------------------------------------------------------------------*/






/*---------------------------------------------------------------------------------*/
/*  3. Normalize
/*---------------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
option,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

figure,
figcaption {
  margin: 0;
  padding: 0;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.55em;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: 400;
}

td {
  vertical-align: top;
}

/* End hide from IE Mac */
*:before,
*:after {
  box-sizing: border-box;
}

.clear {
  clear: both;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}


/*---------------------------------------------------------------------------------*/
/*  4. General Styling
/*---------------------------------------------------------------------------------*/

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.618;
  letter-spacing: 0.1px;
  font-weight: 400;
  font-family: 'Roboto', Arial, Sans-Serif;
  color: #522462;
  font-size: 16px;
}

body:not(.custom-background-image)::before,
body:not(.custom-background-image)::after {
  display: none !important;
}

.container-body,
.container,
.container2,
.container3 {
  margin: 0 auto !important;
  padding: 0;
  float: none !important;
}

.container-body {
  overflow: hidden;
  max-width: 1366px;
}

.container {
  max-width: 1140px;
}

.container2 {
  max-width: 1170px;
}

.container3 {
  max-width: 730px;
}

b, strong {
  font-weight: 700;
}

p {
  margin-bottom: 24px;
}

/*p>span {
font-size: 15px !important;
line-height: 1.6 !important;
color: rgba(25, 26, 26, 0.7) !important;
}*/

hr {
  border: 0;
  border-top: 2px solid #000;
  width: 100%;
  margin: 24px auto 16px;
}

/*small {
font-size: 80%;
}*/

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

/* display table and table cell and display flex */
.tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.tbl-cell {
  display: table-cell;
  vertical-align: middle
}

.dis-flex {
  display: flex;
  align-items: center;
}

/* HubSpot Fixes*/
.row-fluid [class*="span"] {
  min-height: 0px;
}

/* Logo */
.h-logo img,
.f-logo img {
  cursor: pointer;
}

.kl-shadow-fixed {
  margin: 0 auto !important;
  float: none !important;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
  max-width: 1366px;
}


/*---------------------------------------------------------------------------------*/
/*  4a. Title Tags
/*---------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6,.new-h1,.new-h2,.new-h3,.new-h4,.new-h5,.new-h6 {
  letter-spacing: 0.44px;
  font-family: 'Roboto', Arial, Sans-Serif;
  font-weight: 700;
}

h1, h2, h3, h4, h5,.new-h1,.new-h2,.new-h3,.new-h4,.new-h5,.new-h6 {
  margin: 0 0 24px;
}

h6,.new-h6 {
  margin: 0 0 16px;
}

h1,.new-h1 {
  font-size: 32px;
  line-height: 38px;
}

h2,.new-h2 {
  font-size: 32px;
  line-height: 38px;
}

h3,.new-h3 {
  font-size: 26px;
  line-height: 32px;
}

h4,.new-h4 {
  font-size: 24px;
  line-height: 30px;
}

h5,.new-h5 {
  font-size: 20px;
  line-height: 28px;
}

h6,.new-h6 {
  font-size: 18px;
  line-height: 24px;
}

/* media querries for h-tags (several media-querrie are set below.......) */


/*---------------------------------------------------------------------------------*/
/*  4b. Forms
/*---------------------------------------------------------------------------------*/

button,
input,
select,
textarea,
option {
  margin: 0;
  vertical-align: baseline;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Roboto', Arial, Sans-Serif;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
  -webkit-appearance: none !important;
}

input[type="submit"] {
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

:focus {
  outline: 0;
}

/* Placeholder opacity cross browsers */
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {
  color: #8D8D8D;
  opacity: 1;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #8D8D8D;
  opacity: 1;
}

/* IE fixes */
select::-ms-expand,
input::-ms-clear {
  display: none;
}

/* remove auto fill yellow color --------- braucht das da tatsächlich zwei ## bei der Farbwahl???????       */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px ##8d8d8d inset;
  -moz-box-shadow: 0 0 0 100px ##8d8d8d inset;
  box-shadow: 0 0 0 100px ##8d8d8d inset;
  color:#000 ;
}


/*---------------------------------------------------------------------------------*/
/*  4c. Links
/*---------------------------------------------------------------------------------*/

a {
  outline: none;
  cursor: pointer;
  color:#522462;
}

a,
a:hover {
  text-decoration: none;
  /*-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; */
} 

a:focus {
  outline: none;
  text-decoration: none;
}

a:active,
a:visited {
/*   color: #522462; */
}



/* braucht es diese Klasse wirklich??????? */


.cta_btn a,
a.btn-violet {
  padding: 5px 35px;
  margin-right: 1px;
  color: #ffffff;
  text-decoration: none;
  line-height: 32px;
  height: auto;
  display: inline-block;
  text-align: center;
  border: none;
  overflow: hidden;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
  background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113,50,135,1)), color-stop(100%, rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#713287', endColorstr='#2E0A3B',GradientType=1 );
}

.kl-transparent-purple-cta a {
  border: 2px solid #522462;
  background: none;
  color: #522462;
}


/*---------------------------------------------------------------------------------*/
/*  4d. Slider
/*---------------------------------------------------------------------------------*/

.owl-carousel {
  background-image: url('https://cdn2.hubspot.net/hubfs/2588476/giphy.gif');
  background-repeat: no-repeat;
  background-position: top;
}
.owl-carousel * {
  opacity: 0;
  visibility: hidden;
}
.owl-carousel.owl-loaded {
  background-image: none;
}
.owl-carousel.owl-loaded * {
  opacity: 1;
  visibility: visible;
}


/*---------------------------------------------------------------------------------*/
/*  4e. Blockquotes
/*---------------------------------------------------------------------------------*/

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}


/*---------------------------------------------------------------------------------*/
/*  4f. Images
/*---------------------------------------------------------------------------------*/

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

.img-shadow {
  -webkit-filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.6));
}


/*---------------------------------------------------------------------------------*/
/*  4g. List-Elements
/*---------------------------------------------------------------------------------*/




ol {margin:20px 0;text-align:left;padding-left: 18px;}
ul {margin:20px 0;text-align:left;}
ul li {font-size: 16px; margin-bottom: 6px; list-style:none;list-style-position:outside;line-height:1.5;position:relative;padding:0 15px;}
ol li {font-size: 16px; margin-bottom: 6px; list-style-position:outside;line-height:1.5;position:relative;padding:0 15px;list-style: inherit;}



select.week-days[multiple] {height: 100px;}
select.week-days[multiple]:after { content: "click 'ctrl + click' for multiple selection"; position: absolute;}
select[multiple]{background-image:none;}
.ac-cta-mix a.disabled{pointer-events: none;}





/* em */
em { font-size: inherit; line-height:inherit;}

/** Hubspot module */
.widget-type-text span {margin-bottom:15px;display:block;}

/* hubspot form */
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:;}
.hs-form-field { position: relative }
/* ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; right: 0; list-style-type: none; padding: 2px 5px; color: white; background:  } 
ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 600; position: relative; z-index: 9; line-height: normal; display: block;color:#fff; } 
ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: ; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0 }*/




.kl-fixed-top-form ul.hs-error-msgs.inputs-list {
  position: initial;
  bottom: -38px;
  right: 0;
  list-style-type: none;
  padding: 2px 5px;
  color: white;
  background: #ff2e2e4d;
  width:100%;
  border-radius: 5px;
  margin-left: auto
}

.kl-fixed-top-form ul.hs-error-msgs.inputs-list li {
  margin-bottom: 0;
  padding: 10px 15px
}

.kl-fixed-top-form ul.hs-error-msgs.inputs-list li label {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  z-index: 9;
  line-height: normal;
  display: block;
  color: #ff2e2e;
  width: 100%
}

.hs-input.invalid.error {
  border: 1px solid #ff5959
}

.kl-fixed-top-form ul.hs-error-msgs.inputs-list li label:before {
  content: "\f05c";
  font-family: fontawesome;
  margin-right: 16px;
  font-size: 13px;
  line-height: normal
}
input,textarea,select {border-radius: 0; }
span.hs-form-required {display:none;}
form .hs-richtext { position: absolute; left: 0; right: 0; text-align: center; bottom: 48px;z-index:-1; }
form .hs-richtext p { font-size: 13px; color: #8d8d8d; margin-bottom: 0; }
select,textarea,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea 
{-webkit-appearance: none; -moz-appearance: none; display: block; font-size: 16px; height: 44px; padding: 0 16px; color: #8d8d8d; width: 100% !important; border: 1px solid #d6d6d6; border-radius: 8px; font-weight: 400; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
form .hs-richtext p { font-size: 13px; color: #8d8d8d; }
select { -webkit-appearance: none!important; -moz-appearance: none!important;  background-image: url('https://cdn2.hubspot.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png');  background-position: 97% center; background-repeat: no-repeat; }
textarea {height:115px;padding:13px 15px;}
ul li label input[type="checkbox"] , ul li label input[type="radio"] {opacity: 0;display:none !important;}
ul li label span{position: relative;}
ul li label input[type="checkbox"] , .input ul li label span ,ul li label  input[type="radio"]  {display: inline-block; vertical-align: middle; cursor: pointer;}
ul li label input[type="checkbox"]  + span:before , ul li label  input[type="radio"]  + span:before{content: '';background: #e5e5e5;border: 2px solid #ddd;display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px;margin-right: 10px;text-align: center;}
ul li label input[type="radio"]  + span:before {border-radius:50%; }
ul li label input[type="checkbox"]:checked  +  span:before , ul li label  input[type="radio"]:checked  +  span:before {    box-shadow: 0 0 0 5px #000 inset;}
.hs-form-field {margin-bottom:24px;}
.hs_submit input { background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1))); background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); color: #fff; display: inline-block; line-height: normal; font-size: 16px; margin-top: 12px; border-radius: 50px; line-height: 40px; min-width: 198px; font-weight: 400; padding: 0 20px; }
.submitted-message { color: #000; text-align: center; padding-top: 25px; font-weight: 700; font-size: 21px; }
form ul {margin:0;padding:0;}
form ul li {margin:0;padding:0;list-style:none;}
div.hs-form-field > label { color: #522462; display: block; font-size: 16px; line-height: 1.2; margin-bottom: 6px;font-weight:600 }
div.hs_submit {margin:0;}
.hs_error_rollup {display:none !important;}



/*** single column ***/
form > div {width:100%;}
/*** two column ***/
form fieldset {max-width:100% !important;width:100% !important;}

.form-columns-1 {width:100% !important;}
fieldset.form-columns-2 .input ,fieldset.form-columns-1 .input {margin-right:0 !important;}
fieldset.form-columns-2 > div {width:49% !important;margin-right:2%;}
fieldset.form-columns-2 > div:last-child {margin-right:0;}
fieldset.form-columns-1 .hs-input {width:100% !important;}







/* Ul li no bullet */
div.no-bullet ul {margin:0;padding:0;line-height: 0;}
div.no-bullet ul li {list-style:none;margin:0;}
ul.no-bullet {margin:0;padding:0;line-height: 0;}
ul.no-bullet li {list-style:none;margin:0;}

/* CTA */
.widget-type-cta a , a.btn , .btn-div a   { background-color: ; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 700;}
.btn-div a:hover , a.btn:hover , .widget-type-cta a:hover , .ias-trigger a:hover , .cm-hs-cta a:hover {color:;background-color:#000}

.kl-white-cta a { padding: 6px 22px; color: #522462;  text-decoration: none; line-height: 32px;height: auto;display: inline-block;text-align: center; border: none;
  background: rgba(255,255,255,1);overflow: hidden;-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);   box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); }
.kl-white-cta { margin-top: 24px; }

.kl-transparent-cta {
  background-color: transparent;
  padding: 4px 22px;
  line-height: 32px;
  height: auto;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, .8);
}

.kl-transparent-cta a {
  color: #ffffff;
}

/* social UL Li */
ul.social-iicon {text-align:center;padding:0;}
ul.social-iicon li {display:inline-block;margin-right:15px;}
ul.social-iicon li:last-child {margin-right:0;}
ul.social-iicon li a { font-size: 20px; background-color: ; color: #fff; width: 40px; height: 40px; display: block; line-height: 40px; border-radius: 50%; }
ul.social-iicon li a:hover {color:;background-color:#000;}
ul.social-iicon li a i { line-height: 40px; display: block; }



.blog-section .section.post-body .kl-blog-form-embed ul.hs-error-msgs li:before {display:none;}
.blog-section .section.post-body .kl-blog-form-embed ul.hs-error-msgs li {padding-left: 10px; margin-bottom: 0; padding-top: 5px;}

/*---------------------------------------------------------------------------------*/
/*  5. Navigation
/*---------------------------------------------------------------------------------*/

.co-fixed-nav-bar {
  margin-top: 88px;
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  background-color: #fff;
  max-width: 1366px;
  margin: 0 auto !important;
  right: 0;
  z-index: 999;
  transition: all 0.4s;
}

.co-nav-main-set .hs-menu-wrapper>ul>li {
  margin-right: 16px;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  line-height: 3;
}

.co-nav-main-set .hs-menu-wrapper>ul {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 0;
}

.co-fixed-nav-bar .container>.row-fluid-wrapper>.row-fluid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  display: -webkit-box;
  -webkit-box-align: center;
}

.co-nav-main-set .hs-menu-wrapper>ul>li:last-child {
  margin-right: 0px;
}

.co-logotop-set {
  width: 106px !important;
  position: relative;
}

.co-nav-main-set {
  width: calc(100% - 211px) !important;
  margin-left: 0px !important;
  padding-left: 2%;
  padding-right: 24px;
}

.co-nav-cta-set {
  width: 105px !important;
  margin-left: 0 !important;
  position: relative;
}

.co-nav-main-set .hs-menu-wrapper>ul>li>a {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}

.co-nav-cta11 a.co-fill-org-cta {
  min-width: 115px;
}

.co-fixed-nav-bar.fixedhead {
  margin-top: 68px;
  padding: 10px 0;
}

.co-fixed-nav-bar {
  background: rgba(46, 10, 59, 1);
  background: -moz-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113, 50, 135, 1)), color-stop(100%, rgba(46, 10, 59, 1)));
  background: -webkit-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -o-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -ms-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: linear-gradient(313deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
}

.co-border-org-cta a{
  /*min-width: 220px;*/
  border: 2px solid;
  border-color: #fff;
  display: inline-block;
  padding: 11.5px 30px;
  color: #fff !important;
  text-align: center;
  border-radius: 50px;
  margin-top:0;
  text-transform: none;
  font-weight: 400;
  line-height:inherit;
  box-sizing: border-box !important;

}

.co-fixed-nav-bar .co-border-org-cta a{
  width:100%;
  font-size: 14px;
  padding: 5px 10px;
}

.header-container-wrapper {
  position: relative;
}

.header-container-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  max-width: 1366px;
  right: 0;
  height: 88px;
  width: 100%;
  margin: 0 auto;
  background: rgba(46, 10, 59, 1);
  background: -moz-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113, 50, 135, 1)), color-stop(100%, rgba(46, 10, 59, 1)));
  background: -webkit-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -o-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -ms-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: linear-gradient(313deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
}
/*lp-nav*/
.co-fixed-nav-bar.lp-nav .container>.row-fluid-wrapper>.row-fluid{
  display: -webkit-flex;
}
.co-fixed-nav-bar.lp-nav .lang-left{
  margin-left:auto !important;
}
.co-fixed-nav-bar.lp-nav .co-nav-cta-set{
  margin-right:0 !important
}
.co-fixed-nav-bar.lp-nav .lang_switcher_class{
  vertical-align:middle
}
.co-fixed-nav-bar.lp-nav .globe_class{
  height:initial;
}
/*---------------------------------------------------------------------------------*/
/*  6. Background
/*---------------------------------------------------------------------------------*/

.backg-img,
.backg-img-fixed,
.backg-bottom,
.backg-top {
  background-size: cover;
  background-repeat: no-repeat;
}

.backg-img {
  background-position: center center;
}

.backg-img-fixed {
  background-position: center center;
  background-attachment: fixed;
}

.backg-repeat-img {
  background-position: center center;
  background-repeat: repeat;
}

.backg-bottom {
  background-position: bottom center;
}

.backg-top {
  background-position: top center;
}


/*---------------------------------------------------------------------------------*/
/*  7. Header
/*---------------------------------------------------------------------------------*/





/*---------------------------------------------------------------------------------*/
/*  8. Footer
/*---------------------------------------------------------------------------------*/

.kl-slot-footer-main {
  padding: 234px 0px 40px;
  background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113,50,135,1)), color-stop(100%, rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#713287', endColorstr='#2E0A3B',GradientType=1 );
}

.kl-footer-section {
  padding: 56px 0 157px;
  text-align: center;
}

.kl-fixed-form {
  max-width: 864px;
  margin: 0 auto;
  padding: 56px 24px 32px;
  border-radius: 8px;
  text-align: center;
  background: white;
  margin-top: -328px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.kl-fixed-top-form h6 {
  max-width: 344px;
  margin: 0 auto;
}

.kl-fixed-top-form {
  max-width: 540px;
  margin: 0 auto;
}

.kl-slot-footer-main form {
  position: relative;
  z-index: 1;
}
.kl-fixed-top-form select,
.kl-fixed-top-form textarea,
.kl-fixed-top-form input[type=color],
.kl-fixed-top-form input[type=date], 
.kl-fixed-top-form input[type=datetime-local], 
.kl-fixed-top-form input[type=datetime],
.kl-fixed-top-form input[type=email], 
.kl-fixed-top-form input[type=month], 
.kl-fixed-top-form input[type=number],
.kl-fixed-top-form input[type=password], 
.kl-fixed-top-form input[type=search],
.kl-fixed-top-form input[type=tel], 
.kl-fixed-top-form input[type=text],
.kl-fixed-top-form input[type=time],
.kl-fixed-top-form input[type=url], 
.kl-fixed-top-form input[type=week],
.kl-fixed-top-form textarea{
  color:#444;
}

.kl-cont-ft {
  text-align: center;
  margin-top: 40px;
  color: #ffffff;
}

.kl-cont-ft h6 {
  margin-bottom: 8px;
}

.kl-cont-ft p {
  max-width: 200px;
  margin: 0 auto;
  font-size: 12px;
}

.kl-ss-icon {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.kl-ss-icon a {
  margin: 0px 12px;
}

.kl-slot-footer-main .kl-white-cta a {
  min-width: 132px;
  display: inline-block;
  line-height: 32px;
  border-radius: 50px;
  text-align: center;
  padding: 0px 16px;
  font-size: 12px;
}

.kl-slot-footer-main .kl-white-cta {
  margin-top: 12px;
}

.kl-ft-sim {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: flex-end;
}

.kl-link-ft {
  text-align: right;
  position: absolute;
  right: 0;
}

.kl-link-ft a {
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

.slier-loop01 {
  max-width: 866px;
  margin: 0 auto;
}

.slier-loop01 button.owl-prev,
.slier-loop01 button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff !important;
}

.slier-loop01 button.owl-prev {
  left: -15.8%;
}

.slier-loop01 button.owl-next {
  right: -15.8%;
}

.slier-loop01 button.owl-prev span,
.slier-loop01 button.owl-next span {
  font-size: 0;
}

.slier-loop01 button.owl-prev span:before,
.slier-loop01 button.owl-next span:before {
  top: -50%;
  transform: translateY(50%);
  height: 25px;
  width: 15px;
  display: block;
}

.slier-loop01 button.owl-prev span:before {
  content: '';
  display:block;
  height:50px;
  width:25px;
  background-size: 25px 50px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/grey/klara-website-arrow-left-grey.svg);
  background-repeat: no-repeat;
}

.slier-loop01 button.owl-next span:before {
  content: '';
  display:block;
  height:50px;
  width:25px;
  background-size: 25px 50px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/grey/klara-website-arrow-right-grey.svg);
  background-repeat: no-repeat;
}


/*---------------------------------------------------------------------------------*/
/*  9. Modules
/*---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------*/
/*  9a. Ecosystem
/*---------------------------------------------------------------------------------*/

.tooltip-content {
  display: none;
  color: #1b1b1b;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  top: 3.85em;
  font-size: .875em;
  padding: 24px;
  min-width: 17.90vw;
  left: 0;
  z-index: 100;
  line-height: 1.333em;
  text-align: left;
  -webkit-box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.62);
  box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.62);
  border-radius: 7px;
}

.tooltip {
  display: inline-block;
  position: relative;
  z-index: 99;
  cursor: pointer;
}

.tooltip-wrapper {
  position: absolute;
  top: 11px;
  right: 18px;
}

.tooltip:hover .tooltip-content {
  display: block;
}

.tick {
  position: relative;
  max-width: 145px;
  width: 100%;
}

.tooltip-content:before {
  -webkit-box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.62);
  box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.62);
  border: solid;
  border-color: #ffffff transparent;
  border-width: 0 10px 10px 10px;
  display: block;
  z-index: 100;
  position: absolute;
  right: auto;
  top: -9px;
  content: "";
  left: 9px;
}

.info-icon-small-gray:before {
  display: inline-block;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/specials/startseite/klara-website-info-icon-startseite.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.47);
  background-color: #ffffff !important;
  z-index: 1;
}

.kl-circle-set {
  max-width: 634px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: auto;
  height: 360px;
  background-position: center center;
  margin: 80px auto 131px auto;
}

.tick:nth-child(1) .tooltip-wrapper .tooltip-content:before {
  border-width: 0 10px 10px 10px;
  right: auto;
  top: 13px;
  left: -13px;
  transform: rotate(-90deg);
}

.tick:nth-child(1) {
  transform: translate(309%) rotate(0.5714deg);
  top: 54px;
  z-index: 2;
}

.tick:nth-child(1) .tooltip-wrapper .tooltip-content {
  right: 0px;
  top: -0.15em;
  left: 109px;
  margin-left: 5px;
}

.tick:nth-child(1) .kl-cont-al {
  left: 60px;
  position: relative;
  top: -48px;
}

.tick:nth-child(1) .tooltip-wrapper {
  position: relative;
  top: 8px;
  right: 25px;
}

.kl-client-info1 {
  width: 48px;
  margin: 0 auto 11px;
  height: auto;
}

.tick:nth-child(2) .tooltip-content:before {
  left: 11px;
}

.tick:nth-child(2) .tooltip-content {
  right: 0;
  top: 3.85em;
  left: 53px;
  margin-top: 12px;
}

.tick:nth-child(2) .tooltip-wrapper {
  position: relative;
  top: 25px;
  right: 37px;
}

.tick:nth-child(2) {
  transform: translate(312%) rotate(0.5714deg);
  top: 42px;
}

.tick:nth-child(2) .kl-cont-al {
  left: 27px;
  position: relative;
  top: -27px;
}

.tick:nth-child(3) .tooltip-content:before {
  right: auto;
  top: 13px;
  left: -13px;
  transform: rotate(-90deg);
}

.tick:nth-child(3) .tooltip-content {
  top: -0.15em;
  left: 104px;
  margin-left: 11px;
}

.tick:nth-child(3) .tooltip-wrapper {
  position: relative;
  top: -9px;
  right: 12px;
}

.tick:nth-child(3) .kl-cont-al {
  left: 15px;
  position: relative;
  top: 6px;
}

.tick:nth-child(3) {
  transform: translate(224%) rotate(0.5714deg);
  top: 37px;
}

.tick:nth-child(4) .kl-cont-al {
  left: -12px;
  position: relative;
  top: 6px;
}

.tick:nth-child(4) .tooltip-wrapper {
  position: relative;
  top: -9px;
  right: -10px;
}

.tick:nth-child(4) {
  transform: translate(114%) rotate(0.5714deg);
  top: -91px;
}

.tick:nth-child(4) .tooltip-content:before {
  left: 63px;
}

.tick:nth-child(4) .tooltip-content {
  margin-top: 11px
}

.tick:nth-child(5) {
  transform: translate(24%) rotate(0.5714deg);
  top: -338px;
}

.tick:nth-child(5) .tooltip-wrapper {
  position: relative;
  top: 18px;
  right: -36px;
}

.tick:nth-child(5) .kl-cont-al {
  left: -29px;
  position: relative;
  top: -34px;
}

.tick:nth-child(5) .tooltip-content {
  right: 104px;
  top: -2.15em;
  left: auto;
  margin-right: 11px;
}

.tick:nth-child(5) .tooltip-content:before {
  right: -15px;
  top: 38px;
  left: auto;
  transform: rotate(90deg);
}

.tick:nth-child(6) {
  transform: translate(14%) rotate(0.5714deg);
  top: -617px;
}

.tick:nth-child(6) .kl-cont-al {
  left: -28px;
  position: relative;
  top: -21px;
}

.tick:nth-child(6) .tooltip-wrapper {
  position: relative;
  top: 32px;
  right: -40px;
}

.tick:nth-child(6) .tooltip-content {
  top: -2.15em;
  left: auto;
  right: 104px;
  margin-right: 11px;
}

.tick:nth-child(6) .tooltip-content:before {
  right: -15px;
  top: 38px;
  content: "";
  left: auto;
  transform: rotate(90deg);
}

.tick1 {
  max-width: 508px;
  margin: 0 auto;
  top: -80px;
  position: relative;
  width: 100%;
}

.kl-fixed-fu-cont {
  display: flex;
}

.kl-fl-one {
  width: 50%;
  padding: 0px 24px;
  display: flex;
  align-items: center;
}

.kl-set-mm {
  width: calc(100% - 58px);
}

.kl-set-mm h6 {
  margin-bottom: 0;
  text-align: left;
}

.kl-set-picmm {
  width: 58px;
}

.kl-set-picmm img {
  max-width: 58px;
}

.kl-fl-one:nth-child(2) .kl-set-mm h6 {
  text-align: right;
}

.kl-circle-set01 {
  position: absolute;
  width: 256px;
  z-index: 9;
  left: 46%;
  background-repeat: no-repeat;
  top: -103px;
}

.kl-circle-set01 .tick {
  color: #fff;
}

.kl-circle-set01 .tick:nth-child(1) {
  color: #fff;
  transform: unset;
  position: relative;
  right: -199px;
  top: -23px;
}

.kl-loop-fit01 .tick:nth-child(1) .kl-cont-al {
  left: -16px;
  position: relative;
  top: -120px;
  text-align: center;
}

.kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper .tooltip-content {
  right: 168px;
  left: auto;
  top: -93px;
  min-width: 21.8vw;
}

.kl-loop-fit01 .tooltip-content p {
  font-size: 14px;
  margin-bottom: 0;
}

.kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper {
  position: relative;
  top: 7px;
  right: 25px;
}

.kl-circle-set01-mobile .kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper {
  position: relative;
  top: 28px;
  right: -6px;
}

.kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper .tooltip-content:before {
  border-width: 0 12px 12px 12px;
  right: auto;
  top: 97px;
  left: auto;
  transform: rotate(91deg);
  right: -17px;
}

.kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper .tooltip-content {
  right: 168px;
  left: auto;
  top: -93px;
  min-width: 21.8vw;
}

.kl-circle-set01-mobile .kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper {
  position: relative;
  top: 30px;
  right: -4px;
}

.kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper .tooltip-content:before {
  border-width: 0 12px 12px 12px;
  right: auto;
  top: 88px;
  left: auto;
  transform: rotate(91deg);
  right: -17px;
}

.kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper {
  position: relative;
  top: 6px;
  right: 45px;
}

.kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper .tooltip-content {
  right: 168px;
  left: auto;
  top: -93px;
  min-width: 21.8vw;
}

.kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper .tooltip-content:before {
  border-width: 0 12px 12px 12px;
  right: auto;
  top: 97px;
  left: auto;
  transform: rotate(91deg);
  right: -17px;
}

.kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper {
  position: relative;
  top: -42px;
  right: 16px;
}

.kl-circle-set01-mobile .kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper {
  position: relative;
  top: 37px;
  right: -4px;
}

.kl-loop-fit01 .tooltip-content h6 {
  font-size: 16px;
  margin-bottom: 14px;
}

.kl-loop-fit01 .tick:nth-child(2) .kl-cont-al {
  left: -40px;
  position: relative;
  top: -40px;
  text-align: center;
}

.kl-loop-fit01 .info-icon-small-gray:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.kl-circle-set01 .tick:nth-child(2) {
  color: #fff;
  transform: unset;
  position: relative;
  right: -282px;
  top: -1px;
}

.kl-circle-set01 .tick:nth-child(3) {
  color: #fff;
  transform: unset;
  position: relative;
  right: -142px;
  top: 44px;
}

.kl-loop-fit01 .tick:nth-child(3) .kl-cont-al {
  left: -69px;
  position: relative;
  top: -24px;
  text-align: center;
}

.kl-circle-set01-mobile {
  position: absolute;
  width: 93px;
  z-index: 9;
  left: 46%;
  background-repeat: no-repeat;
  top: -115px;
  height: 419px;
  display: none;
}

.kl-circle-set01-mobile .tick:nth-child(1) {
  color: #fff;
  transform: unset;
  position: relative;
  right: -106px;
  top: 153px;
  z-index: 999;
}

.kl-circle-set01-mobile .tick:nth-child(2) {
  color: #fff;
  transform: unset;
  position: relative;
  right: -106px;
  top: 134px;
}

.kl-circle-set01-mobile .tick:nth-child(3) {
  color: #fff;
  transform: unset;
  position: relative;
  right: -106px;
  top: 117px;
}

.kl-circle-set01-mobile .kl-loop-fit01 .info-icon-small-gray:before {
  font: normal normal normal 17px/1 FontAwesome;
  width: 24px;
  height: 24px;
  line-height: 32px;
}

.kl-circle-set01-mobile .kl-loop-fit01 .tick .kl-cont-al {
  left: 42px;
  position: relative;
  top: -38px;
  text-align: center;
}

.kl-circle-set01-mobile .tick .tooltip-wrapper {
  position: relative;
  top: 11px;
  right: 18px;
}

.kl-circle-set01-mobile.tablet-tooltip,
.kl-circle-set01-mobile.mobile-tooltip {
  display: none;
}

.kl-mob-circle .kl-fixed-fu-cont {
  display: flex;
  width: 309px;
  margin: 0 auto !important;
  float: none !important;
  position: relative;
  top: -64px;
}

.kl-mob-circle .kl-fl-one {
  width: 50%;
  padding: 0px 20px;
  display: unset;
}

.kl-mob-circle .kl-set-picmm {
  width: 58px;
  margin: 0 auto;
  order: 2;
}

.kl-mob-circle .kl-fl-one:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
}

.kl-mob-circle .kl-set-mm {
  width: 100%;
  margin-bottom: 16px;
}

.kl-mob-circle {
  display: none;
  max-width: 350px;
  height: 543px;
  margin: 70px auto 70px auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.kl-mob-circle .kl-loop-fit {
  position: relative;
  top: -15px;
}

.kl-mob-circle .tick:nth-child(1) {
  transform: translate(-37%) rotate(0.5714deg);
  top: 139px;
}

.kl-mob-circle .tick:nth-child(1) .tooltip-wrapper {
  position: relative;
  top: 13px;
  right: -112px;
}

.kl-mob-circle .tick:nth-child(1) .kl-cont-al {
  left: 43px;
  position: relative;
  top: -39px;
}

.kl-mob-circle .tick:nth-child(2) .tooltip-wrapper {
  position: relative;
  top: 21px;
  right: 37px;
}

.kl-mob-circle .tick:nth-child(2) .kl-cont-al {
  left: 33px;
  position: relative;
  top: -32px;
}

.kl-mob-circle .tick:nth-child(2) {
  transform: translate(126%) rotate(0.5714deg);
  top: 3px;
}

.kl-mob-circle .tick.zindex {
  z-index: 2;
}

.kl-mob-circle .tick:nth-child(3) {
  transform: translate(-37%) rotate(0.5714deg);
  top: -5px;
}

.kl-mob-circle .tick:nth-child(3) .tooltip-wrapper {
  position: relative;
  top: 20px;
  right: -112px;
}

.kl-mob-circle .tick:nth-child(3) .kl-cont-al {
  left: 43px;
  position: relative;
  top: -28px;
}

.kl-mob-circle .tick:nth-child(4) {
  transform: translate(126%) rotate(0.5714deg);
  top: -144px;
}

.kl-mob-circle .tick:nth-child(4) .tooltip-wrapper {
  position: relative;
  top: 31px;
  right: 37px;
}

.kl-mob-circle .tick:nth-child(4) .kl-cont-al {
  left: 33px;
  position: relative;
  top: -18px;
}

.kl-mob-circle .tick:nth-child(5) {
  transform: translate(-37%) rotate(0.5714deg);
  top: -152px;
}

.kl-mob-circle .tick:nth-child(5) .tooltip-wrapper {
  position: relative;
  top: 31px;
  right: -112px;
}

.kl-mob-circle .tick:nth-child(5) .kl-cont-al {
  left: 43px;
  position: relative;
  top: -18px;
}

.kl-mob-circle .tick:nth-child(6) {
  transform: translate(126%) rotate(0.5714deg);
  top: -282px;
}

.kl-mob-circle .tick:nth-child(6) .tooltip-wrapper {
  position: relative;
  top: 33px;
  right: 37px;
}

.kl-mob-circle .tick:nth-child(6) .kl-cont-al {
  left: 33px;
  position: relative;
  top: -18px;
}

.closeslide {
  content: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/grey/klara-website-close.svg);
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  font-size: 16px;
  color: #ccc;
}



/*---------------------------------------------------------------------------------*/
/*  9b. 
/*---------------------------------------------------------------------------------*/



.kl-ho-header { height: 600px; position: relative; z-index: 1; color: #fff; box-sizing: border-box; overflow: hidden; margin-top: 88px; right: 0; bottom: 0;
  transform-origin: top left; transform: skewY(176deg); }
.kl-ho-header-in-cort { background-position: top center; background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/blog/header-images/klara-blog-header-overview.jpg);
  background-repeat: no-repeat; background-size: cover; height: 648px; width: 100%; transform: skewY(-176deg); z-index: 2; position: relative; z-index: 1; }
.kl-ho-header-in-cort:after { right: 0; bottom: 0; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(46,10,59,1); opacity: .5;
  background: -moz-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); background:
    -webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(53,13,68,1)),color-stop(35%,rgba(113,49,135,1)),color-stop(50%,rgba(113,49,135,0.73)));
  background: -webkit-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); background:
    -o-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%);
  background: -ms-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%);
  background: linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); z-index: -1; }
.kl-white-cta > span { margin-right: 24px; }
.kl-white-cta > span:last-child { margin-right: 0; }
.kl-img-tt { margin-top: 24px; width: 30%; }

.kl-fixed-hh-fixed { max-width: 500px; }

.kl-digi-asst .kl-spc-set { max-width: 810px; margin: 0 auto; }
.kl-digi-asst { padding: 32px 0px 20px; position: relative; box-sizing: border-box; z-index: 1; text-align: center; }
.kl-digi-asst:after { right: 0; bottom: 0; transform-origin: top left; transform: skewY(184deg); position: absolute; content: ""; top: 0;
  left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; }
.kl-spc-set { padding-bottom: 34px; }
.kl-digi-asst .tooltip-content.wide p { font-size: 14px; margin-bottom: 0; }
.kl-digi-asst .tooltip-content.wide h6 { margin-bottom: 15px; }
.kl-digi-asst .tooltip-content.wide { padding: 21px 24px 19px; }

.kl-bd-img { height: 120px;    margin-bottom: 17px; }
.kl-bd-img img { max-width: 117px; }
.kl-bd-fixed { max-width: 290px; margin: 0 auto; }
@media screen and (min-width : 841px) {
  .kl-bd-fixed h6 { 
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
}

.kl-bd-fixed-size p { font-size: 14px; margin-bottom: 0; }
.kl-bd-analisys .container { display: flex; flex-wrap: wrap;    justify-content: center; }
.kl-bd-fixed-size { width: 33.33%; padding: 0px 24px; text-align: center; }
.kl-bd-fixed-size:after { position: absolute; content: ""; top: 41px; right: 0; bottom: 0; width: 2px; height: 120px; background-color: rgb(151, 151, 151,0.2); }
.kl-bd-fixed-size { width: 33.33%; padding: 0px 24px; text-align: center; position: relative; z-index: 1; }
.kl-bd-fixed-size:last-child:after {position:unset;content:unset;}
/*.kl-bd-analisys:after { right: 0; bottom: 0; transform-origin: top left; transform: skewY(184deg); position: absolute; content: ""; top: 0; left: 0; width: 100%;*/

.kl-bd-analisys { padding: 118px 0 127px; position: relative; z-index: 1; box-sizing: border-box; }
.kl-dd-fixed h6{margin-bottom:16px;}
.kl-dd-fixed h4{margin-bottom:16px;}
.mrgtop{   margin-top: 30px !important;}

.kl-free-module .container { display: flex; align-items: center;flex-wrap:wrap; }
.kl-free-module { padding: 254px 0 244px; position: relative; box-sizing: border-box;} 
.kl-fr-left-cont { width: 50%; color: #fff; padding-left:136px ;min-height: 224px; }
.kl-fr-kl-img{position:relative;}
.kl-fr-kl-img { position: relative; width: 50%; }
.kl-free-module:after { right: 0; bottom: 0; transform-origin: top left; transform: skewY(176deg); position: absolute; content: "";
  top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); }


.kl-fr-img {width: 571px; height: 719px; background-position: top center; background-repeat: no-repeat; background-size: cover;
  position: absolute; z-index: 9; top: 50%; transform: translateY(-55%); right: 120px;}
.seliten-blinks-download .kl-fr-img {width: 951px; height: 719px; background-position: top center; background-repeat: no-repeat;
  background-size: cover; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); right: -30px;}




/*---------------------------------------------------------------------------------*/
/*  9. Business or Home
/*---------------------------------------------------------------------------------*/

.kl-business-sap:after {
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(176deg);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  background: rgba(46, 10, 59, 1);
  background: -moz-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113, 50, 135, 1)), color-stop(100%, rgba(46, 10, 59, 1)));
  background: -webkit-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -o-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: -ms-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  background: linear-gradient(313deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
}

.kl-business-sap:before {
  right: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  content: "";
  top: -246px;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: -2;
  background-color: #fff;
}

.kl-business-sap {
  padding: 150px 0;
  margin-bottom: 24px;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}

.kl-fixed-img-sap {
  width: 58px;
  height: 58px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.kl-body-tt-fixed {
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0
}

.kl-fixed-main-side1 {
  width: 50%;
}

.kl-fixed-main-side1.np-1 {
  padding-right: 89px;
  border-right: 1px solid #fff;
  text-align: right;
}

.kl-fixed-main-side1.np-2 {
  padding-left: 89px;
  text-align: left;
  position: relative;
}

.kl-dd-fixed {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  line-height: 100px;
  border: 2px solid #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}

.kl-fixed-main-side1.np-1 .kl-dd-fixed
{
  margin: 0 0 24px auto;
}

.kl-fixed-main-side1.np-2 .kl-dd-fixed {
  margin: 0 0 auto;
  margin-bottom: 24px;
}

.kl-fixed-main-side1.np-2 .kl-white-cta {
  bottom: 0;
  position: absolute;
}

/* fen-style */

.lp-frm-complexe .lp-frm div.hs_submit {     width: 100% !important; text-align: center; }



@media (max-width: 767px) {
  .kl-fixed-main-side1.np-2 .kl-white-cta {
    position: relative;
  }
}




/* -------------------------------------------KLARA Business-Bekannt-sein-Page ---------------------------------------------------- */
.kl-blog-se {padding: 0px 0px 24px;}
.kl-blog-fixed01 { display: flex; flex-direction: column; height: calc(100% - 30px); -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24); border-top-left-radius: 10px;
  border-top-right-radius: 10px; margin: 15px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.kl-blog-feat { height: 248px; background-position: top center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.kl-blog-fixed01 .kl-blog-ciont { padding: 32px 24px 19px;}
.kl-blog-ciont { padding: 32px 24px 24px;display: flex; flex-direction: column; height: calc(100% - 250px); }
span.blog-read-count { font-weight: 700; font-size: 13px; margin-bottom: 18px;padding-left: 23px; position: relative; z-index: 1; }
span.blog-read-count:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/purple/klara-website-time-purple.svg);
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  z-index: -1;
}
.kl-blog-ciont p {font-size: 14px; margin-bottom: 24px;}
.kl-blog-ciont h6.kl-fixed-cont-txt { margin-bottom: 12px; }
.kl-blog-ciont .cta_btn a { min-width: 224px; /*line-height: 40px; */}
.kl-blog-ciont .cta_btn { text-align: center;margin-top: auto; }
.kl-blog-se h2 { text-align: center; margin-bottom: 48px; }

.panel-head {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 36px;
  position: relative;
  z-index: 2;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 37px;
}

.kl-oline-market02 h4 {
  margin-bottom: 0;
  padding-bottom: 12px;
}

.panels { 
  width: 25%;
}

.panels.tab3x { 
  width: 33.333334%;
}

.panels.tab2x { 
  width: 50%;
}

.panels.tab5x { 
  width: 20%;
}


li.panels.tab-change { position: relative; padding-bottom: 15px; }
.eq-img { width: 100%; display: table; height: 56px; margin-bottom: 13px; }
.panel-img { display: table-cell; vertical-align: middle; height: 100%; }
/* .panels.active img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } */
.panels img { opacity: .5; max-width: 56px; }
.kl-top-bnafixed { max-width: 670px; margin: 0 auto 24px; } 

/* li.panels.tab-change:nth-child(1).active ~ .indicator { background-color: #522462; left: 0; }
li.panels.tab-change:nth-child(2).active ~ .indicator { background-color: #522462; left: calc((100% / 4 - 3.54%) * 1.16); }
li.panels.tab-change:nth-child(3).active ~ .indicator { background-color: #522462; left: calc((100% / 4 - 3.54%) * 2.33); }
li.panels.tab-change:nth-child(4).active ~ .indicator { background-color: #522462; left: calc((100% / 4 - 3.54%) * 3.49) } 
*/

.tab1 .li-tab-1 ~ .indicator {background-color: #522462;left: 0;}
.tab2 .li-tab-2 ~ .indicator {background-color: #522462;left: calc((100% / 4 - 3.54%) * 1.16);}
.tab3 .li-tab-3 ~ .indicator {background-color: #522462;left: calc((100% / 4 - 3.54%) * 2.33);}
.tab4 .li-tab-4 ~ .indicator {background-color: #522462;left: calc((100% / 4 - 3.54%) * 3.49);}

.tab2 .li-tab-2 ~ .indicator.tab2x {background-color: #522462;left: calc((100% / 2 - 6.9%) * 1.16);}

.tab2 .li-tab-2 ~ .indicator.tab3x {background-color: #522462;left: calc((100% / 3 - 4.6%) * 1.16);}
.tab3 .li-tab-3 ~ .indicator.tab3x {background-color: #522462;left: calc((100% / 3 - 4.7%) * 2.33);}

.tab2 .li-tab-2 ~ .indicator.tab5x {background-color: #522462;left: calc((100% / 5 - 2.74%) * 1.16);}
.tab3 .li-tab-3 ~ .indicator.tab5x {background-color: #522462;left: calc((100% / 5 - 2.83%) * 2.33);}
.tab4 .li-tab-4 ~ .indicator.tab5x {background-color: #522462;left: calc((100% / 5 - 5.9%) * 4.26);}
.tab5 .li-tab-5 ~ .indicator.tab5x {background-color: #522462;right: 0; left: auto;}


.tab1 .li-tab-1 img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.tab2 .li-tab-2 img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.tab3 .li-tab-3 img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.tab4 .li-tab-4 img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.tab5 .li-tab-5 img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.tab1 .panels.tab-change.li-tab-1 h6 { opacity: 1; color: #522462; -webkit-filter: unset; filter: unset; }
.tab2 .panels.tab-change.li-tab-2 h6 { opacity: 1; color: #522462; -webkit-filter: unset; filter: unset; }
.tab3 .panels.tab-change.li-tab-3 h6 { opacity: 1; color: #522462; -webkit-filter: unset; filter: unset; }
.tab4 .panels.tab-change.li-tab-4 h6 { opacity: 1; color: #522462; -webkit-filter: unset; filter: unset; }
.tab5 .panels.tab-change.li-tab-5 h6 { opacity: 1; color: #522462; -webkit-filter: unset; filter: unset; }

.kl-fr-left-cont h4 {margin-bottom: 24px;}
.panels a { display: block; }
.panels h6 { margin-bottom: 0;  opacity: .5; }
.indicator { content: ""; width: calc(100% / 4 ); height: 5px; border-radius: 5px; display: block; background-color: transparent; position: absolute; bottom: 0;
  left: 0; transition: left .3s ease-out; }
.indicator.tab3x { width: calc(100% / 3 ); }
.indicator.tab2x { width: calc(100% / 2 ); }
.indicator.tab5x { width: calc(100% / 5 ); }

.kl-oline-market { text-align: center;padding: 0px 0 24px; z-index: 1; position: relative; box-sizing: border-box; }
.kl-oline-market01 {text-align: center;padding: 32px 0 0;}
.kl-oline-market02 { text-align: center; padding: 7px 0 0; }
.kl-oline-market:after { right: 0; bottom: 0; transform-origin: top left; transform: skewY(184deg); position: absolute; content: ""; top: 0; left: 0; width: 100%;
  height: 100%; z-index: -1; background-color: #fff; }
.panel-head:after { content: ""; width: 100%; height: 5px; border-radius: 5px; display: block; background-color: #f4f4f4; position: absolute; bottom: 0; z-index: -1; }
.kl-blog-ciont h6.kl-fixed-cont-txt {margin-bottom: 12px;}
.kl-body-cont-fixed.kl-body-primeryc-fixed .cta_btn a {  background: #fff; color: #522462; }
.kl-body-cont-fixed.kl-body-primeryc-fixed .kl-fixed-slid-img:after {  background: unset; }
.kl-body-cont-fixed.kl-body-primeryc-fixed { background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); color: #fff; }

.kl-body-cont-fixed {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);
  border-radius: 8px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
}

.kl-ss-fixed-cont { padding: 40px 24px 24px; flex-direction: column; height: 100%;min-height:314px;display:-webkit-flex;display:flex; } 

.kl-fixed-slid-img:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 225px;
  background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); 
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  z-index: -1; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.kl-fixed-slid-img { position: relative; z-index: 1; }
.kl-fixed-slid  button.owl-prev span, .slier-loop01 button.owl-next span { font-size: 0; }
.kl-fixed-slid button.owl-prev { position: absolute; top: 49%; transform: translateY(-50%); left: 0; }
.kl-fixed-slid.owl-carousel { padding: 0 30px; margin-top: 22px; }
.kl-fixed-slid button.owl-next span, .slier-loop01 button.owl-next span { font-size: 0; }
.kl-fixed-slid button.owl-next { position: absolute; top: 49%; transform: translateY(-50%); right: 0; }
.kl-ss-fixed-cont p { font-size: 14px; margin-bottom: 24px; }

.kl-fixed-slid-img img {
  position: relative;
  max-width: 280px;
  margin: 0 auto;
  top: 24px;
  height: 239px;
  object-fit: contain;
  object-position: center;
} 

.kl-ss-fixed-cont h5 {
  /* padding: 0px 20px; */
  margin-bottom: 16px;
}

.kl-fixed-slid .owl-stage {
  display: flex;
  flex-wrap: wrap;
} 

.panels h6 {
  margin-bottom: 0;
}

.kl-hide-slider {
  display: none !important;
}

.panel-inner-section p {
  max-width: 916px;
  margin: 0 auto 20px;
}

.kl-body-cont-fixed .cta_btn { 
  margin-top: auto;
  z-index: 999;
}

.kl-body-cont-fixed .cta_btn a {
  min-width: 153px;
}


/* -------------------------------------------KLARA Blog Page ---------------------------------------------------- */

.post-body01 .hs-featured-image01 { height: 208px; background-position: center center;
  background-repeat: no-repeat; background-size: cover;border-top-left-radius: 10px;
  border-top-right-radius: 10px;position: relative; z-index: 1; }
.post-body01 .hs-featured-image01:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; width: 100%;
  height: 100%; background-color: #522462; opacity: 0.5; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.kl-blog-rr-size { padding: 30px 0px 24px; }
.post-listing01 { display: flex; flex-wrap: wrap; }
.kl-blog-right-co { width: 24.9121% !important; margin: 0 !important; padding: 0px 15.5px; }
.kl-blog-left-co { width: 73.0879% !important; }
.post-body-fixed-bg { padding: 32px 24px 24px; }
.post-cont-ll * { font-size: 12px !important; font-weight: 400; color: #522462; margin-bottom: 0; }
.post-item01 {  -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; margin-bottom: 24px; }
.post-listing01 .column { width: calc(33.33% - 31px); margin: 0px 15.5px 0px; }
.kl-blog-main .cta_btn a { padding: 5px 35px; color: #fff; text-decoration: none; line-height: 32px;
  height: auto; display: inline-block; text-align: center; border: 0; overflow: hidden; -webkit-border-radius: 100px;
  -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background:
    -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1))); background:
      -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background:
        -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); min-width: 170px; width: 100%; max-width: 205px; }
.kl-blog-main .cta_btn { text-align: center; margin-top: 22px; }
.post-body-fixed-bg { padding: 32px 24px 24px; display: flex; flex-direction: column; }
.kl-blog-main span.blog-read-count { margin-bottom: 15px; }
.kl-blog-right-co .block h3 { font-size: 24px; margin-bottom: 30px; }
.blog-listing-wrapper01 > h4 { margin-bottom: 25px; padding-left: 15.5px; }
.kl-blog-right-co .block ul li > a > span { display: none; }
.kl-blog-right-co .block ul li a { font-size: 14px; background-color: #522462; color: #fff; line-height: 32px; display: inline-block; padding: 0px 17px; border-radius: 50px; }
.kl-blog-right-co .block ul li { display: inline-block; padding: 0; font-size: unset !important; line-height: unset; position: unset;margin-right:5px }
.kl-blog-main .kl-ho-header { height: 470px; }
.kl-blog-main .kl-ho-header-in-cort {height: 518px;}

.kl-se-main-body { color: #fff; text-align: center; padding: 32px 24px 24px;width: 100%; margin: 0px 0px 24px;
  -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
  border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background:
    -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1))); background:
      -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); color: #fff; }
.kl-se-main-cont p { font-size: 12px; }
.kl-se-main-cont h6 { font-size: 16px; }
.kl-se-main-body .kl-white-cta a { min-width: 128px; width: 100%; max-width: 183px; }
.kl-se-img { margin-bottom: 8px; }
.kl-se-img img { max-width: 155px; }
.feature__slider .slider{display:flex;flex-direction:column;position:relative}
.store_Cta > span {
  display: inline-block;
  margin-right: 24px;
}
.leftis-side-img figure{left:0}
.store_Cta > span img {
  height: 50px;
}

.store_Cta > span:last-child {
  margin-right: 0;
}

h6.store {margin-bottom:15px}
.text-describe ul li:before {
  content: "\f058";
  font-family: fontawesome;
  font-size: 24px;
  position: absolute;
  left: 0;
  line-height: normal;
  top: 0;
}

.text-describe ul li {
  padding-left: 32px;
  position: relative;
}




.saport-txt {
  padding: 44px 24px 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

h5.supoert-head {
  padding: 0px 20px;
  margin-bottom: 14px;
}

.support-img img {
  position: relative;
  max-width: 280px;
  margin: 0 auto;
  top: 24px;
  height: 239px;
  object-fit: contain;
  object-position: bottom;
}

.support-img {
  position: relative;
  z-index: 1;
}

.support-img:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 225px;
  background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  z-index: -1;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.suport-section {
  display: flex;
  flex-wrap: wrap;
}

.suport-div {
  width: 32%;
  margin-right: 2%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  margin-bottom: 24px;
  text-align:center;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.suport-div:nth-child(3n) {
  margin-right: 0;
}
.saport-txt p {
  font-size: 12px;
  color: #522462;
  max-width: 916px;
  margin: 0 auto 20px;
}
.about-div {
  width: 32%;
  margin-right: 2%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  margin-bottom: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.about-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.about-div:nth-child(3n) {
  margin-right: 0;
}

.about-txt {
  padding: 24px;
  display: flex;
  flex-direction: column;
  /* height: calc(100% - 224px); */
}
.about-div .cta_btn {
  margin-top: auto;
}
.about-img {
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 24px;
  position: relative;
  z-index: 2;
  color: #fff;
  border-radius: 10px 10px 0 0;
}

.about-img.support-faq {
  height: 224px;
}

.about-img:after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(86, 36, 98,0.4);
  top: 0;
  left: 0;
  border-radius: 8px 8px 0 0;
}

.about-txt p {
  font-size: 12px;
  color: #522462;
  max-width: 916px;
  margin: 0 auto 20px;
}
.max-width-cont {
  max-width: 950px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.max-width-cont .width-50 {
  width: calc(50% - 15px);
  padding: 24px 32px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  border-radius: 10px;
}

.max-width-cont .width-50:nth-child(2n) {
  margin-left: auto;
}
.top2txt {
  margin-bottom: 24px;
}

.lists-type img {
  position: absolute;
  left: 0;
  top:0;
  width: 21px;
  height: 21px;
}

.lists-type {
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
  font-size: 14px;
}
.width-50.full-background {
  background-color: #562462;
}

.width-50.full-background * {
  color: #fff;
}
.width-50.full-background .kl-white-cta a{
  color:#562462;
}

.list-topic {
  margin-bottom: 24px;
}
.modchanges-ctas{padding:75px 0}
.about-main,.sapport-main {
  padding: 75px 0;
}
/* -------------------------------------------KLARA Blog Posting Page ---------------------------------------------------- */
.body-ss-list .kl-fixed-hh-fixed { padding-left: 40px; }
.hs-author-avatar { width: 96px; height: 96px; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto 19px; position: relative; z-index: 1;}
.kl-au-bio { width: 108px; text-align: center; }
.kl-au-bio-cont { width: calc(100% - 108px); padding-left: 80px; margin-bottom: 11px;}
.kl-au-bio-cont a { text-decoration: underline; }
.kl-au-bio a.author-link { font-size: 12px; font-weight: 700; }
.kl-blog-author-main .container { display: flex; flex-wrap: wrap; }
.kl-blog-author-main { margin-bottom: 5px; }
.kl-post-topic p { margin-bottom: 0; font-size: inherit; line-height: inherit; }
.body-blog-list .kl-ho-header a { min-width: unset; padding: 0px 16px; font-size: 14px; line-height: 32px; margin: 0px 4px 8px 0px; }
.body-blog-list .kl-white-cta p#hubspot-topic_data { font-size: 0; }
.body-blog-list blockquote { font-size: 24px; line-height: 1.25; font-weight: 700; text-align: right; padding: 20px 0; border-top: 4px solid #522462; border-bottom: 4px solid #522462;    margin: 24px 0 36px; }
.kl-ot-date { padding: 11px 0; border-top: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; margin-top: 10px; font-size: 14px; color: #522462; }
.kl-ip-bot { margin-bottom: 6px; }
.hs-author-avatar:after { right: 0; bottom: 0; position: absolute; content: ""; top: 0; left: 0; width: 100%; background: rgba(46,10,59,1); opacity: .3; background: -moz-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(53,13,68,1)),color-stop(35%,rgba(113,49,135,1)),color-stop(50%,rgba(113,49,135,0.73))); background: -webkit-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); background: -o-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); background: -ms-linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); background: linear-gradient(45deg,rgba(53,13,68,1) 0%,rgba(113,49,135,1) 35%,rgba(113,49,135,0.73) 50%); z-index: -1; border-radius: 50%; }
.kl-fixed-oppp:after { content: ""; right: 0; bottom: 0; transform-origin: top left; transform: skewY(184deg); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; }
.kl-fixed-oppp { position: relative; z-index: 1;padding:32px 0px 80px; }
.social-blog .social-list { height: 229px; position: absolute; left: 0;    width: 64px; }
.share-buttons a.show { display: flex !important; align-items: center; justify-content: center; }
.social-blog { overflow: hidden; height: 230px; position: absolute; border: 4px; overflow: hidden; width: 66px !important; -webkit-transform: translateX(-154px); -moz-transform: translateX(-154px); -ms-transform: translateX(-154px); -o-transform: translateX(-154px); transform: translateX(-154px);height: 577px; }
.kl-blog-tip { padding-top: 56px;position:relative; }
.kl-top-tipcont { margin-bottom: 50px; }
.kl-top-fixed-cont { background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1))); background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); color: #fff; padding: 32px; border-radius: 6px; margin-bottom: 56px; }
.kl-fixed-tp-icon { display: flex; align-items: center;margin-bottom: 32px; }
.kl-img-tp-oo { margin-right: 40px; }
.kl-img-tp-right h4 { margin-bottom: 0; }
.kl-dl-tt-cont { width: calc(100% - 71px); margin: 0 0 0 auto; }
.kl-icon-cta a { min-width: 205px; display: inline-block; line-height: 40px; background-color: #fff; border-radius: 50px; text-align: center; padding: 0px 10px; font-size: 16px; }
.kl-icon-cta { margin-top: 24px; }
.kl-open-fixed-tt { position: relative; z-index: 1; }
.blog-section .section.post-body img { margin-bottom: 35px; }
.blog-section .section.post-body video { margin-bottom: 35px; }
.blog-section .section.post-body p { margin-bottom: 16px; }
.blog-section .section.post-body h2 { margin-top: 40px; }
.blog-section .section.post-body a { text-decoration: underline; }
.kl-fixed-active.kl-open-fixed-tt:after { content: "\f1e0"; background: #fff; color: #522462; }
.kl-open-fixed-tt:after { position: absolute; content: "\f00d"; font-family: fontawesome; font-size: 29px; z-index: -1; width: 64px; height: 64px; line-height: 64px; text-align: center; display: inline-block; border: 2px solid #522462; border-radius: 50%; background-color: #fff; background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1))); background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); color: #fff; }
.banner-extra-text {color:#fff;font-size: 16px;
  line-height: 1.5;}

.blog-section .section.post-body ul li, .kl-au-bio-cont ul li {
  padding-left: 32px;
  margin-bottom: 13px;
}

.blog-section .section.post-body ul li:before, .kl-au-bio-cont ul li:before {
  content: "\f058";
  font-family: fontawesome;
  font-size: 19px;
  position: absolute;
  left: 0;
  color: #522462;
  display: inline-block;
}

.kl-fixed-circul {width: 64px; height: 64px; padding: 0; line-height: 64px; text-align: center; border: 2px solid #522462; border-radius: 50%; position: absolute; bottom: 0; -webkit-transform: translateX(-154px); -moz-transform: translateX(-154px); -ms-transform: translateX(-154px); -o-transform: translateX(-154px); transform: translateX(-154px);}
.kl-fixed-circul i { font-size: 40px; line-height: 60px; }
.kl-blog-tip.kl-hide-tip-block { display: none; }
/* .social-list ul li { font-size: unset; margin-bottom: unset; list-style: unset; list-style-position: unset; line-height: unset; position: unset; padding: unset; } */
.social-list ul li { font-size: initial; margin-bottom: 0; list-style: none; list-style-position: unset; line-height: 0; position: static; padding: 0; }
.social-list ul li > a > span { background-color: transparent !important; }
.social-list ul li>a>span path { fill: #522462 !important; }
.share-buttons{
  /* position: absolute; */
  list-style: none;
  display: block;
  left: 10px;
  top: 0;
  z-index: 500;
  margin: 0;    
}

.share-buttons a {
  position: absolute;
  top: 0;
  width: 64px;
  height: 64px;
  padding: 0;
  line-height: 64px;
  text-align: center;
  border: 2px solid #522462;
  border-radius: 50%;
  margin-bottom: 12px;
  margin-top: 2px;
  transition: unset;
}

.share-buttons a.show{
  display:inline-block;
}
.share-buttons li{
  display: block;
  height: 32px;
}
.share-buttons img{
  width: 24px;
  height: 24px;
  margin-top: 5px;
}
.share-buttons  a.social-share{
  background: #fff;
  display:inline-block;
}
.share-buttons a.social-share.kl-fixed-active {
  background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  color: #fff;
}
.social-share i.fa.fa-share-alt { font-size: 26px; line-height: 60px; }
.share-buttons a.social-share:after { content: "Teilen"; display: block; line-height: 27px; font-size: 14px; font-weight: 700;color: #522462;}
.social-blog .social-list a:hover { opacity: 1; }
a.social-share.kl-fixed-active .fa-share-alt:before { content: "\f00d"; }
#swipebox-close, #swipebox-next, #swipebox-prev {background-image: url(https://cdn2.hubspot.net/hubfs/2588476/KLARA%20%20-%20Landing%20Page%20Dec%202018/icons.png) }








#grid[data-columns]::before {
  content: '3 .column.size-1of3';
}

.take_title .max-content {
  max-width: 689px;
  margin: 0 auto;
}
.takes{padding:28px 0 20px;}
.take_title .max-content h1 {
  margin-bottom: 11px;
}
.slider {
  padding: 24px;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.24);
  border-radius: 8px;
  margin: 15px 15px 15px 15px;
  text-align:center;
  height: calc(100% - 24px);;
}

.slider.image-cards {
  padding: 0 0 24px 0;
}

.image-cards .slide-title,
.image-cards .slide-txt {
  padding: 0 24px;
}

.image-cards .slide-title {
  margin-top: 16px;
}

.slider .figure {
  height: 70px;
  margin: 24px auto 32px;
  display:inline-block;
}

.slider .figure img {
  width: auto !important;
  height: 100%;
  max-height: 56px;
  margin: 0 auto;
}

.primium-text {
  padding-top:40px
}

.slier-loop .owl-stage {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 32px;
}

.plan-loop .owl-stage {
  padding-bottom: 32px;
}

.slier-loop h6,.slier-loop .new-h6 {
  margin-bottom: 0px;
}

.slide-title {
  display:flex;
  justify-content:center;
  margin-bottom:21px;

}

.slier-loop .slide-txt {
  font-size:12px
}

.slier-loop.owl-carousel {
  padding: 0 27px;
}

.slier-loop button.owl-next span:before,
.plan-loop button.owl-next span:before,
.kl-blog-lpp button.owl-next span:before,
.kl-fixed-slid button.owl-next span:before{
  content: '';
  display: block;
  height: 50px;
  width: 25px;
  background-size: 25px 50px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/grey/klara-website-arrow-right-grey.svg);
  background-repeat: no-repeat;
}

.slier-loop  button.owl-prev span:before,
.plan-loop button.owl-prev span:before,
.kl-blog-lpp button.owl-prev span:before,
.kl-fixed-slid button.owl-prev span:before{
  content: '';
  display: block;
  height: 50px;
  width: 25px;
  background-size: 25px 50px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/grey/klara-website-arrow-left-grey.svg);
  background-repeat: no-repeat;
}

.slier-loop button.owl-prev span,.slier-loop button.owl-next span,.plan-loop button.owl-prev span,.plan-loop button.owl-next span {
  font-size: 0;
}

.slier-loop button.owl-prev,.plan-loop button.owl-prev {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
}

.slier-loop button.owl-next,.plan-loop button.owl-next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: 0;
}

.slier-loop button.owl-dot span,.plan-loop button.owl-dot span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #d1d1d1;
  border-radius: 50%;
}

.slier-loop button.owl-dot,.plan-loop button.owl-dot {
  margin-right: 12px;
}

.slier-loop button.owl-dot:last-child,.plan-loop button.owl-dot:last-child{
  margin-right:0;
}

.slier-loop .owl-dots,.plan-loop .owl-dots {
  text-align: center;
}

.slier-loop button.owl-dot.active span,.plan-loop button.owl-dot.active span{background-color:#522462}

.plan-loop-bottom-text {
  font-size: 12px;
  color: #d1d1d1;
  text-align: center;
  margin-top: -56px;
}

.get-start-now {
  max-width: 813px;
  margin: 31px auto 21px;
  font-size: 16px;
}

.hide{
  display:none;
}

.flexi {
  display: flex;
  align-items: center;
  flex-wrap:wrap;
}

.grid-7 {
  width: 55%;
}

.grid-5 {
  width: 43%;
  margin-left: auto;
}

.accounting-section {
  padding: 0 0 30px;
}

.small-text{font-size:16px}
.acc-txt {
  margin-bottom: 19px;
}
.acc-txt p,.feat-point p{font-size:14px;}
.acc-txt p *{
  font-size:inherit;
}
.acc-txt li *{
  font-size:inherit;
}
.feat-point p * {
  font-size:inherit;
}
.feat-point li * {
  font-size:inherit;
}
.accounting-section.swap-content .grid-7 {
  order: 2;
}

.accounting-section.swap-content .grid-5 {
  order: 1;
  text-align: right;
  margin-left: 0;
  margin-right: auto;
}

.image-top-space {
  margin-top: 88px;
}

.send-mail{
  padding:80px 0 56px;
}

.grid-6 {width: 50%;}

.flexi-term {
  display: flex;
  align-items: center;
  flex-wrap:wrap;
  position:relative;
}

.round-imgs {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 292px;
  height: 292px;
  margin-left: auto;
  border: 4px solid #522462;
  border-radius: 50%;
}

.feat-point ul li:before {
  display: inline-block;
  content: '';
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/purple/klara-website-check-circle-1.svg);
  background-repeat: no-repeat;
  padding-right: 25px;
  position: absolute;
  left: 0;
}

.plan-head h4 {
  margin-bottom:15px;
}

.feat-point ul li {
  padding-left: 45px;
  position: relative;
  font-weight: 600;
  margin-bottom: 18px;
  font-size:14px;
  padding-right:0
}

.feat-point ul {
  margin-bottom: 23px;
}

.feat-point ul li:last-child {
  margin-bottom: 0;
}

.video-section {
  position:relative;
  min-height: 658px;
  display: flex;
  align-items: flex-end;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.play-button {
  width: 152px;
  height: 152px;
  position: absolute;
  top: 48px;
  right: 48px;
  border-radius: 50%;
  background-color: #fff;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index:9;
  cursor: pointer;
  box-shadow: 0px 2px 11px rgb(0 0 0 / 20%);
}

.play-button span {
  position: absolute;
  top: 51%;
  left: 55%;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 48px solid #522462;
  transform: translate(-50%,-50%);
  border-radius: 5px;
}

.full-purple {
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
}

.slider.full-purple * {
  color: #fff;
}

.od-img{
  position: relative;
  z-index: 1;
}

.od-img:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -277px;
  width: 783px;
  background-repeat: no-repeat;
  background-position: top right;
  height: 531px;
  z-index: -1;
  transform: translateY(-50%);
}
.video-main {
  padding-top: 56px;
  padding-bottom:24px;
  position: relative;
  z-index: 5;
}

.insuarance-part {
  overflow: hidden;
  padding: 142px 0 119px;
}

.popup-commen {
  position: relative;
  background: #FFF;
  width: auto;
  margin: 20px auto;
  max-width:1230px;
  padding:15px;
}

.video-popup {
  padding: 56.25% 0 0 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.inner-video-popup {
  height: 100%;
  left: 0px;
  top: 0px;
  width: 100%;
  position: absolute;
}

.video-popup iframe {
  width: 100% !important;
  height: 100% !important;
}

.popup-commen.videooo-popup .mfp-close {
  right: -10px!important;
  top: -10px!important;
  background-color: #fff !important;
  opacity: 1;
  border-radius: 50%;
  font-size: 33px;
  font-weight: 700;
}

.douts-title{
  margin-bottom:15px
}

.douts {
  padding-top: 56px;
}

.plan__slider {
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.doughts {
  max-width: 574px;
  margin: 0 auto 22px;
}

.btm-dwn {
  max-width: 832px;
  margin: auto;
  color: #fff;
  padding-bottom: 18px;
}

.klara_home {
  padding-bottom: 104px;
}

.btm-dwn h2 {
  margin-bottom: 12px;
}

.acc-main,.klara_home  {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

/* .acc-main:after, */
.klara_home:after  {
  content: "";
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff;
}

.reg-section {
  padding: 120px 0 128px;
  margin: 80px 0;
}

.h1{
  font-size: 36px;
  line-height: 1.18;
  margin: 0 0 20px;
  color:#fff ;
  font-weight: 700;
}

span.tp-hd-txt {
  font-size: 24px;
  color: #fff;
  margin-bottom: 7px;
  display: inline-block;
}
.reg-section .kl-white-cta { 
  margin-top: 17px;
}

.reg-section {
  position:relative;
}

.reg-section:after {
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(176deg);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%)
}

.reg-section:before {
  right: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  content: "";
  top: -246px;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: -2;
  background-color: #fff;
}

.flexi-term figure {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
}

.add-text {
  position: absolute;
  right: 0;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}

.acc-main {
  padding: 45px 0 0px;
}

.sale-tag {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 0px;
  display:none;
  background-size: 120px;
}


.sale-tag.rb-show{
  display:block;
  z-index: 10;
}

.onecta > span:last-child{
  display:none;
}
.top-thks {
  padding-top: 176px;
  position:relative;
  z-index:1;
  padding-bottom:104px;
}
.top-thks figure {
  margin-bottom: 32px;
}
.thanks-title {
  padding-top: 28px;
  margin-bottom: 12px;
}

.thnks-txt {
  max-width: 750px;
  margin: 0 auto 50px;
  font-size: 18px;
}
.thanks-title {
  padding-top: 30px;
  margin-bottom: 15px;
}

.thnks-txt {
  max-width: 750px;
  margin: 0 auto 50px;
  font-size: 18px;
}

.cta_btn.back_none a {
  background: #fff;
  color: #522462;
  margin-bottom: 20px;
}

span.line-oreder {
  display: block;
  text-align: center;
  font-size: 16px;
  position: relative;
  z-index: 2;
  margin-bottom: 18px;
}

span.line-oreder:after {
  content: "";
  border-top: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  width: 140px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

span.line-text {
  padding: 0 16px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #522462;
}

.top-thks:after {
  content: "";
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff
}

.bottom-fet-slider .feature__slider{position: relative;z-index: 1; padding-bottom: 73px;}
.bottom-fet-slider .feature__slider:after{
  content: "";
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff
}

.grid12-6{width:50%}
.flexible-grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 24px;
}

.flexible-grid .grid12-6:nth-child(2){
  padding-left: 18px;
}

.flexible-grid figcaption {
  padding-right: 48px;
}

.plan__slider .owl-stage{display:flex;flex-wrap:wrap;}
.pslider{
  padding: 24px 32px;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.24);
  border-radius: 8px;
  margin: 15px 15px 15px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: calc(100% - 32px);
}
.pslider > span {
  display: block;
  font-size:12px
}
.pslider .cta_btn{
  /* margin-top:auto; */
}
.pslider .top-txt {
  font-weight: 700;
}

span.sub-txt-paln {
  margin-bottom: 23px;
}
.pslide-title h4 {
  margin-bottom: 0;
}

.slide-txt ul {
  margin-top: 0;
  margin-bottom: 19px;
}

.pslide-title h4 {
  margin-bottom: 17px;
}

.slide-txt ul li:before {
  position: absolute;
  left: 0;
  color: #82be00;
  display: inline-block;
  content: '';
  height: 24px;
  width: 16px;
  background-size: 16px 24px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/green/klara-website-add-circle-green.svg);
  background-repeat: no-repeat;
}

.slide-txt ul li {
  padding-left: 32px;
  margin-bottom: 4px;
  font-size: 12px;
}

.slide-txt-2 h6 {
  padding-top: 20px;
  margin-bottom: 16px;
}

.flexi-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 214px;
  margin: 0 auto 19px;
}

span.item-name {width: 50%;text-align: left;font-size:12px}

span.price {
  width: 50%;
  font-size:12px;
}

.slide-txt-2 {
  border-top: 1px solid rgba(0,0,0,0.2);
  margin-top: auto;
}

.plan-loop.owl-carousel {
  padding: 0 27px;
}

.star-rating {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.hide-imag,.hide-cta{display:none}

.front-stars {
  color: #522462;
}

.front-stars-item {
  width: 32px;
  height: auto;
  float: left;
  margin-right: 8px;
}

.front-stars-item:last-of-type {
  margin-right: 0px;
}

.ImgList {
  padding-bottom: 24px;
}

.pslider.full-purple .slide-txt ul li:before{color:#fff}
.hide-priice{display:none}
.presence-above{padding-bottom:78px}
.accounting-section.odd .star-rating{justify-content: flex-start;}
.ImgList figcaption ul li:before {
  position: absolute;
  left: 0;
  color: #82be00;
  display: inline-block;
  content: '';
  height: 28px;
  width: 16px;
  background-size: 16px 28px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/green/klara-website-ckeck-circle-green.svg);
  background-repeat: no-repeat;
}

.pslider.full-purple * {
  color:#fff
}

.pslider.full-purple .cta_btn a {
  color:#522462;
  background:#fff
}

.pslider.full-purple .slide-txt-2 {
  border-top: 1px solid rgba(255,255,255,0.2);
}

.ImgList figcaption ul li {
  padding-left: 32px;
  margin-bottom: 13px;
}
.max-img img {
  height: 264px;
  object-fit: contain;
  width: 100% !important;
}
.kl-top-bnafixed h2 {
  margin-bottom:24px;
}

.job{
  padding: 24px;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.24);
  border-radius: 8px;
  margin-right: 2%;
  width: 32%;
  margin-bottom: 32px;
  position:relative;
}

.job-loop {
  display: flex;
  flex-wrap: wrap;
}

.job:nth-child(3n) {
  margin-right: 0;
}

.figure {
  height: 90px;
  width: 100%;
  display: table;
  margin-bottom: 24px;
  margin-top: 24px;
}

.job figure {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.job-place {
  font-weight: 600;
  font-size: 12px;
  position: relative;
  margin-bottom: 16px;
  padding-top: 22px;
}

.job-place:before {
  margin-right: 8px;
  line-height: normal;
  display: inline-block;
  float: left;
  content: '';
  height: 22px;
  width: 16px;
  background-size: 16px 19px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/purple/klara-website-pin.svg);
  background-repeat: no-repeat;
}

.job-title h6 {
  margin-bottom: 16px;
}

.job-txt {
  margin-bottom: 21px;
  font-size:12px;
}
.job.full-purple *{color:#fff}
.job.full-purple .cta_btn{display:none}
.job__slider {
  position: relative;
  z-index:1;
  padding-bottom: 48px;
  padding-top:10px;
}

.job__slider:after{
  content: "";
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff
}
.job-offfer-main {
  padding: 0px 0 96px 0px;
}
.consultant .kl-team-module {
  padding-bottom: 52px;
}

.job-main-offer .kl-body-team-fixed .kl-fr-img {
  transform: translateY(-50%);
}
.lp-page {
  padding-top: 170px;
}
.frm-txt {
  margin: 0 auto 58px;
  max-width: 664px;
  font-size: 16px;
}
.lp-frm-img {
  display: flex;
  align-items: center;
  max-width: calc(100% - 192px);
  margin: 0 auto;
  flex-wrap:wrap;
  padding-bottom: 22px;
}

.lp-left {
  width: calc(50% - 111px);
}

.lp-right {
  width: calc(50% + 15px);
  margin-left: auto;
}
.gr-bg {
  background: linear-gradient(to bottom,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 50%, rgba(255,255,255,1) 50%);
  text-align: center;
  padding: 22px 0 77px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
.head-pper {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 13px;
}

.gr-txt {
  font-size: 12px;
  text-align: center;
  max-width: 193px;
  margin: 0 auto;
}
.gr-bg figcaption {
  padding-bottom: 23px;
  padding-top: 11px;
}
.lp-frm ul.hs-error-msgs>li>label {
  font-size: 13px;
  line-height: normal;
  display: block;
  color: #612875
}
.lp-frm div.hs_submit {
  margin: 0;
  margin-left: auto;
  width: calc(100% - 126px);
}
.lp-frm-complexe .lp-frm div.hs_submit {
  width: calc(100% - 274px);
}
.lp-frm .hs-form-field {
  position: relative
}

.lp-frm ul.hs-error-msgs.inputs-list {
  position: initial;
  bottom: -38px;
  right: 0;
  list-style-type: none;
  padding: 2px 5px;
  color: white;
  background: rgba(255,46,46,.1);
  width: calc(100% - 126px);
  border-radius: 5px;
  margin-left:auto;
}

.lp-frm-complexe .lp-frm ul.hs-error-msgs.inputs-list {
  width: calc(100% - 274px);
}

.lp-frm ul.hs-error-msgs.inputs-list li{margin-bottom:0;padding:8px 16px 12px}
.lp-frm ul.hs-error-msgs.inputs-list li label {
  font-size: 12px;
  font-weight: 400;
  position: relative;
  z-index: 9;
  line-height: normal;
  display: block;
  color: #ff2e2e;
  width:100%
}
.hs-input.invalid.error{
  border:1px solid #ff2e2e;
}
.lp-frm ul.hs-error-msgs.inputs-list li label:before {
  content: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/red/klara-website-remove-circle-red.svg);
  margin-right: 8px;
  line-height: normal;
  position: relative;
  top: 3px;
}
.lp-frm ul.hs-error-msgs.inputs-list:after {
  display:none
}

.lp-frm label span,.lp-frm span.hs-form-required {
  color: #8d8d8d;
  display:inline;
  font-weight: 400;
  line-height: 1.618;
}

.lp-frm select,
.lp-frm textarea,
.lp-frm input[type=color],
.lp-frm input[type=date],
.lp-frm input[type=datetime-local],
.lp-frm input[type=datetime],
.lp-frm input[type=email],
.lp-frm input[type=month],
.lp-frm input[type=number],
.lp-frm input[type=password],
.lp-frm input[type=search],
.lp-frm input[type=tel],
.lp-frm input[type=text],
.lp-frm input[type=time],
.lp-frm input[type=url],
.lp-frm input[type=week],
.lp-frm textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  color: #000;
  display: block;
  font-size: 16px;
  height: 40px;
  padding: 0 15px;
  width: 100% !important;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 5px
}
.lp-frm select:focus,
.lp-frm textarea:focus,
.lp-frm input[type=color]:focus,
.lp-frm input[type=date]:focus,
.lp-frm input[type=datetime-local]:focus,
.lp-frm input[type=datetime]:focus,
.lp-frm input[type=email]:focus,
.lp-frm input[type=month]:focus,
.lp-frm input[type=number]:focus,
.lp-frm input[type=password]:focus,
.lp-frm input[type=search]:focus,
.lp-frm input[type=tel]:focus,
.lp-frm input[type=text]:focus,
.lp-frm input[type=time]:focus,
.lp-frm input[type=url]:focus,
.lp-frm input[type=week]:focus,
.lp-frm textarea:focus {
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
}

.lp-frm select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: transparent;
  background-image: url("https://cdn2.hubspot.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png?t=1516620910904");
  background-position: 98% center;
  background-repeat: no-repeat
}
.lp-frm select option{
  padding:10px 0;
}
.lp-frm select option:hover{
  background-color:#612875;
  color:#fff;
}

.lp-frm textarea {
  height: 115px;
  padding: 13px 15px
}

ul li label input[type="checkbox"],
ul li label input[type="radio"] {
  opacity: 0;
  display: none !important
}

ul li label span {
  position: relative
}

ul li label input[type="checkbox"],
.input ul li label span,
ul li label input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer
}
.lp-frm ul li label input[type="checkbox"]+span:before{
  border-radius:5px
}
.lp-frm ul li label input[type="checkbox"]+span:before,
.lp-frm ul li label input[type="radio"]+span:before {
  content: '';
  background: #fff;
  border: 2px solid #612875;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  box-shadow:none;

}

.lp-frm ul li label input[type="radio"]+span:before {
  border-radius: 50%
}

.lp-frm ul li label input[type="checkbox"]:checked+span:after,
.lp-frm ul li label input[type="radio"]:checked+span:after {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 5px;
  /*   transform:translateY(-50%); */
  left: 5px;
  z-index: 9;
  background-color: #612875;
  display: block;
  content: "";

}
.lp-frm ul li label input[type="radio"]:checked+span:after{
  border-radius:50%;
}
.lp-frm .hs-form-field {
  margin-bottom: 16px
}

.submitted-message {
  color: #522462;
  text-align: center;
  font-size: 16px;
  padding-top: 24px;
  font-weight: 400;
}
form ul {
  margin: 0;
  padding: 0
}
.lp-frm form ul li.hs-form-checkbox,.lp-frm form ul li.hs-form-radio {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-right: 25px;
}

.lp-frm-complexe .lp-frm form ul li.hs-form-checkbox, .lp-frm-complexe .lp-frm form ul li.hs-form-radio {
  display: block;
  margin-right: 25px;
  margin-bottom: 8px;
}

.lp-frm form ul li.hs-form-checkbox:last-child,.lp-frm form ul li.hs-form-radio:last-child{margin-right:0}

.lp-frm-complexe .lp-frm form ul li.hs-form-checkbox:last-child,.lp-frm-complexe .lp-frm form ul li.hs-form-radio:last-child {
  margin-right:0;
  margin-bottom:0;
}

.lp-frm div.hs-form-field>label {
  color: #383838;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
}

form>div {
  width: 100%
}

form fieldset {
  max-width: 100% !important;
  width: 100% !important
}

.form-columns-1 {
  width: 100% !important
}

fieldset.form-columns-2 .input,
fieldset.form-columns-1 .input {
  margin-right: 0 !important
}

fieldset.form-columns-2>div {
  width: 49% !important;
  margin-right: 2%
}

fieldset.form-columns-2>div:last-child {
  margin-right: 0;
}

fieldset.form-columns-1 .hs-input {
  width: 100% !important
}
.lp-frm-simple {
  max-width: 450px;
  margin: 0 auto;
}
.lp-simple-frm-page{
  padding-top:56px;
  padding-bottom: 24px;
}
.lp-frm h3{display:none}
/**/

.lp-frm div.hs-form-field>label{
  width: 114px;
}

.lp-frm div.hs-form-field div.input {
  width: calc(100% - 126px);
  margin-left: auto;
}

.lp-frm .hs-form-field{
  display: flex;
  align-items: center;
  flex-wrap:wrap;
}
.hs-form-field.hs-fieldtype-radio,
.hs-form-field.hs-fieldtype-checkbox {
  align-items: baseline;
}

.lp-frm .hs-fieldtype-radio{
  margin-bottom: 0;
}

.lp-frm-complexe .lp-frm .hs-fieldtype-radio {
  margin-bottom: 25px;
}

.lp-frm-complexe {
  max-width: 850px;
  margin: 0 auto;
}

.lp-frm-complexe .lp-frm div.hs-form-field>label {
  width: 250px;
}

.lp-frm-complexe .lp-frm div.hs-form-field div.input {
  width: calc(100% - 274px);
  margin-left: auto;
}

.intrest-klara {
  padding-top: 164px;
}

.int-text {
  margin: 0 auto 19px;
  max-width: 682px;
  text-align: center;
  font-size: 16px;
}

.int-title {
  margin-bottom: 12px;
}

.widget-store {
  padding-top: 35px;
  padding-bottom:24px
}

.footer-pad-diff .kl-footer-section{
  padding-top:56px
}

.widget-store .store-title {
  margin-bottom: 78px;
}

.widget-store figure {
  position: relative;
  padding-left:96px;
  max-width: 80%;
}

.maginimgs {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 290px;
  height: 290px;
  border: 4px solid #522462;
  border-radius: 50%;
}

.text-magni {
  display: flex;
  align-items: center;
  max-width: 467px;
  position: absolute;
  right: 0;
  top:-24px;
  flex-wrap:wrap;
}

.frm-title {
  margin-bottom: 11px;
}

.mag-text {
  width: calc(100% - 310px);
  margin-left: auto;
}

.lp-nav {
  padding: 27px 0;
}

.co-fixed-nav-bar.lp-nav.fixedhead {
  margin-top: 68px;
  padding: 17px 0;
}

#swipebox-overlay .swipebox-video:after,#swipebox-overlay .swipebox-video:before{
  display:none;
}

.seliten-blinks-download{
  padding: 220px 0 184px;
  position: relative;
  box-sizing: border-box;
}

.seliten-blinks-download:after {
  right: 0;
  bottom: 0;
  transform-origin: top left;
  transform: skewY(176deg);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: rgba(46,10,59,1);
  background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));
  background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
  background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
}

.seliten-blinks-download .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.reg-section.reg-new-modules {
  padding: 230px 0;
}

.globe_class a{color:#fff;text-transform:uppercase;font-size:14px;}
.globe_class {background:none}
.globe_class > a:after {
  content: "\f110";
  color: #fff;
  font-size: 16px;
  line-height: normal;
  font-family: fontAwesome;
  margin-left: 4px;
}

.modchanges-ctas .kl-white-cta a{
  padding:5px 35px;
}

.lang_list_class li:first-child {
  padding-top: 10px !important;
} 

.globe_class:hover .lang_list_class {
  visibility: visible;
  opacity: 1;
}

.lang_list_class {
  top: 23px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.lang_list_class:before {
  top: -2px;
  left: 26px;
  border: 10px solid transparent;
  border-bottom-color:#000;
}

.lang_list_class:after {
  top: -2px;
  left: 26px;
  border: 10px solid transparent;
  border-bottom-color:#fff;
}
.seliten-blinks-download:before {
  right: 0;
  transform-origin: top left;
  transform: skewY(184deg);
  position: absolute;
  content: "";
  top: -246px;
  left: 0;
  width: 100%;
  height: 248px;
  z-index: -1;
  background-color: #fff;
}

.smedium-stack {
  display: flex;
  flex-wrap: wrap;    justify-content: center;
}

.rock-section {
  /*     width: 22.90%; */
  position: relative;
  /*     margin-right: 2.8%; */
  margin:15px;
  padding: 24px;
  border-radius: 8px;
  background: white;
  -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
  margin-bottom: 18px;
  height: calc(100% - 32px);
}

.webinar-module {
  padding:60px 0;
}

/* .rock-section:nth-child(4n) {
margin-right: 0;
} */
.rock-section img {
  margin: 26px auto;
  max-height: 54px;
}
.bottom-fix {
  margin-bottom: 24px;
}
.item-txt{font-size:14px;margin-bottom: 21px;}

.slider .kl-white-cta a{padding:5px 35px}
.slider .btn-feature{margin-top:auto}
.slider.cta-hide .slide-txt{margin-bottom:0px}
.slider .slide-txt{margin-bottom:24px}
.slider.full-purple  .btn-feature a{color:#562462}

.lang_list_class li a { margin-bottom: 5px; display: inline-block; line-height: 17px; }
.lang_list_class li:last-child { padding-bottom: 0 !important;}
.lang_list_class li{margin-bottom:0;    border-color: #f1f1f1 !important;    background-color: #f9f9f9;padding:0 15px}
.lang_list_class li a:hover{color:#566224;border-bottom: 1px solid #fff;}
.lang-left{margin-left:0 !important;width:50px !important}
.leftis-side-img figure{width:40%}
.reg-section.reg-new-modules.reg-section:before {    content: "";    top: -266px;  height: 270px;}
.cta-hide .cta_btn{display:none;margin-top:auto}
/*.acc-main:after {display:none}*/
.kl-body-team-fixed .kl-top-bnafixed { margin-bottom: 45px; }
.kl-team-shoot { display: flex; flex-wrap: wrap;     justify-content: center;}
.kl-fixed-tt1 { width: calc(25% - 30px); text-align: center; margin: 0px 15px 32px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); border-radius: 8px; padding: 24px 24px 22px; }
.kl-team-img { width: 158px; height: 158px; border-radius: 50%; background-position: top center; background-repeat: no-repeat; background-size: cover; margin: 0 auto 28px; border: 2px solid #522462; }
.kl-fixed-tt1 h6 { margin-bottom: 13px; }
.kl-fixed-tt1 p { margin-bottom: 0; }

.kl-team-module h4 { margin-bottom: 50px; }
.kl-team-module { text-align: center; padding-bottom: 45px; position: relative; z-index: 1; }
.kl-team-module:after { right: 0; bottom: 0; transform-origin: top left; transform: skewY(184deg); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; }
.kl-body-team-fixed .kl-fr-img { width: 951px; height: 719px; background-position: top center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); right: -30px; }
.kl-body-team-fixed .kl-fr-left-cont {min-height:0}
.tab_row a{text-decoration:underline;}
.tab_row a:hover{text-decoration:none;}
.co-fixed-nav-bar .co-border-org-cta a:hover{background-color:transparent}

.reg-img img{
  max-width:550px;
}


figure {
  -webkit-filter: drop-shadow(0px 0px 12px rgba(0,0,0,0.24));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";}


@media(min-width:1024px){
  .reg-img img {
    max-height: 500px;
  }
}


.search-list{position:relative;}
.search-list .max-img img {
  margin: 0 auto !important;
  width: 100% !important;
  display: block;
}
.no-show .lang-add-footer{display:none;}
/*--------------- Responsive media query style start here ----------------*/


@media (min-width: 640px){
  .job { padding-bottom: 90px; position: relative; }
  .job .btn-feature { position: absolute; left: 0; right: 0; bottom: 24px; }
} 



@media (max-width: 1460px){
  .tooltip-content {min-width: 23.5vw;}
}

@media (max-width: 1250px){
  .container {padding:0px 15px;}
  .container2 {padding:0px 15px;}
  .body-ss-list .kl-blog-author-main .container {padding: 0;}
  .container3 {padding:0px 15px;}
  .kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper .tooltip-content {min-width: 34.99vw;}


  /*navigation*/
  .co-nav-main-set .hs-menu-wrapper>ul>li { margin-right: 30px;  }
  .co-nav-cta11 a.co-fill-org-cta { min-width: 145px; }
  .co-nav-cta-set { width: 105px !important; }
  .co-nav-main-set { width: calc(100% - 211px) !important;  }
  /*/navigation*/

  .slier-loop01 button.owl-prev {  left: -7.8%; }
  .slier-loop01 button.owl-next {right: -7.8%;}

  .kl-circle-set01 {left: calc(46% - 7.5px); }

}

@media (max-width: 1170px){
  .tooltip-content { min-width: 23.5vw; }
  .reg-img img {
    max-width: 450px;
  }
}

@media (max-width: 1140px){
  /*Blog Listing Page*/
  .kl-se-main-body {width: calc(50% - 31px);}
  #grid[data-columns]::before {content: '2 .column.size-1of2';}
  .post-listing01 .column { width: calc(50% - 31px);
    /*/Blog Listing Page*/

  }
}

@media (max-width: 1110px){
  .kl-fr-img {
    right: 110px;
  }
}

@media (max-width: 1080px){
  .kl-fr-img {right:24px;}
  .kl-fr-left-cont {padding-left: 56px;}
  .kl-fixed-tt1 { width: calc(33.33% - 30px);}
  .kl-team-img { width: 140px; height: 140px;}
}

@media (max-width: 1080px){
  .kl-fr-img {right:172px;}
  .kl-circle-set01 {left: 32%;}
}

@media (max-width: 1050px){
  .kl-fr-img {
    right: 157px;
  }
}

@media (max-width: 1024px){
  .kl-fr-img {right:152px;}
  .header-container-wrapper:after {height: 70px;}

}

@media (max-width: 1000px){
  .kl-fr-img {right:143px;}
}

@media (max-width: 1072px){
  .slier-loop01 button.owl-prev {left: 0;}
  .slier-loop01 button.owl-next {right:0;}

}
@media (max-width: 1060px){
  .social-blog , .kl-fixed-circul {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@media (max-width: 1024px){

  /*navigation*/
  .co-nav-cta-set { width: 105px !important; margin-right: 30px; }
  .brickshd-menu.custom-menu-primary .hs-menu-wrapper {display: none}
  .co-nav-main-set .hs-menu-wrapper>ul>li { margin-right: 0;    margin-bottom: 3px;line-height:inherit; }
  .brickshd-menu.custom-menu-primary .hs-menu-wrapper { padding: 15px 20px; position: absolute; top: 100%; left: 0; margin: 0; background-image: none; background-color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; z-index: 9; border-top: 1px solid #fff; background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113,50,135,1)), color-stop(100%, rgba(46,10,59,1))); background: -webkit-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%); background: -ms-linear-gradient(137deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%); background: linear-gradient(313deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);}
  .brickshd-menu .hs-menu-wrapper>ul { display: block; line-height: 1.5; font-weight: normal; text-decoration: none; text-indent: 0; text-align: left }
  .mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 27px; right: 20px; width: 35px; height: 25px; z-index: 1; }
  .mobile-trigger .line { display: block; background: #fff; width: 35px; height: 3px; position: absolute; left: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s }
  .mobile-trigger .line.line-1 {top: 0}
  .mobile-trigger .line.line-2 { top: 36% }
  .mobile-trigger .line.line-3 { top: 71% }
  .mobile-trigger.active-re .line-1 { transform: translateY(11px) translateX(0) rotate(45deg); -webkit-transform: translateY(11px) translateX(0) rotate(45deg); -moz-transform: translateY(11px) translateX(0) rotate(45deg); background-color: #fff }
  .mobile-trigger.active-re .line-2 { opacity: 0 }
  .mobile-trigger.active-re .line-3 { transform: translateY(-7px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg); -moz-transform: translateY(-7px) translateX(0) rotate(-45deg); background-color: #fff }
  .child-trigger { display: block !important; cursor: pointer; position: absolute; top: 0; right: 0; padding: 0 !important; border-left: 1px dotted rgba(255,255,255,.20) }
  .child-trigger:hover { text-decoration: none }
  .child-trigger i { position: relative; top: 50%; margin: 0 auto !important }
  .child-trigger i:after { position: absolute; content: '' }
  .child-trigger i,.child-trigger i:after { width: 10px; height: 1px; display: block }
  .child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) }
  .child-trigger.child-open i:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) }
  .child-trigger.child-open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
  .co-nav-main-set { width: calc(100% - 320px) !important; }
  .co-nav-main-set .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper { position: initial; display: none; width: 100% !important; visibility: visible; opacity: 1; box-shadow: none; border-top: 0; min-width: 100%; }
  .co-nav-main-set .child-trigger { width: 30px !important; min-width: 30px !important;height:21px !important; }
  .child-trigger i, .child-trigger i:after { width: 10px; height: 1px; background-color: #fff; display: block; }
  .child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
  .co-nav-main-set .hs-menu-wrapper>ul>li>.hs-menu-children-wrapper:after { height: 0; border: none; }
  .co-nav-main-set  ul.hs-menu-children-wrapper {padding: 0 !important;}
  .co-nav-main-set ul.hs-menu-children-wrapper li a{color:#fff;font-size:13px}
  .co-fixed-nav-bar.fixedhead .mobile-trigger { top: 17px; }
  .co-nav-main-set .hs-menu-wrapper>ul>li>ul li.hs-item-has-children{padding-right:0}

  /*/navigation*/
  /*home page*/
  .kl-ho-header {  margin-top: 60px;}
  /*//home page*/

  .kl-business-sap{
    padding:110px 0;
    margin-bottom: 24px;}

  .insuarance-part{
    padding:100px 0;
  }
  .top-thks{padding-top:170px}
  .kl-blog-feat{height:200px}
  .kl-blog-ciont {  height: calc(100% - 200px); }
  .seliten-blinks-download{
    padding:190px 0 110px;
  }
  .reg-section.reg-new-modules{padding:190px 0}
}

@media (max-width: 991px){
  h1,.new-h1 {font-size: 28px;}
  h2,.new-h2 {font-size: 28px;}
  h3 ,.new-h3, .body-blog-list blockquote {font-size: 22px;}
  h4,.new-h4 {font-size: 20px;}
  .kl-business-sap{padding:85px 0}
  .kl-fr-kl-img { width: 100%; margin-bottom: 0; margin-top: 30px; order: 2; }
  .kl-fr-left-cont { padding-left: 0; min-height: auto; margin: 0 auto; width: 75%;}
  .kl-fr-img { left: -33%; margin: 0 auto; width: 622px; height: 468px; background-size: contain; top: 0px; transform: none; position: relative; margin-bottom: 121px;}
  .kl-body-team-fixed .kl-free-module { padding: 125px 0 125px; }
  .kl-body-team-fixed .kl-fr-img { width: 649px; height: 493px; background-position: top center; background-repeat: no-repeat; background-size: contain; position: static; z-index: 9; top: 0; transform: translateY(0%); right: 0; margin-bottom: 0; }
  .kl-circle-set01-mobile { 
    position: absolute;
    width: 145px;
    z-index: 9;
    left: 23%;
    background-repeat: no-repeat;
    top: 231px;
    height: 440px;
    display: none;
  }
  .kl-circle-set01 {display:none;}
  .kl-circle-set01-mobile {display:block;}
  .kl-circle-set01-mobile .kl-loop-fit01 .tick .tooltip-wrapper .tooltip-content { right: 168px; left: auto; top: -93px; min-width: 44.99vw; }
  .kl-circle-set01-mobile.tablet-tooltip { display: block; }
  .kl-free-module { padding: 125px 0 244px;}
  .suport-div,.about-div{width:49%;margin-right:2%}
  .suport-div:nth-child(3n),.about-div:nth-child(3n){margin-right:2%}
  .suport-div:nth-child(2n),.about-div:nth-child(2n){margin-right:0% !important}

  .kl-circle-set { display: none; }
  .kl-mob-circle { display: block; }
  .kl-mob-circle .tooltip-content { min-width: 53.5vw; }
  .kl-mob-circle .tick:nth-child(2) .tooltip-content { right: 0; top: 40px; left: -34px; margin-top:7px;}
  .kl-mob-circle .tick:nth-child(2) .tooltip-content:before { left: 98px; }
  .kl-mob-circle .tick:nth-child(4) .tooltip-content.wide { right: 0; top: 40px; left: -34px;margin-top:7px; }
  .kl-mob-circle .tick:nth-child(4) .tooltip-content:before { left: 98px; }
  .kl-mob-circle .tick:nth-child(6) .tooltip-content.wide { right: 0; top: 40px; left: -34px;margin-top:7px; }
  .kl-mob-circle .tick:nth-child(6) .tooltip-content:before { left: 98px; transform: none; right: auto;top:-9px;}
  .kl-mob-circle .tick:nth-child(1) .tooltip-wrapper .tooltip-content { right: 0; top: 40px;  min-width:51.5vw;  left: 0;margin-top:7px;margin-left:0 }
  .kl-mob-circle .tick:nth-child(1) .tooltip-wrapper .tooltip-content:before {  top: -8px; left: 62px; transform: rotate(0); }
  .kl-mob-circle .tick:nth-child(3) .tooltip-content { top: 40px; left: 0; margin-left:0;margin-top:7px}
  .kl-mob-circle .tick:nth-child(3) .tooltip-content:before { right: auto; top: -9px; left: 62px; transform: rotate(-0); }
  .kl-mob-circle .tick:nth-child(5) .tooltip-content { top: 40px; left: 0; margin-left:0;margin-top:7px}
  .kl-mob-circle .tick:nth-child(5) .tooltip-content:before { right: auto; top: -9px; left: 62px; transform: rotate(-0); }

  .width-100{width:100%}
  .round-imgs{
    width:220px;
    height:220px;
    margin-right:auto;
  }
  .top-thks{padding-top:140px;padding-bottom:110px;}
  .feat-point{margin-bottom:50px}
  .insuarance-part{
    padding: 65px 0 145px;
  }
  .od-img:after{
    width:100%;
    top:0;
    transform:initial;
    height:350px;
    background-size:contain;
    background-position: top center;
    right:0
  }
  .h1{font-size:32px}
  .klara_home{padding-bottom:85px;}
  .reg-section{padding:110px 0 100px}
  .acc-main{padding:60px 0 45px}
  .lp-frm-img,.lp-left,.lp-right{
    width:100%;
    max-width: 400px;
  }
  .lp-frm div.hs_submit {
    width: 100%;
    text-align: center;
  }
  .lp-frm div.hs-form-field>label{width:100%}
  .lp-frm-complexe .lp-frm div.hs-form-field>label{width:100%}
  .lp-frm div.hs-form-field div.input{width:100%}
  .lp-frm-complexe .lp-frm div.hs-form-field div.input{width:100%}
  .gr-bg{
    margin-bottom:50px
  }
  .maginimgs{width:250px;height:250px}
  .text-magni {right: -53px;}
  .mag-text {width: calc(100% - 280px);}
  .seliten-blinks-download .kl-fr-img{
    position:unset;
    margin-bottom:0;
    width:100%;
    height: 37.8vw;
    transform: translateY(0);
    max-width: 52%;
  }
  .seliten-blinks-download{
    padding:165px 0 90px;
  }
  .reg-section.reg-new-modules{padding:160px 0}
  /*   .rock-section{width:48.6%}
  .rock-section:nth-child(3n){margin-right:2.8%}
  .rock-section:nth-child(2n){margin-right:0 !important} */
}

@media (max-width: 980px){
  .tooltip-content * { font-size: 14px !important; }
  .tooltip-content p { margin-bottom: 0; }
  .de-slide-auto-mo .kl-ss-fixed-cont { height: auto; min-height: unset; }
  .de-slide-auto-mo .owl-carousel.owl-drag .owl-item .item-slide {  height: auto !important; }
}

@media(max-width:950px){
  .job{
    width:49%;
  }
  .job:nth-child(2n){margin-right:0 !IMPORTANT}
  .job:nth-child(3n){margin-right:2%}
}

@media (max-width: 940px){

  .kl-bd-fixed-size {padding: 0px 20px; }

  /*blog posting page*/
  .kl-fixed-circul {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0); transform: translateX(0);}
  .kl-fixed-circul { bottom: -74px; transform: scale(0.8); }
  .social-blog .social-list{transform: scale(0.7);}
  .social-blog{ -webkit-transform: translateX(-75px); -moz-transform: translateX(-75px); -ms-transform: translateX(-75px); -o-transform: translateX(-75px); transform: translateX(-75px); }
  /*//blog posting page*/
  .reg-img img {
    max-width: 400px;
  }
}

@media (max-width: 870px){
  .kl-fixed-oppp .container3 {
    padding: 0px 15px 0px 55px;
    max-width: 100%;
  }
  .social-blog {  height: 438px;-webkit-transform: translateX(-59px); -moz-transform: translateX(-59px); -ms-transform: translateX(-59px); -o-transform: translateX(-59px); transform: translateX(-59px); }

}

@media (max-width: 840px){
  .kl-bd-fixed-size { padding: 0px 0px; width: 100%; margin-bottom: 90px; }
  .kl-bd-fixed-size:last-child { margin-bottom: 0; }
  .kl-bd-fixed-size:after { position: unset; content: unset; }
  .kl-bd-analisys {     padding: 50px 0px 33px !important; }

  .mag-text{
    width:100%;
    order:1;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  .text-magni {
    top: -80px;
    right: 0;
  }
  .maginimgs{order:2;width:220px;height:220px;
    left: 80px;
    position: relative;}
  .widget-store figure{padding-left:0}
  .intrest-klara{padding-top:110px}
  .widget-store .store-title{padding-bottom:50px}
  .seliten-blinks-download{
    padding:140px 0 70px;
  }
  .reg-section.reg-new-modules{padding:120px 0;}
}

@media (max-width: 767px){

  h1,.new-h1 {font-size:28px;}
  h2,.new-h2 {font-size:24px;}
  h3,.new-h3 {font-size:22px;}
  h4,.new-h4 {font-size:20px;}

  .kl-white-cta>span{display:inline-block; }
  .kl-white-cta>span:first-child{margin-bottom:8px}
  .body-blog-list blockquote {font-size: 20px;}
  .kl-business-sap{padding: 138px 0 128px;}
  .kl-fixed-main-side1{width:100%}
  .kl-fixed-main-side1.np-1,.kl-fixed-main-side1.np-2{border:0;padding:0;text-align:center;}
  .kl-dd-fixed{margin-left:auto !important;margin-right:auto !important;}
  .kl-fixed-main-side1.np-1 { margin-bottom: 56px; }
  .kl-footer-section{padding: 56px 0 157px;} 

  .kl-fr-img { left: -34%; }
  .kl-blog-main .kl-ho-header, .kl-ho-header { height: unset; transform: none; transform-origin: unset; }
  .kl-blog-main .kl-ho-header-in-cort, .kl-ho-header-in-cort { height: auto; transform: none; top:0;}
  .header-bubble.simpl {  top: 27px !important; }
  .header-bubble-strip.simpl {
    top: 27px;
  }

  .kl-ho-header:after { background-color: #fff; content: ""; width: 100%; height: 212px; position: absolute; bottom: -211px; z-index: 1; transform-origin: top left; transform: skewY(176deg); }
  .kl-fixed-hh-fixed { max-width: 100%; text-align: center; padding: 250px 0 65px; }
  .kl-fixed-hh-fixed .kl-img-tt {margin-left: auto; margin-right: auto; }
  .kl-fixed-hh-fixed .kl-img-tt img {max-height: 50px; }
  .kl-circle-set { transform: scale(0.9); }
  .max-width-cont .width-50{width:100%;margin-bottom:25px;}
  .max-width-cont .width-50:last-child{margin-bottom:0px;}

  /* -------------------------------------------KLARA Business-Bekannt-sein-Page ---------------------------------------------------- */
  ul.panel-head h6 { display: none; }
  .eq-img { margin-bottom: 0; }
  .kl-body-cont-fixed .cta_btn a { min-width: 115px; }
  .kl-fixed-slid.owl-carousel { padding: 0 15px; }
  .kl-blog-lpp.owl-carousel { padding: 0 15px; }

  .kl-blog-se { padding: 100px 0px 40px; }
  .kl-blog-ciont .cta_btn a { min-width: 191px;  }

  /* -------------------------------------------KLARA Footer Section ---------------------------------------------------- */
  .kl-link-ft { text-align: center; position: absolute; right: 0; left: 0; margin-top: 11px; }
  .kl-slot-footer-main .kl-white-cta>span:first-child { margin-bottom: 17px; }


  /* -------------------------------------------KLARA Blog Listing Section ---------------------------------------------------- */
  .kl-blog-left-co { width: 100% !important; }
  .kl-blog-right-co { width: 100% !important; margin-top: 25px !important;}
  .body-ss-list .kl-blog-se { padding: 70px 0px 0px; }
  /* -------------------------------------------KLARA Blog posting Section ---------------------------------------------------- */
  .body-ss-list .kl-fixed-hh-fixed { padding-left: 0; padding-top:65px}
  .body-ss-list .kl-fixed-hh-fixed.hh-fixed-badge { padding-top: 120px; }

  .about-img{height:250px;}
  .about-txt {height: calc(100% - 224px);}

  .kl-fixed-tt1 { width: calc(50% - 30px); }
  .kl-body-team-fixed .kl-fr-img { width: 553px; height: 418px;}

  .grid-7,.grid-5,.grid-6{
    width:100%
  }
  .presence-above{padding-bottom:40px}
  .flexible-grid figcaption{padding-right:0}
  .flexible-grid .grid12-6{width:100%}
  .star-rating,.accounting-section.odd .star-rating{justify-content:center;}
  .reg-section{padding:85px 0 75px}
  .acc-main{padding:35px 0 20px}
  .insuarance-part{text-align:center;  }
  .h1{font-size:28px}
  .flexi-term figure{
    position: relative;
    transform: translateY(-40%);
    text-align:center;
  }
  .flexible-grid .grid12-6:nth-child(2){padding-left:0}
  .top-thks{padding-top:120px;padding-bottom:110px;}
  .add-text {
    position: absolute;
    left: calc(50% + 56px);
    z-index: 2;
    top: 20%; 
  }
  .video-main{padding-top:20px}
  .accounting-section.swap-content .grid-5{
    order:2;
  }
  .img-part figure {
    margin-bottom: 40px;
    text-align:center;
  }
  .feat-point {
    margin-bottom: 52px;
  }
  .play-button{
    width:110px;
    height:110px
  }
  .video-section{
    min-height:500px
  }
  .reg-head{
    order: 2;
    text-align:center;
  }
  .reg-img {
    order: 1;
    margin-bottom: -73px;
  }
  .max-img img {
    max-width: 70% !important;
  }
  .image-top-space {margin-top: 75px;}
  .send-mail{padding: 64px 0 10px;}
  .accounting-section.swap-content .grid-5,.accounting-section .grid-5{text-align:center;}
  .max-img img { max-width: 210px !important; }
  .text-magni{top:-80px; right: -80px}
  .mag-text{padding-bottom:25px}
  .row-fluid {}
  .seliten-blinks-download{
    padding:110px 0 50px;
  }
  .seliten-blinks-download .kl-fr-img{
    height:260px;
    display: none;
  }
  .span12.widget-span.widget-type-cell.kl-blog-rr-size {}

  .kl-blog-rr-size >.row-fluid-wrapper > .row-fluid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .kl-blog-rr-size .kl-blog-left-co {
    order: 2;
  }

  .kl-blog-rr-size .kl-blog-right-co {
    order: 1;
  }
  .leftis-side-img figure{width:100% ;transform: translateY(-25%);}
  .leftis-side-img figure img{max-width:70%}
  .reg-section.reg-new-modules{padding:80px 0}
  .about-main, .sapport-main{padding:50px 0;}
}
@media (max-width: 680px){
  /*blog posting page*/
  .kl-au-bio-cont { padding-left: 30px; }
  .kl-circle-set01-mobile {left: 25%; }
  /**blog posting page*/
}

@media (max-width: 640px){
  .kl-white-cta>span { margin-right: 0; width: 100%; }
  .kl-fr-img { left: -25%; }
  .kl-circle-set01-mobile {  left: 35%; }
  .kl-circle-set01-mobile.tablet-tooltip {display:none;}
  .kl-circle-set01-mobile.mobile-tooltip { display: block; }
  .kl-circle-set01-mobile .kl-loop-fit01 .tick .tooltip-wrapper .tooltip-content { right: auto; left: -260px; top: 48px; min-width: 450px; margin: 0 auto !important; float: none; }
  .kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper .tooltip-content:before , .kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper .tooltip-content:before , .kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper .tooltip-content:before { border-width: 0 12px 12px 12px; right: auto; top: -12px; left: auto; transform: rotate(0); right: 166px; }
  .suport-div,.about-div{width:100%;margin-right:0}
  .slider.slider-single { padding-left:20px;padding-right:20px}

  /* -------------------------------------------KLARA Blog Listing page ---------------------------------------------------- */
  .kl-se-main-body { width: 100%;    margin: 0 0 24px; }
  #grid[data-columns]::before {content: '1 .column.size-1of1';}
  .post-listing01 .column { width: 100%;}

  .kl-body-team-fixed .kl-fr-img { width: 414px; height: 313px; }

  .job{width:100%;margin-right:0}
  .text-magni{top:-75px}
  .maginimgs{order:2;width:180px;height:180px; left:100px;}
  /*   .rock-section{width:100%;margin-right:0} */
}
@media (max-width: 599px){
  .kl-fixed-cont-txt1 {
    height: auto !important;
  }
  .kl-fr-img { left: -28%; }
}
@media (max-width: 580px){
  .kl-fr-img { left: -31%; }
}
@media (max-width: 540px){
  .kl-fr-img { width: 449px; height: 367px; left: -34%;}
  .kl-circle-set01-mobile { left: 31%; top: 171px; }
  .kl-circle-set01-mobile .kl-loop-fit01 .tick .tooltip-wrapper .tooltip-content { right: auto; left: -198px; top: 48px; min-width: 386px; margin: 0 auto !important; float: none; }
  .kl-fixed-tt1 { width: 100%; margin: 0 0 32px; }
}
@media (max-width: 535px){
  .kl-fr-img { left: -25%; }
}
@media (max-width: 600px){
  .kl-fot-img img { max-width: 325px; margin: 0 auto; }
  h6.kl-fixed-cont-txt { height: auto !important;}
}

@media (max-width: 420px){
  .kl-circle-set01-mobile { left: 17%; top: 143px; }
  .kl-fr-img { width: 379px; height: 336px; }
  .kl-ss-fixed-cont { height: unset; }
  .kl-body-cont-fixed .cta_btn { margin-top: unset; }
  .kl-fixed-slid-img img { max-height: 210px; }
  .support-img img{position: unset;max-width: 220px; margin: 0 auto;top: auto;object-fit: contain;object-position: bottom;padding: 0;height: 213px;max-height: 210px;}
  .leftis-side-img figure {transform: translateY(-40%);}
}

@media (max-width: 480px){

  h1,.new-h1 {font-size:26px;}
  h2,.new-h2 {font-size: 22px;}
  h3,.new-h3 {font-size:20px;}
  h4,.new-h4 {font-size:19px;}
  .kl-fixed-hh-fixed {  padding: 250px 0 50px; }
  .kl-mob-circle {  transform: scale(0.99); }
  .kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper .tooltip-content:before { border-width: 0 12px 12px 12px; right: auto; top: -12px; left: auto; transform: rotate(0deg); right: 160px; }
  .kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper .tooltip-content:before { border-width: 0 12px 12px 12px; right: auto; top: -12px; left: auto; transform: rotate(0deg); right: 160px; }
  .kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper .tooltip-content:before { border-width: 0 12px 12px 12px; right: auto; top: -12px; left: auto; transform: rotate(0deg); right: 160px; }
  .kl-circle-set01-mobile .kl-loop-fit01 .tick .tooltip-wrapper .tooltip-content {  left: -155px;  min-width: 346px; }
  .about-img{height:175px;}
  .about-txt {height: calc(100% - 175px);}
  .de-slide-auto-mo .kl-fixed-slid.owl-carousel { padding: 0 0; }
  .de-slide-auto-mo .kl-body-cont-fixed.item-slide { padding-bottom: 5px; width: calc(100% - 20px) !important; margin-left: 10px; margin-right: 10px; }
  .de-slide-auto-mo button.owl-dot span { width: 15px; height: 15px; border: 1px solid #522462; border-radius: 50px; display: block; }

  .de-slide-auto-mo button.owl-dot {width: 15px;margin: 0px 3px;}
  .de-slide-auto-mo button.owl-dot.active span {background-color: #522462;}
  /* -------------------------------------------KLARA Navigation ---------------------------------------------------- */
  .co-logotop-set { width: 100px !important;}
  .mobile-trigger { transform: scale(0.7); }
  .mobile-trigger {  top: 26px; right: 10px; }
  .co-nav-cta-set {  margin-right: 15px; }
  .co-nav-main-set { width: calc(100% - 300px) !important; }

  /* -------------------------------------------KLARA Business-Bekannt-sein-Page ---------------------------------------------------- */
  /*home page*/
  .kl-ho-header { margin-top: 60px; }
  .kl-mob-circle .tick:nth-child(2) .tooltip-content { right: 0; left: -98px; }
  .kl-mob-circle .tooltip-content { min-width: calc(74vw - 15px); }
  .kl-mob-circle .tick:nth-child(2) .tooltip-content:before { left: 160px; }
  .kl-mob-circle .tick:nth-child(1) .tooltip-wrapper .tooltip-content {  min-width: 76vw;  }
  .kl-mob-circle .tick:nth-child(4) .tooltip-content.wide { right: 0px; left: -98px; }
  .kl-mob-circle .tick:nth-child(4) .tooltip-content:before { left: 160px; }
  .kl-mob-circle .tick:nth-child(3) .tooltip-content {  left: -56px; }
  .kl-mob-circle .tick:nth-child(3) .tooltip-content:before{left:118px;}
  /*/home page*/

  .panels img { max-width: 40px; }

  .kl-fixed-slid-img {    padding: 0px 10px;}
  .kl-fixed-slid-img:after {  height: 210px; }
  .kl-blog-ciont .cta_btn a { min-width: 190px;  }
  .kl-blog-feat { height: 200px;}

  /*blog posting page*/
  .kl-au-bio-cont { width: 100%; padding-left: 0; }
  .kl-au-bio { width: 100%; margin-bottom: 30px; }
  .kl-img-tp-oo { margin-right: 20px; }
  .kl-dl-tt-cont { width: 100%; }
  /*blog posting page*/

  .kl-body-team-fixed .kl-fr-img { width: 100%; height: 224px; }
  .kl-body-team-fixed .kl-free-module { padding: 125px 0 83px; }
  .insuarance-part {
    padding: 45px 0 80px;
  }
  .cta_btn a{padding:5px 25px}
  .text-magni{left:39%}
  .text-magni{top:-90px}
  .maginimgs{order:2;width:150px;height:150px}
  .kl-blog-se{padding-top:50px}
  .send-mail{padding-top:50px}
  .seliten-blinks-download .kl-fr-left-cont {width: 100%;}
  .reg-img img {
    max-width: 100%;
  }

  fieldset.form-columns-2>div { float:left!important; } 

}
@media (max-width: 420px){
  .kl-fixed-slid-img img { height: 213px;  }
  .kl-fixed-slid-img img { position: unset; max-width: 280px; margin: 0 auto; top: unset; height: unset; object-fit: contain; object-position: bottom; padding: 0; }
  .kl-fixed-slid-img { position: relative; z-index: 1; background: rgba(46,10,59,1); background: -moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1))); background: -webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: -ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%); padding: 20px 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; }
}

@media (max-width: 375px){
  .kl-loop-fit01 .tick:nth-child(1) .tooltip-wrapper .tooltip-content:before, .kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper .tooltip-content:before, .kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper .tooltip-content:before { right: 135px; }
  .kl-circle-set01-mobile .kl-loop-fit01 .tick .tooltip-wrapper .tooltip-content {  left: -143px;    min-width: 302px; }
  .kl-mob-circle .kl-loop-fit { transform: unset; max-width: 285px !important; margin: 0 auto; }
  .kl-mob-circle .tick:nth-child(1) { transform: translate(-75px) rotate(0.5714deg); top: 139px; left: -3px; }
  .kl-mob-circle .tick:nth-child(1) .tooltip-wrapper { position: relative; top: 13px; right: -103px; }
  .kl-mob-circle .tick:nth-child(2) { transform: translate(139px) rotate(0.5714deg); top: -6px; left: -1px; }
  .kl-circle-set01-mobile .kl-loop-fit01 .tick:nth-child(2) .tooltip-wrapper { position: relative; top: 22px; right: -6px; }
  .kl-circle-set01-mobile .kl-loop-fit01 .tick:nth-child(3) .tooltip-wrapper { position: relative; top: 19px; right: -6px; }
  .kl-mob-circle .tick:nth-child(2) .tooltip-wrapper { position: relative; top: 21px; right: 25px; }
  .kl-mob-circle .tick:nth-child(3) { top: -13px; transform: translate(-75px) rotate(0.5714deg); left: -3px; }
  .kl-mob-circle .tick:nth-child(3) .tooltip-wrapper { position: relative; top: 11px; right: -103px; }
  .kl-mob-circle .tick:nth-child(4) { top: -161px; transform: translate(139px) rotate(0.5714deg); }
  .kl-mob-circle .tick:nth-child(4) .tooltip-wrapper { position: relative; top: 22px; right: 26px; }
  .kl-mob-circle .tick:nth-child(1) .tooltip-wrapper .tooltip-content { min-width: 85vw; left: -32px; }
  .kl-mob-circle .tick:nth-child(1) .tooltip-wrapper .tooltip-content:before {  left: 94px;  }
  .kl-mob-circle .tick:nth-child(3) .tooltip-content { min-width: 85vw; left: -32px; }
  .kl-mob-circle .tick:nth-child(3) .tooltip-content:before {left: 94px;  }
  .kl-mob-circle .tooltip-content { min-width: calc(84vw - 15px);}
  .kl-mob-circle .tick:nth-child(2) .tooltip-content {  left: -109px; }
  .kl-mob-circle .tick:nth-child(2) .tooltip-content:before { left: 173px; }
  .kl-mob-circle .tick:nth-child(4) .tooltip-content{  left: -109px !important; }
  .kl-mob-circle .tick:nth-child(4) .tooltip-content:before{left: 173px;}
  .kl-mob-circle .tick:nth-child(5) { top: -170px; transform: translate(-75px) rotate(0.5714deg); left: -3px; }
  .kl-mob-circle .tick:nth-child(5) .tooltip-wrapper { position: relative; top: 13px; right: -103px; }
  .kl-mob-circle .tick:nth-child(5) .tooltip-content { min-width: 85vw; left: -32px; }
  .kl-mob-circle .tick:nth-child(5) .tooltip-content:before{left: 94px;}
  .kl-mob-circle .tick:nth-child(6) { top: -308px; transform: translate(139px) rotate(0.5714deg); }
  .kl-mob-circle .tick:nth-child(6) .tooltip-wrapper { position: relative; top: 14px; right: 26px; }
  .kl-mob-circle .tick:nth-child(6) .tooltip-content{  left: -109px !important; }
  .kl-mob-circle .tick:nth-child(6) .tooltip-content:before{left: 173px;}
  .kl-cont-al h6 { font-size: 13px; margin-bottom: 25px; }
  .kl-body-team-fixed .kl-fr-img { width: 100%; height: 179px; }
  form .hs-richtext p {font-size: 11px;}
  .kl-fixed-slid-img:after {  height: 190px; }
  .text-magni{top:-100px}
  .mag-text{padding-bottom:15px}
}

@media(max-width:360px){
  .cta_btn a{padding:5px 25px}
  .play-button {     width: 95px;     height: 95px; }
  .co-fixed-nav-bar .co-border-org-cta{min-width:85px;font-size:12px;    position: relative;  }
  .co-nav-cta11{text-align:right}
  .co-logotop-set img{width:95px !important;}
  .co-fixed-nav-bar.fixedhead .mobile-trigger{top:15px}
  .kl-blog-feat{height:175px}
  .pslider  .cta_btn a{padding:5px 10px}
  .play-button span {border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 34px solid #522462;}
  .kl-blog-ciont {height: calc(100% - 175px);}
  .store_Cta > span {width:100%;margin-right:0;margin-bottom:20px}
  .store_Cta > span:last-child {margin-bottom:0;}
  .co-fixed-nav-bar.lp-nav .co-border-org-cta {right: 0; }
  .lang_list_class li a {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 24px;
    font-size: 10px;
  }
  .header-container-wrapper:after {height: 67px;} 
}
@media(max-width:321px){
  .co-fixed-nav-bar .co-border-org-cta{
    left:-21px;
  }
  .lang_switcher_class{
    left: -15px;
  }
}

/*menu desktop*/

@media(min-width:1025px) {
  .co-fixed-nav-bar {
    margin-top: 88px;
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    background-color: #fff;
    max-width: 1366px;
    margin: 0 auto !important;
    right: 0;
    z-index: 999;
    transition: all 0.4s;
  }
  .lp-nav {
    padding: 27px 0; 
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li {
    margin-right: 16px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    line-height: 3;
  }
  .co-nav-main-set .hs-menu-wrapper>ul {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 0;
  }
  .co-fixed-nav-bar .container>.row-fluid-wrapper>.row-fluid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-box;
    -webkit-box-align: center;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li:last-child {
    margin-right: 0px;
  }
  .co-logotop-set {
    width: 136px !important;
    position: relative;
  }
  .co-nav-main-set {
    width: calc(100% - 300px) !important;
    margin-left: 0px !important;
    padding-left: 2%;
    padding-right: 17px;
  }
  .co-nav-cta-set {
    width: 114px !important;
    margin-left: 0 !important;
    position: relative;
  }
  /* .co-nav-main-set .hs-menu-wrapper>ul>li>a { color: #fff; font-weight: 300; font-weight: 400; text-transform: uppercase; font-size: 11px; } */
  .co-nav-main-set .hs-menu-wrapper>ul>li>a {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
  }
  .co-nav-cta11 a.co-fill-org-cta {
    min-width: 115px;
  }

  .co-fixed-nav-bar.fixedhead {
    margin-top: 68px;
    padding: 10px 0;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li:hover>.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    transition: 1s ease;
  }

  ul.hs-menu-children-wrapper {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 1;
    /*border-radius:4px;
    top:calc(100% + 4px);*/
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 ul li a{
    min-width: 200px !important;
    padding: 8px 16px;
    line-height: 24px;
    padding-right: 24px;
    display:inline-block;
    border-top: 1px solid #d1d1d1;
    background-color: #f9f9f9;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 ul li a:hover{opacity:1}
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > ul li:hover > a {
    background-color: #f1f1f1;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 ul li {
    padding: 0;
    margin:0
  }
  .co-fixed-nav-bar {
    background: rgba(46, 10, 59, 1);
    background: -moz-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(113, 50, 135, 1)), color-stop(100%, rgba(46, 10, 59, 1)));
    background: -webkit-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
    background: -o-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
    background: -ms-linear-gradient(137deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
    background: linear-gradient(313deg, rgba(46, 10, 59, 1) 0%, rgba(113, 50, 135, 1) 100%);
  }
  .co-border-org-cta a{
    /*min-width: 220px;*/
    border: 2px solid;
    border-color: #fff;
    display: inline-block;
    padding: 11.5px 30px;
    color: #fff !important;
    text-align: center;
    border-radius: 50px;
  }
  /* .co-fixed-nav-bar .co-border-org-cta { min-width: 105px; font-size: 12px; padding: 5px 10px; } */
  .co-fixed-nav-bar .co-border-org-cta a{
    /* min-width: 105px;*/
    font-size: 14px;
    padding: 5px 10px;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > a:after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 40px;
    left: 40%;
    right: 40%;
    z-index: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    pointer-events: none;
  }
  /*.co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1:hover>a:after {
  opacity: 1;
  top: 43px;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
}*/
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 {
    position: relative;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 ul li:first-child:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background: #f9f9f9;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -1;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > ul li:first-child:before{
    top: -5px;
    left: 20px;
  } 
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > ul > li > ul li:first-child:before{
    top: 15px;
    left: -5px;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > ul > li > ul li:first-child:hover:before,.co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > ul li:first-child:hover:before,.co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 ul li:first-child:hover:before{
    background-color:#f1f1f1;
  }
  .co-nav-main-set .hs-menu-wrapper ul li ul li a {
    font-size: 13px;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li>ul>li:first-child>a, .co-nav-main-set .hs-menu-wrapper>ul>li>ul>li> ul li:first-child > a {
    border-top: 0
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li>ul li.hs-item-has-children>a:before {
    content: "\f105";
    position: absolute;
    right: 15px;
    font-family: FontAwesome
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li>ul li ul {
    top: 0;
    left: 90%;
    transition:left 0.4s ease-in-out;
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li>ul li:hover > ul{
    left:98%;
    top:0
  }
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1>ul>li.hs-menu-depth-2:hover>ul , .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1>ul>li.hs-menu-depth-2:hover>ul>li.hs-menu-depth-3:hover>ul{
    opacity: 1;
    overflow: visible !important;
    visibility: visible;
    transition: opacity .4s ease-out, top .4s ease-out, left .4s ease-out;
  }
  .hs-menu-flow-horizontal {
    display: block !important;
  }
}

@media(max-width:1366px){
  .swipebox-video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.3vw;
    right:0;
    width: 0;
    height: 0;
    border-top: 2.123vw solid transparent;
    border-bottom: 2.123vw solid transparent;
    border-left: 4.246vw solid #522462;
    border-radius: 5px;
    z-index:9;
    margin: auto;
    transform: translateY(-50%);
  }
  .swipebox-video{
    position:relative;
    display:inline-block;

  }
  .swipebox-video:before {
    width: 10.542vw;
    height: 10.542vw;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9;
    cursor: pointer;
    content:"";
    transform: translateY(-50%);
    box-shadow: 0 0 24px rgba(0, 0, 0, .16);
  }

}
@media(min-width:1367px){
  .swipebox-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 13px;
    right:0;
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 56px solid #522462;
    border-radius: 5px;
    z-index:9;
    margin: auto;
    bottom: 0;
  }
  .swipebox-video{
    position:relative;
    display:inline-block;
  }
  .swipebox-video:before {
    width: 144px;
    height: 144px;
    position: absolute;
    top: 48px;
    right: 48px;
    border-radius: 50%;
    background-color: #fff;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer;
    content:"";
    box-shadow: 0 0 24px rgba(0, 0, 0, .16);
  }
}

[data-columns]::before {
  font-size:0 !important;
}

.blog-cta-list{
  display:none;
}

.new-no-slider {
  padding:8px 0 0;
}

.new-no-slider .slier-loop {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.new-no-slider .slider {
  width: 23%;
  margin:0;
  margin-right: 2.66%;
  margin-bottom: 34px;
  height:auto;
}

.new-no-slider .slider:nth-of-type(4n) {
  margin-right: 0;
}

@media (max-width: 1023px) {
  .new-no-slider .slider {
    width: 48%;
    margin-right: 4%;
  }
  .new-no-slider .slider:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (max-width: 640px) {
  .new-no-slider {
    padding:60px 0;
  }
  .new-no-slider .slider {
    width: 100%;
    margin-right: 0;
  }
  .new-no-slider .slider:last-child {
    margin-bottom:0;
  }
}

.new-simple-cta {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.new-simple-cta .kl-white-cta {
  margin-top: 0;
  display: inline-flex;
}

.new-simple-cta .kl-transparent-cta,
.kl-link-right {
  margin-left:24px;
}

@media (max-width: 767px) {
  .new-simple-cta {
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .new-simple-cta {
    display: block;
  }
  .new-simple-cta .kl-transparent-cta {
    margin-left:0;
  }
}

.kl-blog-lpp button.owl-prev span,
.slier-loop01 button.owl-next span {
  font-size: 0;
}

.kl-blog-lpp .owl-stage {
  display: flex;
  flex-wrap: wrap;
}

.kl-blog-lpp button.owl-next span,
.slier-loop01 button.owl-next span {
  font-size: 0;
}

.kl-blog-lpp.owl-carousel {
  padding: 0 30px;
}

.kl-blog-lpp button.owl-prev {
  position: absolute;
  top: 45%;
  left: 0;
}

.kl-blog-lpp button.owl-next {
  position: absolute;
  top: 45%;
  right: 0; 
}

.partnership_badge_image {
  position: absolute;
  right: 0;
}

.partnership_badge_image img {
  width: 250px;
  height: auto;
}

@media screen and (min-width: 1121px) {
  .partnership_badge_image {
    top: 38px;
  }
}

@media screen and (min-width: 1366px) {
  .partnership_badge_image {
    top: 47px;
  }
}

@media screen and (max-width: 1120px) {
  .partnership_badge_image {
    top: 35px;
  }
}

@media screen and (max-width: 1024px) {
  .partnership_badge_image {
    top: 32px;
  }
}

@media screen and (max-width: 880px) {
  .partnership_badge_image {
    top: 28px;
  }
}

@media screen and (max-width: 767px) {
  .partnership_badge_image {
    top: 0px;
  }
  .partnership_badge_image img {
    width: 200px;
  }
}


/*shoppiung cart*/

.cradsd_lists_shopiing {
  width: 31%;
  margin-right: 3.4%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  margin-bottom: 24px;
  text-align: center;
  border-radius: 10px;
  padding: 20px 24px 24px;
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-direction: column;
}

.crads_shoping {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-wrap: wrap;
}

.cradsd_lists_shopiing.active .flop{
  background-color:transparent
}
.cradsd_lists_shopiing:nth-child(3n) {
  margin-right: 0;
}


.cart_lists ul li:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  /* background-position: center; */
  background-image: url('https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/green/klara-website-ckeck-circle-green.svg');
  background-size: 16px;
  top: 0;
  background-repeat: no-repeat;
}

.cart_lists ul li.close:before {background-image: url('https://www.klara.ch/hubfs/Vector%20Smart%20Object8-02.png');}
.cradsd_lists_shopiing.active .cart_lists ul li.close:before{
  background-image: url('https://www.klara.ch/hubfs/crosswhite.png')
}
.cart_lists ul li {
  margin-bottom: 8px;
  padding-left: 24px;
  position: relative;
  font-size: 12px;
  padding-right: 0;
}

.cradsd_lists_shopiing h6 {
  margin-bottom: 0;
}

.cradsd_lists_shopiing p {
  margin-bottom: 20px;
}

.cradsd_lists_shopiing h4 {
  margin-bottom: 19px;
}
.cradsd_lists_shopiing span.sub_middle {
  font-weight:400;
  display: block;
  font-size:18px
}
.cradsd_lists_shopiing ul {
  margin: 0;
}

.price_txt {
  margin-bottom: 18px;
}

span.more_link,span.back {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  text-decoration: underline;
}
.flip_flop_main {
  position: relative;
  height:100%;
  display: flex;
  flex-direction: column;
}
.slider.full-purple .flip ,
.slider.full-purple .flop {
  background-color: transparent;
}
.flop {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  visibility:hidden; 
  transition: all 0.5s ease;
  background-color: #fff;
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-direction: column;
  opacity:0;
}

.flip {
  transition: all 0.5s ease;
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-direction: column;
  height: 100%;
  position: relative;

}
section.main_sec- {
  padding-bottom: 20px;
}
section.if_select {
  margin-top: auto;
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-direction: column;
  border-top: 1px solid rgba(214, 214, 214, 0.5);
  padding-top: 24px;
  min-height: 202px;
}
.cta_btn.addcart {
  margin-top: auto;
}
.cradsd_lists_shopiing p {
  margin-bottom: 24px;
  font-size: 12px;
}
.flip_flop_main.is_flip .flip {
  opacity: 0;
  visibility: hidden;
}
span.more_link, span.back{position: relative; z-index: 1263;}
.flip_flop_main.is_flip .flop {
  opacity:1;
  visibility:visible;

}
.flop li{
  padding:0;
  font-size:12px;
}
span.back{
  margin-top:auto
}
.crads_price h5 {
  margin-bottom: 9px;
  background-color: #fff;
}
.crads_price{
  display:none
}
.right_mn{
  width:calc(28.5% - 30px);
  margin-left: auto;
}
.fix_price {
  max-width: 324px;
  background-color: #f4f4f4;
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-direction: column;
  padding:24px 24px 0;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  border-radius:10px;
  height:90vh;
  margin-top:53px;
  width:100%;
}
.shoping_cart{
  position:relative;
  padding-bottom: 120px;
}
.shoping_cart .max_shoping_cart > section {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-wrap: wrap;
}
.calc_total {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
  flex-wrap: wrap;
  justify-content: space-between;
  display:block;
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #d6d6d6;
  font-weight:600;
  font-size:14px;
  /*   min-height:100px */
}
section.redirectto {
  margin-top: auto;
  padding: 24px;
  margin-left: -24px;
  margin-right: -24px;
  background:linear-gradient(313deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
  color:#fff;
  border-radius:0 0 10px 10px;
}
.cart_bxes{
  height :720px;
  overflow:auto;
}
.cart_bxes .crads_price {
  display: block;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.24);
  border-radius: 8px;
  margin-bottom: 24px;
  position: relative;
  margin: 6px 6px 24px 6px;
}

.left_part {
  width: 71.5%;
}

.pos-ein {
  position: relative;
  height: 64px;
}

.dropdown-el {
  position: absolute;
  display: inline-block;
  min-height: 2.5rem;
  max-height: 2.5rem;
  overflow: hidden;
  top: .5em;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #522462;
  outline: none;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
  font-size: 12px;
  width: 100%;
  background-image: url(https://cdn2.hubspot.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png);
  background-position: 97% 16px;
  background-repeat: no-repeat;
  margin-bottom:19px !important;
  top:0;
  left:0
}
.dropdown-el input {
  width: 1px;
  height: 1px;
  display: inline-block;
  position: absolute;
  opacity: 0.01;
}
.dropdown-el label {
  border-top: 1px solid #d6d6d6;
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1em;
  padding-right: 3em;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
}
.dropdown-el label:nth-child(2) {
  margin-top: 2.5rem;
}
.dropdown-el input.activemenu + label {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.dropdown-el input:checked + label:nth-child(2) {
  margin-top: 0;
  position: relative;
  border-top:0
}
.dropdown-el.expanded {
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
  max-height: 15rem;
}
.dropdown-el.expanded label {
  border-top: 1px solid #d6d6d6;
}
.dropdown-el.expanded label:hover {
  color: #fff;
  background-color:#522462
}
.cart_bxes .crads_price h6,.cart_bxes .crads_price h6 span.selected_value,.cart_bxes .crads_price h6 span.before_selected  {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}
.cart_bxes .crads_price h6 span{
  font-weight: bold;
}
.cradsd_lists_shopiing.active {
  background: linear-gradient(313deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
}
.cradsd_lists_shopiing.active .dropdown-el{
  background-color: #522462;
  border-color:#fff;
  background-image:url('https://www.klara.ch/hubfs/downloadwhite.png')
}
.cradsd_lists_shopiing.active * {
  color: #fff;
}

.cradsd_lists_shopiing.active .cart_lists ul li:before{
  background-image:url('https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/white/klara-website-ckeck-circle-white.svg')
}
.cradsd_lists_shopiing.active .dropdown-el label{
  /*background-color: #522462;*/
}
.max_shoping_cart{
  max-width:1244px;
  margin-left:auto
}
span.clickable {
  display: block;
  padding: 24px;
}
.remove_click{
  position:relative
}
.backcolor{
  background: linear-gradient(313deg, rgba(46,10,59,1) 0%, rgba(113,50,135,1) 100%);
}
.clickable_mobile.backcolor span h4 {
  color: #fff;
}
.clickable_mobile:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 100%;
  z-index: 9;
  display:none;
}
.clickable_mobile.activemobile:before{
  display:block;
}
.cradsd_lists_shopiing.active .cta_btn a {
  background: #fff;
  color: #522462;
}
.fix_price.fixed {
  position: fixed;
  top: 71px;
  margin-top:5px;
  z-index:10;
}
.fix_price.bottom {
  bottom: 0;
  position: absolute;
  right: 0;
}
a.removeamnt {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 15px;
}
a.trash_meddia {
  display: inline-block;
  position: absolute;
  top: 10px;
  right:10px;
  color: #fff;
  font-size: 15px;
  line-height: normal;
}
span.defaltcart_txt,.ttl_txt {
  color: #8d8d8d;
  display: block;
  padding-top: 15px;
  font-size:14px
}
.ttl_txt {
  padding-top:0;
}
.headt{
  color: #8d8d8d;
  display: block;
  font-size:14px;
  margin-bottom:15px
}
.cart_lists {
  margin-bottom: 12px;
}
.cradsd_lists_shopiing .price_txt.static h6 {
  margin-bottom: 20px;
}
.cradsd_lists_shopiing.active .cart_lists{
  border-bottom-color:rgba(255,255,255,0.2)
}


/*newitems*/
.bortop {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(214, 214, 214, 0.5);
  padding-top: 24px;
  min-height: 125px;
}

.shopadmin {
  height: 100%;
  display: flex;
  flex-direction: column;
  position:relative;
}
.bortop h6 {
  margin-bottom: 15px !important;
}

.bortop .sub_middle {
  font-size: 14px !important;
}
.fr_ttl_mx{
  /*   flex-direction:column */
}
.with_prc{
  justify-content:space-between;
  display:flex;
  width:100%
}
.dropdowns_listings{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.dropdowns_listings select{
  width: 32%;
  margin-right: 2%;
}
.popunoq-href {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  position:relative;
  border-radius:4px;
  box-shadow:0px 0px 20px 0px rgba(0,0,0,0.25)
}
.mfp-close {
  background-image: url(https://www.klara.ch/hubfs/Vector%20Smart%20Object8-02.png)!important;
  background-repeat:no-repeat;
  background-position: center ;
  background-size: cover !important;
  opacity: 1 !important;
  right: 15px !important;
  top: 15px !important;
  font-size: 0 !important;
  border-radius: 50%;
  width: 20px !important;
  height: 20px !important;
}
.mfp-bg {
  background: rgba(11, 11, 11,0.3) !important;
}
.m_questions {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
}
.only_Fouth_Div_Aavail{
  display:none
}
.most_question {
  max-width: 650px;
  margin: 0 auto 50px;
}
.clickable_on_sel3 {
  border-top: 1px solid #ccc;
  margin-top: 52px;
  padding-top:52px
}

.dropdowns_listings select:last-child {
  margin-right: 0;
}
p.error_msg_without_ans {
  max-width: 650px;
  margin: 30px auto;
  width:100%;
}
.cradsd_lists_shopiing.versi .shop_admin span.price_data.pbef:before {
  content: "CHF";
  padding-right: 7px;
}




/*gr-slider*/
.jps-rg-slider{padding:20px 0;}
.jps-inner-rg h2 {text-align: center;margin-bottom: 35px;}

.jps-rg-slides {max-width: 730px;margin: 0 auto;}
.jps-inner-rg { max-width: 1114px; margin: 0 auto; } 
.rangeslider, .rangeslider__fill { display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 
.rangeslider { background: #e6e6e6; position: relative; } 
.rangeslider--horizontal { height: 3px; width: 100%; } 
.rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } 
.rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } 
.rangeslider__fill { position: absolute; background: #522462; } 
.range {
  margin: 0 30px;
}
.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } 
.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } 
.rangeslider__handle { background: #522462; border: 2px solid #ccc; cursor: pointer; display: inline-block; width: 16px; height: 16px; position: absolute; background-size: 100%; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
.rangeslider--horizontal .rangeslider__handle { top: 50%; touch-action: pan-y; -ms-touch-action: pan-y; transform: translateY(-50%); } 
.rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } 
.range input { display: block; text-align: center; font-size: 178px; font-family: sans-serif; font-weight: 600; margin: 0 0 2rem 0; line-height: 1; }
.range-labels { margin: 18px 0px 0; padding: 0; list-style: none; display: flex; justify-content: space-between; } 
.range-labels li { position: relative; text-align: center; font-size: 14px; cursor: pointer; padding:0;width:80px} 
.range-labels .selected::before { background: #37adbf; } 
.range-labels .active.selected::before { display: none; } 
.between_slider{border-top:1PX SOLID #ccc;padding-top:25px; max-width: 725px;margin: 25px auto 0;}

.rg-slider-box {padding: 35px 30px; text-align: center; margin: 20px auto 30px; border: 2px solid #d9d9e2; border-radius: 5px; }
.two-rg-slide { display: flex; flex-wrap:wrap;margin-bottom: 20px;align-items: center; align-items: flex-start;} 
.inner-rg-val { width: 50%; padding: 0 18px; } 
.jps-border-right{border-right:1px solid #ccc;} 
body .rg-box-val h3,body .rg-box-bottom-text h3 { font-weight: 700; } 
.rg-box-text p{line-height:1.2;} 
.rg-box-bottom-text p{margin: 12px 0 0;}
.rg-link-text a { font-size: 11px; text-decoration: underline; padding-top: 10px; display: inline-block; color:#acacac; }
.rg-link-text a:hover{color:#0d7dbb;text-decoration: underline;}
.range-labels .active .rg-change-value{display:block;}

.rg-change-value .h5:after { height: 4px; width: 100%; content: ""; display: block; background-color: #c1145c; border-radius: 50px; bottom: -6px; position: relative; } 
.rg-change-value {position: absolute;top: -106px;width: 108px;left: 50%;transform: translateX(-50%);display:none;}
.rg-input { padding: 30px 0 15px; } 
.rg-change-value .h5 i{color: #c1145c;} 
.rg-change-value .h5:before { position: absolute; margin: auto; top: 1.5vw; left: 0; right: 0; width: 15px; height: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); border-right: 4px solid #c1145c; border-bottom: 4px solid #c1145c; z-index: 11; content: ""; background-color: #fff; }
.jps-rg-cta{margin-top:30px;}
.layout__search{display:none;}
.m_questions .check_true {
  position: absolute;
  top: 0;
  right: 30px;
  height: 18px;
  width: 18px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/true.png);
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.shopadmin.is_flip .flip {
  opacity: 0;
  visibility: hidden;
}
.shopadmin.is_flip .flop {
  opacity: 1;
  visibility: visible;
}
.m_questions .check_cross {
  position: absolute;
  top: 0;
  right: 0px;
  height: 18px;
  width: 18px;
  background-image: url(https://cdn2.hubspot.net/hubfs/2588476/false.png);
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cta_btn.addcart.disable a {
  background: #f4f4f4;
  color: #3c3c3c;
  box-shadow:none;
  pointer-events:none;
}
.m_questions{position:relative;font-size:12px}
.m_questions input:checked {opacity: 1;}


#hr_tab .mob-none .cradsd_lists_shopiing {
  position:relative
}
.ribbon_show {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cartpage2 .cart_sel_bxes  .crads_price h6 .price_cards ,.four_section_item-list .crads_price h6 .price_cards {
  display: none;
}

.crads_price.versi h6 .price_cards {
  display: inline-block !important;
}
.crads_price.versi h6 .selected_value {
  display: none;
}
.cart_sel_bxes .crads_price.marketing .price_cards {
  display: inline-block !important;
}
.two_btn_links {display: none;flex-wrap: wrap;justify-content: center;max-width: 550px;margin: 0 auto 25px;}
.two_btn_links a {display: inline-block;text-decoration: underline;padding: 0 20px;border-radius:50px;transition:all 0.5s ease;line-height:45px}
.two_btn_links .cta_btn a{text-decoration:none}
.two_btn_links .btnslink{margin-right:20px}
.two_btn_links .btnslink:last-child{margin-right:0px}
/* .two_btn_links a:hover{
background: linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);
color:#fff;
text-decoration:none;
}*/
.error_msg_lst {
  position: absolute;
  font-size:12px;
  top: 100%;
  left: 0;
  color: #ff2e2e;
  background: rgba(255,46,46,.1);
  width: 100%;
  padding: 8px 16px 12px;
  border-radius: 5px;
  display:none;
}

.error_msg_lst:before {
  content: url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/red/klara-website-remove-circle-red.svg);
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  line-height: 0;
  margin-right: 7px;
}
@media(max-width:1250px){
  .max_shoping_cart{
    padding:0 15px;
  }
}
@media(max-width:1199px) and (min-width:992px){
  .fix_price.fixed,.fix_price.bottom{
    right: 0;
    max-width: 274px;
  }
}
@media(max-width:1024px){
  .addcart{
    font-size:14px
  }
  .cradsd_lists_shopiing {
    width: 48.3%;
  }
  .cradsd_lists_shopiing:nth-child(2n) {
    margin-right: 0 !important;
  }
  .cradsd_lists_shopiing:nth-child(3n) {
    margin-right: 3.4%;
  }
}
@media(max-width:991px){


  .cradsd_lists_shopiing {
    width: 48.3%
  }
  .left_part,.right_mn {
    width: 100%;
  }
  .fix_price {
    max-width: 425px;
    margin: 0 auto;
    height: auto !important;
    position:initial !important
  }
  .cart_bxes{
    display:none
  }
  .calc_total {
    padding-top:0;
    border-top:0
  }
  span.defaltcart_txt{
    display:none
  }
  .shoping_cart{
    padding-bottom: 90px;
  }
}



@media(max-width:640px){
  .mob-none{
    display:none
  }
  .img_active{
    display:none;
  }
  .backcolor .img_active{
    display:block;
  }
  .backcolor .img_deactive{
    display:none;
  }
  .cradsd_lists_shopiing{
    display:none
  }
  .clickable_mobile {
    width: 48.3%;
    margin-right: 3.4%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    margin-bottom: 24px;
    text-align: center;
    border-radius: 10px;
  }
  .clickable_mobile:nth-child(2n){
    margin-right:0 !IMPORTANT;
  }
  .clickable_mobile:nth-child(3n){
    margin-right: 3.4%;
  }
  .clickable h4 {
    margin-bottom: 0;
    word-break: break-all;
  }
  span.clickable img {
    max-width: 60px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .shoping_cart{
    padding-bottom: 65px;
  }
  .desk-none {
    position: relative;
    width:100%;
  }
  .close{
    position:absolute;
    display: inline-block;
    top: 10px;
    right: 15px;
  }
  .clickable_mobile .cradsd_lists_shopiing {
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 340px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 9;
  }
  body.overno{
    overflow:hidden
  }
  .m_questions{
    padding-right:65px
  }
  .dropdowns_listings select{
    width:100%;
    margin-right:0;
    margin-bottom:15px
  }
  .error_msg_lst{
    min-width: 188px;
    transform: translateX(-50%);
    left: 50%;
  }

}

@media(max-width:767px){
  /* .kl-fixed-top-form fieldset.form-columns-2>div {
  width: 100% !important;
  margin-right: 0!important;
}*/
  .kl-fixed-top-form fieldset.form-columns-3>div {
    width: 100% !important;
    margin-right: 0!important;
  }
}

@media(min-width:641px){
  .desk-none{
    display:none
  }
}
@media(max-width:374px){
  .clickable_mobile{
    width:100%;
    margin-right:0 !important
  }
}
@media(min-width:992px){
  .hide_desk{
    display:none;
  }
}
@media(max-width:991px){
  .hide_mob{
    display:none;
  }
}
.accounting-section img {
  max-height: 515px;
}

.accounting-section figure {
  text-align: center;
}

@media (max-width: 480px) {
  .new-simple-cta .kl-transparent-cta, .kl-link-right {
    margin-left: 0;
    margin-top: 16px;
  }
  .two_btn_links{
    justify-content: center;
  }
  .two_btn_links .btnslink{margin-right:0px;margin-bottom:20px}
}


@media all and (-ms-high-contrast:none){
  section.redirectto{
    padding-bottom:48px
  }
  .lp-frm ul.inputs-list.hs-error-msgs li label::before{
    content: "";
    background-image:url(https://cdn2.hubspot.net/hubfs/2588476/img/websites/icons/red/klara-website-remove-circle-red.svg);
    background-repeat:no-repeat;
    background-size:15px;
    margin-right: 8px;
    line-height: normal;
    position: relative;
    top: 3px;
    width:15px;
    height:15px;
    display:inline-block;
  }
  #popup_price{
    position:relative
  }
  .offer,.premier{
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
  }
  .most_question,p.error_msg_without_ans{
    margin-bottom:70px
  }
  .four_items_frm .hs-richtext{
    position:relative;
    top:0;
    width:100%;
  }
  .m_questions input[type="radio"]::-ms-check{display:none}
  .m_questions input[type="radio"]:checked::-ms-check{opacity:1}
  *:focus{outline:none}
  *:checked{outline:none}
}

/***** ne 1-10-2020+-****/
.max-width-cont .width-50 .txt-center.cta_btn, .max-width-cont .width-50 .txt-center.kl-white-cta {
  position: absolute;
  bottom: 24px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.feature__slider {
  padding: 15px 0;
}
.owl-carousel.owl-drag .owl-item .slider.item-ol{height:100% !important;}
.max-width-cont .width-50 {padding-bottom:75px; position: relative;}
.max-width-cont .width-50.no-cta {padding-bottom:24px;}
.new-rib.sale-tag {  right: -10px; top: 15px;  background-size: 95px; } 
.plan-loop-bottom-text.new-plan {    margin-top: -35px;}
.plan-loop-bottom-text.no-slider-vat-info.botm-plan { margin-top: -32px; }
.plan-loop-bottom-text.no-slider-vat-info.botm-plan.add-top{ margin-top: -50px; }
.plan-loop-bottom-text.new-plan.add-tops{margin-top: -55px;}
.kl-link-ft a {    text-decoration: none;}
.kl-link-ft a:hover {    text-decoration: underline;} 
@media (max-width: 1023px) {
  .plan-loop-bottom-text.new-plan {    margin-top: -48px;}
}
@media (max-width: 840px){
  .kl-ho-header-in-cort.vd-remove-pd {
    top: 0;
  }
  .kl-fixed-hh-fixed.vd-remove-pd {
    position: relative;
    top: 0;
  }
}
@media (max-width: 767px){

  .kl-fixed-top-form fieldset.form-columns-2>div {  width: 100% !important;    margin-right: 0!important;}
}


@media (max-width: 414px){
  .kl-ho-header-in-cort.vd-remove-pd {
    top: 0;
  }
  .kl-fixed-hh-fixed.vd-remove-pd {
    position: relative;
    top: 0;
  }
}


.owl-carousels.owl-loadeds>div, .item-slide {
  width: calc(33.33% - 30px);
  height: auto !important;
  position: relative;
}
.new-rib.sale-tag {
  right: -25px;
  top: 0;
  background-size: 95px;
}
/**** bubble**************/
.complex-bubble-big {

  line-height: 1;margin: 10px 0 0 0;
}
.complex-bubble-big * {
  line-height: 1.15;
}

@media (max-width: 1024px){
  .kl-ho-header {
    margin-top: 68px;
  }


  .hs-landing-page .kl-ho-header {
    margin-top: 90px;
  }

}

/************************************************ Home page CSS *****************************************************/
.co-nav-search-icon a.search-icon i{transform:rotate(0deg);}
.kl-ho-header.re-new-banner{transform:none;height:auto!important;}
.kl-ho-header-in-cort.re-new-banner-cont{transform:none;height:calc(100vh - 88px);background-size:cover;transform-origin:inherit;}
.re-new-banner-cont h1{color:#522462;line-height:36px;font-weight:normal;margin:0;}
.re-new-banner-cont span.b-font{font-size:120px;line-height:144px;font-weight:bold;color:#522462;margin-bottom:14px;display:inline-block;}
.kl-ho-header-in-cort.re-new-banner-cont:after{display:none;}
.kl-ho-header-in-cort.re-new-banner-cont p{color:#522462;font-size:18px;line-height:26px;}
.re-new-banner-cont .kl-fixed-hh-fixed{padding-top:200px;}
.kl-top-bnafixed.r-full-text{max-width:100%;}
.kl-top-bnafixed.r-full-text  h2{margin-bottom:24px;line-height:36px;}
.r-custom-box .slider{box-shadow:none;margin:0;}
.new-change .about-img.support-faq{height:304px;width:304px;margin:0 auto;border-radius:100%;box-shadow:0px 0px 20px rgba(0,0,0,0.2);padding:0;}
.r-custom-box .about-img:after{display:none;}
.feature__slider.r-custom-box{margin-top:65px;}
.r-box-title{width:100%;text-align:center;padding:0 0 35px;}
.kl-oline-market01.r-padd-top{padding-top:40px;}
.r-box-title h2{margin-bottom:24px;line-height:36px;}
.r-custom-box .slider.item-ol{width:calc(33.33% - 0px);height:auto!important;}
.r-custom-box .image-cards .slide-title{margin-top:40px;margin-bottom:16px;display:inline-block;vertical-align:top;}
.r-custom-box .slier-loop .slide-txt{font-size:16px;line-height:24px;}
a.arrow-blink{position:absolute;text-align:center;bottom:150px;left:0;right:0;margin:0 auto;display:inline-block;width:50px;}
.bounce{-webkit-animation:bounce 2s;animation:bounce 2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes bounce{
  0%{transform:translateY(0);}
  50%{transform:translateY(-20px);}
  100%{transform:translateY(0);}
}
.home .co-nav-main-set.tabs_section.overlay:after{    max-width: 100%;}
.re-new-banner-cont .kl-white-cta a{color:#fff;background:linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);}
.home .header-container-wrapper:after{max-width:100%;}
.e-klara-benifit{margin:40px 0;}
.two-col-half{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.half-50-left{width:54.1%;min-height:700px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.half-50-right{width:45.9%;padding-left:50px;padding-right:0;}
.half-inner{max-width:450px;}
.half-inner ul{padding:0;margin:50px 0 0;list-style:none;}
.half-inner ul li{padding-left:50px;margin:0 0 40px;line-height:normal;list-style:none;position:relative;}
.half-inner ul li:last-child{margin:0;}
.half-inner ul li:before{background-image:url(https://f.hubspotusercontent20.net/hubfs/2588476/KLARA/Vector.svg);position:absolute;top:0;right:0;left:0;content:"";width:32px;height:32px;}
.half-inner ul li p{line-height:24px;font-size:16px;}
.kl-bd-analisys.r-icon-box{margin:30px 0 0;}
.r-form-module{margin:90px 0 40px;}
.form-top-part{max-width:750px;text-align:center;margin:0 auto;padding-top:70px;border-top:2px solid rgb(151,151,151,0.2);}
.box-icon-img{display:inline-block;margin:0 0 40px;}
.form-top-part h2{line-height:36px;}
.form-top-part p{line-height:24px;font-size:16px;}
.r-mid-form form{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.r-mid-form{max-width:400px;margin:35px auto 0;}
.r-mid-form form div.hs-form-field > label{margin:0;}
.r-mid-form form .hs_email{width:214px;margin:0;}
.r-mid-form form ul.no-list.hs-error-msgs.inputs-list{position:absolute;bottom:-38px;right:inherit;list-style-type:none;padding:2px 5px;color:white;background:#ff2e2e4d;width:264px;border-radius:5px;margin-left:auto;left:0;}
.r-mid-form form ul.no-list.hs-error-msgs.inputs-list li{margin-bottom:0;padding:10px 15px;}
.r-mid-form form ul.no-list.hs-error-msgs.inputs-list li label{font-size:12px;font-weight:600;position:relative;z-index:9;line-height:normal;display:block;color:#ff2e2e;width:100%;}
.r-mid-form form ul.no-list.hs-error-msgs.inputs-list li label:before{content:"\f05c";font-family:fontawesome;margin-right:16px;font-size:13px;line-height:normal;}
.r-mid-form form input[type="email"]{width:214px!important;}
.r-mid-form form .hs_submit.hs-submit{width:160px;display:inline-block;}
.r-mid-form form .hs_submit input{padding-left:16px;min-width:160px;font-size:16px;line-height:normal;padding-right:16px;padding-top:11px;padding-bottom:11px;border:0;margin:0;}
.r-form-bottom-cont .bottom-tiltels{line-height:26px;margin-bottom:24px; font-size:18px;font-family: 'Roboto', Arial, Sans-Serif; font-weight: 700;margin: 0 0 24px;}
.r-form-bottom-cont{text-align:center;margin:60px 0 0;}
.r-form-bottom-cont p{font-size:16px;line-height:24px;}
.r-form-bottom-cont a{font-size:16px;line-height:26px;margin-right:30px;text-decoration:underline;}
.r-form-bottom-cont a:hover{text-decoration:none;}
.half-inner ul li:last-child p{margin:0;}
.r-form-bottom-cont a:last-child{margin:0;}
.r-form-bottom-cont p {

  margin-bottom: 20px;
}
a.arrow-blink {     bottom: 90px;}
.r-custom-box .image-cards .slide-title .s-title {
  font-size: 18px;
  line-height: 24px;font-weight:600;
}
.half-inner  h3 {     font-size: 24px;
  line-height: 30px;}



.r-icon-box .kl-bd-fixed .number-title { font-size: 18px;
  font-weight: 700;margin: 0 0 24px;display:block;

  line-height: 24px;}


@media (max-height:650px) {

  .kl-ho-header-in-cort.re-new-banner-cont {
    transform: none;
    height: 550px;
  }
}


@media (max-height:450px) {

  .kl-ho-header-in-cort.re-new-banner-cont {
    transform: none;
    height: 450px;
  }
}

@media(max-width:1800px){
  .de-tag-loi { right: 5px; top: 5px; width: 37px; height: 37px;  font-size: 12px; }
}
@media(max-width:1600px){
  .re-new-banner-cont .kl-fixed-hh-fixed{padding-top:150px;}
  .half-50-left{min-height:600px;}
  .de-tabb-panel12 .slider.slider-nav .slick-track .de-os-nav-put.slick-active.is-active.min-small {
    padding-top: 15px;
  }
  .de-tabb-panel12 .slider.slider-nav .slick-track .de-os-nav-put.slick-active.is-active{ padding-top: 40px; }
}
@media(max-width:1480px){
  .slider.slider-single { padding: 60px 50px 50px; }
  .de-slde-cont-opp { margin-top: 31px; }
}
@media(max-width:1440px){
  .re-new-banner-cont .kl-fixed-hh-fixed {
    padding-top: 110px;
  }
  a.arrow-blink {
    bottom: 80px;
  }
}
@media(max-width:1280px){
  .re-new-banner-cont .kl-fixed-hh-fixed {
    padding-top: 75px;
  }
}
@media(max-width:1250px){
  .re-new-banner-cont span.b-font{font-size:90px;line-height:110px;}
  a.arrow-blink {
    width: 24px;
    bottom: 50px;
  }

  .re-new-banner-cont .kl-fixed-hh-fixed {
    padding-top: 150px;
    margin-left:152px;
  }
  .new-change .about-img.support-faq{height:250px;width:250px;}
  .kl-oline-market01.r-padd-top{padding-top:0px;}
  .feature__slider.r-custom-box{margin-top:40px;}
  .half-inner ul li{padding-left:40px;margin:0 0 40px;}
  .half-50-left{width:50%;min-height:500px;}
  .half-50-right{width:50%;padding-right:30px;}
  .half-inner{max-width:100%;}
  .half-inner  h2{font-size:32px;}
  .half-inner h3{font-size:20px;line-height:28px;margin:0 0 15px;}
  .half-inner ul li{padding-left:40px;margin:0px 0 30px;}
  .half-inner ul{padding:0;margin:40px 0 0;}
  .half-inner ul li:before{top:4px;width:26px;height:26px;background-size:25px;background-repeat:no-repeat;}
  .r-form-module{margin:50px 0 20px;}
  .form-top-part{padding-top:50px;}
  .half-50-right {

    padding-right: 20px;
  }
  .kl-oline-market01.r-padd-top {
    padding-top: 15px;
  }
  .half-50-left {
    width: 50%;
    min-height: 600px;
  }
  .container {
    padding: 0px 24px;
  }

  .slider.slider-single { padding: 45px 50px 40px; }
  .de-img-oiip { width: 130px; margin:0 auto;text-align:center;}
  .de-tabb-panel12:after { max-width: 80%;}
}

@media (min-width:1080px){
  .de-header-banner {  padding: 30px 30px; }
  .de-head-text-pp h1,.de-head-text-pp .new-h1 { font-size: 48px;}
  .de-head-cont-oi p { font-size: 16px; }

  .de-tabb-panel12:after { max-width: 80%;}
}

@media (min-width:1025px){
  .home .co-fixed-nav-bar{max-width:100%;}
}
@media(max-width:1024px){
  .kl-ho-header-in-cort.re-new-banner-cont{transform:none;height:500px;}
  .re-new-banner-cont span.b-font{font-size:70px;line-height:90px;}
  .re-new-banner-cont .kl-fixed-hh-fixed{max-width:400px;}
  .kl-ho-header-in-cort.re-new-banner-cont p{color:#522462;font-size:16px;line-height:24px;}
  .new-change .about-img.support-faq{height:200px;width:200px;}
  .r-custom-box .image-cards .slide-title{margin-top:25px;margin-bottom:16px;}
  .kl-ho-header-in-cort.re-new-banner-cont {    transform: none;   height: 650px;}
  .r-box-title h2 {    margin-bottom: 24px;    line-height: 36px;    font-size: 32px;}
  .half-inner h3 {    font-size: 24px;    line-height: 30px;    margin: 0 0 15px;}
  .re-new-banner-cont .kl-fixed-hh-fixed {    padding-top: 12%;}
  .de-header-new-sl { margin-top: 72px; }
  .de-img-oiip { width: 118px; }
}
@media(max-width:991px){
  .r-custom-box .image-cards .slide-title{padding:0 10px;}
  .r-custom-box .slier-loop .slide-txt{font-size:16px;line-height:24px;padding:0 10px;}
  .kl-ho-header-in-cort.re-new-banner-cont{transform:none;height:400px;}
  .half-inner h4{font-size:20px;line-height:24px;margin:0 0 15px;}
  .half-inner h2{font-size:24px;line-height:30px;}
  .half-inner ul{padding:0;margin:20px 0 0;}
  .half-inner ul li:before{top:0;}
  .half-inner ul li{padding-left:35px;margin:0px 0 20px;padding-right:0;}
  .half-50-right{width:50%;padding-right:20px;padding-left:30px;}
  .half-inner  h2{font-size:28px;}
  .kl-ho-header-in-cort.re-new-banner-cont {
    transform: none;
    height: 450px;
  }
  .half-inner h2 {
    font-size: 22px;
  }
  .half-inner h3{
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px;
  }
  .half-inner h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .half-inner h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 15px;
  }
  /*   .half-50-left {
  width: 46%;
  min-height: 540px;
}
  .half-50-right {
  width: 54%;
  padding-right: 20px;
  padding-left: 30px;
} */
  .slier-loop h6 {
    margin-bottom: 0px;

    font-size: 15px;
    line-height: 24px;
  }
  .re-new-banner-cont .kl-fixed-hh-fixed {
    padding-top:13%;
    margin-left: 25px;
  }
  .kl-ho-header-in-cort.re-new-banner-cont {
    transform: none;
    height: 550px;
  }
  a.arrow-blink{bottom:50px;}
  .r-custom-box .image-cards .slide-title .s-title {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 24px;
  }


  .de-head-text-pp h1,.de-head-text-pp .new-h1 { font-size: 36px;}
  .de-head-text-pp .new-h6,.de-head-text-pp h1.new-h6{font-size: 18px;}
  .de-head-text-pp .new-h5{font-size: 18px;}
  .de-head-text-pp .new-h4{font-size: 22px;}
  .de-head-text-pp .new-h3{font-size: 24px;}
  .de-head-text-pp .new-h2{font-size: 26px;}


  .de-header-cont-outside { padding: 50px 40px 50px 68px; }
  .de-slde-cont-img { width: 580px; margin: 0 auto; }

}
/* @media(max-width:840px){
.kl-bd-analisys.r-icon-box{margin:0px 0 0;padding:0;}
.r-icon-box .kl-bd-fixed-size{padding:0px 0px;width:100%;margin-bottom:30px;}
.kl-bd-analisys.r-icon-box .kl-bd-img{height:auto;margin-bottom:10px;}
.r-form-module{margin:10px 0 20px;}
.form-top-part{padding-top:40px;}
} */
@media(max-width:840px){
  .r-icon-box .kl-bd-fixed-size {
    margin-bottom: 0;
    width: 33.33%;
    padding: 0px 0px;
    text-align: center;
    position: relative;
  }
  .kl-bd-analisys.r-icon-box {
    margin: 0px 0 0;
    padding: 0;
  }
  .form-top-part h2 {
    line-height: 36px;
    font-size: 32px;
  }

}
@media(max-width:767px){
  .re-new-banner-cont span.b-font{font-size:50px;line-height:70px;}
  .r-custom-box .slider.item-ol{width:100%;height:auto!important;margin-bottom:15px;}
  .re-new-banner-cont .kl-fixed-hh-fixed{max-width:300px;text-align:left;}
  .kl-ho-header.re-new-banner:after{display:none;}
  .re-new-banner-cont:before{top:0;position:absolute;background-color:rgba(0,0,0,0.3);content:"";left:0;right:0;bottom:0;z-index:2;}
  .re-new-banner-cont .kl-fixed-hh-fixed{z-index:99;position:relative;}
  /* 	.re-new-banner-cont .kl-fixed-hh-fixed h1,.re-new-banner-cont .kl-fixed-hh-fixed span.b-font,.re-new-banner-cont .kl-fixed-hh-fixed p{color:#fff;} */
  .re-new-banner-cont .kl-fixed-hh-fixed{padding-top:50px;}
  .kl-oline-market01.r-padd-top{padding-top:30px;}
  .feature__slider.r-custom-box{margin-top:0;}
  .r-custom-box .image-cards .slide-title{padding:0 10px;height:auto!important;}
  .r-custom-box .image-cards .slide-title{padding:0;height:auto!important;margin:30px 0 20px!important;display:inline-block;line-height:normal;min-height:auto;}
  .kl-top-bnafixed.r-full-text h2{margin-bottom:24px;line-height:28px;}
  a.arrow-blink{z-index:999;}
  .feature__slider.r-custom-box{margin-top:20px;}
  .r-box-title{padding:0 0 10px;}
  .r-box-title h2{margin-bottom:24px;line-height:28px;}
  .half-50-left{width:100%;min-height:350px;}
  .half-50-right{width:100%;padding-right:20px;padding-left:20px;margin:40px 0 0;}
  .half-inner h2{font-size:24px;line-height:30px;text-align:center;}
  .half-inner ul{padding:0;margin:30px 0 0;}
  .kl-oline-market01.r-padd-top{padding-top:0;}
  .half-inner ul li:before{top:0;width:20px;height:20px;background-size:20px;}
  .half-inner ul li{padding-left:30px;}
  .form-top-part h2{line-height:30px;}
  .r-form-bottom-cont{text-align:center;margin:40px 0 0;}
  .r-form-module{margin:10px 0 0px;}
  .e-klara-benifit {margin: 0px 0 40px;}
  .re-new-banner-cont:before {     background-color: transparent;}
  .kl-ho-header-in-cort.re-new-banner-cont {
    transform: none;
    height: 600px;
  }
  .re-new-banner-cont .kl-fixed-hh-fixed {
    padding-top: 128px;

  }
  .re-new-banner-cont h1 {
    font-size: 24px;
  }
  .re-new-banner-cont span.b-font {
    font-size: 65px;
    line-height:115px;
  }
  .kl-ho-header-in-cort.re-new-banner-cont p {

    font-size: 18px;
    line-height: 26px;
  }
  .feature__slider.r-custom-box {
    margin-top: 25px;
  }
  .r-custom-box .slider.item-ol {
    width: 100%;
    height: auto !important;
    margin-bottom: 0px;
  }
  .half-inner h2 {
    font-size: 32px;
    line-height: 30px;
    text-align: left;
  }
  .half-inner h4 {
    font-size: 24px;
  }
  .kl-top-bnafixed.r-full-text h2 {
    margin-bottom: 24px;
    line-height: 36px;
    font-size: 32px;
  }
  .form-top-part h2 {
    line-height: 36px;
    font-size: 32px;
  }

  .half-inner h2 {
    font-size: 32px;
    line-height: 36px;
    text-align: left;
  }
  .r-box-title h2 {
    margin-bottom: 24px;
    line-height: 36px;
    font-size: 32px;
  }
  .half-inner h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .kl-top-bnafixed.r-full-text p br {
    display: none;
  }
  .kl-bd-analisys.r-icon-box{margin:0px 0 0;padding:0;}
  .r-icon-box .kl-bd-fixed-size{padding:0px 0px;width:100%;margin-bottom:30px;}
  .kl-bd-analisys.r-icon-box .kl-bd-img{height:auto;margin-bottom:10px;}
  .r-form-module{margin:10px 0 20px;}
  .form-top-part{padding-top:40px;}
  .slier-loop h6 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
  }
  .half-inner ul li:before {
    top: 5px;
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
  .r-custom-box .image-cards .slide-title .s-title {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
  } 

  .de-head-text-pp h1,.de-head-text-pp .new-h1 { font-size: 32px; }
  .de-head-cont-oi p { font-size: 12px; line-height: 1.7; }
  .de-head-cont-cta12 a {  font-size: 14px;  padding: 8px 22px;  }
  .de-header-cont-outside {  padding: 40px 28px 40px 28px; }
  .de-header-banner { padding: 30px 20px; }
  .slider.slider-single { padding: 45px 20px 40px; }
  .de-slde-cont-img { width: 480px;}
}

/* @media (max-height:650px) {
.kl-ho-header-in-cort.re-new-banner-cont {
transform: none;
height: 650px;
}
} */


@media(max-width:680px){
  .de-with-klara { display: none; }
  .de-header-banner { padding-bottom: 20px; height: 414px; }
  .de-header-banner { justify-content: flex-start;}
  .de-au-named { margin-bottom: 0; }
  .de-hauthor-info { max-width: 100%; width: calc(100% - 58px); padding-right: 25px;}
  .de-au-named { text-align: left; }
  .de-header-new-sl a.arrow-blink { right: 50px; left: auto; }
  .de-header-cont-outside { order: 1; width: 100%; padding: 45px 55px; }
  .de-header-banner { width: 100%; order: 2;  padding-left: 56px; padding-right: 50px; }
  .de-header-inner-fixed { height: auto;}
}


@media(max-width:640px){
  /* 	.half-inner h4{font-size:18px;} */
  /* 	.kl-ho-header-in-cort.re-new-banner-cont{transform:none;height:350px;} */
  /* 	.re-new-banner-cont .kl-fixed-hh-fixed{padding-top:35px;max-width:100%;} */
  .re-new-banner-cont .kl-fixed-hh-fixed{z-index:99;position:relative;}
  /* 	.re-new-banner-cont h1{font-size:20px;} */
  /* 	.re-new-banner-cont .kl-fixed-hh-fixed{padding-top:20px;max-width:100%;} */
  /* 	.re-new-banner-cont span.b-font{font-size:40px;line-height:50px;} */
  .r-mid-form form input[type="email"]{width:100%!important;}
  .r-mid-form form .hs_email{width:100%;margin:0;}
  .r-mid-form form ul.no-list.hs-error-msgs.inputs-list{bottom:-29px;}
  .r-mid-form form ul.no-list.hs-error-msgs.inputs-list li{margin-bottom:0;padding:6px 15px;}
  .r-mid-form form .hs_submit.hs-submit{width:160px;display:inline-block;margin:30px auto 0;}
  .r-form-bottom-cont a{font-size:16px;line-height:26px;margin-right:0;text-decoration:underline;display:inline-block;width:100%;text-align:center;margin-bottom:10px;}
  .half-inner ul li {

    margin: 0px 0 30px;
  }
  .r-form-bottom-cont {
    text-align: center;
    margin: 40px auto;
    max-width: 230px;
  }
  .r-form-bottom-cont a { text-align: left;}
  .r-form-bottom-cont a { text-align: left;}


  .de-header-cont-outside {    padding: 45px 25px;}
  .de-header-banner {  padding-left: 25px; padding-right: 25px; }
  .de-header-banner { padding-bottom: 20px; height: 260px; }
  .de-header-new-sl a.arrow-blink { right: 25px; left: auto; }
  .de-tabb-panel12 .slider.slider-nav .slick-track .de-os-nav-put { min-height: 161px;}
  .de-tabb-panel12 .slider.slider-nav .slick-track .de-os-nav-put.slick-active.is-active { padding-top: 20px; }
  .de-slde-cont-img { width: 400px;}
}

@media(max-width:480px){
  a.arrow-blink {
    bottom: 95px;
  }
  .kl-ho-header-in-cort.re-new-banner-cont {
    height: calc(100vh - 72px);
  }

  .de-header-new-sl a.arrow-blink {  width: 40px; height: 40px; line-height: 40px; }
  .de-header-new-sl {margin-top: 68px; }
  .de-slde-cont-img { width: 100%; }
}
@media(max-width:400px){
  .half-inner h4{font-size:18px;} 

  .re-new-banner-cont .kl-fixed-hh-fixed{padding-top:35px;max-width:100%;} 

  .re-new-banner-cont h1{font-size:20px;} 
  .re-new-banner-cont .kl-fixed-hh-fixed{padding-top:20px;max-width:100%;} 
  .re-new-banner-cont span.b-font{font-size:40px;line-height:50px;} 
  .kl-ho-header-in-cort.re-new-banner-cont {
    transform: none;
    height: 400px;
  }
  .re-new-banner-cont .kl-fixed-hh-fixed {
    padding-top: 50px;
    max-width: 100%;
  }
  .r-box-title h2 {
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 24px;

  }

  .half-inner h2 {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }


  .half-inner h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
  }
  .kl-top-bnafixed.r-full-text h2 {
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 24px;
  }
  .form-top-part h2 {
    line-height: 32px;
    font-size: 24px;
  }
  .container {
    padding: 0px 20px;
  }
  .re-new-banner-cont .kl-fixed-hh-fixed {

    margin-left: 0;
  }
  /*   a.arrow-blink {
  bottom: 25px;
} */
  .kl-ho-header-in-cort.re-new-banner-cont {

    height: calc(100vh - 70px);
  }
  .de-header-cont-outside {  padding: 25px 20px; }
  .de-header-banner {  padding-left: 20px; padding-right: 20px; }
  /*       a.arrow-blink {
  bottom: 50px;
} */
}
.de-head-text-pp h1.new-h6{font-size: 18px;}
.de-head-text-pp h1.new-h5{font-size: 20px;}
.de-head-text-pp h1.new-h4{font-size: 22px;}
.de-head-text-pp h1.new-h3{font-size: 24px;}
.de-head-text-pp h1.new-h2{font-size: 26px;}

.panels h6{opacity:1;}
.panels img {    opacity: 1;}

li.panels.tab-change{opacity:0.5}
ul.panel-head.tab2 li.panels.tab-change.li-tab-2,
ul.panel-head.tab1 li.panels.tab-change.li-tab-1
,ul.panel-head.tab3 li.panels.tab-change.li-tab-3{opacity:1;}

@media(max-width:340px){
  a.arrow-blink {
    bottom: 20px;
  }
}
.video-main.new-changes.s-container,.video-main.new-changes.m-container{padding: 30px 15px 0;}
@media (min-width: 1025px){
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1 > a:hover {padding-bottom: 3px;border-bottom: 1px solid #fff;}
  .new-header .co-nav-main-set .hs-menu-wrapper>ul>li>a {
    text-transform: uppercase;
  }
  .co-nav-cta-set {    margin-right: 15px;}
  .child-trigger {    display: none;}
  .subnav-part.one-col-inner-twocol>div>div ul.hide.small-device  {    display: none !important;}
  .subnav-part.one-col >div>div {    padding: 20px 40px;}
  .co-nav-main-set .hs-menu-wrapper>ul>li.hs-menu-depth-1.active a { border-bottom: 1px solid #fff; padding-bottom: 3px; }

  .menu-op-klr.hide-po{ display: none !important;  } 
  .co-nav-main-set.tabs_section.overlay .menu-op-klr {
    min-height: 365px;padding-bottom:0px;
  }
  .co-nav-main-set.tabs_section.overlay .menu-op-klr.hide-po{ display: none !important;  }
  .menu-op-klr {    height: auto !important;      -webkit-transition: height 0.3s ease;            -moz-transition: height 0.3s ease;            -o-transition: height 0.3s ease;
    transition: height 0.3s ease;    display: block !important; }
  .new-header .co-nav-main-set .hs-menu-wrapper>ul>li a.cta_button  {    text-transform: inherit;}
  .mobile-open .menu-op-klr{display:none !important;}
}
@media(max-width:320px){
  .de-header-cont-outside { padding: 25px 20px; }
  .de-head-text-pp h1,.de-head-text-pp .new-h1 { font-size: 26px; }
  .de-head-cont-cta12 { margin-top: 24px; }
}


/****************************** New landing page  ***********************************/
/* html {scroll-behavior: smooth;} */
/* .co-fixed-nav-bar.lp-nav .co-nav-cta-set { margin-right: 50px !important;} */
.cg-padding{padding-top:102px}
.cg-ho-header h1,.cg-ho-header .new-h1{font-size:80px;line-height:1.1;font-weight:900;}
.cg-ho-header h1,.cg-ho-header .new-h1,
.cg-ho-header h2,.cg-ho-header .new-h2,
.cg-ho-header h3,.cg-ho-header .new-h3,
.cg-ho-header h4,.cg-ho-header .new-h4,
.cg-ho-header h5,.cg-ho-header .new-h5,
.cg-ho-header h6,.cg-ho-header .new-h6{margin-bottom:45px}
.cg-ho-header .new-h2 {
  font-size: 50px;line-height:1.25;

}

.cg-ho-header h1.new-h3 {
  font-size: 26px;

}

.cg-ho-header h1.new-h4 {
  font-size: 24px;

}

.cg-ho-header h1.new-h5 {
  font-size: 20px;
}

.cg-ho-header h1.new-h6 {
  font-size: 18px;

}
.cg-small-text p,.cg-small-text {
  color: #8D8D8D;
}

.cg-ho-header{padding:95px 0 30px}
.cg-fixed-hh-fixed{max-width:790px;text-align:center;margin:0 auto}
.cg-video-section .play-button{width:88px;height:88px;background-color:#522462;border:1px solid #fff}
.cg-video-section .play-button span{border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:30px solid #fff}



.cg-ho-header-in-cort{width:100%;z-index:2;position:relative;z-index:1}
.cg-white-cta{padding:6px 22px;color:#522462;text-decoration:none;line-height:32px;height:auto;display:inline-block;text-align:center;border:0;background:rgba(255,255,255,1);overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2)}
.cg-blue-cta{padding:5px 35px;margin-right:1px;color:#fff!important;text-decoration:none;line-height:32px;height:auto;display:inline-block;text-align:center;border:0;overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2);background:rgba(46,10,59,1);background:-moz-linear-gradient(137deg,rgba(46,10,59,1) 0,rgba(113,50,135,1) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));background:-webkit-linear-gradient(137deg,rgba(46,10,59,1) 0,rgba(113,50,135,1) 100%);background:-o-linear-gradient(137deg,rgba(46,10,59,1) 0,rgba(113,50,135,1) 100%);background:-ms-linear-gradient(137deg,rgba(46,10,59,1) 0,rgba(113,50,135,1) 100%);background:linear-gradient(313deg,rgba(46,10,59,1) 0,rgba(113,50,135,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#713287',endColorstr='#2E0A3B',GradientType=1)}
.cg-small-text p{font-size:12px;margin:10px 0 15px}
.cg-bottom-text svg{vertical-align:middle}

/* Step Section */

.step-main{padding:120px 0 80px}
.step-img{border:3px solid #953cb4;height:104px;width:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px}
.steps-part{display:flex;flex-wrap:wrap}
.step-item{width:25%;text-align:center;padding:0 20px;position:relative;margin-bottom:30px}
.step-item:before{content:"";position:absolute;background-image:url(https://f.hubspotusercontent20.net/hubfs/2588476/KLARA/Union.png);width:72px;height:19px;background-size:contain;background-repeat:no-repeat;right:-13%;top:40px}
.step-item.kla-5:nth-child(5n):before,.step-item.kla-4:nth-child(4n):before,.step-item:last-child:before{display:none}
.step-content p{font-size:18px;color:#522462}
.step-main .mar-bt{margin-bottom:64px}
.step-content { margin-bottom: 20px;}


/* Bullet Section */

.bullet-section h2{margin-bottom:32px}
.bullet-cta{margin-top:32px}
.main-bullet ul li:before{background-image:url(https://f.hubspotusercontent20.net/hubfs/2588476/KLARA/Vector.svg);position:absolute;top:0;right:0;left:0;content:"";width:16px;height:16px;background-size:contain;top:3px}
.main-bullet ul li{position:relative;padding-left:30px;margin-bottom:16px}
.main-bullet{max-width:560px;margin:0 auto}


/* Pricing Section */

.tr .pricing-form-part{transition:all .5s ease}
.cg-pricing-section.tr .main-pricing{transition:all .5s ease}
.pr-left-btn{position:absolute;top:38%;transform:translateY(-50%);left:0}
.pricing-form-part{position:absolute;top:0;right:.0;transition:all .5s ease;transform:translateX(100%);opacity:0}
.cg-pricing-section{position:relative;padding-top:55px}
.main-pricing{position:relative}
.right-form-show .main-pricing{top:0;right:.0;transition:all .5s ease;transform:translateX(-100%);position:absolute;width:100%;opacity:0}
.right-form-show .pricing-form-part{transform:translateX(0%);opacity:1;position:relative}
.pr-left-desc{padding:30px 10px 0 54px}
.pos-relative{position:relative}
.cg-pricing-box{border:3px solid #d1d1d1;border-radius:20px;padding:20px;text-align:center;max-width:750px;margin:40px auto}
.pricing-box-title{margin-bottom:16px;font-size:16px;font-weight:700}
.cg-sw-group{display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cg-sw-btn{max-width:180px;width:100%;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}
.monatlich-btn{border-radius:100px 0 0 100px;border:1px solid #522462}
.jahrlich-btn{border-radius:0 100px 100px 0;border:1px solid #522462;position:relative;}
.cg-sw-btn.active{background-color:#522462;color:#fff}
.btn2-text{display:none}
.cg-green-btn{background:#82be00;border-radius:20px;color:#fff;font-size:24px;text-align:center;max-width:364px;width:100%;margin:0 auto;min-height:55px;display:flex;align-items:center;justify-content:center;cursor: pointer;}
.cg-sw-text>div{font-size:36px;font-weight:700}
.cg-sw-text>div span{font-size:18px}
.tag-title{font-size:16px;font-weight:700}
.tag-list .tag-item:first-child{min-height:265px}
.tag-item{display:flex;min-height:105px}
.tag-name{min-width:100px;font-weight:700;text-align: right; margin-left: -10px;}
.tag-desc{margin-left:100px;width:calc(100% - 150px)}
.tag-list{position:relative}
.pr-tag-img{position:absolute;top:-20px;left:105px}
.pr-right-form form .hs-richtext{position:unset}
.pr-right-form form .hs-richtext h2,.pr-right-form form .hs-richtext .new-h2{font-size:38px;margin-bottom:0}
.pr-right-form .actions{text-align:center;margin:20px 0}
.form-bt-text{font-size:12px;color:#8d8d8d;text-align:center}
.form-show-btn {margin: 24px 0 0;}
.cg-back-btn { font-size: 14px;cursor: pointer; text-align: center; max-width: max-content; margin: 20px auto 0;display:none;font-weight: 700;text-decoration: underline;}
.spare-text { position: absolute; background: #82BE00; color: #fff; height: 22px; min-width: 72px; border-radius: 100px; bottom: -16px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; padding: 0 8px; }
.simple-link{ cursor: pointer;padding: 6px 22px;color: #522462;text-decoration: none;line-height: 32px;height: auto;  display: inline-block;text-align: center;}
form .cgprice-value {text-align: center;font-size: 14px;font-weight: 700;}
form .cg-sw-text>div span { font-size: 14px;}
.cg-pr-bottom-text,.cg-pr-bottom-text p {
  color: #8D8D8D;
}

.header-last-btn a{
  color: #fff !important;
}
.job-txt ul {    padding-left: 20px;}
.job-txt ul li{  list-style: disc;    list-style-position: outside;  padding:0;      font-size: inherit;}

@media (min-width: 841px){
  .step-item.kla-5{width:20%;}
}
@media (max-width: 1100px){
  .step-item.kla-5:before {
    right: -16%;
    width: 47px;
  }
}
@media(min-width:1025px){
  .header-last-btn a{
    font-size: 14px;
    padding: 5px 10px;
    background-color: transparent;
    margin-top: 0;
    text-transform: none;
    font-weight: 400;
    line-height: inherit;
    box-sizing: border-box !important;
    border: 2px solid;
    border-color: #fff;
    display: inline-block;
    color: #fff !important;
    text-align: center;
    border-radius: 50px;
    width: 100%;
  }
}
.cg-bottom-text .new-h1 svg {
  width: 65px;
  height: 60px;
}
.header-last-btn {
  margin: 6px 0;
}
.cg-bottom-text .new-h2 svg {width: 45px;height: 45px;}
.cg-bottom-text .new-h6 svg ,.cg-bottom-text .new-h5 svg {width: 20px;}

@media (min-width: 1025px){
  .brickshd-menu .hs-menu-wrapper{display:block !important;}
  .lang-add-footer ul.lang_list_class{bottom:0;}
}
@media (max-width: 1024px){
  .mobile-trigger { top: 33px; transition: all .5s ease;  }
  .co-fixed-nav-bar.fixedhead .mobile-trigger { top: 25px; }
  .pr-left-desc {zoom: .75;}
  .cg-ho-header h1,.cg-ho-header .new-h1,
  .cg-ho-header h2,.cg-ho-header .new-h2,
  .cg-ho-header h3,.cg-ho-header .new-h3,
  .cg-ho-header h4,.cg-ho-header .new-h4,
  .cg-ho-header h5,.cg-ho-header .new-h5,
  .cg-ho-header h6,.cg-ho-header .new-h6{margin-bottom:25px}
  .kl-ft-sim {    top: 15px;}

}
@media (max-width: 991px){
  .cg-ho-header .new-h2 {font-size: 40px;}
  .cg-ho-header h1.new-h3 {font-size:24px;}
  .cg-ho-header h1.new-h4 {font-size:22px;}
  .cg-ho-header h1, .cg-ho-header .new-h1{font-size: 48px;}
  .step-item:before { right: -17%;  }
}
@media (max-width: 840px){
  .step-item {width: 100%; margin-bottom: 136px;padding: 0 0;}
  .step-item:before,  .step-item.kla-5:before {top: auto;right: 0;    width: 85px;bottom: -85px;left: 0;margin: 0 auto;transform: rotate(90deg);  } 
  .step-item:last-child {margin-bottom: 25px !important;  }
}
@media (max-width: 767px){
  .cg-ho-header h1, .cg-ho-header .new-h1{font-size: 48px;}
  .cg-ho-header .new-h2 {font-size: 30px;}
  .cg-ho-header h1.new-h3 {font-size:22px;}
  .cg-ho-header h1.new-h4 {font-size:20px;}

  .pr-right-form form .hs-richtext h2,.pr-right-form form .hs-richtext .new-h2{font-size:28px;}
  .pr-left-desc,.pr-left-btn{display:none;}
  .cg-back-btn{display:block}
  .cg-ho-header { padding: 45px 0 15px;}
  .cg-video-main { padding-top: 0;  }
  .cg-video-section .play-button { width: 40px; height: 40px;}
  .cg-video-section .play-button span { border-top: 8px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; }

  .step-main { padding: 50px 0 !important;}
  .cg-green-btn {font-size: 18px;}
  .kl-ft-sim {    top: 0px;}

}
@media (min-width: 768px){
  .accounting-section.swap-content .grid-5{text-align:right!important}
}
@media(max-width:1024px){
  .hs-site-page .lang-add-footer ul.lang_list_class{
    bottom: -10px;
  }
  .hs-landing-page .lang-add-footer ul.lang_list_class{ bottom: -21px;}
}

@media(max-width:767px){
  .hs-site-page .lang-add-footer ul.lang_list_class {
    bottom: 0;
  }
  .hs-landing-page .kl-link-ft { bottom: -11px; left: auto; }
  .kl-cont-ft p * {color:#fff !important;}
  .footer-pad-diff .kl-link-ft { margin-top: 0; bottom: -20px; }
}




@media (max-width: 568px){
  .cg-cta-btn {
    display: block;
  }
  .cg-white-cta, .cg-blue-cta {
    margin: 0 27px 10px;
    display: inline-block;
    padding: 6px 16px;
  }

  .hs-landing-page .lang-add-footer ul.lang_list_class {
    bottom: -16px;
  }
  .hs-site-page .lang-add-footer ul.lang_list_class {bottom: -33px;}
}
@media (max-width: 480px){
  .co-fixed-nav-bar.lp-nav .co-nav-cta-set {
    margin-right: 25px !important;
  }
  .pr-right-form form .hs-richtext h2,.pr-right-form form .hs-richtext .new-h2{font-size:24px;}
  .cg-ho-header .new-h2 {font-size: 28px;}
  .cg-ho-header h1.new-h3 {font-size:20px;}
  .cg-ho-header h1.new-h4 {font-size:19px;}
  .cg-video-section { min-height: 206px;}
  .kl-link-ft.new-bl p { font-size: 10px !important; margin: 2px 0; }


}
@media (max-width: 374px){
  .hs-landing-page .lang-add-footer ul.lang_list_class { bottom: -19px; }
  .hs-landing-page .kl-cont-ft p *{ font-size: 10px !important; margin: 2px 0; }
}





/*-------Banking-Page-----------------*/
.cg-padding.banking-page-switch-module {padding-top: 0;}
.cg-padding.banking-page-switch-module .cg-ho-header { padding-top:50px;}
.Switch{position:relative;display:inline-block;font-size:1.6em;font-weight:bold;color:#ccc;text-shadow:none;height:28px;padding:6px 6px 5px 6px;border:1px solid #ccc;border:0;border-radius:4px;background:#82BE00;box-shadow:none;cursor:pointer;font-size:16px;}
body.IE7 .Switch{width:78px;}
.Switch span{display:inline-block;width:35px;}
.Switch span.on{color:#33d2da;}
.Switch .Toggle{left:0;position:absolute;top:-2px;width:37px;height:25px;border:1px solid #ccc;border:0;border-radius:4px;background:#fff;z-index:999;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;box-shadow:0px 0px 20px rgba(0,0,0,0.4);}
.Switch.on .Toggle{left:2%;}
.Switch.off .Toggle{left:54%;}
.Switch.Round{padding:0px 32px;border-radius:40px;}
body.IE7 .Switch.Round{width:1px;}
.Switch.Round .Toggle{border-radius:100%;width:32px;height:32px;}
.Switch.Round.off .Toggle{left:0;background:#fff;}
.Switch.Round.on .Toggle{left:58%;}
.swicth-module-box{text-align:center;}
.box-cont-div{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:30px 0 0;display:none;}
.swicth-left-img{width:50%;}
.swicth-right-cont.new-changes.bullet-box{width:50%;}
.swicth-right-cont.new-changes.bullet-box{text-align:left;}
.bullet-box ul{padding:0;margin:20px 0 0;list-style:none;}
.bullet-box ul li{padding-left:32px;margin:0 0 20px;line-height:normal;list-style:none;padding-right:0;position:relative;}
.bullet-box  ul li:before{font-family:fontawesome;font-size:19px;position:absolute;left:0;display:inline-block;}
.bullet-box .purple-bullet ul li:before{color:#522462;content:"\f058";}
.bullet-box .green-bullet ul li:before{color:#82BE00;content:"\f058";}
.swicth-right-cont ul li p{font-weight:normal;margin:0 0 10px;line-height:1.618;}
.boxOff,.boxOn{display:flex;}
.swicth-right-cont .green-bullet{padding-left:10px;}
.switch-wrap-main{margin:100px 0 0;}
span.off{margin-right:25px;font-weight:700;color:#8D8D8D;}
span.on{margin-left:25px;color:#8D8D8D;font-weight:700;}
span.off.active,span.on.active{font-weight:700;color:#522462;}
.top-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:30px 0 0;}

.banking-page-search-sec{margin:100px 0;}
.bank-search-box { padding: 50px 60px; border: 3px solid #D1D1D1; border-radius: 20px; max-width: 930px; margin: 0 auto; }
.serach-top-title{margin-bottom:50px;text-align:center;}
.bank-search-box form{display:flex;flex-wrap:wrap;align-items:center;max-width:75%;justify-content:center;margin:0 auto;position:relative;}
.btn-search-bank{padding:4px 50px;margin-right:1px;color:#ffffff;text-decoration:none;line-height:32px;height:auto;display:inline-block;text-align:center;border:none;overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 0 20px 0 rgb(0 0 0 / 20%);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgb(0 0 0 / 20%);background:rgba(46,10,59,1);background:-moz-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(113,50,135,1)),color-stop(100%,rgba(46,10,59,1)));background:-webkit-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);background:-o-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);background:-ms-linear-gradient(137deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);background:linear-gradient(313deg,rgba(46,10,59,1) 0%,rgba(113,50,135,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#713287',endColorstr='#2E0A3B',GradientType=1);width:auto;border-radius:100px!important;font-weight:normal;position:absolute;right:0;top: 0;cursor: pointer;}
.bank-search-box .seacrh-bank{background:#FFFFFF;border:1px solid #D1D1D1!important;border-radius:8px!important;margin-right:auto;width:calc(100% - 190px)!important;margin-left:0;}

.bank-search-no-result {
  text-align: center;
  max-width: 100%;
  margin: 100px auto;
}

.bank-search-no-result img {
  margin: 0 0 30px;
}
.bank-search-no-result .cta_btn {
  margin:65px 0 0;
}

.result-messgae-box img {
  margin: 0 0 30px;
}

.result-messgae-box {
  text-align: center;
  max-width: 700px;
  margin: 100px auto;
}

.bank-connection {
  max-width:100%;
  margin: 50px auto;
  text-align: center;
}


.bank-user-tab-btn {
  display: flex;
  flex-wrap: wrap;
  max-width: 570px;
  margin: 100px auto;
  justify-content: space-between;
}

.bank-user-tab-btn label {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 272px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
  border-radius: 8px;
  padding: 29px 0;
  align-items: center;
  font-weight:bold;
}

.bank-user-tab-btn label span {
  display: flex;
  width: 100%;
  align-items: center;
  height: 25px;
  margin: 0 auto 30px;
  justify-content: center;
}
.bank-user-tab-btn label {
  border: 8px solid #fff;
  cursor: pointer;
}

.posibale-bank-group {
  margin: 100px 0 50px;
}

.top-posible-bank-title {
  margin: 0 0 50px;
  text-align: center;

}

.bank-logo-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.bank-logo-list:nth-child(3n) {
  margin-right: 0;
}

.bank-logo-list {
  margin-bottom: 70px;
  width: 27%;
  text-align: center;
  margin-right: 7%;
}
@media (max-width: 1200px){

  .step-icon:after { right:-121px;}
}

@media (max-width: 1024px){
  .bank-search-no-result {

    margin: 50px auto;
  }
  .posibale-bank-group {
    margin: 50px 0 30px;
  }
  .step-icon:after {
    right: -108px;
  }
}
@media (max-width: 991px){
  .banking-page-search-sec {
    margin: 50px 0;
  }
  .bank-search-box {
    padding: 40px 20px;
  }
  .result-messgae-box {

    margin: 50px auto;
  }
  .bank-search-no-result { margin: 50px auto}
  #tab-1 .tab-inner-box,  #tab1-1 .tab-inner-box {
    width: 29.3%;
    margin-right: 6%;
  }
  .step-icon:after {

    background-size: 44px;
    background-repeat: no-repeat;
  }
  #tab-1 .step-icon:after, #tab1-1 .step-icon:after {
    right: -135px;
  }
  #tab-2 .step-icon:after, #tab1-2 .step-icon:after {
    right: -103px;
  }

}
@media (max-width: 767px){
  .swicth-right-cont.new-changes.bullet-box {
    width: 100%;
    margin: 30px 0 0;
  }

  .swicth-left-img {
    width: 100%;
  }
  .bank-search-box .seacrh-bank {width: 100% !important; }
  .btn-search-bank { position:relative; margin-top:30px; left:0;}
  .serach-top-title {
    margin-bottom: 30px;
  }
  .bank-search-box form { max-width: 100%;}
  .banking-page-search-sec {
    margin: 30px 0;
  }
  .result-messgae-box {

    margin: 40px auto;
  }
  .bank-connection {

    margin: 30px auto;
  }
  .bank-user-tab-btn {
    display: block;
    flex-wrap: inherit;
  }
  .bank-user-tab-btn label {
    margin: 0 auto 30px;
    width: 272px;
  }
  .bank-user-tab-btn { margin: 50px auto;}
  .bank-search-no-result { margin: 30px auto}
  .step-icon:after { display:none;}
  #tab-2 .tab-inner-box, #tab1-2 .tab-inner-box {

    margin-bottom: 85px;

  }
  #tab-1 .tab-inner-box,   #tab1-1 .tab-inner-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 85px;
  }
  #tab-2 .tab-inner-box, #tab1-2 .tab-inner-box {
    width: 100%;
    margin-right: 0;
  }
  .tab-inner-box {position: relative; }
  .tab-inner-box:after {
    background-image: url(https://f.hubspotusercontent20.net/hubfs/2588476/klara-bank-images/Union.png);
    background-size: auto;
    background-repeat: no-repeat;
    bottom: -42px;
    top: inherit;
    -ms-transform: translate(0) rotate( 90deg );
    -moz-transform: translate(0) rotate( 90deg );
    -webkit-transform: translate(0) rotate( 
      90deg
    );
    transform: translate(0) rotate( 
      90deg
    );
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    content: "";
    width: 72px;
    height: 28px;
    background-position: center center;
  }
  .tab-inner-box-list {

    margin: 30px 0 0;
  }
  .tab-inner-box:last-child:after {
    display: none;
  }
  .tab-inner-box h5 {

    margin: 0;
  }
  .posibale-bank-group {
    margin: 0;
  }
  .top-posible-bank-title {
    margin: 0 0 20px;

  }
  ul.commentlist { width:100%;}
}

@media (max-width: 640px){
  .bank-logo-list {
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
    margin-right: 0;
  }

}



/* DE - Webseite - Alle Seiten - farbige Boxen */
.w33 {width: 33.33%;} 
.w50 {width: 50%;} 
.font14 p,.font14 ul li{font-size:14px; line-height:1.57;}
.singlecolmainGrp{padding-top:20px; padding-bottom:35px;}
.singlecoltopSection{max-width:701px; width:100%; margin:0 auto; text-align:center}
.singlecoltopContent {font-size: 14px; line-height:}
.singlecolBoxMain{max-width:970px; width:100%; margin:0 auto; padding-top:30px;}
.singlecolBoxMain.reduceSize { max-width: 640px;}
.singleColBoxParent { display: flex; flex-wrap: wrap; justify-content: center; margin:0 -16px; } 
.singlecolBoxRepeat { padding: 16px; } 
.singlecolBoxRepeatInner { background-color: #fff; padding: 24px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 8px; display: flex; flex-direction: column; height: 100%; }
.listStyle ul { margin-top: 0; margin-bottom: 0;}
.listStyle ul + *{margin-bottom:20px}
.listStyle li { position: relative;}
.listStyle li:before {content: '';position: absolute;left: 0;top: 7px;width: 5px;height: 5px;background-color: initial;font-size: 7px;line-height: 1;  background-color: #522462;
    border-radius: 50%;}
/* End DE - Webseite - Alle Seiten - farbige Boxen */

/* DE - Alle Seiten - Tabelle Vergleich */
.tableSectionMain{ padding-top:60px; padding-bottom:50px; }
.mainParentTable{position:relative;}
.tableHeaderParent { display: flex; flex-wrap: wrap; max-width: 1140px; margin: 0 auto; border-bottom: 1px solid #f4f4f4;}
.tableHeading { width: 20%; padding: 20px 5px;}
.tableHeading.tableHeadingFirst { width: 40%;}
.tableHeadingFirstInner { color: #8D8D8D;}
.parentcategoryRepeat { display: flex; flex-wrap: wrap; align-items: center; } 
.parentCategory { width: 20%; } 
.childCategory { width: 80%; } 
.childcategoryRepeat { display: flex; flex-wrap: wrap; align-items: center; } 
.tableInnerCell { width: 25%; padding: 20px 5px; font-size: 14px; line-height:1.57; }
.parentCategory h5{font-size:16px; line-height:1.5; margin-bottom:0;}
.childCategory h6{font-size:14px; line-height:1.57; margin-bottom:0;}
.categoryboxRepeat,.childcategoryRepeat {border-bottom:1px solid #f4f4f4;}
.categoryboxRepeat:last-child,.childcategoryRepeat:last-child {border-bottom:none;}
.valignMiddle{vertical-align:middle;}
.tablecommonBox { color: #1b1b1b;}
.categoryrowParent { height: 640px; overflow-y: hidden; overflow-x:auto;}
.tableheaderStick.sticky { position: fixed; width: 100%; top: 68px; left: 0; z-index:10; }
.tableheaderStick.sticky .tableHeaderParent{background-color:#fff;}
.tableheaderStick.sticky.buttonSticky { position: absolute;}
.tableHeaderInnerMain {display: flex;flex-wrap: wrap;}
.tableHeaderMain { position: relative; width: 100%; overflow-x: auto;}
.tablebuttonGroup{padding-top:27px; border-top: 1px solid #f4f4f4;}
.loadMoreItems{ font-size: 16px; display: inline-block; padding: 8px 12px 8px 24px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 100px; cursor: pointer;}
.loadMoreItemsIcon { display: inline-block; vertical-align: middle; line-height: 1; width: 16px; height: 16px; margin-left: 15px;}
.btnWhite a { font-size: 16px; display: inline-block; padding: 8px 24px 8px 24px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 100px; cursor: pointer;}
.loadMoreItemsIcon svg { width: 16px; height: 16px; transition:all ease 0.4s;}
.contactbuttonStyle{padding-top:24px;}
body .contactbuttonStyle a,body .themeBtn a,.contactbuttonStyle a,.themeBtn a{color:#ffffff;font-size: 16px; display: inline-block; padding: 8px 24px 8px 24px; background: linear-gradient(151.8deg, #713287 -26.61%, #2E0A3B 118.31%); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); border-radius: 100px;}
.categoryActive .loadMoreItemsIcon svg { transform: rotate(180deg); transform-origin: center center;}
.noOfferStyle img { max-width: 18px;}
/* Tooltip */
.infowithTooltip { max-width: 26px; width: 100%; /*margin: 0 auto;*/ position: relative;}
/* .infoIcons { top: -13px; left: 14px; position: absolute;} */
.infoIcons{top: -8px; left: 14px; position: absolute; width: 16px; height: 16px; line-height: 1;}
.boxtooltipParent { display: none;}
.boxtooltipParent.activetoolTip { display: block; -webkit-animation-name: FadeInDown; -moz-animation-name: FadeInDown; -o-animation-name: FadeInDown; animation-name: FadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; }
.boxtooltipParent { position: absolute; width: 200px; background-color: #2f0b3d; border-radius: 5px; color: #fff; padding: 20px; bottom: 40px; left: -80px;}
.tooltipCloseBtn { position: absolute;     right: 0; top: 0; background-color: #fff; width: 20px; height: 20px; color: #000; border-radius: 0 0 0 5px; text-align: center; cursor:pointer; color:#2f0b3d; font-size:14px;}
.boxtooltipParent:after {content: '';width: 12px;height: 12px;position: absolute;background: #2f0b3d;bottom: -10px;left: 50%;transform: rotate(45deg) translateX(-50%); transform-origin: center center;}
/* .tablecheckboxField { text-align: center;} */
.tablehelpField .boxtooltipParent:after {transform: rotate(45deg) translateX(calc(-50% - 14px));bottom: -20px;}
.categoryboxRepeat:first-child .boxtooltipParen { top: 30px; bottom: inherit; z-index: 3;} 
.categoryboxRepeat:first-child .boxtooltipParent:after {bottom: initial; top: 8px;}

/* .categoryboxRepeat:first-child .boxtooltipParent, .categoryboxRepeat:nth-child(2) .boxtooltipParent,.categoryboxRepeat:nth-child(3) .boxtooltipParent { top: inherit; bottom: -80px;}
.categoryboxRepeat:first-child .boxtooltipParent:after, .categoryboxRepeat:nth-child(2) .boxtooltipParent:after,.categoryboxRepeat:nth-child(3) .boxtooltipParent:after { bottom: initial; top: -6px;} */

@-webkit-keyframes FadeInDown {
  from {opacity:0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px);transform: translateY(-10px);}
  to { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-moz-keyframes FadeInDown {
  from {opacity:0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px);transform: translateY(-10px);}
  to { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes FadeInDown {
  from {opacity:0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px);transform: translateY(-10px);}
  to { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}

.headingInfoTextHover {  opacity: 0; visibility: hidden; transition:opacity 0.4s; position: absolute; width: auto; background-color: #2f0b3d; border-radius: 5px; color: #fff; padding: 5px 8px; top: 34px; left: 30px; transform: translateY(-50%); font-size: 12px; line-height: 1.2; } .headingInfoIcon { display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -1px; margin-right: 10px; } .tableHeadingFirst:hover {} .tableHeading.tableHeadingFirst { position: relative; } 
.headingInfoTextHover:after {content: '';width: 6px;height: 6px;position: absolute;left: -1px;top: 50%;background-color: #2f0b3d;transform: rotate(45deg) translateX(-50%);}
.tableHeading.tableHeadingFirst:hover .headingInfoTextHover { opacity: 1; visibility: visible;}

/* End DE - Alle Seiten - Tabelle Vergleich */

@media(max-width:1250px){
  .tableheaderStick.sticky .tableHeaderParent{padding: 0 24px;}
}

@media(max-width:1024px){
  .tableheaderStick.sticky { top: 52.24px;}
  .mobile-trigger { top: 28px; transition: all .5s ease; }
  .co-fixed-nav-bar.fixedhead .mobile-trigger { top: 18px; }
  .hs-search-field__bar button i.fa.fa-search.hide {  transform: rotate( 0deg ); }
}

@media(max-width:900px){
  .categoryinnerrowParent,.tableHeaderInnerMain{width:900px;}
}

@media(max-width:991px){
  .co-fixed-nav-bar.fixedhead .mobile-trigger { top: 16px; }
  /* DE - Webseite - Alle Seiten - farbige Boxen */
  .singlecolmainGrp{padding-top:10px}
  .singlecolBoxMain{padding-top:25px;}
  .singlecolBoxRepeat { width: 100%; max-width: 330px;}
  /* End DE - Webseite - Alle Seiten - farbige Boxen */
}
@media(max-width:767px){
  .kl-cont-ft {  padding-bottom: 30px; }
.kl-slot-footer-main .kl-white-cta { margin-top: 12px; position: absolute; right: 0; bottom: -47px; left: 0; }
.kl-link-ft { text-align: center; position: absolute; right: 0; left: auto; margin-top: 11px; bottom: -32px; }
  .hs-site-page .lang-add-footer ul.lang_list_class { bottom: -12px; }
  .kl-link-ft.new-bl { bottom: -32px; }
}
@media(max-width:565px){
/*   .kl-slot-footer-main .kl-white-cta { margin-top: 12px; float: right; position: absolute; bottom: -65px; right: 0; }
.kl-link-ft { text-align: center; position: absolute; right: 0; left: 0; margin-top: 0; bottom: -20px; }
  .kl-cont-ft { text-align: center; margin-top: 40px; color: #ffffff; padding-bottom: 30px; } */
   .kl-link-ft { text-align: center; position: absolute; right: 0; left: auto; margin-top: 11px; bottom: -78px; }
  .hs-site-page .lang-add-footer ul.lang_list_class { bottom: -55px; }
.kl-slot-footer-main { padding: 234px 0px 74px; }
   .kl-link-ft.new-bl { bottom: -78px; }
}
@media(max-width:480px){
  .tableheaderStick.sticky { top: 50.41px;}
  .kl-slot-footer-main .kl-white-cta { margin-top: 12px; position: absolute; right: 0; bottom: -41px; left: 0; }
  .kl-link-ft { text-align: center; position: absolute; right: 0; left: auto; margin-top: 11px; bottom: -78px; }
  .footer-pad-diff .kl-link-ft { margin-top: 0; bottom: -78px; }
    .kl-link-ft.new-bl { bottom: -78px; }
  .lang_list_class li a{font-size: 12px;}
  .kl-link-ft.new-bl p {
    font-size: 12px !important;
    margin: 2px 0;
}
}
@media(max-width:360px){
  .tableheaderStick.sticky { top: 48.89px;}
  .lang_list_class li a{font-size: 12px;}
}