/*
Theme Name: Esser
Theme URI: https://ba-md.de
Author: BA–MD
Author URI: https://ba-md.de
Version: 2.0
Text Domain: esser
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =================reset css starts here=================  */
:root { 
    --esser-white: #fff; 
    --esser-black: #333; 
    --esser-green: #00FC00; 
    --esser-gray-dark: #383e42; 
    --esser-gray-dark-alpha: rgb(56 62 66 / 95%); 
    --esser-gray-light: #effdef; 
    --esser-primary-font-300:'PoppinsThin'; 
    --esser-primary-font-300-italic:'PoppinsThinItalic'; 
    --esser-primary-font-400:'PoppinsRegular'; 
    --esser-primary-font-600:'PoppinsSemiBold'; 
    --esser-primary-font-700:'PoppinsBold'; 
}
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
img { border: 0; }
a { text-decoration: none; border: 0; outline: 0; }
.clear { clear: both; width: auto !important }
ul { list-style: none; }
a:focus, input:focus, textarea:focus,
*:focus { outline: 0 !important; box-shadow: none !important; }
#html { margin-top: 0 !important; }
#html #wpadminbar { top: auto; width: auto; min-width: auto; bottom: 100px; }
#html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments { display: none; }
#wp-admin-bar-edit { display: block !important; }
@media (max-width:1199.98px) {
 #html #wpadminbar { display: none!important; }
 }
/* =================reset css ends here================= */
@font-face { font-family: 'PoppinsThin'; src: url('include/fonts/PoppinsThin.eot'); src: url('include/fonts/PoppinsThin.eot') format('embedded-opentype'),
         url('include/fonts/PoppinsThin.woff2') format('woff2'),
         url('include/fonts/PoppinsThin.woff') format('woff'),
         url('include/fonts/PoppinsThin.ttf') format('truetype'),
         url('include/fonts/PoppinsThin.svg#PoppinsThin') format('svg'); }
@font-face { font-family: 'PoppinsThinItalic'; src: url('include/fonts/PoppinsThinItalic.eot'); src: url('include/fonts/PoppinsThinItalic.eot') format('embedded-opentype'),
         url('include/fonts/PoppinsThinItalic.woff2') format('woff2'),
         url('include/fonts/PoppinsThinItalic.woff') format('woff'),
         url('include/fonts/PoppinsThinItalic.ttf') format('truetype'),
         url('include/fonts/PoppinsThinItalic.svg#PoppinsThinItalic') format('svg'); }
