body.oc-loading,
body.oc-loading * {cursor:wait !important}
.stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe {width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe {animation-play-state:paused}
.stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear}
.stripe-loading-indicator.hide {display:none}
body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body >p.flash-message.success {background:#8da85e}
body >p.flash-message.error {background:#c30}
body >p.flash-message.warning {background:#f0ad4e}
body >p.flash-message.info {background:#5fb6f5}
body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
body >p.flash-message button.close:hover,
body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
@media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }}
[data-request][data-request-validate] [data-validate-for]:not(.visible),
[data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none}
a.oc-loading:after,
button.oc-loading:after,
span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
@-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }}
@-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }}
@-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }}
@-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }}
@keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }}
@-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'Circe';
	src: url('../themes/modulcard_new/assets/fonts/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('../themes/modulcard_new/assets/fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
		url('../themes/modulcard_new/assets/fonts/Circe-Regular.woff') format('woff'),
		url('../themes/modulcard_new/assets/fonts/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circe';
	src: url('../themes/modulcard_new/assets/fonts/Circe-Light.eot');
	src: local('Circe Light'), local('Circe-Light'),
		url('../themes/modulcard_new/assets/fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
		url('../themes/modulcard_new/assets/fonts/Circe-Light.woff') format('woff'),
		url('../themes/modulcard_new/assets/fonts/Circe-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circe';
	src: url('../themes/modulcard_new/assets/fonts/Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('../themes/modulcard_new/assets/fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
		url('../themes/modulcard_new/assets/fonts/Circe-Bold.woff') format('woff'),
		url('../themes/modulcard_new/assets/fonts/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'td';
	src: url('../themes/modulcard_new/assets/fonts/td.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*! nouislider - 14.0.2 - 6/28/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}
.noUi-horizontal .noUi-handle {
  width: 21px;
  height: 21px;
  left: -17px;
  top: -9px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #ee741b;
  border-radius: .5rem;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  /* background: #3FB8AF; */
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 3px solid white;
  border-radius: 100%;
  background: #ee741b;
  cursor: default;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  outline: none;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  /* display: block; */
  /* position: absolute; */
  /* height: 14px; */
  /* width: 1px; */
  /* background: #E8E7E6; */
  /* left: 14px; */
  /* top: 6px; */
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

html {
    font-size: 10px;
}

body {
    font-family: 'Circe';
    font-weight: normal;
    font-size: 1.8rem;
}

button,
input {
    font-family: 'Circe';
    font-weight: normal;
}

.btn {
    background: none;
    border-radius: 5rem;
    border: 1px solid;
    font-size: 1.6rem;
    padding: 1.3rem 3rem;
    cursor: pointer;
    transition: .2s;
    outline: none;
    text-decoration: none;
    color: black;
}

.btn:hover {
    color: #ee741b;
    border-color: #ee741b;
}

.btn svg {
    height: 1.9rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 1.5rem;
}

.btn path {
    transition: .2s;
}

.btn-bordered {
    border-color: black;
    color: black;
}

.btn-bordered:hover {
    background: black;
    color: white;
    border-color: black;
}

.btn-orange {
    border-color: #EE741B;
    background: #EE741B;
    color: white;
    box-shadow: 0 0 0 rgba(238, 116, 27, 0.59);
}

.btn-orange:hover {
    /* background: transparent; */
    color: white;
    box-shadow: 0 0 2.5rem rgba(238, 116, 27, 0.59);
}

.btn-orange:hover path {
    /* stroke: #EE741B; */
}

.btn-orange.btn-transparent {
    background: transparent;
    color: #EE741B;
    box-shadow: none;
}

.btn-orange.btn-transparent:hover {
    background: #ee741b;
    color: white;
    box-shadow: 0 0 2.5rem rgba(238, 116, 27, 0.59);
}

.box {
    width: 1320px;
    margin: auto;
}

.header-top {
    background: white;
    position: relative;
    z-index: 4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.header-top .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6rem;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.06); */
}

.ht-status {}

.ht-status i {
    height: 1.2rem;
    width: 1.2rem;
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
}

.ht-status i.offline {
    background: red;
}

.ht-status i.online {
    background: green;
}

.ht-callback .btn {
    font-size: 1.4rem;
    padding: .6rem 2.5rem;
}

.ht-callback a {
    text-decoration: none;
    color: black;
    margin-right: 2.5rem;
    transition: .2s;
}

.ht-callback a:hover {
    color: #EE741B;
}

.header-bot {
    position: relative;
    z-index: 3;
    background: white;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04);
}

.header-bot .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.9rem;
    padding-bottom: 1.6rem;
}

.menu {}

.menu>a,
.menu-drop>a {
    font-size: 1.6rem;
    text-decoration: none;
    color: black;
    transition: .2s;
}

.menu>a {
    margin-left: 5.5rem;
}

.menu>a:hover {
    color: #EE741B;
}

.menu>a:nth-child(1) {
    margin-left: 0;
}

.menu-drop>a img {
    margin-left: 1rem;
    transform: rotate(0);
    transition: .3s;
}

.menu-drop:hover>a img {
    transform: rotate(180deg);
}

.menu-drop {
    display: inline-block;
    position: relative;
    padding: 2rem 0;
}

.menu-drop-box {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    padding: 0 2rem 1.5rem 2rem;
    left: 0;
    top: 100%;
    transform: translateY(1rem);
    opacity: 0;
    pointer-events: none;
    transition: .3s;
}

.menu-drop-box a {
    display: flex;
    padding-top: 1.5rem;
    text-decoration: none;
    font-size: 1.4rem;
    justify-content: flex-start;
    align-items: center;
    color: black;
    transition: .3s;
}

.menu-drop-box a:hover {
    /* color: #DA373D; */
}

.menu-drop-box a:hover {
    color: #DA3731;
}

.menu-drop-box img {
    margin-right: 2rem;
    height: 2.5rem;
    position: relative;
    top: -.2rem;
}

.menu-drop:hover .menu-drop-box {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

.teaser {
    background: url(../themes/modulcard_new/assets/images/img-teaser.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    box-shadow: 0 0.4rem 5rem rgba(0, 0, 0, 0.04);
    position: relative;
}

.teaser-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}

.teaser-bg>img {
    height: 100%;
    z-index: 2;
    position: relative;
}

.teaser-bg-cards {
    position: absolute;
    bottom: 4rem;
    left: 0;
    transform: translateX(0);
    z-index: 1;
    display: none;
}

.teaser-bg-cards img {
    height: 23rem;
}

.teaser-bg-cards.ready {
    display: block;
    transform: translateX(-50%);
    animation: teaser 1s;
}

@keyframes teaser {
    0% {
        transform: translateX(0);
    }
    70% {
        transform: translateX(-60%);
    }
    100% {
        transform: translateX(-50%);
    }
}

.teaser .box {
    padding-top: 8rem;
    padding-bottom: 8rem;
    position: relative;
    z-index: 2;
}

.teaser span {
    max-width: 39%;
    display: block;
    padding: 7rem 0;
    line-height: 3.3rem;
}

.h1 {
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 112%;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 9rem;
}

.second {}

.second .box {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.second .grid {}

.pluse {
    position: relative;
}

.pluse p {
    padding: 3rem 4rem;
    margin-bottom: 3rem;
    background: #F3F3F3;
    border-radius: 1.5rem;
    font-weight: 700;
}

.pluse i {
    height: 6rem;
    width: 6rem;
    border-radius: 1.5rem;
    background: #EE741B;
    position: absolute;
    right: 4rem;
    top: -3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pluse i img {}

.pluse span {
    display: block;
    width: 80%;
    margin: auto;
    opacity: .5;
    line-height: 3.3rem;
}

.card {}

.card .box {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    border-top: 1px solid rgba(0, 0, 0, .2);
    position: relative;
}

.card.card-dark .box {
    border-top: none;
}

.card-dark {
    color: white;
    background: #141414;
}

.card .h2 .btn-bordered {
    pointer-events: none;
    font-size: 1.4rem;
    padding: .5rem 2rem;
    vertical-align: top;
    margin-left: 5rem;
}

.card-dark .h2 .btn-bordered {
    color: white;
    border-color: white;
}

.h2 {
    font-size: 3.5rem;
    font-weight: bold;
}

.card .h2 {
    margin-bottom: 2rem;
}

.card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-info>img {
    width: 37%;
    flex-shrink: 0;
}

.card-info .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10%;
    margin-right: 7%;
}

.card-info .pluse span {
    width: auto;
    opacity: .7;
}

.card-info .pluse i {
    position: initial;
    height: 5rem;
    width: 5rem;
    margin-bottom: 3rem;
    background: #F2F2F2;
}

.card-info .pluse i span {
    font-weight: bold;
    opacity: 1;
    font-size: 1.8rem;
    position: relative;
    top: .2rem;
}

.card-dark .pluse i {
    background: #272727;
}

.card-action {}

.card-action a {
    font-size: 1.6rem;
    color: white;
    text-decoration: none;
    margin-left: 10%;
    color: #ee741b;
    transition: .3s;
}

.card-action a:hover {
    color: #B75711;
}

.card-dark .card-action a {
    color: white;
}

.card-dark .card-action a:hover {
    color: #ee741b;
}

.card-action a svg {
    vertical-align: middle;
    margin-right: 1.5rem;
}

.card-action a svg path {
    transition: .3s;
}

.card-action a:hover svg .capath {
    fill: #B75711;
    stroke: #B75711;
}

.card-action a:hover svg .capath-1 {
    fill: #B75711;
}

.card-dark .card-action a svg path {
    fill: black;
}

.card-dark .card-action a svg .capath {
    fill: white;
    stroke: white;
}

.card-dark .card-action a svg .capath-1 {
    fill: white;
}

.card-dark .card-action a:hover svg .capath {
    fill: #ee741b;
    stroke: #ee741b;
}

.card-dark .card-action a:hover svg .capath-1 {
    fill: #ee741b;
}

.card-action .btn {
    padding-left: 5rem;
    padding-right: 5rem;
}

.taker {
    color: white;
    background: #141414;
    margin-top: 8.5rem;
}

.taker .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.taker p {
    flex-shrink: 0;
}

.taker span {
    padding: 0 12rem;
    line-height: 3.3rem;
}

.taker-img {
    width: 20rem;
    position: relative;
    align-self: flex-end;
    flex-shrink: 0;
    height: 13rem;
    pointer-events: none;
}

.taker-img img {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.taker .btn {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-right: -2rem;
}

.benefit {
    padding: 10rem 0 0;
    background: #F3F3F3;
    overflow: hidden;
}

.benefit .box {}

.benefit-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10rem;
}

.benefit-title .h2 {}

.benefit-title span {
    max-width: 48%;
    color: #4D4D4D;
    line-height: 3.3rem;
}

.benefit .grid {
    padding-bottom: 10rem;
}

.benefit .pluse p {
    padding: 0;
    margin: 4rem 0;
    font-size: 2.5rem;
    font-weight: bold;
}

.benefit .pluse i {
    position: initial;
    background: white;
}

.benefit .pluse span {
    width: auto;
    opacity: 1;
    color: #4D4D4D;
    line-height: 3.3rem;
}

.interactive {
    position: relative;
    margin-top: -7rem;
}

.interactive img {
    width: 100%;
    width: calc(100% + 12rem);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    display: block;
}

.interactive-point {
    position: absolute;
    transition: .2s;
    filter: grayscale(0);
}

.interactive-point-1 {
    top: 66%;
    left: 29%;
}

.interactive-point-2 {
    top: 37%;
    left: 60%;
}

.interactive-point-open {
    background: #498DFB;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8rem 0 .4rem;
    width: 3rem;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0 0 4rem 0 rgba(73, 140, 250, 0.97);
    animation: point infinite 2s;
    transform: rotate(0);
    transition: .2s;
}

.interactive-point.active .interactive-point-open {
    transform: rotate(46deg);
}

.interactive-point-modal {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
    box-shadow: 0 .4rem 5.4rem rgba(0, 0, 0, .09);
    border-radius: .5rem;
    font-size: 1.4rem;
    color: #4D4D4D;
    padding: 2rem;
    margin-bottom: 3rem;
    text-align: center;
    width: 20rem;
    line-height: initial;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
}

.interactive-point.active .interactive-point-modal {
    opacity: 1;
}

@keyframes point {
    0% {
        box-shadow: 0 0 0 0 rgba(73, 140, 250, 1);
    }
    50% {
        box-shadow: 0 0 3rem 2rem rgba(73, 140, 250, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(73, 140, 250, 0);
    }
}

.interactive-point.disabled {
    pointer-events: none;
    filter: grayscale(1);
}

.articles {
    padding: 11rem 0;
}

.articles .h1 {
    margin-bottom: 8rem;
}

.articles-item {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: black;
    padding: 2.5rem 3.5rem;
    border-radius: 1.5rem;
    transition: .3s;
}

.articles-item:hover {
    background: rgba(20, 20, 20, .88);
    color: white;
}

.articles-item i {
    height: 9rem;
    width: 9rem;
    background: #EE741B;
    border-radius: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.articles-item i img {}

.articles-item>span {
    width: 100%;
    margin-left: 7.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.articles-item>span span:nth-child(1) {
    font-size: 2.5rem;
    font-weight: bold;
    flex-shrink: 0;
    width: 30%;
}

.articles-item>span span:nth-child(2) {
    line-height: initial;
    width: 100%;
}

.articles-item>span span:nth-child(3) {
    color: #EE741B;
    font-size: 1.6rem;
    text-decoration: none;
    flex-shrink: 0;
    margin-left: 10rem;
}

.calc {
    background-image: url(../themes/modulcard_new/assets/images/img-calc.webp);
    background-size: auto 75%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #F7F7F7;
}

.calc .box {
    padding-top: 13rem;
    padding-bottom: 13rem;
}

.calc-sides {
    /* margin-top: 7rem; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20rem;
    position: relative;
    padding-top: 2rem;
    padding-bottom: 6rem;
}

.calc-sides>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.calc-sides:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    background: #BEBEBE;
}

.calc-result {}

.calc-result span {
    margin: 1.5rem 0 6rem;
}

.calc-result span:nth-last-child(1) {
    margin-bottom: 0;
}

.calc-box {
    width: 100%;
}

.calc-box-title {
    font-weight: bold;
    margin-bottom: 3rem;
}

.calc-box-title span {
    color: #ee741b;
}

.caLc-box-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
}

.calc-box {
    margin-top: 7.5rem
}

.calc-range {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #BEBEBE;
    border-radius: .5rem .5rem 0 0;
    padding: 1.7rem 2.4rem;
}

.steps {
    padding: 11rem 0;
}

.steps.steps-simple {
    padding-bottom: 13rem;
}

.steps .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.steps .h1 {
    margin-bottom: 11rem;
}

.steps-item {
    position: relative;
}

.steps-item:after {
    content: '';
    width: 7rem;
    height: 1px;
    position: absolute;
    top: 12.9rem;
    left: 100%;
    background: #DEDEDE;
}

.steps-item:nth-last-child(1):after {
    display: none;
}

.steps-item i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    background: #F2F2F2;
    border-radius: 1.5rem;
}

.steps-item p {
    margin: 5rem 0 2rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.8rem;
    min-height: 8rem;
}

.steps-item span {
    line-height: 3.3rem;
    display: block;
}

span.steps-item-time {
    color: #EE741B;
    display: block;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    line-height: initial;
}

.steps-item .btn {
    margin-top: 4rem;
}

.map {
    position: relative;
    padding: 6rem 0;
}

#footerMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.map-info {
    position: relative;
    z-index: 2;
    background: white;
    width: 33rem;
    padding: 0 5rem 4rem;
    box-sizing: border-box;
    border-radius: 1.5rem;
}

.map-info p {
    padding: 4rem 0 1rem;
    font-weight: bold;
}

.map-info a,
.map-info span {
    font-size: 1.6rem;
    display: block;
    margin-top: 1rem;
}

.map-info a {
    text-decoration: none;
    color: black;
}

.map-info .btn {
    margin-top: 4rem;
    width: 100%;
}

footer {
    padding: 6rem 0 3.5rem;
    background: #141414;
    color: white;
}

footer .box {}

footer .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

footer .grid a {
    font-size: 1.4rem;
    line-height: 5rem;
    display: block;
    text-decoration: none;
    color: #BCBCBC;
    transition: .2s;
}

footer .grid a:hover,
.footer-bot a:hover {
    color: #EE741B;
}

footer .grid p a {
    font-weight: bold;
    color: white;
    font-size: 1.6rem;
}

.footer-bot {
    padding-top: 4rem;
    margin-top: 4rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer-bot a {
    color: #949494;
    text-decoration: none;
    transition: .2s;
}

.header-card {
    background: white;
    position: relative;
    z-index: 2;
    /* border-top: 1px solid #f0f0f0; */
}

.header-card .box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 5rem;
    text-decoration: none;
    position: relative;
}

.card-item:after {
    content: '';
    height: 0;
    width: 70%;
    background: #EE741B;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .3s;
}

.card-item:hover:after {
    opacity: .5;
    height: 4px;
}

.card-item.active:after {
    opacity: 1;
    height: 4px;
}

.card-item img {}

.card-item span {
    color: black;
    margin-left: 2rem;
}

.steps.steps-simple .grid {
    grid-template-columns: 1fr 1fr 1fr;
}

.steps-simple .steps-item:after {
    display: none;
}

.h3,
h3 {
    font-size: 3.5rem;
    font-weight: 700;
}

.text {
    background: #FBFBFB;
    /* padding-top: 11rem; */
    /* padding-bottom: 11rem; */
}

.float-wrapper .text-box,
.float-wrapper .article {
    padding-right: 50rem;
}

.text-box p {
    font-size: 2rem;
    font-weight: 300;
    line-height: 3rem;
    margin: 0 0 2rem;
}

.text-box h3 {
    margin: 4rem 0;
}

.text .box {
    padding-top: 11rem;
    padding-bottom: 11rem;
    position: relative;
}

.input-group {
    position: relative;
    margin: 0 0 3.5rem;
}

.input-group label {
    position: absolute;
    font-size: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    color: rgba(0, 0, 0, .6);
    transition: .3s;
    padding: 0 1rem;
    pointer-events: none;
}

.input-group input {
    font-size: 1.6rem;
    border: 1px solid #D6D6D6;
    height: 4rem;
    padding: 0 2rem;
    box-sizing: border-box;
    display: block;
    border-radius: .6rem;
    width: 100%;
    outline: none;
}

.input-group input:focus {
    border-color: #EE741B;
}

.input-group input:focus+label,
.input-group.active label {
    top: 0;
    font-size: 1.2rem;
    background: white;
    color: #EE741B;
}

.checkbox {
    margin-bottom: 5rem;
}

.checkbox label {
    height: 2rem;
    width: 2rem;
    border: 1px solid #E2E2E2;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    background: white;
    transition: .3s;
    vertical-align: middle;
}

.checkbox label img {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    transition: .3s;
}

.checkbox input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.checkbox input:checked+label {
    background: #ee741b;
    border-color: #ee741b;
}

.checkbox input:checked+label img {
    top: 50%;
}

.checkbox span {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.checkbox span a {
    color: #ee741b;
}

.float {
    position: absolute;
    right: 0;
    top: 0;
    width: 48rem;
    padding: 6rem 4rem;
    box-sizing: border-box;
    background: white;
    border-radius: 1.8rem;
    box-shadow: 0 .5rem 3.5rem rgba(0, 0, 0, 0.05);
    z-index: 2;
    transform: translateY(-7rem);
}

form .h3 {
    margin-bottom: 4rem;
}

.article {
    padding-bottom: 7rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 7rem;
}

.article-tags {
    margin-top: 4rem;
}

.article-tags a {
    display: inline-block;
    margin: 0 4rem 2rem 0;
    font-size: 1.4rem;
    padding: 1.2rem 3rem;
}

.text.text-article {
    background: white;
}

.text-article .float {
    transform: translateY(7rem);
}

.steps-fuel .steps-item p {
    margin: 3rem 0 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: initial;
    color: rgba(0, 0, 0, .5);
}

.steps-fuel .steps-item i {
    width: auto;
    background: none;
    display: block;
    height: 7rem;
}

.steps-fuel .steps-item:after {
    display: none;
}

.steps.steps-fuel {
    padding-top: 0;
}

.steps.steps-fuel .box {
    padding-top: 11rem;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

.teaser.teaser-img-fullcover {
    background-size: cover;
    color: white;
    background-position: right center;
}

.article-desc {
    margin-top: 4rem;
    font-size: 2rem;
    line-height: 4rem;
}

.doc-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4rem 10%;
}

.doc-box a {
    text-decoration: none;
    font-size: 1.6rem;
    color: black;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 2rem;
    transition: .3s;
}

.doc-box a:hover {
    color: #ee741b;
}

.doc-box a img {
    margin-right: 2rem;
    flex-shrink: 0;
}

.faq-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4rem 6rem;
}

.drop {
    margin-bottom: 6rem;
}

.drop-header {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    cursor: pointer;
}

.drop-header i {
    background: #D1D1D1;
    font-size: 2rem;
    font-weight: 700;
    color: white;
    padding: 1.3rem 0 .7rem;
    width: 4rem;
    text-align: center;
    border-radius: 100%;
    margin-right: 3rem;
    flex-shrink: 0;
    transform: rotate(0);
    transition: .3s;
}

.drop-header:hover i {
    background: #ee741b;
}

.drop.active .drop-header i {
    transform: rotate(45deg);
    background: #ee741b;
}

.drop-header span {
    font-size: 2.45rem;
    font-weight: 700;
    line-height: 5rem;
}

.drop-header span img {
    height: 3rem;
    vertical-align: sub;
    position: relative;
    top: -1rem;
}

.drop-body {
    padding: 0 0 0 7.2rem;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
}

.drop.active .drop-body {
    max-height: 500px;
    padding-top: 4rem;
}

.drop-body p {
    color: #4D4D4D;
    font-size: 1.8rem;
    line-height: normal;
    padding-bottom: 2rem;
}

.mobile-header {
    display: none;
}

.no-scroll {
    overflow: hidden;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.popup-box {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    overflow: auto;
    box-sizing: border-box;
    padding: 0 15px;
}

.popup-box form {
    padding: 5rem 25rem 5rem 5rem;
    background: white;
    border-radius: 1.8rem;
    background-image: url(../themes/modulcard_new/assets/images/img-calc.svg);
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}

.form-close {
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: 4rem;
}

.form-close img {
    margin-left: 2rem;
}

ul,
ol {
    color: #4D4D4D;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    list-style: circle;
    font-size: 2rem;
    font-weight: 300;
    line-height: 3rem;
}

ul li,
ol li {
    margin-top: 7px;
    margin-bottom: 7px;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 3rem;
    margin-bottom: 60px;
}

hr {
    background: #e4e4e4;
    height: 1px;
    border: none;
    margin-top: 0px;
    margin-bottom: 60px;
}

.tel_desc {
    font-size: 40%;
    color: #848484;
    margin-bottom: 20px;
}

.map_addr {
    line-height: 2rem;
}

blockquote {
    padding: 14px 28px;
    margin: 0 0 28px;
    line-height: 3rem;
    font-size: 22.5px;
    border-left: 5px solid #eeeeee;
}

.grecaptcha-badge {
    visibility: hidden;
}

.input-group textarea {
    font-size: 1.6rem;
    border: 1px solid #D6D6D6;
    height: 10rem;
    padding: 2rem 2rem;
    box-sizing: border-box;
    display: block;
    border-radius: .6rem;
    width: 100%;
    outline: none;
}

.input-group textarea+label {
    top: 2rem;
}

.input-group textarea:focus {
    border-color: #EE741B;
}

.input-group textarea:focus+label {
    top: 0;
    font-size: 1.2rem;
    background: white;
    color: #EE741B;
}

.steps-fuel .steps-item p {
    min-height: auto;
}

.steps-fuel .steps-item span {
    margin-top: 20px;
    font-weight: 700;
    font-size: 36px;
}


.hide {
    display:none;
    visibility: hidden;
}

.chat-check p {
    margin-bottom:20px;
}

.chat-check h3 {
    margin-bottom:30px;
}
/* @media (max-width:1350px){ */

@media (max-width:1420px) {
    .box {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .teaser {
        background-size: 60% auto;
    }
    .taker span {
        padding: 0 5rem;
    }
    .teaser.teaser-img-cover {
        background-size: auto 100%;
    }
}

@media (max-width:1200px) {
    .calc .box {
        background: rgba(247, 247, 247, 0.9);
    }
}

@media (max-width:1040px) {
    .taker .box {
        display: block;
        position: relative;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .taker {}
    .taker span {
        display: block;
        padding: 2rem 20rem 2rem 0;
    }
    .taker-img {
        margin: 0 0 0 auto;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
    /* .teaser {
	background-size: contain;
	background-image: url(../img/img-teaser.jpg);
} */
    .teaser-bg {
        display: none;
    }
    .teaser .box {
        background: rgba(255, 255, 255, 0.9);
    }
    .teaser.teaser-img-fullcover .box {
        background: rgba(0, 0, 0, .6);
    }
    .teaser span {
        max-width: 60rem;
    }
    .grid {
        grid-column-gap: 2rem;
    }
    .teaser.teaser-img-cover {
        background-position: -20rem;
    }
    .float {
        position: initial;
        width: 100%;
        margin-top: 6rem;
        transform: none;
    }
    .text-article .float {
        transform: none;
    }
    .float-wrapper .text-box,
    .float-wrapper .article {
        padding: 0;
    }
    .input-group input {
        font-size: 16px;
    }
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 5;
        overflow: auto;
        transform: translateX(100%);
        transition: .3s;
        box-sizing: border-box;
        padding-top: 4rem;
    }
    header.active {
        transform: translateX(0);
    }
    .header-bot .box {
        display: block;
    }
    .menu a {
        display: block;
        font-size: 1.8rem;
        margin: 0;
        padding: 1rem 0;
    }
    .menu {
        margin: 2rem 0;
    }
    .header-card .box {
        flex-direction: column;
        align-items: flex-start;
    }
    .card-item:after {
        display: none;
    }
    .card-item {
        padding: 2rem 0;
    }
    .mobile-header {
        display: block;
        position: fixed;
        z-index: 6;
        left: 0;
        top: 0;
        width: 100%;
    }
    .mobile-menu-opener {
        height: 40px;
        width: 40px;
        background: #ee741b;
        position: absolute;
        right: 20px;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.43);
        border-radius: 0 0 7px 7px;
    }
    .mobile-menu-opener i {
        position: absolute;
        top: 20px;
        left: 20%;
        width: 60%;
        height: 2px;
        background: white;
        transform: rotate(0);
        transition: .3s;
    }
    .mobile-menu-opener.active i {
        transform: rotate(-45deg);
    }
    .mobile-menu-opener:before,
    .mobile-menu-opener:after {
        content: '';
        position: absolute;
        width: 60%;
        height: 2px;
        left: 20%;
        background: white;
        transition: .3s;
        opacity: 1;
    }
    .mobile-menu-opener:before {
        top: 13px;
    }
    .mobile-menu-opener.active:before {
        top: 5px;
        opacity: 0;
    }
    .mobile-menu-opener:after {
        top: 27px;
    }
    .mobile-menu-opener.active:after {
        transform: rotate(45deg);
        top: 20px;
    }
    .header-bot {
        box-shadow: none;
    }
    .menu-drop-box {
        position: relative;
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
        box-shadow: none;
        padding: 0;
    }
    .menu-drop>a img {
        display: none;
    }
    .menu-drop-box img {
        top: .5rem;
    }
}

@media (max-width:850px) {
    .doc-box {
        grid-template-columns: 1fr 1fr;
    }
    .news {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .second .grid {
        display: block;
    }
    .pluse {
        padding-bottom: 7rem;
        /* width: 10rem; */
    }
    .pluse span {
        /* text-align: center; */
    }
    .card-info>img {
        position: absolute;
        top: 6rem;
        left: 15px;
        width: auto;
        height: 159px;
    }
    .card .box {
        padding-top: 275px;
    }
    .card .box.no-padding {
        padding-top: 6.5rem;
    }
    .card .box.no-padding .news-element {
        max-width: 100%;
    }
    .card-info .grid {
        margin: 0;
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: flex-start; */
        /* width: 100%; */
        grid-column-gap: 1rem;
    }
    .benefit .grid,
    .benefit-title {
        display: block;
    }
    .benefit-title span {
        margin-top: 2rem;
        display: block;
        max-width: none;
    }
    .benefit,
    .articles .h1,
    .steps .h1 {
        text-align: center;
    }
    .benefit .pluse i {
        margin: auto;
    }
    .interactive {
        display: none;
    }
    .articles-item {
        display: block;
    }
    .articles-item span {
        display: block;
        margin: 3rem auto 0;
        width: 100%;
        text-align: center;
    }
    .articles-item>span span:nth-child(2) {
        margin: 1rem 0 2rem;
    }
    .articles-item>span span:nth-child(3) {
        margin: 0;
    }
    .articles-item i {
        margin: auto;
    }
    .calc-sides {
        display: block;
    }
    .calc-sides .calc-result {
        margin-top: 6rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center;
        align-items: center;
        grid-row-gap: 2rem;
    }
    .calc-result span {
        margin: 0;
    }
    .calc-sides:after {
        display: none;
    }
    .steps .grid {
        display: block;
        text-align: center;
    }
    .steps-item i {
        margin: auto;
    }
    .steps-item {
        margin-bottom: 11rem;
    }
    .steps-item p {
        margin: 4rem 0 0;
    }
    .steps-item .btn {
        margin-top: 2rem;
    }
    .steps {
        padding-bottom: 0;
    }
    .steps-item:after {
        display: none;
    }
    .faq-box {
        /* grid-template-columns: 1fr; */
        display: block;
    }
}

@media (max-width:550px) {
    html {
        font-size: 8px;
    }
    .news {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .taker span {
        padding-right: 0;
    }
    .taker span,
    .taker p,
    .taker .btn {
        position: relative;
        z-index: 2;
    }
    .taker-img {
        opacity: .3;
    }
    .h1 {
        font-size: 3rem;
    }
    .teaser span {
        padding: 4rem 0;
    }
    .card-info .pluse span {
        font-size: 12px;
    }
    .calc-result .h1 {
        font-size: 2rem;
    }
    #footerMap {
        position: relative;
        height: 250px;
        display: block;
    }
    .map .box {}
    .map-info {
        padding: 0;
        width: auto;
        text-align: center;
    }
    .map {
        padding: 0 0 4rem;
    }
    footer .grid {
        display: block;
    }
    footer .grid>div {
        margin-top: 2rem;
    }
    .card-action a {
        display: block;
        margin: 2rem 0 0;
        width: 100%;
        /* text-align: center; */
    }
    .card-dark .h2 .btn-bordered {
        font-size: 1.2rem;
        margin: 0;
    }
    .card .h2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .float .btn {
        width: 100%;
    }
    .doc-box {
        grid-template-columns: 1fr;
    }
    .drop-header span img {
        height: 2rem;
    }
    .drop-header span {
        line-height: normal;
    }
    .header-top .box {
        display: block;
    }
    .ht-callback a {
        display: block;
        margin: 2rem 0;
    }
    .popup-box form {
        background-image: none;
        padding: 25px 15px;
    }
    .form-close {
        right: 15px;
        top: 20px;
    }
    .form-close span {
        display: none;
    }
    .input-group {
        margin-bottom: 20px;
    }
    .checkbox {
        margin-bottom: 20px;
    }
}

@media (max-width:320px) {
    .card-action .btn {
        /* margin: auto; */
        /* display: block; */
    }
    .card-action a,
    .card-info .grid {
        /* text-align: center; */
    }
    .card-info .pluse i {
        /* margin: 0 auto 2rem; */
    }
}