/*
Theme Name: AUTOSHOP PAULUS
Theme URI: http://www.paulus.cz
Author: Roman Klabal
Author URI: http://roman.klabal.cz
Description: Šablona pro AUTOSHOP PAULUS, spol. s r.o. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paulus
*/

html {
  scroll-behavior: smooth;
}

:root {
    --clr-text: #161718;
    --clr-primary: #419468;
    --clr-primary-h: #59BC87;
    --clr-secondary: #78FAAE;
    --clr-secondary-h: #A8FFCC;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'SkodaNext';
    src: url('fonts/SKODANext-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

html {position: relative;}
body, html, table {
margin: 0px; padding: 0px; font-family: 'SkodaNext', sans-serif; font-size: 18px; font-weight : 300; color: var(--clr-text); line-height: 28px; }

* {box-sizing: border-box;}

body { background: #fff; text-align: center;}
h1,h2,h3, h4, h5 {
    margin: 0px; 
    padding: 30px 0 0 0; 
    font-size: 44px; 
    line-height:52px; 
    font-family: 'SkodaNext', sans-serif; 
    color: var(--clr-text);  
    font-weight: 300; 
    padding-bottom: 10px;
}
#head h1 {color: #fff; text-shadow: 0px 0px 9px rgba(0,0,0,0.48); padding: 0;}
h2 {padding: 0 0 20px 0; font-size: 36px; line-height:44px; }
h3 {padding: 0px 0 15px 0; text-transform: none; font-size: 30px; line-height:36px;}
h4 {font-size: 14px; padding: 0;}
p {padding: 0px; margin: 10px 0px 20px 0px; /*text-align: left;*/ line-height:1.5em;}
a img {border: 0px solid; display: block;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}
ul {list-style: none; margin: 0; padding: 0;}
ul li { margin: 0; padding: 0; line-height: 25px;}
input, select, label, textarea, form {font-family: 'SkodaNext', sans-serif;}
hr {height: 2px; background: #ededed; width: 100%; border: 0; padding: 0; outline: 0; margin: 0;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #4b545c; opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #4b545c; opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #4b545c; opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #4b545c; opacity: 1;
}

.flex { display: flex; flex-direction: row; align-items: start; justify-content: space-between;}

.site {position: relative; width: 100%; text-align: center; overflow: hidden; float: left;}
.wrapper {position: relative; margin: 0px auto; max-width: 1260px; display: inline-block; text-align: left; min-width: 1260px; width: 100%;}
.wrapper p a {
	color:var(--clr-primary);
	text-decoration:underline;
}
.wrapper p a:hover {
	text-decoration:none;
}
.wrapper.flex {display: flex; align-items: center;}
#map .wrapper.flex { width: 505px; min-width: 505px; margin-right: calc(50% + 125px); }
.btn, 
body .ff-default .ff_btn_style, 
.ff-btn-submit.ff-btn-submit,
body .elementor-3957 .elementor-element.elementor-element-67cf1cd .fluentform-widget-wrapper .ff-el-group .ff-btn-submit,
.elementor-size-lg { 
    font-family: 'SkodaNext', sans-serif; 
    font-weight: 700;
    background: var(--clr-secondary);
    color: var(--clr-text);
    position: relative; 
    font-size: 16px; 
    line-height: 16px; 
    padding: 14px 24px; 
    border-radius: 50px;
    display: inline-block; 
    border: 0; 
    cursor: pointer;
}
body .elementor-3957 .elementor-element.elementor-element-67cf1cd .fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
    background-color: var(--clr-secondary) !important;
    color: var(--clr-text) !important;
    padding: 14px 24px !important;
    text-transform:none !important;
}
.btn2 {
    background: var(--clr-secondary);
}
.btn3{
    background: var(--clr-secondary);
}
.btn:hover,
.elementor-size-lg:hover {
    background: var(--clr-secondary-h);
}
.btn2:hover {
    background: var(--clr-secondary-h);
}
    .btn i {font-size: 16px; margin: 0 5px 0 10px; position: relative; top: 1px;}
.right {float: right;}
.left {float: left;}
.clear {width: 100%; height: 0; clear: both;}
.center {text-align: center;}
.green {color: var(--clr-primary);}


.hamburger {
    height: 34px;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
    outline: none;}
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 34px;
  height: 24px;
  display: inline-block;
  position: relative;
  vertical-align: top;}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 34px;
    height: 3px;
    background-color: var(--clr-primary);
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

    .logo_white {
        display:none;
    }

    #top {background: var(--clr-text); padding: 27px 0; color: #fff; font-size: 16px; line-height: 27px; height: 100px; font-weight:300;}
        #top .socials {white-space: nowrap;}
        .socials a {width: 45px; height: 45px; border-radius: 4px; line-height: 45px; display: inline-block; color: #fff; text-align: center; font-size: 19px;}
        .socials a.fb {background: #3b5998; position: relative; top: -1px;} 
        .socials a.ig {background: #c32aa3;  margin-right: 20px;}
        #top strong {display: block; font-size: 16px; color: var(--clr-secondary); line-height: 17px; padding-bottom: 3px; padding-top: 0px; font-weight:400;}
        #top .phone strong { padding-bottom: 0px;}
        #top .socials {width: 14%;}
        #menu .wrapper > div, #about .left {width: 34%;}
        #top .right {flex: 1;}
        #top .btn {}
        #top .btn.btn-red {background: #c51313 !important; margin-left:10px; color:white !important;}
        #top .btn:hover {}
        #top .btn.btn-red:hover {background: #a91111 !important}
            #top .btn i {font-size: 16px; margin: 0 0 0 10px;}
        #top div {font-family: 'SkodaNext', sans-serif; font-weight: 300; height: 45px;}
        #top div.clock {background: url("images/clock.png") no-repeat left center; padding-left: 50px; }
			#top div.clock strong { padding-bottom: 0px; }
        #top div.phone {background: url("images/phone.png") no-repeat left center; padding-left: 35px;}
        #top div.phone a { color:#fff; text-decoration:none; }
    #menu {background: rgba(255,255,255,0.6); position: absolute; top: 100px; z-index: 3; min-height: 80px; font-family: 'SkodaNext', sans-serif; font-size: 16px; font-weight: 500; overflow: visible; backdrop-filter: blur(5px);}
        #menu .wrapper {align-items: stretch;}
        #menu .logo {display: inline-block; margin: 19px 0 2px 0;}
        #menu .wrapper > ul, .menu { color: var(--clr-text); flex: 1; align-items: center; margin: 0 -10px;}
            #menu .wrapper > ul > li, .menu li {padding: 0; line-height: 80px; position: relative; white-space: nowrap;}
                #menu .wrapper > ul > li > a, .menu li a {padding: 0 10px; color: var(--clr-text); display: block; font-weight:400; }
                #menu .wrapper > ul > li.has-submenu i {display: none;}
                #menu .wrapper > ul > li:hover > a, #menu .wrapper > ul > li.active > a, .menu li.active a, .menu li a:hover {color: var(--clr-text);}
                #menu .wrapper > ul > li > a:after {position: absolute; height: 4px; width: 100%; bottom: 0; left: 0; opacity: 0.75; content: " "; background: var(--clr-text); opacity: 0; transition: all 50ms linear 50ms;}
                #menu .wrapper > ul > li:hover > a:after, #menu .wrapper > ul > li.active > a:after, .menu li.active a:after {opacity: 1;}
                #menu .wrapper > ul li a span {display: none;}
            /*#menu .wrapper > ul > li:first-of-type {font-size: 25px;}*/
            #menu .wrapper > ul > li.divider, .menu li.divider {width: 6px; height: 6px; position: relative; font-size: 6px; color: rgba(0,0,0,0.3); }
            #menu .wrapper > ul > li.divider:before, .menu li.divider:before {font-family: FontAwesome; content: "\f111"; position: absolute; left: 0; top: 0; height: 6px; width: 6px; line-height: 6px; bottom: 0; right: 0; margin: auto;}
            #menu .wrapper > ul > li.has-submenu {padding-right: 7px;}
            #menu .wrapper > ul > li.has-submenu:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; margin: auto; top: 0; bottom: 0; right: 0;}
            #menu .wrapper > ul > li.has-submenu:hover:after {content: "\f0d8";}
                #menu .wrapper > ul > li ul.submenu {position: absolute; top: 80px; background: #fff; white-space: normal; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); display: none; opacity: 0; left: 50%; width: 170px; margin-left: -85px;}
				
				/*
                @media all and (min-width: 901px) {
                    #menu .wrapper > ul {display: flex !important;}
                    #menu .wrapper > ul > li.has-submenu:hover ul.submenu {display: block; opacity: 1;}
                }
				*/
				
                    #menu .submenu li {padding: 7px 10px; text-transform: none; border-bottom: 1px solid #e3e3e3;}
                        #menu .submenu a {color: var(--clr-text); padding: 5px 10px; display: block; line-height: 20px;}
                        #menu .submenu .active a:before {content: "\f105"; font-family: FontAwesome; left: 10px; position: absolute; margin: auto; top: 0; bottom: 0; height: 22px; font-weight: 300;}
                        #menu .submenu .active a {padding-left: 25px; position: relative;}
                        #menu .submenu a:hover, #menu .submenu .active a {color: var(--clr-primary-h);}
        #menu .burger {position: absolute; left: 0; top: 0; width: 70px !important; height: 70px; text-align: center; padding-top: 22px; display: none;}
        
    #slider{}
        #slider li {text-align: center;  position: relative;}
            #slider .slick-slide img {width: 100%;}
            #slider .cont {position: absolute; height: 100%; width: 100%; display: flex; top: 0; left: 0; right: 0; flex-direction: column; align-items: start; justify-content: center; padding-bottom: 4%;}
                #slider .cont strong {display: block; background: rgba(255, 255, 255, 0.6); border-radius: 5px; padding: 30px 25px; font-family: 'SkodaNext', sans-serif; font-weight: 300; font-size: 42px; color: var(--clr-text); /*max-width: 430px;*/ line-height: 55px; margin-bottom: 25px; backdrop-filter: blur(5px);}

    #slider_mobile{display:none;}
        #slider_mobile li {text-align: center;  position: relative;}
            #slider_mobile .slick-slide img {width: 100%;}
            #slider_mobile .cont {position: absolute; height: 100%; width: 100%; display: flex; top: 0; left: 0; right: 0; flex-direction: column; align-items: start; justify-content: center; padding-bottom: 4%;}
                #slider_mobile .cont strong {display: block; background: rgba(255, 255, 255, 0.6); border-radius: 5px; padding: 30px 25px; font-family: 'SkodaNext', sans-serif; font-weight: 300; font-size: 42px; color: var(--clr-text); /*max-width: 430px;*/ line-height: 55px; margin-bottom: 25px; backdrop-filter: blur(5px);}
                
                
    #head {height: 340px; margin-bottom: 25px; background-color:#333;}
        #head > img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
        #head .wrapper {height: 100%; justify-content: center;}
        #breadcrumbs {background: rgba(255,255,255,0.1); min-height: 75px; position: absolute; bottom: 0; z-index: 2; border-top: 1px solid rgba(255,255,255,0.4); font-family: 'SkodaNext', sans-serif; font-size: 17px; font-weight: 900; color: #fff; display: flex; align-items: center; line-height: 1.4;}        
            #breadcrumbs .wrapper {justify-content: space-between;}
            #breadcrumbs a {color: #fff;}
            #breadcrumbs a:hover, #breadcrumbs .active {color: var(--clr-secondary);}
            #breadcrumbs span {display: inline-block; margin: 0 17px;}
            #breadcrumbs .wrapper > a i {padding-right: 14px;}
        

                
    #about {padding: 70px 0 70px; border-bottom: 2px solid #ededed;}
		#about .wrapper { align-items: flex-start; }
        #about .right {flex: 1; padding: 0 0 25px 10px;}
        /*#about .right a { color:#4b545c; border-bottom:1px dotted #4b545c; }
        #about .right a:hover { border-bottom:1px solid #4b545c; }*/
        #about .right p { font-size:16px; line-height:30px; }
        #about .left {font-family: 'SkodaNext', sans-serif;}
            #about .left a { color: #231f20; font-size: 16px; margin: 50px 0 0; display: inline-block; line-height: 19px;}
            #about .left a:hover {color: var(--clr-primary);}
        #about h2 {font-size: 43px; line-height: 52px; padding: 0;}
            #about h2 strong {display: block; color: var(--clr-primary); font-weight: 700;}
            .squared {background: url("images/square.png") no-repeat 35px center; min-height: 228px; display: flex; align-items: start; justify-content: center; flex-direction: column; margin-top: 10px;}
            .under {position: relative; padding: 3px;}
            .arrowed {position: relative;}
                /*.under:before {content: " "; background: var(--clr-primary); opacity: 0.26; width: 100%; position: absolute; bottom: 0; left: 0; height: 11px; z-index: 1;}
                .under:hover:before {height: 3px; opacity: 1; bottom: -3px;}*/
                .arrowed:after {font-family: FontAwesome; content: "\f178"; position: absolute; margin: auto; top: 0; bottom: 0; right: -45px; line-height: 12px; font-size: 20px; height: 10px; overflow: hidden;}
            #about .left span {color: #231f20; opacity: 0.5; font-size: 17px; font-weight: 900; text-transform: uppercase;}
            
    #services{padding: 90px 0 90px 0; overflow:visible; }
        #services .wrapper.flex {flex-wrap: wrap;}
        .service {width: 23.5%; text-align: center; color: var(--clr-text); margin-bottom: 20px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.13); box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.13); -moz-box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.13);}
            .service h3 { background: #fff; height: 70px; display: block; color: var(--clr-primary); text-align: center; font-size: 20px; display: flex; align-items: center; justify-content: center; padding: 5px;}
            .service:hover h3 {color: #fff; background: var(--clr-primary);}
            .service img {width: 100%;}
            .service hr {background: #e5e5e5; height: 1px; width: 100%; padding: 0; margin: 0 14px; border: 0; width: calc(100% - 28px);}
            .service p {display: block; min-height: 100px; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0; padding: 5px; font-weight: 300; position: relative;}
                .service p:before {content: " "; position: absolute; top: -5px; width: 30%; height: 5px; background: var(--clr-primary); display: none;}
                .service:hover p:before {display: block;}
            .service span {display: flex; align-items: center; justify-content: center; height: 75px; font-weight: 700;}
            .service span:after {margin: 0; position: relative; right: 0; padding-left: 17px; color: var(--clr-primary);}
            .service:hover span {color: var(--clr-primary); text-decoration: underline;}
            .service:hover span:after {text-decoration: none;}
            #services  h2 {width: 100%; display: block; text-align: center; font-size: 30px; font-weight: 500; padding-bottom: 60px;}
                #services h2 strong {font-weight: 700; text-transform: uppercase;}
            
    #map {/*margin: 100px 0 0 0;*/ font-family: 'SkodaNext', sans-serif; font-size: 17px; font-weight: 300; line-height: 29px;}
        #map iframe {position: absolute; left: 0; top: 0;}
        #map #autoshop {width: 505px; background: var(--clr-primary); color: #fff; padding: 45px 50px; position: relative;}
            #autoshop h2 {font-size: 28px; color: #fff;  padding: 0; font-weight:700; }
            #autoshop strong {display: block; padding-top: 30px; font-weight:600; }
            #autoshop a.btn {position: absolute; bottom: 50px; right: 35px;}
            #autoshop a:not(.btn) { color:white; }
            
    #footer {background: var(--clr-text); border-bottom: 1px solid #5a5758; font-family: 'SkodaNext', sans-serif;}
        #footer .wrapper {padding: 28px 0;}
            #footer .left {width: 40%;}
            .menu {font-size: 14px;}
    #footer2 {background: var(--clr-text); padding: 44px 0; font-size: 14px; color: #818181; font-family: 'SkodaNext', sans-serif; font-weight: 300;}
        #footer2 p {font-size: 15px;  margin: 0;}
        #footer2 .right a {color: var(--clr-primary);}
        
    #content{}
        #content .wrapper {padding-top: 60px; padding-bottom: 70px; align-items: stretch;}
        .kontakt-high {flex-wrap: wrap;}
        .kontakt-left {padding: 20px 0; padding-right: 50px; flex: 1; font-size: 17px; line-height: 29px;}
        iframe#kontakt-map {width: 50%; height: auto;}
            .kontakt-left h2 {font-size: 25px; border-bottom: 1px solid #d9d9d9; padding-bottom: 35px; margin-bottom: 25px;}
                .kontakt-left h2 strong {font-size: 35px; display: block;  padding-top: 10px;}
            /*.kontakt-left strong {display: block;}*/
            .kontakt-left a {text-decoration: underline;}
            .kontakt-left h3 {padding-top: 20px;  font-size:18px; padding-bottom:0px; }
            .kontakt-left h3.black {color: #000;}
            /*.kontakt-left h3:first-of-type {padding-top: 0;}*/
            .kontakt-left > .flex {border: 1px solid #dddddd; align-items: stretch; margin-top: 10px;}
                .kontakt-left > .flex > div {padding: 35px 25px; font-size: 13px; color: #838383; border-left: 1px solid #dddddd; flex: 1;}
                .kontakt-left > .flex > div:first-of-type {border: none;}
                    .kontakt-left > .flex > div strong {font-size: 23px; color: var(--clr-primary);}
        hr.divider {width: 100%; height: 2px; background: #ededed; border: 0; outline: 0; margin: 0; padding: 0;}
        .kontakt-low {flex-wrap: wrap; line-height: 1.6; font-weight: 400; justify-content: left;}
            .kontakt-low h2 {width: 100%; font-size: 25px; color: #231f20; font-weight: bold; padding-top: 60px; padding-bottom: 10px;}
            .kontakt-low h2:first-of-type {padding-top: 0;}
            .div-description {width: 100%;}
            .person { width: 25%; padding: 20px 20px 20px 0;}
			.used-as-half .person {width: 50%; }
            .car-people .person {width: 100%; line-height: 1.6; font-weight: 400;}
            .elementor_persons .person { line-height: 1.6; font-weight: 400;}
			.person i { width:18px; text-align:center; opacity:0.5; font-size:14px; }
                .person .top {font-family: 'SkodaNext', sans-serif;  font-size: 14px; display: flex; font-weight: 300; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #e6e6e6;
				
				
					flex-direction: column;
				}
                    .person .top .avatar {width: 162px; height: 162px; border-radius: 4px; overflow: hidden; margin-bottom:8px; }
                        .person .top .avatar img {display: block; object-fit: cover; width: 100%; height: 100%;}
                    .person .top h3 {display: block; font-size: 18px; padding: 3px 0 0px; font-weight:400; }
                    .person a {color: var(--clr-primary); display: inline-block; padding: 2px 5px; margin-top: 5px; font-size:16px; }
        .work {background-position: right 35% center; padding-right: 35%; position: relative;}
            .work h3, .work-form  h3 {font-size: 25px;}
            .work h3 strong, .work-form h3 strong {color: var(--clr-primary);}
            .work > .img {position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 5px; overflow: hidden; width: 33%; height: 280px;}
                .work > .img img {width: 100%; height: 100%; object-fit: cover;}
        .work-form {background: #eeeeee;}
            .work-form form {margin-top: 10px; align-items: stretch; flex-wrap: wrap;}
            .work-form form > div {flex-wrap: wrap; flex: 1;}
            .servis-form form > div {flex: none; width: 100%;}
                .work-form form > div > * {width: 48.5%;}
                .servis-form form > div > * {width: 32%;  width: calc(33% - 15px);}
                .servis-form form > div > .flex66 {width: 66%;}
                .flex-servis {align-items: center;}
                .date_instructions {font-size: 16px; line-height: 1.5em;}
                .work-form form > div.checkboxes > * {width: 100%;}
                .servis-form form > div.checkboxes {width: 24%; width: calc(25% - 15px); margin: 12px 0;}
                .work-form.used form > div > * {width: 100%;}
                .work-form input[type="file"] {display: none;}
                .work-form form > div .upload {width: 100%;}
                .work-form form > div .custom-file-upload {display: block; padding: 6px 12px;  cursor: pointer; position: relative;}
                    .work-form form > div .custom-file-upload i {position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; font-size: 25px; height: 22px; color: var(--clr-primary);}
                .work-form input, .work-form select, .work-form textarea, .work-form label:not(.plain-label) {background: #fff; border: 1px solid #e5e5e5; border-radius: 5px; height: 55px; padding: 0 15px; font-size: 15px; color: #4b545c; font-family: 'SkodaNext', sans-serif; font-weight: 700; margin: 12px 0;}
                .work-form .error {border: 1px solid #c91515;}
                .work-form .ok {border: 1px solid var(--clr-primary);}
                .work-form textarea {height: auto; width: 48%; margin-left: 40px; padding: 20px;}
                .servis-form textarea {width: 72%;  width: calc(75% - 5px); margin: 0; padding: 15px; margin: 12px 0; height: 160px;}
                .work-form .bottom {flex: none; width: 100%; font-size: 14px; color: #686868; font-weight: 400; margin-top: 10px;}
                    .work-form .bottom > * , .work-form.used .bottom > * {width: auto;}
                    .work-form .bottom input, .servis-form .checkboxes input {height: auto; margin: 0 10px 2px 0; vertical-align: middle;}
                    .servis-form .checkboxes div {font-weight: 400;}
                    .work-form .bottom .captcha-parent {width: 48%; margin-left: 40px;}
        .models {flex-wrap: wrap; font-family: 'SkodaNext', sans-serif; margin-bottom: -30px; justify-content: left;}
        /*.models:after {content: ""; flex: auto;}*/
			.model {width: 24%; margin-right: 1.33%;}
			.model:nth-of-type(4n) {margin-right: 0;}
            .model { width: 24%;}
            .model a {height: 280px; display: block; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); position: relative; margin-bottom: 70px; text-align: center;}
            .model a:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
            .model a:before {content: " "; background: #dfecde; width: 90%; height: 4px; display: block; margin: auto;}
            .model.new a:before {background: #dd0000;}
            .model.new .new {position: absolute; left: 0; right: 0; top: -12px; color: #fff; background: #dd0000; border-radius: 5px; margin: auto; width: 100px; font-size: 13px; font-family: 'SkodaNext', sans-serif; line-height: 26px;}
            .model.new a:hover .new {/*display: none;*/}
            .model a:hover:before {background: var(--clr-primary); width: 100%;}
            .model a:hover span.btn  {background: #267e22;}
                .model span.img {height: 185px; width: 90%; padding: 10px; display: block; margin: auto;}
                    .model span.img img {width: 100%; height: 100%; object-fit: contain;}
                .model span.btn {position: absolute; left: 0; right: 0; margin: auto; bottom: -20px; padding-left: 30px; padding-right: 30px; width: 200px; text-align: center;}
                .model strong {font-size: 20px; display: block; text-align: center; color: #231f20; font-weight: 900;}
                
    #filtr{margin-top: -100px; margin-bottom: -20px; font-family: 'SkodaNext', sans-serif;}
        #filtr .wrapper {border: 1px solid #c8c8c8; border-radius: 10px 10px 0 0; border-bottom: 0; background: #fff; padding: 30px 30px 0;}
            #filtr h2 {font-size: 23px; color: var(--clr-primary); padding: 0 0 20px 0;}
            #filtr form {flex-wrap: wrap; font-size: 15px; font-weight: 400;}
                #filtr form > * {min-width: 10%; margin: 15px 0;}
                #filtr form select {background: #eff5ee; border: 1px solid #e5e5e5; padding: 10px 15px; font-size: 15px; color: #4b545c; font-weight: 500; width: 23%;}
                #filtr form select:focus {background: #dfecde; outline: none; border: 1px solid var(--clr-primary);}
                #filtr form input[type="checkbox"] {margin: 0 5px 2px 0; vertical-align: middle;}
                #filtr form .flex {align-items: center;}
                    #filtr form .btn {padding: 10px 20px 10 25px;}
                    #filtr .flex > span {padding: 0 15px;}
                #slider-range {position: relative; width: 184px; height: 16px; margin-right: 16px;}
                #slider-range:after {content: " "; position: absolute; width: 100%; height: 2px; top: 0; bottom: 0; margin: auto; left: 0; background: #dfecde;}
                    .ui-slider-range {position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; top: 7px; height: 3px; background: var(--clr-primary); left: 0; width: 100%;}
                        .ui-slider-handle {left: 0; position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; touch-action: pan-x; border: 2px solid var(--clr-primary); border-radius: 16px; background: #eff5ee; outline: none;}
                        
        .results {font-family: 'SkodaNext', sans-serif;}
            .results > strong {display: block; text-align: center; font-size: 30px; width: 100%; color: #231f20;}
                .results > strong b {text-transform: uppercase; font-weight: 900;}
            .car{align-items: stretch; margin: 55px 0; line-height: 24px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); flex-wrap: wrap;} 
                .car .img {width: 28%; position: relative;}
                    .car .img img {height: 100%; width: 100%; object-fit: cover;}
                    .car .img .label, .usedcar .right .label {position: absolute; left: 20px; top: -13px; background: var(--clr-primary); color: #fff; font-family: 'SkodaNext', sans-serif; font-size: 14px; line-height: 26px; white-space: nowrap; padding: 0 10px; border-radius: 5px;}
                    .car .img .label.black, .usedcar .right .label.black {background: #231f20;}
                    .car .img .label.red, .usedcar .right .label.red {background: #c51313;}
                .car .info {flex-direction: column; padding: 20px 20px 0; flex: 1;}
                    .car h2 {font-size: 20px; padding-bottom: 15px;}
                    .car .attrs {width: 100%; border-top: 1px solid #e5e5e5; flex-wrap: wrap; min-height: 46px; padding: 10px 0 5px; justify-content: left;}
                        .car .attrs span {margin: 0; font-size: 13px; background: url("images/icons/1.png") no-repeat left 2px; padding-left: 25px; margin-right: 35px;}
                        .car .attrs span.icon2 {background-image: url("images/icons/2.png");}
                        .car .attrs span.icon3 {background-image: url("images/icons/3.png");}
                        .car .attrs span.icon4 {background-image: url("images/icons/4.png");}
                        .car .attrs span.icon5 {background-image: url("images/icons/5.png");}
                .car .price {flex-direction: column; width: 21%; align-items: flex-end; background: #f3f3f3; padding: 25px 30px; justify-content: flex-start; }
                    .car .price .btn {/*padding: 0px 20px 0 25px;*/ width: 100%; text-align: center; white-space: nowrap; margin: 10px 0;}
                    .car .price .btn.request {background: #c51313;}
                    .car .price span {font-size: 13px; color: var(--clr-primary); text-align: right;}
                    .car .price strong {display: block; color: #231f20; font-size: 17px; font-weight: 900; padding-bottom: 5px;}
                    .car .price strong.old {display: block; color: #231f20; font-size: 17px; font-weight: 700; padding-bottom: 0px; text-decoration: line-through; }
                    .car .price strong.sale {display: block; color: #c51313; font-size: 19px; }
                .car .top {flex-wrap: wrap; font-size: 15px; color: #4b545c; font-family: 'SkodaNext', sans-serif; width: 100%;}
                    .car .top p {width: 100%; margin: 0 0 10px 0; font-weight: 400;}
         
    .usedcar {font-family: 'SkodaNext', sans-serif; flex-wrap: wrap;}
        .usedcar .left {width: 48%; margin-right: 30px;}
        .usedcar .right {flex: 1; line-height: 24px; position: relative;}
        .usedcar .sellers {width: 100%; flex-wrap: wrap;}
            .usedcar .seller {border: 1px solid #e5e5e5; border-radius: 5px; padding: 15px; width: 30%; text-align: center; line-height: 30px; font-size: 15px; color: #939393; font-weight: 400; margin: 30px 0 0;}
                .usedcar .seller strong {color: #2d2829; display: block; font-size: 20px;}
                .usedcar .seller span {font-size: 16px; color: #939393; display: block; border-bottom: 1px solid #e5e5e5; padding: 0 0 15px 0; margin: 0 0 15px 0; font-weight: 700;}
                .usedcar .seller b {color: var(--clr-primary);}
        .usedcar #thumbs {width: 100%; margin: 8px 0;}
            .usedcar #thumbs .slick-list {padding: 5px 0;}
            .usedcar #thumbs .slick-track {/*display: flex; flex-direction: column;*/}
            .usedcar #thumbs .slick-slide, .usedcar #thumbs.noslick > div {/*width: 25% !important;*/ height: 130px; padding: 5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15); outline: none; cursor: pointer;}
            .usedcar #thumbs.noslick {display: flex; justify-content: space-between;}
                .usedcar #thumbs.noslick > div {height: 200px;}
                .usedcar .left #thumbs.noslick > div {height: 120px;}
                
                .usedcar #thumbs.noslick > div:hover {background: var(--clr-primary);}
            .usedcar.modelslider #thumbs .slick-slide {height: 200px;}
                .usedcar #thumbs a {outline: none; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
                    .usedcar #thumbs .slick-slide img, .usedcar #thumbs > div img {width: 100%; height: 100%; object-fit: cover;}
            .usedcar #thumbs .slick-slide.slick-current, .usedcar #thumbs .slick-slide:hover {background: var(--clr-primary);}
            .usedcar .img {height: 390px; flex: 1; position: relative;}
                .usedcar .img span#img {display: block; height: 100%; width: 100%;}
                    .usedcar .img span#img a { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; outline: none;}
            .usedcar #img  img {display: block; width: 100%; height: 100%; object-fit: cover;}
            .modelslider {position: relative;}
                .usedcar .arrow {position: absolute; top: 0; bottom: 0; margin: auto; background: var(--clr-primary); height: 46px; width: 46px; left: 0; z-index: 1;}
                    .usedcar .arrow {display: block !important; margin: auto; height: 46px; width: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 35px; font-weight: bold; border-radius: 0 4px 4px 0;}
                    .usedcar .noslick .arrow {display: none !important;}
                    .usedcar .arrow.next {right: 0; left: auto; border-radius: 4px 0 0 4px;}
                    .usedcar .arrow:hover {background: #2c9328;}                    
                    .usedcar .arrow i {height: 35px; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0;}
            .usedcar p { font-family: 'SkodaNext', sans-serif; margin-top: 0; padding-bottom: 15px; font-size: 16px; line-height: 27px;}
            .usedcar .price {background: #f3f3f3; padding: 30px 25px;}
                .usedcar .price .btn {padding: 10px 20px 10px 25px; text-align: center; white-space: nowrap;}
                .usedcar .price span {font-size: 14px; color: var(--clr-primary);}
                .usedcar .price strong {display: block; color: #231f20; font-size: 19px; font-weight: 900; padding-bottom: 5px;}
				.usedcar .price strong.old { font-weight: 700; padding-bottom: 0px; text-decoration: line-through; }
                .usedcar .price strong.sale { color: #c51313; font-size: 21px; }
                .usedcar .price span.akce_text { display:block; font-size:15px; margin:8px 0px; color:#4b545c; border-left:3px solid #c51313; padding:6px 11px; background-color:#ffe5e5; }
                    .usedcar .price strong i {font-weight: 400; font-style: normal; font-size: 14px;}
            .usedcar .two {flex-wrap: wrap; font-size: 14px; font-weight: 400; display: block; column-count: 2;}
                .usedcar .two > div {width: 25%; margin: 8px 0; width: 50%; display: inline-block; vertical-align: top;}
                /*.usedcar .two > div:nth-of-type(4n-1) {padding-left: 5%; width: 30%;}
                .usedcar .two > div:nth-of-type(4n) {width: 20%;}*/
            .usedcar h3 {color: var(--clr-primary); font-size: 20px; margin: 0; padding: 30px 0 15px;}
            .usedcar .car-people h3 {padding-top: 10px;}
			.usedcar .vybava-html h3 { padding:10px 0px 8px; }
			.usedcar .vybava-html b { font-weight:normal; }
			.usedcar .vybava-html p {  padding-bottom: 0px; font-size:14px; margin-bottom:0px; }
            .usedcar hr {background: #e5e5e5; height: 1px; width: 100%; border: 0; margin: 5px 0; padding: 0; outline: 0;}
            .people-and-description {align-items: stretch; padding: 20px 0; width: 100%;}
                .car-description {padding-left: 4%; margin-left: 4%; border-left: 1px solid #ccc; width: 72%;}
                .car-people {/*min-width: 300px;*/}

    #content .servis {padding: 50px 2%; text-align: center;}
        .servis p {font-size: 15px; line-height: 31px; text-align: center; font-weight: 700;}
        .servis p.green {font-size: 16px;}
    .services {font-size: 16px; color: #2d2829; font-family: 'SkodaNext', sans-serif;}
        .services h2 {font-size: 25px;}
            .services h2 strong {color: var(--clr-primary); font-weight: 900;}
        .services ul {column-count: 2;  -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
            .services ul li {padding: 10px 0 10px 50px; position: relative;}
                .services ul li:before {font-family: FontAwesome; content: "\f00c"; position: absolute; left: 0; top: 11px; color: var(--clr-primary);}
    .cenik { font-family: 'SkodaNext', sans-serif;}
        .cenik h2 {display: block; width: 100%; text-align: center; font-size: 45px; font-weight: 900; padding-bottom: 60px;}
            .cenik h2 strong {color: var(--clr-primary); font-weight: 900;}
        .cenik .item {flex-wrap: wrap; border-top: 2px solid #ededed; font-size: 17px; line-height: 26px; font-weight: 700;}
        .cenik .item:last-of-type {border-bottom: 2px solid #ededed;}
            .cenik .item > * {cursor: pointer; padding: 24px 0;}
            .cenik .item > strong {flex: 1;}
            .cenik .item.active > strong, .cenik .item:hover > strong {color: var(--clr-primary);}
                .cenik .item > span i {color: var(--clr-primary); padding-left: 15px; font-size: 18px;}
                .cenik .item.active > span i:before {content: "\f077";}
            .cenik .item .sub {width: 100%; margin: 0 0 15px; padding: 0; display: none; cursor: default;}
            /*.cenik .item.active .sub {display: block;}*/
                .cenik .item .subitem {padding: 20px 25px; background: #f6f6f6; font-size: 14px; line-height: 21px; font-weight: 400; border-top: 1px solid #ededed;}
                .cenik .item .subitem:first-of-type {background: var(--clr-primary); color: #fff; font-size: 16px; text-transform: uppercase;}
                    .cenik .item .subitem:first-of-type div:last-of-type {text-transform: none;}
                        .cenik .item .subitem:first-of-type div:last-of-type b {text-transform: uppercase;}
                .cenik .item .subitem:nth-of-type(2n) {background: #fff;}
                    .cenik .item .subitem div:first-of-type {font-weight: 700; flex: 1;}
                    .cenik .item .subitem div:last-of-type {width: 17%;}
                    
        .model-head .btn {padding-left:35px; padding-right:35px; margin: 0 0 5px 35px;}
        .model-head .flex {font-size: 23px; color: var(--clr-primary);}
        .model-head .wrapper {text-align: center;}
            #filtr.model-head h2 {display: block; text-align: center; color: #231f20; font-size: 25px; margin-top: 50px;}
                #filtr.model-head h2 strong {color: var(--clr-primary); font-weight: 900;}
            .model-head p {text-align: center; font-size: 18px; line-height: 32px; font-weight: 500;}
        .model-body {}
            .article {align-items: center; padding: 30px 0;}
            .article:nth-of-type(2n) {flex-direction: row-reverse;}
            .article .text {flex: 1;}
            .article .img {height: 350px; width: 40%; border-radius: 5px; overflow: hidden; margin-left: 30px;}
            .article:nth-of-type(2n) .img {margin: 0 30px 0 0;}           
                .article .img img {width: 100%; height: 100%; object-fit: cover;}
            .article h3 {font-size: 25px;}
            .modelslider {margin-top: 50px;}
            .elementor_persons {display: flex; flex-wrap: wrap;}
            
.elementor-tab-content table {
	width:100%;
	border-collapse:collapse;
	margin:0px;
}
.elementor-tab-content table td {
	border:none;
	padding:6px 10px;
	background-color:#f2f2f2;
}
.elementor-tab-content table tr:nth-child(odd) td {
	background-color:white;
}
.elementor-tab-content table tr > td:last-of-type {
    text-align:right;
	font-weight:700;
}

@media all and (max-width: 1260px) {
    .wrapper, #footer .wrapper {min-width: 280px; padding: 0 2%;}
    #content .wrapper {padding-top: 45px; padding-bottom: 45px;}
    #footer2 {padding: 18px 0; line-height: 1.6;}
    #map .wrapper.flex {padding: 0; margin: auto; width: auto; min-width: auto; }
    #menu .wrapper > ul, .menu {margin: 0;}
    #about .right {padding-left: 20px;}
    #map iframe {padding-left: 505px;}
    .person {width: 33%;}    
	.used-as-half .person {width: 50%; }
    #head {margin-bottom: 0;}
    .work {background-position: right 45% center; padding-right: 45%;}
        .work > .img {width: 43%;}
    .models {margin: 0;}
    .car .price {width: 100%;}
    .car .img {width: 40%;}
    .usedcar.modelslider #thumbs .slick-slide {height: 150px;}
}

@media all and (min-width: 1151px) {
	#menu .wrapper > ul {display: flex !important;}
	#menu .wrapper > ul > li.has-submenu:hover ul.submenu {display: block; opacity: 1;}
}

@media all and (max-width: 1150px) {
    .logo_white {
        display:inline-block;
    }
    .logo_black {
        display:none;
    }
	#top {height: 70px; padding: 12px 0 12px 0px;} 
	#top .right > div {display: none;}   
     #top .wrapper.flex {justify-content: flex-end;}
        #top .right {flex: none;}
	#top .socials, #menu .wrapper > div {width: auto; padding-right: 10%;}
	#top .socials, #menu .wrapper > div, #about .left {width: auto; padding-right: 0;}
    #top .socials {padding-right: 15px;}
        #top .socials a.ig {margin-right: 12px;}
    #top .right a:last-child {
        margin-left:10px;
    }
   #menu {position: absolute; top: 0; background: none; backdrop-filter:unset; }
        #menu .wrapper > ul {position: absolute; top: 70px; left: 0; display: none; background: var(--clr-primary); width: 100%; flex-wrap: wrap; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); }
        #menu .wrapper > ul.active {display: flex;}
        #menu .logo {margin: 13px 0 0 80px;}
            #menu .wrapper > ul > li.divider {height: 1px; width: 100%; background: var(--clr-primary);}
            #menu .wrapper > ul > li.divider:before {display: none;}
            #menu .wrapper > ul > li {line-height: 1.2;}
            #menu .wrapper > ul > li > a {padding: 16px 25px; color:white; }
            #menu .wrapper > ul > li > a:after, #menu .wrapper > ul > li.has-submenu:after {display: none;}
                #menu .wrapper > ul > li > a span {display: inline; font-size: 14px; padding-left: 10px;}
            #menu .wrapper > ul > li:hover > a, #menu .wrapper > ul > li.active > a { color:#fff; }
            #menu .wrapper > ul > li.has-submenu i {display: block; position: absolute; right: 10px; top: 8px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer;}
            #menu .wrapper > ul > li ul.submenu {margin: 0; position: relative; top: 0; left: 0; width: auto; opacity: 1; background: #fff; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; padding: 5px 10px; display: block;}
            #menu .wrapper > ul > li.has-submenu {padding-right: 0;}
            #menu .submenu a {color: var(--clr-text);}
            #menu .submenu a:hover, #menu .submenu .active a {text-decoration: underline;}
            #menu .submenu li {border: none; padding: 4px 10px 4px 10px; }
            #menu .submenu li:last-of-type {border: none;}
        #menu .burger {display: block;}
}

@media all and (max-width: 1000px) {
	/*
   #top .socials, #menu .wrapper > div {width: auto; padding-right: 10%;}
   */
   
   #about .left {width: auto; min-width: 360px;}
   #map iframe {padding: 0; position: relative; height: 400px; display: block;}
   #map #autoshop {width: 100%;}
    #autoshop strong {padding-top: 15px;}
    #autoshop a.btn {right: 20px;}
    iframe#kontakt-map {width: 100%; height: 400px; margin-top: 30px;}
    .kontakt-left {padding: 0;}
    .model {width: 33%; padding: 0px 2%; margin: auto; }
    #filtr form select {width: 32%;}
    #filtr form > div {width: 100%;}
    #filtr form > div.flex {width: 50%;}
    .usedcar .img {height: 300px;}
    .article .img {height: 220px;}
    .usedcar .price {display: block;}
    .usedcar .zajem {margin-top: 20px;}
}

@media all and (max-width: 900px) {
    h1 {font-size: 30px;}
  
   /*   
   #top .socials, #menu .wrapper > div, #about .left {width: auto; padding-right: 0;}
    #top .socials {padding-right: 15px;}
        #top .socials a.ig {margin-right: 12px;}
   
   #menu {position: absolute; top: 0; background: none;}
        #menu .wrapper > ul {position: absolute; top: 70px; left: 0; display: none; background: #3da738; width: 100%; flex-wrap: wrap;}
        #menu .wrapper > ul.active {display: flex;}
        #menu .logo {margin: 13px 0 0 80px;}
            #menu .wrapper > ul > li.divider {height: 1px; width: 100%; background: #6ebd6a;}
            #menu .wrapper > ul > li.divider:before {display: none;}
            #menu .wrapper > ul > li {line-height: 1.2;}
            #menu .wrapper > ul > li > a {padding: 16px 25px;}
            #menu .wrapper > ul > li > a:after, #menu .wrapper > ul > li.has-submenu:after {display: none;}
                #menu .wrapper > ul > li > a span {display: inline; font-size: 14px; padding-left: 10px;}
            #menu .wrapper > ul > li:hover > a, #menu .wrapper > ul > li.active > a {color: #fff; text-decoration: underline;}
            #menu .wrapper > ul > li.has-submenu i {display: block; position: absolute; right: 10px; top: 8px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer;}
            #menu .wrapper > ul > li ul.submenu {margin: 0; position: relative; top: 0; left: 0; width: auto; opacity: 1; background: #fff; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; padding: 5px 10px; display: block;}
            #menu .wrapper > ul > li.has-submenu {padding-right: 0;}
            #menu .submenu a {color: var(--clr-primary);}
            #menu .submenu a:hover, #menu .submenu .active a {text-decoration: underline;}
            #menu .submenu li {border: none; padding: 5px 10px 5px 10px; border-bottom: 1px solid var(--clr-primary);}
            #menu .submenu li:last-of-type {border: none;}
        #menu .burger {display: block;}
		*/
		
          
		/*
		#top {height: 70px; padding: 12px 0 12px 0px;} 
		#top .wrapper.flex {justify-content: flex-end;}
        #top .right {flex: none;}
        #top .right > div {display: none;}   
		*/
        #slider {display:none;}
        #slider_mobile {display:block;}
        #slider_mobile .slick-slide img {/*height: 100%; object-fit: cover; min-height: 350px;*/}
		#slider_mobile .cont strong {padding: 15px 20px; font-size: 30px; line-height:1.25;}
        .service {width: 31%;}
        #footer2 .wrapper {display: block; text-align: center;}
            #footer2 .wrapper .right {float: none;}
            #footer2 p {text-align: center;}
        #footer .wrapper {display: block; padding-top: 20px;}
        #footer .left {width: 100%; float: none; display: block;}
            #footer .left img {margin: auto;}
        .person {width: 50%;} 
        .work {background-position: right top; padding-right: 0;}
            .work > .img {width: 100%; position: relative; height: auto; border-radius: 0;}
        .work-form form {display: block;}
            .work-form textarea {width: 100%; margin-left: 0;}
            .servis-form form > div.checkboxes {width: 100%; margin: 12px 0;}
            .work-form form > div > * {width: 50%;  width: calc(50% - 15px);}
            .model {width: 50%; padding: 0px 2%;}
        .usedcar .img {height: 250px;}
        .usedcar .seller {width: 48%;}
                .work-form .bottom .captcha-parent {width: 100%; margin: 0;}
		
		
		.elementor-tab-content table td {
			font-size: 14px;
			line-height: 1em;
			
		}
		.elementor-tab-content table tr > td:last-of-type {
			white-space: nowrap;
		}
}

@media all and (max-width: 700px) {
    #menu {min-height: 70px; background: var(--clr-text); border-top: 1px solid #282627; top: 70px;}
    #slider_mobile {margin-top: 72px;}
    #menu .wrapper > ul {top: 69px;}
    #about {padding: 50px 0;}
        #about .wrapper.flex {display: block;}
        #about .right {padding: 20px 0 0;}
        .slick-dots {bottom: 10px !important;}
        .slick-prev, .slick-next {display: none !important;}
        #slider_mobile .cont strong {padding: 15px 20px; font-size: 26px; line-height: 1.25;}
    #services {padding: 50px 0;}
        #services h2 {padding-bottom: 40px;}
        .service { width: 48%;}
        .kontakt-left > .flex {display: block; padding: 15px;}
        .kontakt-left > .flex > div {padding: 10px 0px; border: 0;}
        .work-form .bottom {display: block; margin: 0;}
        #filtr form select {width: 48%;}
        #filtr form > div.flex {width: 100%;}
        #filtr .flex > span {padding: 0;}
        #slider-range {margin: 0 25px 0 10px;}
    #content .wrapper.usedcar {display: block;}
        .usedcar .left {width: 100%; margin: 0 0 20px;}
        .people-and-description {flex-wrap: wrap;}
        .car-description {width: 100%; padding: 0; margin: 0; border: 0;}
        .car .img {width: 100%;}
        .usedcar .img {height: 350px;}
        .services ul {column-count: 1;}       
        .cenik .item .subitem div:last-of-type {width: 30%; padding-left: 10px;}
        .article {display: block;}
        .article .img {height: auto; width: 100%; margin: 20px 0 0;}
        
}

@media all and (max-width: 500px) {
    h1 {font-size: 25px;}
    #about h2 {font-size: 30px; line-height: 45px;}
        .service {width: 100%;}
        .menu {display: block; text-align: center; margin: 15px 0;}
        .menu li.divider {display: none;}
        .menu li {display: block; line-height: 1.6; padding: 5px 0;}
        #autoshop a.btn {right: auto; left: 0; position: relative; bottom: 0; margin: 20px 0 0;}
        .used-as-half .person, .person {width: 100%; padding-right: 0;}
        .work-form form > div > * {width: 100%;}
        .model, #filtr form select {width: 100%;}
        .usedcar .img {height: 250px;}
        .usedcar .seller {width: 100%;}
        .work-form form > div > * {width: 100%;}
        .usedcar .two {column-count: 1;}
        .usedcar .two > div {width: 50%;}
        .model-head .flex {display: block; text-align: center;}
            .model-head .flex > div {padding-top: 20px;}
            .model-head .btn {margin: 5px;}
            .work-form .bottom .captcha-parent {display: block;}
}

.no-results a {
	color:var(--clr-primary);
	text-decoration:underline;
}
.no-results a:hover {
	text-decoration:none;
}

.user-content ul { margin-left:10px; }
   .user-content ul li {padding: 5px 0 5px 25px; position: relative;}
      .user-content ul li:before {font-family: FontAwesome; content: "\f138"; position: absolute; left: 0; top: 6px; color: var(--clr-primary);}
	  
.user-content a, .plain-label a {
	color:var(--clr-primary);
	text-decoration:none;
}
.user-content a:hover, .plain-label a:hover {
	text-decoration:underline;
}
	  
.black_link a { color:#000; text-decoration:none; }
.black_link a:hover { color:#4b545c; }

h2.elementor_persons_title {
    font-weight: 500;
    color: var(--clr-text);
}

.g-recaptcha {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
@media all and (max-width: 900px) {
	.g-recaptcha {
		transform:scale(1);
		-webkit-transform:scale(1);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

div.alert-message {
	display: block;
	padding: 13px 12px 12px;
	font-weight: normal;
	font-size: 18px;
	color: white;
	background-color: #2ba6cb;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 20px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	position: relative;
}
div.alert-message i {
	padding-right:8px;
}
div.alert-message p {
	margin: 0px;
}
div.alert-message.success {
	background-color: #5da423;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.warning {
	background-color: #e3b000;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.error {
	background-color: #c60f13;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message a.close {
	color: #333;
	position: absolute;
	right: 4px;
	top: -1px;
	font-size: 17px;
	opacity: 0.2;
	padding: 4px;
}
div.alert-message a.close:hover, div.alert-box a.close:focus {
	opacity: 0.4;
}

.hide-before-load {
	visibility: hidden;
}
.slick-initialized { 
	visibility: visible;
}

p.form_instruction {
	font-size:16px;
	margin-bottom:0px;
}

.fa-mobile-phone::before, .fa-mobile::before {
    content: "\f10b" !important;
}
.is-inline-submenu {
	position:relative;
	cursor:pointer;
}
.is-inline-submenu ul {
	display:none;
	position:absolute;
	z-index:1;
	top:75px;
	left:0px;
	right:0px;
	width:100%;
	background: #fff; 
	white-space: normal; 
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); 
}
.is-inline-submenu ul li {	
	text-transform: none;
	border-bottom: 1px solid #e3e3e3; 
}
.is-inline-submenu ul li a { 
	padding: 8px 10px;
	display:block;	
	text-decoration:none;
	color:var(--clr-text);
    font-weight:300;
}
.is-inline-submenu ul li a:hover { 
	color:var(--clr-primary);
}