@font-face { font-family: 'PoppinsRegular'; src: url('include/fonts/PoppinsRegular.eot'); src: url('include/fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('include/fonts/PoppinsRegular.woff2') format('woff2'),
         url('include/fonts/PoppinsRegular.woff') format('woff'),
         url('include/fonts/PoppinsRegular.ttf') format('truetype'),
         url('include/fonts/PoppinsRegular.svg#PoppinsRegular') format('svg'); }
@font-face { font-family: 'PoppinsSemiBold'; src: url('include/fonts/PoppinsSemiBold.eot'); src: url('include/fonts/PoppinsSemiBold.eot') format('embedded-opentype'),
         url('include/fonts/PoppinsSemiBold.woff2') format('woff2'),
         url('include/fonts/PoppinsSemiBold.woff') format('woff'),
         url('include/fonts/PoppinsSemiBold.ttf') format('truetype'),
         url('include/fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg'); }
@font-face { font-family: 'PoppinsBold'; src: url('include/fonts/PoppinsBold.eot'); src: url('include/fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('include/fonts/PoppinsBold.woff2') format('woff2'),
         url('include/fonts/PoppinsBold.woff') format('woff'),
         url('include/fonts/PoppinsBold.ttf') format('truetype'),
         url('include/fonts/PoppinsBold.svg#PoppinsBold') format('svg'); }
/* =================core css starts here================= */
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { font-size: 15px; line-height: 24px; font-family: var(--esser-primary-font-400); font-weight: normal; color: var(--esser-gray-dark); background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 100%; max-width: 1140px; }
.container.container1 { width: 100%; max-width: 1206px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color: var(--esser-green); text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #999; opacity: 1; }
:-moz-placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; opacity: 1; }
.os-animation { opacity: 0; }
.os-animation.animated { opacity: 1; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 15px; line-height: 1.1; color: inherit; font-family: var(--esser-primary-font-700); font-weight: normal; }
h1 { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; line-height: 1.4; }
h5 { font-size: 18px; line-height: 1.4; }
h6 { font-size: 11px; font-family: var(--esser-primary-font-700); font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px }
p { margin: 0px; padding: 0px; margin-bottom: 25px; }
strong { font-family: var(--esser-primary-font-700); font-weight: normal; }
b { font-family: var(--esser-primary-font-700); font-weight: normal; }
p:last-child { margin-bottom: 0; }
.mar-40 { margin-bottom: 40px !important; }
.mar-30 { margin-bottom: 30px !important; }
.no-mar { margin: 0 !important; }
.btn { border-radius:10px; padding:23px 15px; min-width:304px; font-size:24px; line-height:30px; box-shadow:none; font-family: var(--esser-primary-font-700); font-weight: normal; }
.btn-default, .btn-default:focus { color: var(--esser-gray-dark); background-color: var(--esser-green); border: solid 1px var(--esser-green); }
.btn-default:hover, .btn-default:active { color: var(--esser-green); background-color: var(--esser-gray-dark); border-color: var(--esser-gray-dark); }
.btn-primary, .btn-primary:focus { color: var(--esser-green); background-color: #fff; border: solid 1px #fff; }
.btn-primary:hover, .btn-primary:active { color: #fff; background-color: #000; border-color: #000; }
.btn-second, .btn-second:focus { color: #fff; background-color: transparent; border: solid 1px #fff; }
.btn-second:hover, .btn-second:active { color: var(--esser-green); background-color: #fff; border-color: #fff; }
.btn-blue, .btn-blue:focus { color: var(--esser-gray-dark); background-color:var(--esser-green); border: solid 1px var(--esser-green); }
.btn-blue:hover, .btn-blue:active { color: #fff; background-color: var(--esser-gray-dark); border-color:  var(--esser-gray-dark);; }
.btn-blue2, .btn-blue2:focus { color: #fff; background-color:var(--esser-green); border: solid 1px var(--esser-green); }
.btn-blue2:hover, .btn-blue2:active { color: var(--esser-green); background-color: #fff; border-color: #fff; }
.btn-white, .btn-white:focus { color: var(--esser-green); background-color:#fff; border: solid 1px #fff; }
.btn-white:hover, .btn-white:active { color: #fff; background-color: #5a6268; border-color: #5a6268; }
.btn-green, .btn-green:focus { color: #fff; background-color:#25d366; border: solid 1px #25d366; }
.btn-green:hover, .btn-green:active { color: #25d366; background-color: #fff; border-color: #fff; }
.btn-icon { width: 20px; margin-top: -4px; }
.btn.btn-lg { padding: 18px 40px !important; }
.btn.btn-xs { padding: 8px 15px !important; min-width: auto; }
.btn.btn-sm { padding: 8px 15px !important; min-width: auto; font-size:18px; }
.btn+.btn { margin-left: 10px; }
.color-text { color: var(--esser-green) !important; }
.btn >i { margin-right: 10px; }
.link { color:var(--esser-green); font-family: var(--esser-primary-font-700); font-weight: normal; text-decoration: underline; }
.link-parent:hover .link, .link:hover { text-decoration: none; color:var(--esser-green); }
.overflow-visible { overflow: visible !important; }
.swiper-pagination-bullet-active { background: var(--esser-green)!important; }
.white .swiper-pagination-bullet { background: #fff; }
.overflow-x-clip { overflow-x: clip; }
/* =================core css ends here================= */
/* ================= Nice Select css Start here ================= */
.nice-select { -webkit-tap-highlight-color:transparent; background-color:#fff; border-radius:5px; border:solid 1px #e8e8e8; box-sizing:border-box; clear:both; cursor:pointer; display:inline-block; float:none; font-family:inherit; font-size:14px; font-family: var(--esser-primary-font-400); font-weight: normal; height: 50px; outline:none; padding-left: 15px; padding-right:30px; position:relative; text-align:left !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; width:100%; }
.nice-select:hover { border-color:#fff; }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color:#fff; }
.nice-select:after { content:''; display:block; height:5px; margin-top:-4px; pointer-events:none; position:absolute; right:12px; top:50%; -ms-transform-origin:66% 66%; -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; width:5px; border-top: solid 8px #586271; border-left: solid 8px transparent; border-right: solid 8px transparent; }
.nice-select.open:after { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }
.nice-select.open .list { opacity:1; pointer-events:auto; -webkit-transform:scale(1) translateY(0); -ms-transform:scale(1) translateY(0); transform:scale(1) translateY(0); }
.nice-select.disabled { border-color:#ededed; color:#999; pointer-events:none; }
.nice-select.disabled:after { border-top-color:#cccccc; }
.nice-select.wide { width:100%; }
.nice-select.wide .list { left:0 !important; right:0 !important; }
.nice-select.right { float:right; }
.nice-select.right .list { left:auto; right:0; }
.nice-select.small { font-size:12px; height:36px; line-height:34px; }
.nice-select.small:after { height:4px; width:4px; }
.nice-select.small .option { line-height:34px; min-height:34px; }
.nice-select .list { background-color:#fff; border-radius:5px; box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing:border-box; margin-top:4px; opacity:0; overflow:hidden; padding:0; pointer-events:none; position:absolute; top:100%; left:0; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; -webkit-transform:scale(0.75) translateY(-21px); -ms-transform:scale(0.75) translateY(-21px); transform:scale(0.75) translateY(-21px); -webkit-transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index:9; width: 100%; color: #999; max-height: 180px; overflow-y: auto; }
.nice-select .list:hover .option:not(:hover) { background-color:transparent !important; }
.nice-select .option { cursor:pointer; font-weight:400; line-height: 20px; list-style:none; min-height:40px; outline:none; padding: 10px; padding-left:18px; padding-right:29px; text-align:left; -webkit-transition:all 0.2s; transition:all 0.2s; white-space: normal; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color:#f6f6f6; }
.nice-select .option.selected { font-weight:bold; }
.nice-select .option.disabled { background-color:transparent; color:#999; cursor:default; }
.no-csspointerevents .nice-select .list { display:none; }
.no-csspointerevents .nice-select.open .list { display:block; }
.nice-select.form-control { padding-right: 40px; }
.nice-select.form-control.type2 { background: #66c1be; border-color: #66c1be; color: #fff; font-family: var(--esser-primary-font-700); font-weight: normal; }
.nice-select.form-control.type2:after { border-top-color: #fff; }
.nice-select.form-control.type2 .list { background-color: #65c1be; color: #fff; }
.nice-select.form-control.type2 .option { padding-left: 15px; font-family: var(--esser-primary-font-700); font-weight: normal; }
.nice-select.form-control.type2 .option:hover, .nice-select.form-control.type2 .option.focus, .nice-select.form-control.type2 .option.selected.focus { background-color: rgba(0,0,0,0.1); }
/* ================= Nice Select css end here ================= */
.bottom-close { text-align: center; margin-top: 40px; cursor: pointer; }
.bottom-close:hover { text-decoration: underline; }
.header-banner { background: var(--esser-green); color: #fff; padding:10px 0; height: 100px; display: flex; align-items: center; margin-top:-100px; transition:all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
.hb-open .header-banner { margin-top:0 }
.hb-box { position:relative; align-items:center; width:100%; padding:0 6%; }
.hb-head { width:300px; display: flex; align-items: center; position: relative; padding-left: 60px; min-height: 44px; }
.hb-body { width:calc(100% - 500px); font-size: 14px; line-height: 20px; }
.hb-bot { width:200px; padding:0 15px; position:relative; }
.hb-close { font-size:30px; line-height:1; position:absolute; left:100%; top:50%; transform:translatey(-50%); margin-left:10px; color:#fff !important; }
.hb-close:hover { opacity:0.8; }
.hb-head-icon { width:44px; position:absolute; left:0; top:0; }
.hb-head-icon img { width:100%; }
.hb-head h5 { margin:0; font-size:28px; line-height:24px; }
.btn.contact-link { display: flex; align-items: center; justify-content: center; }
.btn.contact-link i { width:15px; margin-right:10px; }
.hb-close.for-mob { position:absolute; top:15px; right:15px; left:auto; transform:translatey(0); display:none; }
/* ================= Header start ================= */
header { background-color: rgba(236, 236, 236, 0.95); width:100%; padding:0; top:0; position:fixed; z-index:9999; border-top:2px solid var(--esser-green); transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; }
.navbar-brand { width:150px; height: 70px; padding:0; margin:0; }
.fixed .navbar-brand { width:150px; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
/* .fixed .header-left { padding:10px 0px; }
*/
.navbar-toggler { width:60px; height:60px; border-radius:0; cursor:pointer; text-decoration:none; padding:0; border:0; background:transparent; margin:0; position:absolute; top:0; right:0; }
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus { background:transparent; }
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover { background:transparent; }
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover { background:transparent; }
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover { background:transparent; }
.navbar-toggler .icon-bar { position:relative; display:inline-block; width:23px; height:3px; color:#243238; text-indent:-55px; margin-top:0; background:transparent!important; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; vertical-align:middle; }
.navbar-toggler .icon-bar:before,.navbar-toggler .icon-bar:after { content:''; width:23px; height:3px; background:var(--esser-green); position:absolute; left:0; transition:all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar { background:var(--esser-green)!important; }
.navbar-toggler.collapsed .icon-bar:before,.navbar-toggler.collapsed .icon-bar:after { background:var(--esser-green); }
.navbar-toggler.collapsed .icon-bar:before { top:-7px; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); transform:rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top:0; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom:-7px; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); transform:rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom:0; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }
.dropdown-menu { border:0; border-radius:0; font-size:12px; line-height:18px; }
.dropdown-item { padding:6px 15px; }
.dropdown-menu>li:hover>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>li:focus>a,.dropdown-menu>li:active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.nav-item.active>a,.dropdown-item.active,.dropdown-item:active { background:transparent; color:var(--esser-green); }
.navbar { padding:0; }
.fixed .navbar { box-shadow:0 3px 5px rgba(0,0,0,0.15); }
.navbar-nav { font-family: var(--esser-primary-font-500); font-weight: normal; padding-right:5px; padding-bottom: 0px; color:#383e42; font-size: 16px; }
/*  body:not(.logged-in) .navbar-nav li ul.sub-menu,
body:not(.logged-in) .navbar-nav > li .nav-link:after { display:none !important; }
*/
/* .fixed .navbar-nav { padding-bottom: 0; }
*/
.navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link { padding:0 21px; position:relative; }
.nav-link.js-scroll-trigger.active { color:var(--esser-green); }
.hero-container { width:100%; min-height: 100vh; position: relative; padding: 180px 0 240px; display: flex; align-items: center; }
.hero-container img { width:25%; margin: 25px 0 10px 0; }
.hero-bg { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.hero-container video { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.hero-content { padding: 50px; background:var(--esser-gray-dark-alpha); color: #fff; position: relative; text-align: center; border-radius: 15px; padding: 35px 40px 45px; width: 90%; max-width: 920px; font-size: 17px; line-height: 1.4; margin: 0 auto; z-index: 9;}
.hero-content h1 { font-size: 40px; line-height: 1.2; font-family: var(--esser-primary-font-700); font-weight: normal;     color: var(--esser-green);}
.hero-content-cta { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); }
.hero-content-cta .btn { text-transform: none; white-space: nowrap; }

.hero-slider-container{padding: 0; align-items: normal; min-height: auto; height: 100%; width: 100%; position: absolute; inset: 0;}
.hero-slider-container img{margin: 0; width: 100%; height: 100%; object-fit: cover;}
.header-content { width:100%; /*padding-right:65px; */ }
.header-left { width:calc(100% - 370px); padding:27px 0px; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; position:relative; }
.fixed .header-left { padding: 15px 0; }
.header-right { width:370px; position:relative; padding-right: 110px; }
.header-badge { position: absolute; top: 0; right: 0; width:90px; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
.header-badge img { width:100px; height:auto; }
.header-right .phone-icon { width:25px; display:none; }
.header-git-content { width:100%; font-size:15px; font-family: var(--esser-primary-font-400); font-weight: normal; text-align:center; }
.header-git-content a { font-size: 14px; white-space:nowrap; color:var(--esser-green);}
.header-git-box { font-size:14px; background:#383E42; color:#fff; display:flex; flex-wrap: wrap; border-radius:0 0 10px 10px; padding:6px 13px 4px; align-items:flex-start; margin-bottom:15px; }
.header-git-content >a:hover { color:rgba(255, 255, 255, 0.82); }
.header-git-content h4 { font-size:14px; color:#383e42; color:#fff; margin-bottom:0px; line-height:11px; letter-spacing: 0.8px; }
.hqc-list { font-size: 20px; gap: 20px; margin: 0 auto; justify-content: center;  color: var(--esser-green);}
.hqc-list a:hover { transform:scale(1.05); color:inherit; }
.header-wa-icon { width: 18px; margin-top: -2px; }
.header-wa-icon-large { width: 24px; margin-top: -2px; }
ul.social-links { display:inline-block; vertical-align:top; font-size:0; line-height:0; margin:0 auto; text-align:center; display:flex; align-items:center; max-width:120px; }
ul.social-links > li { display:inline-block; vertical-align:top; padding:0 8px; }
ul.social-links > li > a:hover { background:var(--esser-green); }
ul.social-links > li > a { font-size:16px; color:#fff; width:25px; height:25px; background:#808080; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.header-review { position: absolute; right: 20px; top: 0px; padding: 5px 10px; background: #fff; color: #000; border-radius: 0 0 8px 8px; font-size: 12px; line-height: 20px; white-space:nowrap; }
.header-review:focus { color:#000; }
.hr-star { margin-right:10px; font-size:11px; line-height:1; color:var(--esser-green); }
.qc-box .header-review { top: 100%; right: auto; left: 50%; transform: translateX(-50%); }
header ul.social-links { position: absolute; right: 294px; top: 3px; }
.tesla-logo { width: 120px; margin: 0 auto; transition: all 0.2s ease-in; }
.fixed .tesla-logo { margin-top: -7px; }
.hero-bg img { width:100%; height:100%; object-fit:cover; }
.footer-upper {background: #082900;padding:0px 0;color: #fff;}
.footer-upper .qc-benefit-container { margin-bottom: 0; margin-top: -27px; padding: 8px 12%; }
.footer-upper .qc-benefit-list { width:auto; margin-left:0; text-align: center; }
.footer-upper .qc-benefit-list li { padding:0; }
.footer-upper .qc-upper { padding:35px 70px 15px 95px; margin-bottom:0; }
.footer-bottom-content ul.social-links { max-width:100%; justify-content:center; margin:20px 0 auto; }
.footer-bottom-content ul.social-links > li { padding:0 11px; }
.footer-bottom-content .social-links li > a { width:38px; height:38px; font-size:20px; background:#808080; color:#fff; }
.footer-lower { background:var(--esser-gray-dark-alpha); padding:10px 0; color:#fff; }
ul.flc-list li { padding:0 8px; position:relative; font-size:14px; text-transform:capitalize; }
ul.flc-list li:after { content:''; width:3px; height:3px; background:#fff; border-radius:50%; position:absolute; right:-2px; top:50%; transform:translateY(-50%); }
ul.flc-list li:last-child:after { content:none; }
.footer-bottom-content { text-align:center; padding:0px 0 28px; }
.footer-badge span { padding:0 15px; }
.footer-partner-list { gap: 8px; }
.footer-partner-list a { background: #fff; border-radius: 12px; height: 80px; padding: 10px 20px; }
.footer-partner-list a img { height: 100%; width: auto; object-fit: contain; }
.footer-partner-list a:hover { transform: translateY(-5px); }
.benefit-box { width:100%; padding:19px 15px; position:absolute; top:-70px; left:0; right:0; display:flex; align-items:center; justify-content:center; font-size:18px; background:var(--esser-green); color:#fff; border-radius:10px; }
.benefit-icon { width:23px; margin-right:18px; }
ul.contact-list li >span { min-width:75px; display:inline-block; text-transform:capitalize; }
ul.hours-list li { display:flex; align-items:center; justify-content:space-between; }
address { margin-bottom:0; }
ul.git-list li.git-item:nth-child(2) { min-width:335px; }
ul.git-list li.git-item:nth-child(2) .git-box { padding-right:83px; }
.qc-lower blockquote { max-width:100%; }
.qc-box { position:relative; margin-top:-150px; }
.qc-upper { background:#383E42; color: #fff; padding:70px 60px 35px; border-radius:10px; }
.qc-lower { margin-top: 48px; }
ul:not([class]) { text-align: left; margin: 0 0 25px; /*max-width: 572px; */ }
ul:not([class]) li { position: relative; padding-left: 25px; }
ul:not([class]) li:before { content: ''; width: 6px; height: 6px; background: var(--esser-green); position: absolute; left: 0; top: 12px; transform: translateY(-50%); }
.wpcf7-list-item label { margin-bottom: 10px; position: relative; padding-right: 15px; }
input[type=checkbox] { position: absolute; left: 0; top: 3px; }
.card-box > p + p { margin-top: 30px; }
.heading { display:inline-block; margin-bottom:20px; }
.heading h3 { position:relative; margin-bottom:0; padding-bottom:8px; font-size:24px; }
.heading h3:before { content:''; width:73px; height:5px; background:var(--esser-green); position:absolute; left:0; top:100%; }
.heading h4, .heading h2 { position:relative; margin-bottom:0; padding-bottom:10px; font-size:30px; line-height:1.3; color:#000; }
.heading h4:before, .heading h2:before { content:''; width:73px; height:5px; background:var(--esser-green); position:absolute; left:0; top:100%; }
ul.git-list { width:calc(100% + 30px); margin-left:-15px; display:flex; justify-content:space-between; vertical-align:top; }
ul.git-list li.git-item { width:auto; padding:0 15px; }
ul.git-list li.git-item:last-child { max-width:175px; }
.card-box ul:not([class]) { max-width: 620px; text-align: center; }
.card-box ul:not([class]) li:before { display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; left: auto; top: auto; transform: translateY(0); }
section { padding:70px 0; }
/* r */
.about-box { align-items: flex-start; }
.about-img { width:472px; position: sticky; top:150px; }
.about-img img { border-radius:10px; width: 100%; }
.about-content { width:calc(100% - 472px); padding-left:30px; }
.about-content .heading { margin-bottom:45px; }
.signature-img { width:140px; margin-top:-10px; margin-bottom:6px; }
.author-intro > strong { color:var(--esser-green); }
.qc-benefit-container { border-radius:10px; position:relative; margin: 0 auto; margin-bottom:-23px; background:var(--esser-green); color:var(--esser-gray-dark); padding:12px 20px; width:calc(100% - 55px); }
.qc-benefit-content { font-size: 16px; font-family: var(--esser-primary-font-600); font-weight: normal; }
.qc-benefit-list { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.qc-benefit-list li { width:auto; display:flex; position: relative; padding: 0 15px 0 25px; }
.qc-benefit-icon { width:18px; margin-right:8px; position: absolute; left: 0; top: 0;filter: brightness(0.1); }
.gray-bg { background:#383e42!important; }
.gray-bg-light { background:#effdef!important; }
.gray-bg .heading h4, .gray-bg .heading h3,.gray-bg .heading h2 { color: #fff; }
.wp-gr .grw-slider .grw-slider-dot.active { background: var(--esser-green) !important; }
.wp-gr .wp-google-wr a { text-transform:uppercase!important; }
.services-body { padding:95px 0 92px; }
.services-head { padding-bottom:41px; }
.services-head .heading { margin-bottom:0; }
ul.service-list { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-wrap:wrap; vertical-align:top; }
ul.service-list li.service-item { width:50%; display:flex; padding:13px 15px; }
.service-box { background:#fff; display:flex; border-radius:10px; overflow:hidden; }
.service-icon { width:125px; display:flex; align-items:center; justify-content:center; }
.service-icon img { width:77px; margin:0 auto; }
.service-desc strong { font-size:24px; line-height:30px; letter-spacing:-0.4px; }
.service-desc { padding:13px 22px 13px 17px; background:#effdef; width:calc(100% - 125px); font-size:16px; }
ul.vehicle-type-list { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-wrap:wrap; vertical-align:top; margin-bottom:109px; }
ul.vehicle-type-list li.vt-item { width:50%; padding:0 15px; }
.vt-box h4 { font-size:24px; line-height:30px; font-family: var(--esser-primary-font-600); font-weight: normal; position:relative; margin-bottom:45px; padding-bottom:15px; }
.vt-box h4:before { content:''; width:73px; height:5px; background:var(--esser-green); position:absolute; left:0; top:100%; }
.vt-box { font-size:18px; line-height:24px; padding:55px 65px 55px 95px; background:#effdef; display:flex; flex-flow:column; height:100%; border-radius:10px; }
.vt-btn { margin-top:auto; }
.vehicle-container { padding:15px 0; }
.vehicle-container .heading { margin-bottom:55px; }
ul.vt-logo-list { display:flex; align-items:center; justify-content:space-between; margin-top:-10px; }
ul.vt-logo-list li { width:50%; max-width: 126px; max-height: 79px; }
.vt-hover-logo { display: none; }
ul.vt-logo-list li a:hover .vt-hover-logo { display: block; }
ul.vt-logo-list li a:hover .vt-logo { display: none; }
.vt-btn >a >i img { width:20px; }
.tab-container { background:#383e42; border-radius:10px; overflow:hidden; margin-bottom:99px; }
.nav-tabs { border-bottom:0; border-radius:10px; }
.nav-tabs .nav-item { margin-bottom:0; width:33.33%; border-radius:10px; border-radius:0 0 10px 10px; background:#fff; }
.nav-tabs .nav-item span { font-size: 0.95em; }
.nav-tabs .nav-link { font-size: 18px; line-height: 1.4; height: 100%; color:#383e42; border:0; border-radius:10px; background:#effdef; padding:26px 15px 26px 20px; display: flex; align-items: center; font-weight: 500; }
.nav-tabs li >a >img { width:49px; margin-right:12px; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color:#fff; background-color:#383e42; border-radius:10px 10px 0 0; }
.card { background:transparent; color:#fff; border:0; border-radius:0 0 10px 10px; text-align:center; padding:45px 70px 39px; }
.card-box >p { margin-bottom:0; }
ul.tab-logos li > img { width:160px; }
ul.tab-logos { display:flex; align-items:center; justify-content:center; vertical-align:top; margin-top:25px; }
ul.tab-logos li { padding:0 15px; }
/* blockquote { padding:30px 0; font-size:58px; line-height:1.2; font-family: var(--esser-primary-font-600); font-weight: normal; margin:0 auto; text-align:center; color: #666; }
*/
blockquote { padding:30px 0; font-size:58px; line-height:60px; font-family: var(--esser-primary-font-300-italic); font-weight: normal; max-width:600px; margin:0 auto; text-align:center; }
blockquote >b { color:var(--esser-green); }
/* Home New Service Section start */
.service-row-outer { position: sticky; top: 145px; margin-bottom: 40px; }
/* .service-row-outer:nth-child(even) .services-row { background: #eef8ff; }
*/
.services-row { padding: 48px 52px; background: var(--esser-white); border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.service-row-upper { gap:20px; margin-bottom: 24px; }
.service-row-title h2 { margin-bottom: 5px; font-size: 40px; line-height: 1.2; }
.services-row-icon { width: 100px; height: 100px; padding: 14px; background:var(--esser-green); border-radius: 12px; }
.services-row-icon img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0.2); }
.services-row-content { font-size: 18px; line-height: 1.6; margin-bottom: 36px; }
.services-row-content h3 { font-size: 32px; font-weight: 700; margin-bottom: 26px; }
.services-row-list { width: calc(100% + 20px); margin-left: -10px; margin-bottom: -20px; }
.services-row-item { width: 33.33%; padding: 0 10px; margin-bottom: 20px; }
.services-row-box { padding: 10px; gap: 16px; font-size: 16px; font-weight: 400; color: var(--esser-gray-dark); background:#effdef; border-radius: 12px; transition: all 0.3s ease-in-out; width: 100%; height: 100%; line-height: 1.3; }
.srb-icon { width: 60px; height: 60px; padding: 10px; background: var(--esser-gray-dark); border-radius: 8px; transition: all 0.3s ease-in-out; }
.srb-icon img { width: 100%; height: 100%; object-fit: contain;  }
.services-row-box:hover { color: var(--esser-green); background:var(--esser-gray-dark); transform: translateY(-5px); }
.services-row-box:hover .srb-icon { background: var(--esser-green); }
.services-row-box:hover .srb-icon img{filter: brightness(0.2);}
/* Home New Service Section end */
#contact { overflow: hidden; position: relative; }
.query-body:before { content:''; width: 100%; height: 250px; position: absolute; top: 0; left: 0; z-index: 9; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ }
#contact .container { position: relative; z-index: 99; }
.map-container { position:absolute; left:0; top:0; bottom:0; width:150%; width: 100%; height:100%; }
.map-container img { width:100%; height:100%; object-fit:cover; }
.form-container { width:100%; padding:45px 30px; background:var(--esser-gray-dark-alpha); color: #fff; border-radius:10px; }
.form-head { padding-right:15px; margin-bottom:20px; }
.form-group { margin-bottom:20px; position:relative; }
.form-container h4, .form-container h3 { font-size:24px; line-height:30px; position:relative; margin-bottom:45px; padding-bottom:15px; }
.form-container h4:before, .form-container h3:before { content:''; width:73px; height:5px; background:var(--esser-green); position:absolute; left:0; top:100%; }
select.form-control { background:#f2f2f2 url(include/images/arrow-down.png) no-repeat right center; background-size:30px auto; background-position-x:calc(100% - 20px); max-width:100%; min-width:100%; height:50px!important; -webkit-appearance:none; color:#999; }
textarea.form-control { height:170px; resize:none; }
.form-control { padding:6px 15px; border:1px solid #fff; font-size:24px; color:#333333; border-radius:10px; font-family: var(--esser-primary-font-400); font-weight: normal; }
.form-control::placeholder { color:#333333; }
.form-control:focus { color:#383e42; border-color:var(--esser-green); }
.wpcf7-spinner { position:absolute; top:100%; right:0; margin:5px; }
.submit-form-btn { position:relative; background:#383e42; border-radius:10px; overflow:hidden; width:189px; flex:none; }
.submit-form-btn:before { content:""; width:47px; background-image:url(include/images/send.svg); position:absolute; height:47px; background-position:center; background-repeat:no-repeat; background-size:cover; left:15px; top:50%; transform:translateY(-50%); }
.form-group.submit-field { width:100%; display:flex; align-items:center; margin-top:25px; }
.form-group.submit-field .acceptance-102 { width:calc(100% - 189px); font-size:12px; line-height:14px; color:#666666; padding-right:20px; }
.submit-form-btn input { width:100%; height:100%; background:transparent; color:#fff; padding:50px 25px 50px 65px; font-size:24px; line-height:16px; border:0; cursor:pointer; position:relative; z-index:99; }
.submit-form-btn:hover { background:var(--esser-green); }
.wpcf7-acceptance input[type=checkbox] { display: none; }
span.wpcf7-list-item-label { padding-left: 25px; padding-right: 0; position: relative; display: inline-block; vertical-align: top; font-size: 12px; line-height: 14px; letter-spacing: 0; }
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content:''; width: 15px; height: 15px; position: absolute; left: 0; top: 0; }
span.wpcf7-list-item-label::before { background: #fff; border-radius: 3px; z-index: 2; }
span.wpcf7-list-item-label::after { z-index: 3; content:"\f00c"; font-family: 'font awesome 5 free'; font-weight: 900; font-size: 10px; line-height: 15px; text-align: center; color: #383e42; transition: all 0.2s ease-in; transform: scale(0); }
.wpcf7-acceptance input[type=checkbox]:checked + span.wpcf7-list-item-label::after { transform: scale(1); }
span.wpcf7-list-item { margin: 0; }
.query-head { margin-bottom:30px; }
.query-body { position:relative; padding-bottom:85px; }
.cu-box { padding:0 81px; margin-top:-53px; }
.cu-btn { background:var(--esser-green); color:#fff; padding:15px 15px 28px; border-radius:10px; text-align:center; position:relative; }
.large-down-arrow { width:93px; position:absolute; left:50%; transform:translateX(-50%); top:80%; cursor:pointer; transition:opacity .3s; }
.large-down-arrow span { position:absolute; top:-18px; left:50%; width:60px; height:60px; margin-left:-32px; border-left:13px solid #d8d8d8; border-bottom:13px solid #d8d8d8; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-animation:sdb05 1.5s infinite; animation:sdb05 1.5s infinite; box-sizing:border-box; }
@-webkit-keyframes sdb05 { 0% { -webkit-transform:rotate(-45deg) translate(0, 0); opacity:0; }
50% { opacity:1; }
100% { -webkit-transform:rotate(-45deg) translate(-10px, 10px); opacity:0; }
 }
@keyframes sdb05 {
 0% { transform:rotate(-45deg) translate(0, 0); opacity:0; }
50% { opacity:1; }
100% { transform:rotate(-45deg) translate(-10px, 10px); opacity:0; }
 }
.cu-btn h4 { }
.cu-btn h4,.cu-btn h5 { font-size:22px; line-height:30px; color:#383e42; margin-bottom:0; }
.cu-btn h5 { color:#fff; }
.googlemap-link,.contact-link { }
.form-group.submit-field span >a { }
#return-to-top { position:fixed; bottom:20px; right:20px; background:var(--esser-green); width:50px; height:50px; display:block; text-decoration:none; border-radius:50%; display:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index:999; }
#return-to-top i { color:#fff; margin:0; position:relative; left:16px; top:15px; font-size:19px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#return-to-top:hover { background:#383e42; }
#return-to-top:hover i { color:#fff; top:12px; }
.heading-container { text-align:center; margin-bottom:80px; }
.heading-container h3 { margin:0; }
.heading-container p { max-width:490px; margin:0 auto; font-size:15px; }
.partition { display:inline-block; width:100%; margin:10px 0; height:1px; vertical-align:top; }
.partition:before { content:''; display:inline-block; vertical-align:top; width:40px; background:#d1d1d1; height:1px; }
.box-3d { padding:0 45px; width:100%; display:inline-block; vertical-align:top; margin-bottom:30px; }
.box-3d img { width:100%; -webkit-box-shadow:0 25px 30px -20px rgba(0,0,0,0.6); -moz-box-shadow:0 25px 30px -20px rgba(0,0,0,0.6); box-shadow:0 25px 30px -20px rgba(0,0,0,0.6); }
.shadow-box { padding:0; width:100%; display:inline-block; vertical-align:top; margin-bottom:30px; -webkit-box-shadow:0 25px 30px -20px rgba(0,0,0,0.6); -moz-box-shadow:0 25px 30px -20px rgba(0,0,0,0.6); box-shadow:0 25px 30px -20px rgba(0,0,0,0.6); }
section#Datenschutz { display:none; position:relative; background-color:#fff; }
section#impressum { display:none; position:relative; background-color:#fff; }
.btn-close,.btn-close2 { position:absolute; right:calc(50% - 14px); top:-50px; font-size:50px; color:#666; }
.design-by > p { margin-bottom:0; }
.design-by > h6 { margin-bottom:25px; letter-spacing:0; }
.design-by { margin-top:15px; display:inline-block; width:100%; }
/*purchase form css start*/
.pf-head .heading { margin-bottom: 50px; }
.purchase-form-container { padding: 0px 0 100px; }
.heading h5 { font-size:24px; line-height:30px; position:relative; margin-bottom:45px; padding-bottom:15px; }
.heading h5:before { content:''; width:73px; height:5px; background:var(--esser-green); position:absolute; left:0; top:100%; }
.pf-body { padding: 25px; background: #effdef; border-radius: 10px; }
.pf-body p >a { font-family: var(--esser-primary-font-600); font-weight: normal; }
.pf-submit .submit-form-btn { width: 100%; }
.form-group.pf-submit { margin-bottom: 0; margin-top: 0px; }
.pf-text { max-width: 559px; }
/*purchase form css end*/
.member-img img { width: 100%; height: 100%; object-fit: cover; }
.member-img { height: 280px; border-radius: 10px; overflow: hidden; }
.member-box {background: var(--esser-gray-dark-alpha);height: 100%;border-radius: 10px;overflow: hidden;text-align: center;display: flex;flex-flow: column;color: #fff;}
.member-intro { padding: 20px; }
ul.member-social-link { margin-top: auto; padding:0 20px 20px 20px; }
ul.member-social-link li a { width: 30px; }
ul.member-social-link li a svg { fill: #999999; }
ul.member-social-link li a:hover svg { fill: var(--esser-green); }
ul.member-social-link li:first-child a { width: 23px; }
ul.member-list { width: calc(100% + 30px); margin-left: -15px; }
ul.member-list li.member-item { width: 25%; padding: 15px; }
.member-intro strong { font-size: 18px; line-height: 20px; color: var(--esser-green); }
.member-intro h5 { font-size: 13px; line-height: 20px; font-family: var(--esser-primary-font-400); font-weight: normal; margin: 10px 0 0 0; }
ul.member-social-link li + li { margin-left: 15px; }
.member-intro strong span { display: block; }
/*new service section css start */
.nl-intro strong { font-family: var(--esser-primary-font-400); font-weight: normal; }
.active .nl-intro strong { font-family: var(--esser-primary-font-700); font-weight: normal; }
.new-services .services-body { color:#000; }
.nl-icon { width:124px; height:122px; border-radius:10px; background:var(--esser-green); display:flex; align-items:center; justify-content:center; position:relative; margin-left: -10px; }
.nl-icon > img { width:77px; }
.nl-intro { width:calc(100% - 124px); padding-left:25px; position:relative; font-size: 20px; line-height: 1.2; }
.services-nav .nav-link { border-radius:10px 0 0 10px; padding:0; color:#000; background:transparent; }
.services-nav .nav-link.active .nl-content { background:#fff; }
.services-nav .nav-link .nl-content { background:#fff; position:relative; z-index:2; margin-left: 10px; }
.services-nav .nav-link.active .nl-content:before { content:none; }
.services-nav .nav-link .nl-content:before { content:''; width:calc(100% - 65px); height:100%; background:#effdef; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; }
.border-radious1 { border-radius:0 10px 10px 0!important; }
.tc-img { border-radius:10px; position:relative; width:calc(100% + 65px); margin-top:-40px; overflow:hidden; }
.tc-img:before { content:''; width:100%; height:100%; background:rgb(10 111 183 / 70%); position:absolute; left:0; top:0; right:0; bottom:0; border-radius:10px; }
.border-radious { border-radius:10px!important; }
.tab-content { height:100%; }
.tc-content { padding:40px 25px 20px 15px; }
.services-nav .nav-link.active, .services-nav .show > .nav-link { background:transparent; color:#000; }
.services-body .card.tab-pane { padding: 0; border-radius: 0; text-align: left; color: #333; }
.services-body .card .card-header { display: none; }
.services-body .card-body { padding: 0; }
/*new service section css end */
.carousel-inner { height:100%; }
.carousel-item { height:100%; }
.carousel-control-next-icon, .carousel-control-prev-icon { width:50px; height:50px; }
section#quickContacts { position:relative; z-index:999; }
.footer-badge img { width: 150px; display: block; margin: 0 auto 25px; }
body:not(.home) { padding-top:132px; }
.content-container { padding:70px 0; }
/* video section start */
.videos-head { padding-bottom:40px }
.videos-body { padding: 60px 0; }
.videos-list { width: calc(100% + 30px); margin-left: -15px; }
.videos-item { width: 33.333%; padding: 0 15px; }
.video-slider.swiper-initialized .videos-list { width: 100%; margin:0; }
.video-slider.swiper-initialized .videos-item { padding: 0; }
.videos-box { width: 100%; }
.videos-box-thumbnail { width: 100%; padding-bottom: 100%; background: #474e53; position: relative; cursor: pointer; }
.videos-box-thumbnail img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1; }
.videos-box-thumbnail:before { content:"\f04b"; font-family: 'font awesome 5 free'; font-weight: 900; font-size: 50px; line-height: 1; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in; z-index: 2; }
.videos-box:hover .videos-box-thumbnail:before { transform: scale(1.05) translate(-50%, -50%); }
.videos-box-tags { padding-top: 30px; }
.videos-box-tags span { display: inline-block; background: var(--esser-green); padding: 5px 15px 3px; border-radius: 4px; color: #fff; font-size: 14px; line-height: 16px; text-transform: uppercase; margin: 0 6px 6px 0; }
.modal-center.modal-dialog { height: calc(100vh - 100px); margin: 50px auto; width: calc(100% - 30px); display: flex; align-items: center; width: 90%; max-width: 800px; }
.modal .close { position: absolute; right: -5px; top: -50px; text-shadow: none; color: #fff; opacity: 1; font-size: 50px; line-height: 1; }
.modal-backdrop { background: #000; z-index: 99998; }
.modal-backdrop.show { opacity: 0.9; }
.modal { z-index: 99999; }
.modal-content { border: solid 2px #fff; border-radius: 0; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); width: auto; margin: 0 auto; }
.modal-content video { object-fit: contain; width: auto; height: auto; max-height: 80vh; max-width: 80vw; }
.swiper-button-prev.video-slider-prev { top: 38.5%; left: -40px; }
.swiper-button-next.video-slider-next { top: 38.5%; right: -40px; }
.swiper-button-next:after, .swiper-button-prev:after { color: var(--esser-green); }
/* video section end */
/* instagram section start */
.instagram-head { padding-bottom:40px }
.instagram-body { padding: 60px 0; }
/* instagram section end */
/* body:not(.logged-in) .navbar-nav>li.menu-item-has-children>ul.sub-menu , body:not(.logged-in) .navbar-nav>li.menu-item-has-children>.nav-link:after { display: none !important; }
*/
.navbar-nav .nav-link .sub-arrow { display: none !important; }
.query-container .git-list { display: flex; flex-flow: column; gap:30px }
.query-container .git-list li.git-item { max-width: 100% !important; }
.query-container .git-list .git-box { width: 100%; background:var(--esser-gray-dark-alpha); color: #fff; padding: 30px !important; border-radius: 10px; }
footer .qc-upper { display: none !important; }
.googlemap-link { font-family: var(--esser-primary-font-700); font-weight: normal; }
@media screen and (min-width: 992px) {
 .navbar-nav > li.menu-item-has-children > .nav-link:after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--esser-gray-dark-alpha); transition: all 0.2s ease-in; opacity: 0; }
.navbar-nav > li.menu-item-has-children:hover .nav-link:after { top: calc(100% + 22px); opacity: 1; }
.fixed .navbar-nav > li.menu-item-has-children:hover .nav-link:after { top: calc(100% + 18px); }
.navbar-nav > li.menu-item-has-children > ul.sub-menu { position: absolute; top: 90% !important; left: calc(50% + 185px) !important; transform: translateX(-50%); width: calc(100% + 370px) !important; max-width: 1140px !important; padding: 40px; z-index: 9; opacity: 0; visibility: hidden; display: flex !important; flex-flow: row wrap; text-transform: none; font-size: 19px; line-height: 24px; transition: all 0.2s ease-in; gap: 60px 0; }
.navbar-nav > li.menu-item-has-children:hover > ul.sub-menu { top: 100% !important; opacity: 1 !important; visibility: visible; }
.fixed li.menu-item-has-children:hover > ul.sub-menu { top: calc(100% + 8px) !important; }
.navbar-nav > li.menu-item-has-children > ul.sub-menu > li { width: 33.333%; }
.navbar-nav > li.menu-item-has-children > ul.sub-menu:before { content: ''; width: 320%; height: 100%; position: fixed; top: 0; left: -110%; right: -110%; background:var(--esser-gray-dark-alpha); z-index: -1; }
.navbar-nav > li > ul.sub-menu > li > a { font-weight: 600 !important; }
.navbar-nav > li > ul.sub-menu > li a.nav-link { padding: 0 20px 0 95px; color: #fff; margin-bottom: 15px; display: flex; align-items: center; font-family: var(--esser-primary-font-400); font-weight: normal; }
ul.sub-menu > li > a.nav-link > img.menu-icon { position: absolute; top: 50%; left: 20px; width: 50px; height: 50px; filter: brightness(0) invert(1); margin-top: -25px; line-height: 1em; }
ul.sub-menu > li > a.nav-link:hover { text-decoration:underline;color: var(--esser-green) !important; }
li.menu-item-has-children > ul.sub-menu > li > ul.sub-menu { display: block; }
 }
@media only screen and (min-width: 991px) {
 .navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
 }
.member-cat-box:not(:last-child) { margin-bottom: 50px; }
.heading.more-mar { margin-bottom: 50px; }
.stat-list { display: flex; width: calc(100% + 30px); margin-left: -15px; }
.stat-item { width: 100%; padding: 0 15px; }
.stat-box { text-align: center; background: #383e42; color: #fff; width: 100%; height: 100%; padding: 30px; border-radius: 10px; }
.stat-icon img { width: 100%; height: auto; }
.stat-icon { width: 50px; margin: 0 auto 10px; }
.stat-box h3 { margin-bottom: 5px; }
.stat-box h5 { font-size: 16px; font-family: var(--esser-primary-font-600); font-weight: normal; }
.about-content .tesla-logo { width: 100%; max-width: 454px; }
/* ================= Jobs Page Start here ================= */
.inner-hero-container { min-height: 400px; padding: 120px 0; background: #383e42; color: #fff; }
.inner-hero-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; mix-blend-mode: overlay; }
.inner-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.inner-hero-container .container { position: relative; z-index: 9; }
.inner-hero-content h1 { font-size: 50px; margin-bottom: 0; }
.page-template-jobs ul:not([class]) { max-width: none; }
.page-template-jobs ul:not([class]) li { padding-left: 10px; margin-bottom: 5px; }
.page-template-jobs ul:not([class]) li:before { background: var(--yellow); top: 10px; transform: none; }
.portrait-video { width: 320px; max-width: 80vw; float: right; border-radius: 10px; position: relative; overflow: hidden; margin: 0 0 30px 40px; z-index: 9; }
.portrait-video-inner { width: 100%; padding-bottom: 178%; position: relative; }
.portrait-video iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border:0; }
.page-template-jobs .form-head { display:none; }
/* ================= Jobs Page End here ================= */
body.page-template-landing-page { padding-top:0; }
.landing-hero-container { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.landing-hero-container video { width: 100%; height: 100%; object-fit: cover; }
.footer-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 20px; }
.footer-nav .nav-item { display: flex; align-items: center; margin-bottom: 5px; }
.footer-nav .nav-item:not(:first-child):before { content:'|'; margin: 0 15px; }
.footer-nav .nav-link { padding: 0; }
.footer-menu-box { padding-right: 25px; border-right: solid 1px #e0e0e0; width: 25%; padding-left: 25px; }
.footer-menu-box:first-child { padding-left: 0; }
.footer-menu-box:last-child { border-right: 0; }
.footer-menu .menu-item { margin-bottom: 12px; }
.footer-menu .nav-link { padding: 0; font-size: 14px; line-height: 1.3; }
.footer-menu .menu-item:first-child { margin-bottom: 30px; }
.footer-menu .menu-item:first-child .nav-link { color: var(--esser-green); font-family: var(--esser-primary-font-700); }
.footer-menu .nav-link:hover { text-decoration: underline; }
/*@media only screen and (max-width: 1200px) {
 }
*/
@media only screen and (max-width: 1200px) {
 .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link { padding:0 13px; }
/*.header-content { padding-right: 40px; }
*/
/* .qc-benefit-container { padding:19px 30px 19px 30px; }
*/
.qc-benefit-icon { width:20px; }
.footer-upper .qc-benefit-content { width: calc(100% - 20px); }
.qc-benefit-content { font-size:15px; }
.qc-upper { padding:55px 40px 35px; }
ul.git-list li.git-item:nth-child(2) .git-box { padding-right:15px; }
blockquote { font-size:45px; line-height:50px; }
section { padding:50px 0; }
.about-content .heading { margin-bottom:35px; }
.about-content img { width: 125px; margin: 5px; }
.heading h4,.heading h2 { font-size:28px; line-height:20px; padding-bottom:18px; }
.services-body { padding:40px 0 80px; }
.service-icon { width:100px; }
.service-icon img { width:65px; }
.service-desc { padding:13px 16px; width:calc(100% - 100px); font-size:15px; }
.service-desc strong { font-size:20px; line-height:26px; }
.cu-btn h4, .cu-btn h5 { font-size:22px; line-height:28px; }
.large-down-arrow { width:60px; }
.btn { padding:18px 15px; font-size:20px; line-height:26px; }
.vt-box { font-size:16px; line-height:22px; padding:35px 40px 35px 60px; }
.vt-box h4 { font-size:22px; line-height:28px; margin-bottom:40px; }
.nav-tabs .nav-link { font-size:22px; line-height:25px; }
.nav-tabs li >a >img { width:45px; margin-right:20px; }
.card { padding:45px 65px 40px; font-size:16px; line-height:22px; }
ul.tab-logos li > img { width:130px; }
.form-container { padding:45px 50px 45px 30px; }
.form-container h4, .form-container h3 { font-size:22px; line-height:28px; margin-bottom:40px; }
.form-control { font-size:22px; }
.submit-form-btn input { padding:35px 25px; font-size:22px; line-height:14px; }
.submit-form-btn:before { width:35px; height:35px; left:15px; }
.heading h3 { font-size: 22px; padding-bottom: 10px; }
.header-left { width: calc(100% - 270px); }
.header-right { width: 270px; padding-right: 0; }
.header-badge { top: 100% !important; right:15px; z-index: -1; }
body.page-template-thank-you .header-badge { display: none !important; }
.fixed  .header-badge { opacity: 0; visibility: hidden; }
.content-container { padding:50px 0; }
.query-container .git-list { margin-top: 30px; }
 }
@media only screen and (max-width: 1048px) {
 .navbar-nav { font-size: 15px; padding-right: 15px; }
.qc-benefit-container { padding: 19px 25px; }
.qc-benefit-icon { width: 15px; }
.qc-benefit-content { font-size: 15px; }
.qc-upper { padding: 55px 40px 35px; }
.qc-lower { margin-top: 40px; }
.heading h4, .heading h2 { font-size: 26px; line-height: 18px; padding-bottom: 15px; }
.about-content .heading { margin-bottom: 25px; }
.about-content p { margin-bottom: 15px; }
.about-content p:last-child { margin-bottom: 0; }
.about-content img { width: calc(33.333% - 13px); margin: 5px; max-width: 150px; }
.cu-btn h4, .cu-btn h5 { font-size: 18px; line-height: 24px; }
.large-down-arrow { width: 50px; top: 85%; }
.service-desc strong { font-size: 19px; line-height: 25px; }
.service-desc { padding: 13px 15px; font-size: 14px; line-height: 19px; }
.service-icon img { width: 55px; }
.vt-btn >a >i img { width: 18px; }
.nav-tabs .nav-link { padding: 15px 25px; }
.nav-tabs li >a >img { width: 35px; margin-right: 15px; }
.nav-tabs .nav-link { font-size: 20px; line-height: 23px; }
.card { padding: 45px 40px 40px; font-size: 15px; line-height: 21px; }
ul.tab-logos li > img { width: 115px; }
blockquote { font-size: 35px; line-height: 40px; }
.form-control { font-size: 20px; }
ul.member-list li.member-item { width:33.333%; }
 }
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
 html { scroll-padding-top: 55px; }
header { height: 60px; }
.navbar { box-shadow:0 3px 5px rgba(0,0,0,0.15); height: 100%; }
.fixed .navbar-brand { width:90px; height: 41px; }
.navbar-brand { margin:0; width:90px; margin-left:15px; }
.logo-area { display:flex; }
.navbar-nav { background-color:#ececec; color:#333; text-align:left; padding:15px 0; }
.navbar-nav .nav-link,.navbar-expand-xl .navbar-nav .nav-link { line-height:40px; }
.navbar-collapse { position:fixed; left:0; top:60px; right:0; box-shadow:0 5px 10px rgba(0, 0, 0, 0.06); max-height:calc(100% - 60px); overflow-y:auto; }
.dropdown-menu { padding:0; }
.dropdown-menu a { padding-left:30px; }
.navbar-nav.sm-collapsible .sub-arrow { border:0; margin:0; line-height:40px; height:40px; top:0; }
.header-right .social-links { display:none; }
.header-left,.fixed .header-left { width:100%; padding:9px 0; height:59px; }
.header-content { width:100%; padding-right:0; }
.header-right { width:auto; position:fixed; left:50%; top: 0; transform:translateX(-50%); }
.header-git-box { padding:10px; margin-bottom:0; }
.header-right .phone-icon { width: 18px; }
.header-git-content { width:calc(100% - 18px); font-size:12px; text-align: center; }
ul.git-list li.git-item:nth-child(2) { min-width: auto; }
/* .qc-benefit-list li { width: 33.333%; }
*/
.qc-benefit-list { justify-content: flex-start; flex-flow: column; align-items: center; }
.footer-upper .qc-upper { padding: 30px 25px ; }
.btn { min-width: auto; }
.qc-upper { padding:80px 20px 30px 20px; }
ul.git-list li.git-item:nth-child(2) .git-box { padding-right: 0; }
.hours-list li  span { margin-right: 10px; }
ul.hours-list li  span:last-child { margin-right: 0; }
.git-box { font-size: 15px; }
.footer-bottom-content { padding: 0px 0 25px; }
ul.vt-logo-list li { max-width: 115px; max-height: 69px; }
.services-body .card-header { border:0; border-radius:10px !important; background:#effdef; font-size:18px; line-height:24px; padding:0; cursor:pointer; }
.active .card-header { background:#fff; color:#000; border-radius:10px 10px 0px 0px!important; }
.card-header:after { content:"\f067"; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:12px; position:absolute; top:50%; right:20px; margin-top:-8px; line-height:16px; }
.active .card-header:after { content:"\f068"; }
.card:not(.active) .content-body { display:none; }
.services-nav.nav { display:none; }
.services-body .card .card-header { display:block; position:relative; }
.services-body .col-lg-6.bg-white { background:transparent!important; }
.tc-img { width:100%; margin-top:0; }
.services-body .tab-pane { display:block !important; opacity:1; }
.services-body .card-body { padding:30px 15px; background:#fff; border-radius:0 0 10px 10px; }
.nl-icon { width:95px; height:95px; }
.nl-intro { width:calc(100% - 95px); font-size: 18px; }
.nl-icon > img { width:55px; }
.tc-content { padding:30px 15px 0; }
.nav-tabs li >a >span { display:none; }
.nav-tabs li > a > img { margin: 0 auto; }
body { padding-top:60px; }
.header-badge { display: none; }
body:not(.home) { padding-top:60px; }
/* video section start */
.video-slider.swiper-initialized .videos-item { width: 40vw; }
.swiper-button-prev.video-slider-prev, .swiper-button-next.video-slider-next { display: none; }
/* video section end */
.tesla-logo { width: 120px; margin: 0 70px 0 auto !important; }
.stat-box { padding: 20px; }
.about-content .tesla-logo { max-width:500px; margin: 0 !important; }
ul.sub-menu { display: none; padding: 0 15px; }
.navbar-nav li { position:relative; }
.navbar-nav ul.sub-menu > li > ul > li > a.nav-link { padding: 10px 20px; padding-left:55px; text-transform: none; color: inherit; font-size: 16px; line-height: 20px; font-family: var(--esser-primary-font-400); font-weight: normal; }
.navbar-nav ul.sub-menu > li > ul > li > a.nav-link:hover { color: var(--esser-green); }
.navbar-nav ul.sub-menu > li > a.nav-link > img.menu-icon { width: 32px; height: auto; margin-right: 5px; position: relative; top: auto; left: auto; filter: brightness(0) invert(1); }
.navbar-nav ul.sub-menu > li:not(:last-child) { margin-bottom: 7px; }
.navbar-nav > li > ul.sub-menu > li > a { background: var(--esser-green); color: #fff; border-radius: 5px; }
.navbar-nav > li > ul.sub-menu > li .drop-arrow::before { color: #fff; }
.navbar-nav > li > ul.sub-menu > li > ul.sub-menu { padding: 7px 0; }
.navbar-nav > li > ul.sub-menu > li > ul.sub-menu > li { margin: 0; }
.navbar-nav .drop-arrow { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--esser-green); display: inline-block; position: absolute; top: 0; right: 0; width: 60px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size:20px; }
body .navbar-nav .drop-arrow::before { content: "\f078"; transition: transform 0.3s ease; }
.drop-arrow.active::before { transform: rotate(180deg); }
.submenu-active > .sub-menu { display: block; }
.about-img,.about-content { width:100%; }
.about-img { position: relative; top:auto; }
.about-img img { width:100%; }
.about-content { padding-left:0; letter-spacing:0; margin-bottom: 30px; padding-top: 30px; }
.service-row-outer { position: relative; top: auto; margin-bottom: 30px; }
.services-row-item { width: 50%; }
 }
/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
 ul.service-list li.service-item,ul.vehicle-type-list li.vt-item { width:100%; }
ul.git-list { flex-wrap:wrap; }
.qc-benefit-container { padding:15px 30px; }
.qc-upper { padding:70px 35px 35px 35px; margin-bottom:0px; }
.qc-lower { margin-top: 0px; }
.heading h3 { font-size:20px; padding-bottom:10px; }
ul.git-list li.git-item { width:auto; }
ul.git-list li.git-item:last-child { margin-bottom:0px; }
blockquote { font-size:28px; line-height:35px; }
section { padding:40px 0; }
.mob-padd-top-0 { padding-top:0!important; }
.signature-img { width:125px; margin-top:25px; margin-bottom:25px; }
.cu-btn h4, .cu-btn h5 { font-size:20px; line-height:22px; }
.cu-btn { padding:15px 15px 25px; }
.large-down-arrow { width:35px; }
.vehicle-container { padding:0; }
.vehicle-container .heading { margin-bottom:30px; }
.vt-box { padding:30px 30px 30px 30px; }
ul.vehicle-type-list li.vt-item { margin-bottom:15px; }
ul.vehicle-type-list li.vt-item:last-child { margin-bottom:0; }
.btn { padding:15px 15px; font-size:16px; line-height:25px; }
.vt-btn >a >i img { width:13px; }
.nav-tabs .nav-link { font-size:15px; line-height:20px; text-align:center; }
.card { padding:30px 30px 30px; font-size:14px; line-height:21px; }
ul.tab-logos li > img { width:90px; }
.tab-container { margin-bottom:0; }
.query-head { margin-bottom:0px; }
.form-container { padding:30px 15px; max-width:100%; /*margin-top: -70px;*/ }
.form-control { font-size:16px; }
select { background-size:18px auto; background-position-x:calc(100% - 25px); height:38px!important; }
textarea.form-control { height:130px; }
.map-container { position:relative; margin-bottom: 0px; width: 100%; height: 400px; }
.query-body:before { height: 30px; }
.submit-form-btn { width: 100%; }
.submit-form-btn input { padding: 22px 45px; font-size: 20px; line-height: 14px; }
.submit-form-btn:before { left: 30px; }
.modal-body { padding: 40px 20px; }
.nice-select { height: 38px; }
section#Datenschutz,section#impressum { padding-top: 80px; padding-bottom: 60px; }
.heading-container { margin-bottom: 30px; }
.about-box { flex-flow: column-reverse; }
.large-down-arrow span { top: -25px; left: 50%; width: 50px; height: 50px; }
.services-head { padding-bottom: 30px; padding-top: 20px; }
.pf-head .heading { margin-bottom: 30px; }
.purchase-form-container { padding: 30px 0 70px; }
.form-group.pf-submit { margin-top: 30px; }
.pf-text { max-width: 100%; }
.footer-upper .qc-benefit-container { padding: 8px 15px; }
.footer-upper .qc-benefit-content { font-size: 14px; line-height: 1.3; }
#aboutUs { padding-bottom: 0; }
.header-banner { height:100vh; align-items:flex-start; }
.hb-box { padding: 0; text-align: center; align-items: flex-start; padding:60px 20px; }
.hb-head { width: 100%; padding: 0; justify-content: center; margin-bottom: 20px; padding-top:50px; }
.hb-head-icon { left: 50%; margin-left: -22px; }
.hb-head h5 { font-size:30px; }
.hb-body { width: 100%; margin-bottom: 30px; }
.hb-bot { width:100%; }
.hb-bot .hb-close { display:none; }
.hb-close.for-mob { display:block; }
.header-banner { margin-top:-100vh; }
.qc-benefit-list li { padding-left:15px; }
/* .qc-benefit-list li:first-child { width:100%; }
*/
.qc-benefit-icon { width:11px; }
.qc-benefit-list { align-items:flex-start; }
.qc-box { margin-top:-20px; }
.content-container { padding:40px 0; }
.member-cat-box:not(:last-child) { margin-bottom: 30px; }
.inner-content > *:nth-child(1), .inner-content > *:nth-child(2), .inner-content > *:nth-child(3) { padding-right:100px; }
.inner-content h1 { font-size: 30px; word-break: break-word; line-height: 1; }
/* video section start */
.video-slider:not(.swiper-initialized) .videos-list { flex-flow: column; }
.video-slider:not(.swiper-initialized) .videos-item { width: 100%; }
.video-slider:not(.swiper-initialized) .videos-item +  .videos-item { margin-top: 30px; }
.video-slider.swiper-initialized .videos-item { width: 80vw; max-width: 340px; }
/* video section end */
	ul.member-list li.member-item { width: 50%; }
.header-right { display:none !important; }
.mob-qc-link { position: absolute; left: 50%; bottom: 100%; background: #fff; padding: 10px 20px; transform: translateX(-50%); border-radius: 10px 10px 0 0; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; color: var(--esser-green); font-family: var(--esser-primary-font-700); font-weight: normal; text-transform: uppercase; font-size: 14px; line-height: 1; gap: 4px; }
.mob-qc-link > span { white-space: nowrap; }
.mob-hqc-list { display:flex !important; margin: 0 auto; color: var(--esser-green); align-items: center; margin-top: 5px; }
.mob-hqc-list a, .mob-hqc-list:hover { color: var(--esser-green) !important; }
.hero-container, .landing-hero-container { padding:160px 0; min-height: auto; }
.carousel-control-next-icon, .carousel-control-prev-icon{width: 30px; height: 30px;}
.hero-content { font-size: 14px; padding: 30px; }
.hero-content h1 { font-size: 22px; }
.hero-content-cta .btn { padding: 10px 20px !important; }
.single-service .header-badge { display: none !important; }
.form-group.submit-field { flex-flow:column; margin:0; }
.form-group.submit-field .acceptance-102 { width:100%; padding-right:0; margin-bottom:25px; }
.quick-contact-container ul.git-list li.git-item:nth-child(2),
.quick-contact-container ul.git-list li.git-item:nth-child(3) { display: none !important; }
.query-container .git-list li.git-item { margin: 0; }
.query-container .git-list { margin-top: 30px; }
.services-row { padding: 30px 20px; }
.services-row-icon { width: 80px; height: 80px; }
.service-row-upper { flex-flow: column; align-items: flex-start !important; }
.services-row-item { width: 100%; margin-bottom: 10px; }
.service-row-title h2 { font-size: 32px; margin: 0; }

 
 }
/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
 .qc-benefit-container { width: calc(100% - 15px); }
.qc-benefit-icon { width:12px; }
.footer-upper .qc-benefit-icon { width:15px; }
.footer-upper .qc-benefit-content { width: calc(100% - 15px); }
.qc-benefit-content { font-size:14px; }
.heading h4, .heading h2 { font-size:23px; line-height:1.2; }
.service-icon { width:90px; }
.service-desc { padding:13px; font-size:12px; line-height:18px; width:calc(100% - 90px); }
.service-desc strong { font-size:16px; line-height:25px; }
.cu-box { padding:0 5px; }
ul.vt-logo-list li { max-width: 105px; max-height: 59px; }
.nav-tabs .nav-link { font-size:14px; line-height:20px; text-align:center; padding:15px 10px; }
ul.git-list li.git-item { width: 100%; }
/*  ul.member-list li.member-item { width: 100%; }
*/
 .member-img { height: auto; }
.header-git-content { width:calc(100% - 18px); font-size: 11px; text-align: center; padding-left: 0px; }
.header-git-content h4 { font-size: 11px; }
.header-git-content a { font-size:10px; white-space:nowrap; }
.member-intro h5 { font-size: 12px; line-height: 14px; }
.stat-list { flex-wrap: wrap; }
.stat-item { padding: 10px 15px; }
 }
@media (max-width: 390px) {
 .navbar-brand { margin:0; padding-top: 0; width: 70px; margin-left:10px; }
.fixed .navbar-brand { width:70px; }
 }
div.wpcf7-mail-sent-ok { width:100%; border: 0px solid #499234; max-width: 100%; margin: 30px auto 0; background: #499234; color: #fff; font-size: 16px; font-weight: normal; padding: 15px; text-align: center; font-family: var(--esser-primary-font-700); font-weight: normal; }
div.wpcf7 form.wpcf7-form span.ajax-loader { width:20px; height:20px; background-image:url(include/images/ajax-loader.gif); background-size:20px; margin:10px; position: absolute; }
span.wpcf7-not-valid-tip { top: -10px; right: 0; padding: 0; bottom: auto; background: transparent; color: #fff; font-family: var(--esser-primary-font-400); font-weight: normal; font-size: 13px; position: absolute; top: 100%; line-height: 17px; display: none; }
.wpcf7-form-control-wrap { position: static; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { width:100%; border: 0px solid #f7e700; max-width: 100%; margin: 30px auto 0; background: #f7e700; color: #000; font-size: 16px; font-weight: normal; padding: 15px; /* float: left; */text-align: center; font-family: var(--esser-primary-font-700); font-weight: normal; }
.form-control.wpcf7-not-valid { border-color:#f00; }
span.wpcf7-list-item { margin: 0; }
div.wpcf7 form.wpcf7-form .form-group span.ajax-loader { right: 0; }
.form-group .wpcf7-acceptance .wpcf7-list-item-label:after { border: 0; }
.form-group div.wpcf7-mail-sent-ok { text-align: center; }
.wpcf7-form-control-wrap:before { content:''; width:20px; height:20px; background-image:url(include/images/ajax-loader.gif); background-size:20px; margin: 0; position: absolute; top: 50%; right: 40px; opacity: 0; transform: translateY(-50%); z-index:9; }
.wpcf7-form-control-wrap.loading:before { opacity: 1; }
/* ========================== service and service single start ========================== */
.page-template-services-single .hero-container, .page-template-services .hero-container { display: none; }
.page-template-services-single #quickContacts, .page-template-services #quickContacts { display: none; }
.content-container { padding: 80px 0; }
.content-container ul:not([class]) { list-style: none; margin-bottom: 24px; text-align: left; }
.content-container ul:not([class]):last-child { margin-bottom: 0; }
.content-container ul:not([class]) > li { padding-left: 20px; position: relative; margin-bottom: 14px; }
.content-container ul:not([class]) > li:last-child { margin-bottom: 0; }
.content-container ul:not([class]) > li:before { content: ''; position: absolute; left: 0px; top: 12px; background:var(--esser-green); height: 6px; width: 6px; transform: translate(-50%); }
.content-container ol:not([class]) { margin-bottom: 24px; text-align: left; list-style-position: outside; margin-left: 20px; }
.content-container ol:not([class]) > li { padding-left: 10px; position: relative; margin-bottom: 14px; }
.content-container ol:not([class]) > li:last-child { margin-bottom: 0; }
.content-container ol:not([class]) > li::marker { color:var(--esser-green); font-weight: bold; }
.heading.text-center { width: 100%; }
.heading.text-center h4:before { left: 50%; transform: translateX(-50%); }
.inner-hero-container { min-height: 400px; padding: 120px 0; background: #383e42; color: #fff; }
.inner-hero-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; mix-blend-mode: overlay; }
.inner-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.inner-hero-container .container { position: relative; z-index: 9; }
.inner-hero-content h1 { font-size: 50px; margin-bottom: 0; }
.inner-hero-icon { width: 160px; height: 160px; padding: 20px; position: absolute; bottom: -40px; left: calc(50% + 356px); background: #fff; border-radius: 20px; box-shadow: 2px 2px 4px rgba(0,0,0,0.1); }
.inner-hero-icon img { width: 100%; height: 100%; object-fit: contain;   }
.services-intro-content { font-size: 18px; }
.services-intro-content img{border-radius:15px;}
.all-services-list { width: calc(100 + 30px); margin-left: -15px; margin-bottom: -30px; }
.all-services-item { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.all-services-box { width: 100%; height: 100%; padding: 20px; background: #effdef; border-radius: 20px; }
.all-services-box h5 { display: flex; align-items: end; justify-content: center; min-height: 40px; font-size: 20px; line-height: 24px; margin-bottom: 0; text-align: center; }
.all-services-icon { width: 90px; height: 90px; margin-bottom: 20px; flex-shrink: 0; }
.all-services-icon img { width: 100%; height: 100%; object-fit: contain; }
.all-services-box:hover { background: #383e42; }
.all-services-box:hover .all-services-icon { filter: brightness(0) invert(1); }
.all-services-box:hover h5 { color: #fff }
.it-type-list { margin-bottom: -80px; }
.it-list-item, .it-grid-item { margin-bottom: 80px; }
.image-text-img { width: 100%; position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); display: flex; justify-content: center; }
.image-text-img img { width: 100%; height: 100%; object-fit: cover; }
.it-grid-item .image-text-img { padding-bottom:75% }
.it-grid-item .image-text-img img { position:absolute; left:0; top:0; }
.image-text-content { padding: 0; font-size: 18px; }
.image-text-video { width: 100%; position: relative; display: flex; justify-content: center; }
.image-text-video video { max-width: 100%; height: 100%; object-fit: contain; max-height: 440px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; }
.image-text-video { width: 100%; position: relative; display: flex; justify-content: center; padding-bottom: 56%; margin: 0 auto; }
.image-text-video video, .image-text-video iframe { position:absolute; height: 100%; object-fit: contain; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; width: 100%; }
.image-text-video.portrait { max-width: 300px; padding-bottom: 113%; }
.other-services-container .all-services-list { width: calc(100% + 12px); margin-left: -6px; margin-bottom: -12px; }
.other-services-container .all-services-item { padding: 0 6px; margin-bottom: 12px; }
.other-services-container .all-services-box { padding: 15px; border-radius: 12px; }
.other-services-container .all-services-icon { width: 60px; height: 60px; margin-bottom: 10px; }
.other-services-container .all-services-box h5 { min-height: 32px; font-size: 16px; line-height: 18px; }
.faq-box + .faq-box { padding-top: 30px; margin-top: 30px; border-top: solid 1px rgba(0, 0, 0, 0.06); }
.faq-box h5 { color: var(--esser-green); }
.related-post-item { width: 300px; }
.related-post-box { width: 100%; height: 100%; background: #effdef; color: #333; border-radius: 10px; position: relative; overflow: hidden; }
.related-post-box:hover { color: #333; }
.related-post-image { width: 100%; height: 220px; background: var(--esser-green); }
.related-post-image img { width: 100%; height: 100%; object-fit: cover;  }
.related-post-text { width: 100%; padding: 20px 15px; }
.related-post-cta { padding: 0 15px 20px; }
.related-post-text h3 { font-size: 20px; }
.service-child-box .related-post-image { background: transparent; padding: 30px; }
.service-child-box .related-post-image img { object-fit: contain; }
.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { display: flex; flex-flow: column; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea { height: 46px; padding:6px 15px; border:1px solid #effdef; background: #effdef; font-size:20px; color:#333333; border-radius:10px; font-family:'titillium-regular'; }
.comment-form textarea { height: 146px; resize: none; }
.commentlist, .comment-list { list-style: none; font-size: 18px; line-height: 1.3; margin-bottom: 40px; }
.children { margin: 10px 0 25px 40px; list-style: none; }
.comment-metadata { display: none; }
.reply { position: absolute; top: 10px; right: 0; }
.reply a { font-family: var(--esser-primary-font-700); font-weight: normal; text-decoration: underline; font-size: 16px; color: var(--esser-green); }
.reply a:hover { text-decoration: none; }
.comment-content { padding: 8px 0; padding-right: 120px; position: relative; }
ul.contact-member-list { width: calc(100% + 20px); margin-left: -10px; margin-bottom: -20px; }
ul.contact-member-list li.contact-member-item { width: 50%; padding: 0 10px; margin-bottom: 20px; }
.contact-member-img img { width: 100%; height: 100%; object-fit: cover }
.contact-member-img { height: 100%; border-radius: 0; overflow: hidden; width: 48%; }
.contact-member-box { background: #383e42; height: 100%; border-radius: 10px; overflow: hidden; text-align: center; display: flex; flex-wrap: wrap; }
.contact-member-intro { padding: 20px; width: calc(52% + 10px); display: flex; flex-flow: column; justify-content: space-between; background: #383e42; color: #fff; margin-left: -10px; border-radius: 10px; gap:15px; }
.contact-member-intro h4 { color: var(--esser-green); font-size: 20px; line-height: 1.2; margin-bottom: 13px; }
.cm-intro-quote { background: #effdef; color: #383e42; padding: 22px 12px 15px; border-radius: 10px; position: relative; font-size: 14px; line-height: 1.25; }
ul.contact-member-social-link { margin-top: auto; padding: 0; }
ul.contact-member-social-link li a { width: 24px; }
ul.contact-member-social-link li a svg { fill: #999 }
ul.contact-member-social-link li a:hover svg { fill: var(--esser-green); }
ul.contact-member-social-link li:first-child a { width: 20px; }
.contact-member-intro strong { font-size: 18px; line-height: 20px; color: var(--esser-green); }
.contact-member-intro h5 { font-size: 16px; line-height: 20px; color: #fff; margin: 0; }
ul.contact-member-social-link li+li { margin-left: 18px; }
.contact-member-intro strong span { display: block }
.member-certification-wrapper { background: #effdef; padding: 15px 10px; border-radius: 10px; position: relative; font-size: 14px; line-height: 1.25; display: flex; gap:12px; }
.mcw-logo { width: 36px; }
.mcw-certificate-wrapper { flex: 1; }
.mcw-certificates { width: calc(100% + 10px); margin-left: -5px; margin-bottom: -10px; display: flex; flex-wrap: wrap; }
.mcw-certificates-box { width: 50%; padding: 0 5px; margin-bottom: 10px; }
.mcw-certificates-box a { width: 100%; transition: all 0.2s ease-in; }
.mcw-certificates-box a img { width: 100%; height: 54px; object-fit: contain; }
.mcw-certificates-box a:hover { opacity: 0.8; }
.cm-q-icon { width: 34px; position: absolute; }
.qi-1 { left: -9px; top: -5px; }
.qi-2 { right: -9px; bottom: -5px; transform: rotate(180deg); }
.vehicle-ti-container + .vehicle-ti-container { margin-top: 50px; }
.vehicle-content img { height:auto; }
.vehicle-content .btn { margin: 0 !important; }
.grid { margin-left: -10px; width: calc(100% + 20px); }
.grid-item { width: 25%; padding: 0 10px; margin-bottom: 20px; }
.vehicle-gallery-img { border-radius: 10px; overflow: hidden; }
.services-bottom-intro-content img { border-radius:20px; }
@media (max-width: 1199.98px) {
 .inner-hero-content h1 { font-size: 42px; }
.inner-hero-icon { left: initial; right: 15px; }
.all-services-item { width: 33.33%; }
/* .other-services-container .all-services-item { width: 20%; }
*/ }
@media (max-width: 991.98px) {
 .inner-hero-container { min-height: 360px; }
.services-intro-content { font-size: 16px; }
.image-text-content { font-size: 16px; }
/* .other-services-container .all-services-item { width: 25%; }
*/ }
@media (max-width: 767.98px) {
 h2 { font-size: 24px; }
.content-container { padding: 50px 0; }
.inner-hero-container { min-height: 250px; padding: 120px 0 80px; }
.inner-hero-content { padding-right: 110px; }
.inner-hero-content h1 { font-size: 36px; }
.inner-hero-icon { width: 100px; height: 100px; padding: 15px; bottom: -20px; }
.single-post .inner-hero-content { padding-right: 0; }
.image-text-img, .image-text-video { margin-bottom: 30px; }
.image-text-content { padding: 0; }
.all-services-list { width: calc(100% + 12px); margin-left: -6px; margin-bottom: -12px; }
.all-services-item { padding: 0 6px; margin-bottom: 12px; width: 50%; }
.all-services-box, .other-services-container .all-services-box { padding: 15px; border-radius: 12px; display: flex; align-items: center; gap: 20px; }
.all-services-icon, .other-services-container .all-services-icon { width: 40px; height: 40px; margin-bottom: 10px; margin: 0 !important; }
.all-services-box h5, .other-services-container .all-services-box h5 { min-height: 36px; font-size: 16px; line-height: 18px; align-items: center; text-align: left; }
.all-services-item, .other-services-container .all-services-item { width: 50%; }
.page-template-services-single .btn { width: 100%; }
ul.contact-member-list li.contact-member-item { width: 100%; }
.contact-member-img { width: 45%; }
.contact-member-intro { width: calc(55% + 10px); }
.grid { margin-left: -5px; width: calc(100% + 10px); }
.grid-item { width: 33.333%; padding: 0 5px; margin-bottom: 10px; }
.vehicle-gallery-img { border-radius: 5px; }
.vehicle-ti-container + .vehicle-ti-container { margin-top: 30px; }
.footer-menu-wrapper { margin-bottom: -40px; }
.footer-menu-box { padding: 0 !important; padding-right: 30px !important; border-right: 0; width: 50%; margin-bottom: 40px; }
 }
@media (max-width: 575.98px) {
 .inner-hero-content h1 { font-size: 28px; }
.all-services-item, .other-services-container .all-services-item { width: 100%; }
.btn.mob-full { width: 100%; }
 }
/* ========================== service and service single start ========================== */