/* OBECNE *********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

 
body {background: #fff;width:100%;overflow-x:hidden;image-rendering:auto;}
* {margin: 0; padding: 0; color:#4c4c4c;font-family: 'Outfit', sans-serif;font-weight:400;font-size:14px;line-height:20px;}
a, a span, li, input {-webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;}
p {line-height:20px;margin-bottom:10px;}
strong, strong * {font-weight:bold !important;}
 
a {outline:none;color:#009fe3;cursor:pointer;}
a:hover {color:#009fe3;}

ul {list-style:none;}

hr {background:#ebebeb;height:2px;box-shadow:none;border:none;margin-top:30px;margin-bottom:30px;}


.container {margin:0 auto;width:1400px;position:relative;padding:0 20px;box-sizing:border-box;max-width:100vw;}
.container:after {content:'';display:block;clear: both;}

h1 {font-size:25px;line-height:40px;color:#222222;padding:10px 0 30px 0;font-weight:bold;}
h2 {font-size:35px;line-height:45px;color:#2b2828;padding:60px 0 50px 0;font-weight:900;}
h3 {font-size:20px;line-height:30px;color:#222222;margin:20px 0 20px 0;font-weight:bold;}
#main.textpage h2 {padding:30px 0 20px 0;font-size:25px;}
#main.textpage h3 {font-size:22px;/*padding-left:20px;position:relative;*/text-transform:uppercase;}
/*#main.textpage h3::before {position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:#222;left:0;top:32px;display:block;}*/

.btn {padding:15px 25px;text-align:center;display:inline-block;box-sizing:border-box;border-radius:7px;background:linear-gradient(to bottom,rgba(235,27,47,1.0), rgba(179,16,31,1.0) ,rgba(165,11,25,1.0) );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.30);  background-size: 100% 200%;background-position:0 0;transition: background-position .5s;}
.btn, .btn span {color:#fff;text-transform:uppercase;font-size:16px;text-decoration:none;line-height:20px;font-weight:bold;}
.btn:hover {background-position: 0 50%;}
.btnbig {display:block;width:100%;}
.btnmore span {padding-right:15px;background: url('../images/icon-right.png') no-repeat right center / 6px auto;}
.btnblockcenter {text-align:center;clear:both;}

.fotoright {float:right;margin-left:35px;margin-bottom:35px;}
.round {border-radius:50px 0 50px 0;overflow:hidden;}

.sixboxes {clear:both;}
.sixboxes .sixbox {float:left;width:calc((100% - 80px) / 6);margin-right:16px;margin-bottom:16px;box-sizing:border-box;padding:0 !important;}
.sixboxes .sixbox::before {display:none !important;}
.sixboxes::after {clear:both;display:block;content:'';}
.sixboxes .sixbox:nth-of-type(6n) {margin-right:0;}
.sixboxes .sixbox:nth-of-type(6n+1) {clear:both;}
  

/* HEADER *********************************************************************/

header #eufondy {padding-top:20px;}
header #eufondy, header #eufondy * {font-size:11px;line-height:14px;}
header {height:75px;background:#fff;box-sizing: border-box;position:relative;z-index:50;}
header .container {width:100%;padding:0 40px;position:relative;height:inherit;}
header #headermenu {height:inherit;text-align:center;}
header #headermenu #logo {float:left;image-rendering: high-quality;width:116px;height:inherit;background: url('../images/logo-dark.png') no-repeat center center / 100% auto;display:inline-block;z-index:20;margin-right:50px;}

header #headermenu #logo span {display:none;}
header #headermenu #headernav {height:inherit;margin:0 auto;}
header #headermenu #headernav > div {display:inline-block;height:inherit;}
header #headermenu #headernav #headerlist {box-sizing:border-box;height:inherit;}
header #headermenu #headernav #headerlist li {display:block;float:left;margin:0 27px;height:inherit;}
header #headermenu #headernav #headerlist li a {display:block;text-transform:uppercase;text-decoration:none;color:#171616;font-size:17px;height:inherit;text-align:center;line-height:75px;;}
header #headermenu #headernav #headerlist li a:hover {text-decoration:underline;}
/*header #headermenu #headernav #headerlist li.active a, header #headermenu #headernav #headerlist li a:hover {color:#3b3b3b;}*/

header #headertel {float:right;display:block;height:inherit;line-height:75px;font-size:17px;color:#b41120;text-decoration:none;padding-left:32px;background: url('../images/icon-toptel.png') no-repeat 0 center / 22px auto;margin-left:50px;}
header #headertel:hover {text-decoration:underline;}

#blocktop {/*background: url('../images/blocktop.png') repeat-x center 0;*/background:#cacaca;}
#xautoservis #blocktop {background: url('../images/bt1.jpg') repeat-x center 0;}
#blocktop #blocktopin {height:378px;position:relative;background: url('../images/blocktopbg.jpg') no-repeat center 0 / auto 100%;box-sizing:border-box;}
#blocktop #blocktopin h1 {height:inherit;line-height:60px;font-size:48px;font-weight:bold;padding-top:150px;/*text-align:center;*/}
#xautoservis #blocktop #blocktopin h1 {text-align:center;}
#blocktop.textpage #blocktopin h1 {box-sizing:border-box;padding-left:50px;}
#blocktop #blocktopin h1, #blocktop #blocktopin h1 span {color:#fff;text-shadow:0 0 7px rgba(0,0,0,0.3);text-transform:uppercase;}
#blocktop #blocktopin h1 span {font-size:23px;display:block;font-weight:300;letter-spacing: 5px;}
#xfinancovani-a-pojisteni #blocktop #blocktopin h1 {max-width:400px;}
#xhome #blocktop #blocktopin h1 {text-align:left;}

#xautoservis #blocktopin {background: url('../images/btautoservis.jpg') no-repeat center 0 / auto 100%;}                                                               




/* HOME ***********************************************************************/



#headertext {min-height:inherit;text-align:left;position:relative;z-index:20;pointer-events:none;height:inherit;max-height:800px;}
#headertext .container {min-height:inherit;display:table;}
#headertext .container {height:100%;box-sizing:border-box;}
#o-nas {display:table-cell;vertical-align:middle;min-height:inherit;padding-top:30px;padding-bottom:30px;}
#headertext h1 {padding:0;line-height:60px;font-size:60px;margin:0 0 20px 0;color:#fff;max-width:700px;text-transform:uppercase;}
#headertext h2 {color:#b0b0b0;font-size:30px;margin-bottom:30px;padding-top:0;line-height:40px;padding:0;}
#headertext h2::after {display:none;}
#headertext p {font-size:20px;line-height:30px;color:#fff;width:730px;max-width:450px;}
#headertext a {pointer-events:all !important;margin-top:0;}

#swiper1 {position:absolute;left:0;right:0;top:0;}
#homeslider .swiper-container {width: 100%;height: 100%;}
#homeslider .swipeimg {/*cursor:ew-resize;*/display:block;}
#homeslider .swiper-slide {display:inline-block !important;width:100% !important;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;position:relative;
    -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#homeslider .swiper-slide#slide1 {background-image:url('../images/slide01.jpg');/*background-position:center 20%;*/}
#homeslider .swiper-slide#slide2 {background-image:url('../images/slide01.jpg');}
#homeslider .swiper-slide#slide3 {background-image:url('../images/slide03.jpg');}

#homeslider .swiper-slide h1, #homeslider .swiper-slide h2 {padding:0;}
#homeslider .swiper-slide h1 a, #homeslider .swiper-slide h2 a {text-decoration:none;margin-bottom:90px;font-size:35px;line-height:40px;padding:20px 35px;border-radius:10px 0 10px 0;color:#fff;text-transform:uppercase;background:linear-gradient(to top, #b1191f, #e02130);display:inline-block;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.40);font-weight:900;}
  


/*#swiper1::before {position:absolute;left:0;top:0;bottom:0;width:70%;content:'';background: url('../images/headergradient.png') repeat-y left center / 100% auto;display:block;opacity:0.50;pointer-events:none;z-index:10;}*/
#homeslider {position: relative;min-height:200px;height:475px;overflow:hidden;width:100%;box-sizing:border-box;margin-top:0;/*float:left;*/}
#homeslider .container {height:100%;box-sizing:border-box;display:table;}
#homeslider .container .containerin {display:table-cell;height:100%;vertical-align:bottom;}
#homeslider strong {font-size:50px;line-height:60px;color:#fff;padding:0;font-weight:900;display:block;margin:30px 0 50px 0;}    
#homeslider .swiper-pagination {bottom:20px;width:100%;}
#homeslider .swiper-pagination-bullet {width:11px;height:11px;background:#fff;border:2px solid #fff;border-radius:50%;opacity:1;margin:0 7px;box-shadow:0 0 5px rgba(0,0,0,0.5);}
#homeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#54452e;}
#homeslider .swiper-button-prev, #homeslider .swiper-button-next {z-index:100;opacity:1.0 !important;}
#homeslider .swiper-button-disabled {opacity:0.2 !important;}
#homeslider .swiper-button-prev {left:0px !important;}
#homeslider .swiper-button-next {right:0px !important;}
#homeslider .swiper-button-prev::after, #homeslider .swiper-button-next::after {position:absolute;left:0;right:0;top:0;bottom:0;content:'';/*pointer-events:none;*/z-index:10;transition: background-position .5s;background-size: 100% 200%;}
#homeslider .swiper-button-prev::after {background:linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.0), rgba(0,0,0,0.0) );background-size: 200% 100%;background-position:100% 0;} /*rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.0)*/
#homeslider .swiper-button-next::after {background:linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.3) );background-size: 200% 100%;background-position:0 0;} /* background:linear-gradient(to left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0) 100%);*/
#homeslider .swiper-button-prev::before, #homeslider .swiper-button-next::before {position:absolute;left:0;right:0;top:0;bottom:0;content:'';z-index:100;}
#homeslider .swiper-button-prev:hover::after {background-position:0 0;}
#homeslider .swiper-button-next:hover::after {background-position:100% 0%;} 
#homeslider .swiper-button-prev, #homeslider .swiper-button-next {width:100px;height:100%;top:0;bottom:0;margin:0;background:none;}
#homeslider .swiper-button-prev::before {background: url('../images/arrow-left.png') no-repeat center 50% / 24px auto;}
#homeslider .swiper-button-next::before {background: url('../images/arrow-right.png') no-repeat center 50% / 24px auto;}



/* MAIN ***********************************************************************/

.filterbox {background:#fff;}
.filterbox .container {padding-top:25px;padding-bottom:25px;vertical-align:middle;}
.filterbox * {font-size:13px;}
.filterbox label {cursor:pointer;}
.filterbox strong {margin-right:13px;}
.filterbox .checkbox {position:relative;display:inline-block;margin-right:13px;}
.filterbox .checkbox label {padding-left:22px;user-select:none;-moz-user-select: none;}
.filterbox .checkbox::before {pointer-events: none;content:'';position:absolute;top:50%;left:0px;width:13px;height:13px;margin-top:-6px;border-radius:2px;border:1px solid #bcbcbc;display:block;background:#fff;}
.filterbox .checkbox.active::before {background:#bcbcbc;box-shadow:inset 0 0 0 2px #fff;}
.filterbox .checkbox input {display:none;}
.filterbox .filtersearch, .filterbox .filterselect {float:right;margin-left:15px;}
.filtercars {display:inline-block;line-height:36px;}
.filtersearch * {float:left;}
.filtersearch input[type="text"] {border-radius:3px 0 0 3px;background:#efefef;line-height:20px;padding:7px 0 7px 12px;border:1px solid #bdbdbd;border-right:none;box-sizing:border-box;width:135px;}
.filtersearch input[type="submit"] {border-radius:0 3px 3px 0;background:#bdbdbd url('../images/icon-search.png') no-repeat center center / 16px auto;border:1px solid #bdbdbd;border-left:1px solid #cbcbcb;box-sizing:border-box;width:36px;height:36px;cursor:pointer;}
.filtersearch input[type="submit"]:hover {background:#b8b8b8 url('../images/icon-search.png') no-repeat center center / 16px auto;border:1px solid #b8b8b8;border-left:1px solid #cbcbcb;}
.filterbox .filterselect strong, .filterbox .filterselect .selectbox {display:inline-block;vertical-align:middle;margin-left:10px;}
.selectbox {overflow:hidden;width:170px;position:relative;border-radius:0 3px 3px 0;}
.selectbox::after {border-radius:0 3px 3px 0;background:#bdbdbd url('../images/icon-dropdown.png') no-repeat center center / 13px auto;border:1px solid #bdbdbd;border-left:1px solid #cbcbcb;
    box-sizing:border-box;width:36px;cursor:pointer;pointer-events: none;content:'';position:absolute;right:0;bottom:0;top:0;}
.selectbox:hover::after {background:#b8b8b8 url('../images/icon-dropdown.png') no-repeat center center / 13px auto;border:1px solid #b8b8b8;border-left:1px solid #cbcbcb;}    
.selectbox select {width:calc(100% + 30px);border-radius:3px 0 0 3px;background:#efefef;line-height:20px;padding:7px 0 7px 12px;border:1px solid #bdbdbd;border-right:none;box-sizing:border-box;cursor:pointer;min-height:36px;}


.filter {padding: 14px 15px;border:1px solid #d8dbe6;box-sizing:border-box;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.10);border-radius:10px;margin-bottom:30px;margin-top:-35px;background:#fff;display: flex;gap:10px;}

.filter .field {
    position: relative;
    flex: 1;
}

.filter .field select,
.filter .field input {
    width: 100%;
    padding: 12px 14px;
    border: none;
    border-right: 1px solid #e4e5ea;
    background: transparent;
    font-size: 16px;
    outline: none;
    color: #645d5d;
}

.filter  .field:last-of-type input {
    border-right: none;box-sizing:border-box;
}

.filter  .field select {
    appearance: none;
    cursor: pointer;
    background: url('../images/filter-down.png') no-repeat right 23px center / 8px auto;
}
.filter  .field select option {cursor:pointer;}

.filter .search-button {
    color: white;
    border: none;
    padding: 12px 24px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 30px;
  }
.filter .search-button .search-icon {width:18px;height:100%;display:inline-block;background: url('../images/filter-search.png') no-repeat center center / contain;}

#xautopujcovna .filterbox .filterselect, #xautopujcovna .filterbox .filterselect strong {float:none;margin-left:0;}

#main {padding-top:0;padding-bottom:30px;position:relative;z-index:10;}
#main, #main .carboxes::after {content:'';display:block;clear:both;}

#main img {image-rendering:auto;}

#main.textpage {padding-top:50px;padding-bottom:100px;background:#fff;}
#main.textpage p {font-size:20px;line-height:24px;color:#222222;margin-bottom:10px;}
#main.textpage p * {font-size:20px;color:#222222;}
#main.textpage p span strong {color:inherit !important;}
#main.textpage ul {margin:10px 0;}
#main.textpage ul li {padding-left:35px;font-size:14px;line-height:24px;color:#646464;padding-top:0;}
#main.textpage ul li::before {background:none;width:auto;height:auto;border-radius:none;content:'-';top:0;}
#main.textpage .container {padding:0 70px;}
#main.textpage strong a {font-weight:bold;}
#main.textpage a {color:#222;}
#main.textpage a:hover {color:#000;}
#xkontakt #main.textpage p, #xkontakt #main.textpage p * {font-size:17px;color:#4b4b4b;}
#xkontakt #main.textpage .adresa {display:inline-block;width:45%;} 
#main .carboxes {padding-bottom:35px;}
#main .carboxescontainer {display:none;}
#main .carbox {width:calc( (100% - 39px) / 4);margin-right:13px;margin-bottom:13px;background:#fff;border-radius:10px;float:left;position:relative;overflow:hidden;border:1px solid #d8dbe6;box-sizing:border-box;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.10);}
#main .carbox:nth-of-type(4n) {margin-right:0;}
#main .carbox:nth-of-type(4n+1) {clear:both;}
#main .carbox .carnewbox {position:absolute;left:0;top:0;border-radius:3px;padding:5px 7px 5px 22px;font-size:10px;text-transform:uppercase;background:#fff url('../images/icon-star.png') no-repeat 8px 11px / 9px auto;}
#main .carbox .img {margin:0px;display:block;overflow:hidden;height:200px;}
#main .carbox .img img {display:block;width:100%;height:inherit;object-fit:cover;}
#main .carbox h2 {text-align:left !important;margin:0;padding:7px 15px 0 15px;line-height:30px;/*Linhi*/height:42px;overflow:hidden;display:block;box-sizing:border-box;}
#main .carbox h2 a {color:#3f3b3b;font-weight:bold;text-decoration:none;font-size:20px;}
#main .carbox h2 a:hover {text-decoration: underline;}
#main .carbox h3 {margin:0;padding:0px 15px;color:#645d5d;font-weight:normal;text-decoration:none;font-size:16px;line-height:20px;}
#main .carbox .carinfoline {display:block;padding:0 15px;margin:12px 0 7px 0;box-sizing:border-box;}
#main .carbox .carinfo {font-size:12px;display:inline-block;color:#645d5d;padding:0 8px;margin-bottom:7px;box-sizing:border-box;background:#e7e7e8;height:20px;line-height:20px;border-radius:10px;width:auto;margin-right:4px;}
#main .carbox .carpricebox {display:block;clear:both;padding:12px 15px;background:#f7f8fa;}
#main .carbox .carpricebox strong {color:#b41120;font-size:20px;line-height:25px;font-weight:900 !important;}
#main .carbox .carpricebox span {color:#645d5d;float:right;font-size:15px;line-height:25px;}

#main .carboxes.line .carbox {width:100% !important;float:none !important;margin:14px 0 0 0 !important;display:table;clear:both;table-layout:fixed;max-height:250px;}
#main .carboxes.line .carbox .img2 {width:260px;height:175px;display:table-cell;margin:0 0px 0 0;overflow:hidden;}
#main .carboxes.line .carbox .img2 img {width:100%;height:auto;display:block;}
#main .carboxes.line .carbox h2 {padding:20px 0 15px 0;min-height:20px;}
#main .carboxes.line .carbox h2 a {font-size:22px;}
#main .carboxes.line .carboxin {width:100%;display:table-cell;vertical-align:top;padding-left:20px;} 
#main .carboxes.line .carbox::after {content:'';display:block;clear:both;}
#main .carboxes.line .carbox .carinfo {border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;/*margin-right:20px;*/padding:20px 0;line-height:20px;width:98%;}
#main .carboxes.line .carbox .carinfo span {margin-right:20px;white-space:nowrap;}
#main .carboxes.line .carbox .carpricebox {border:none;padding:10px 0 15px 0;}
#main .carboxes.line .carbox .carpricebox span {float:none;font-size:14px;}
#main .carboxes.line .carbox .carpricebox strong {font-size:22px;}

#xhome #main h2 {text-align:center;}


#brandlist .sixbox a {display:block;width:100%;height:144px;border-radius:10px;position:relative;overflow:hidden;border:1px solid #d8dbe6;box-sizing:border-box;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.10);
	background: url('../images/brand-bg.png') #fff no-repeat right center / auto 100%;font-size:18px;line-height:30px;padding:100px 50px  14px 20px;text-decoration:none;font-weight:bold;color:#3f3b3b;}
#brandlist .sixbox a:hover {box-shadow:0px 5px 10px 0px rgba(0,0,0,0.20);}	
#brandlist .sixbox a::before, #brandlist .sixbox a::after {content:'';position:absolute;display:block;} 	
#brandlist .sixbox a::before {left:0;top:5px;width:170px;height:85px;}
#brandlist .sixbox a::after {right:14px;bottom:13px;width:28px;height:28px;}
#brandlist .sixbox#brand-audi a::after {width:48px;background: url('../images/brand-logo-audi.png') no-repeat center center / contain;}
#brandlist .sixbox#brand-bmw a::after {background: url('../images/brand-logo-bmw.png') no-repeat center center / contain;}
#brandlist .sixbox#brand-mercedes a::after {background: url('../images/brand-logo-mercedes.png') no-repeat center center / contain;}
#brandlist .sixbox#brand-volvo a::after {background: url('../images/brand-logo-volvo.png') no-repeat center center / contain;}
#brandlist .sixbox#brand-skoda a::after {background: url('../images/brand-logo-skoda.png') no-repeat center center / contain;}
#brandlist .sixbox#brand-vw a::after {background: url('../images/brand-logo-vw.png') no-repeat center center / contain;}
#brandlist .sixbox#brand-audi a::before {background: url('../images/brand-car-audi.png') no-repeat left top/ contain;}
#brandlist .sixbox#brand-bmw a::before {background: url('../images/brand-car-bmw.png') no-repeat left top / contain;}
#brandlist .sixbox#brand-mercedes a::before {background: url('../images/brand-car-mercedes.png') no-repeat left top / contain;}
#brandlist .sixbox#brand-volvo a::before {background: url('../images/brand-car-volvo.png') no-repeat left top / contain;}
#brandlist .sixbox#brand-skoda a::before {background: url('../images/brand-car-skoda.png') no-repeat left top / contain;}
#brandlist .sixbox#brand-vw a::before {background: url('../images/brand-car-vw.png') no-repeat left top / contain;}

	

#blocktext {padding:0 200px;text-align:center;padding-bottom:50px;}

#blockslider {background:#f9fbff;padding:30px;border-top:1px solid #f0f4fc;}
#blockslider #slider {background:#fff;padding:25px;box-shadow:0 0 27px rgba(120,149,207,0.11);}
#hodnoceni {padding:50px 0 30px 0;text-align:center;}
#stars {margin-bottom:25px;text-align:center;}
#stars .star {width:35px;height:33px;display:inline-block;background: url('../images/icon-star.png') no-repeat center center / 100% auto;margin:0 4px;font-size:0;}


#infobox {background:#fff;}
#infobox .container {padding-top:60px;padding-bottom:60px;}
#infobox #infoboxin {padding:0 35px;}
/*#infobox h2 {padding:5px 0 10px 0;}*/
#infobox .headline {font-size:20px;line-height:24px;font-weight:300;padding-bottom:50px;display:block;}
#infobox .infohalf {width:50%;float:left;padding-left:120px;box-sizing:border-box;position:relative;padding-right:14px;}
#infobox .infohalf::before {position:absolute;left:0;top:0;width:100px;height:100px;border-radius:50%;content:'';display:block;}
#infobox .infohalf:nth-of-type(1)::before {background:url('../images/infoimg1.jpg') no-repeat center center;}
#infobox .infohalf:nth-of-type(2)::before {background:url('../images/infoimg2.jpg') no-repeat center center;}
#infobox::after {content:'';clear:both;display:block;}
#infobox h2 {margin:0 0 20px 0;padding:0;font-size:17px;line-height:20px;text-transform:none;}
#infobox ul li {padding-left:10px;color:#646464;position:relative;}
#infobox ul li::before {content:'-';color:#646464;position:absolute;left:0;}

#iconbox {background:#f2f3f6;position:relative;z-index:10;margin-top:50px;}
#iconbox .container {padding-top:20px;padding-bottom:80px;}
#iconbox h2 {text-align:center;}
#iconbox ul {padding:0 20px;}
#iconbox ul li {float:left;display:block;width:calc(100% / 6);text-align:center;font-size:18px;line-height:25px;color:#b41120;text-decoration:none;display:block;box-sizing:border-box;padding:0 15px;}
#iconbox ul li::before {display:block;height:120px;content:'';margin-bottom:10px;}
#iconbox ul li:nth-of-type(1)::before {background: url('../images/icon-tip1.png') no-repeat center center / contain;}
#iconbox ul li:nth-of-type(2)::before {background: url('../images/icon-tip2.png') no-repeat center center / contain;}
#iconbox ul li:nth-of-type(3)::before {background: url('../images/icon-tip3.png') no-repeat center center / contain;}
#iconbox ul li:nth-of-type(4)::before {background: url('../images/icon-tip4.png') no-repeat center center / contain;}
#iconbox ul li:nth-of-type(5)::before {background: url('../images/icon-tip5.png') no-repeat center center / contain;}
#iconbox ul li:nth-of-type(6)::before {background: url('../images/icon-tip6.png') no-repeat center center / contain;}
#gmap {height:320px;}


#financovani {background: url('../images/financovani.jpg') no-repeat center center / cover;padding:50px 0 90px 0;}
#financovani h2 {color:#fff;text-align:center;}

#main ul {list-style:none;}
#main ul li {position:relative;padding-left:15px;padding-top:4px;}
#main ul li::before {position:absolute;width:6px;height:6px;background:#646464;border-radius:50%;left:0;top:12px;display:block;content:'';}

.detail h1 {padding-left:30px;float:left;}
.detail .carpricebox {float:none;margin-top:0px;padding-right:30px;padding-left:30px;padding-top:20px;text-align:right;}
.detail .carpricebox strong {font-size:25px;color:#e82637;margin:0 5px;}
.detailbox {display:table;width:100%;clear:both;table-layout:fixed;}
.detailbox .detailinfo, .detailbox .detailfoto {width:50%;display:table-cell;vertical-align:top;}
.detailbox .detailinfo {background:#fff;}
.detailbox .detailinfo .detailinfoin {display:block;padding:20px 30px 30px 30px;}
.detailfotoin a img {display:block;}
.detailfotoin .bigimg, .detailfotoin .bigimg img {display:block;width:100%;height:auto;}
.detailfotoin .img {display:block;width:25%;height:100px;float:left;overflow:hidden;}
.najemne {border-top:1px solid #e2e2e2;padding-top:8px;}
.najemne.noborder {border-top:none;}
.cenik.cardetail {border-top:1px solid #e2e2e2;padding-top:16px;margin-top:16px;}
.cenik.cardetail li span.cenikdny {min-width:100px;display:inline-block;}

.carinfo {border-collapse:collapse;width:100%;margin-bottom:8px;}
.carinfo tr td, .carinfo tr th {padding:8px 10px 14px 0;line-height:20px;border-bottom:1px solid #e2e2e2;text-align:left;}
.carinfo tr th {font-weight:bold;}

.lbox {position:relative;}
.lbox::after {content:'';opacity:0;position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;background: rgba(0,0,0,0.6) url('../images/icon-enlarge.png') no-repeat center center / 19px auto;transition: all 0.3s linear;}
.lbox:hover::after {opacity:1;}  

.orderformbox {clear:both;background:#222222;width:50%;box-sizing:border-box;}
.orderformbox .headline {font-weight:900;color:#fff;display:block;padding:30px 0 30px 90px;min-height:35px;line-height:30px;font-size:25px;text-transform:uppercase;background:url('../images/icon-rightbig.png') no-repeat 65px 36px / 10px auto;cursor:pointer;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.orderformbox form.order {display:none;padding:0 90px 30px 90px;}
.orderformbox form.order p {margin-bottom:30px;color:#919191;}
.orderformbox form.order p strong {color:#fff;}
.orderformbox p.orderforminfo {padding:0 90px 30px 90px;margin-bottom:30px;color:#fff;}
.orderformbox.active {width:100%;}
.orderformbox.active form.order {display:block;}

.formleft {width:34%;box-sizing:border-box;padding-right:3%;float:left;}
.formright {float:left;width:66%;}
.formbtn {clear:both;padding-top:4px;text-align:right;}
.formbtn .btn {border-radius:3px;background:#525252;line-height:25px;padding:6px 25px;color:#222222;border:none;font-weight:bold;font-size:14px;cursor:pointer;}
.formbtn .btn:hover {background:#7a7a7a;}
.order input[type="text"], .order textarea {border-radius:3px;background:#525252;width:100%;box-sizing:border-box;border:none;margin-bottom:8px;line-height:25px;padding:6px 10px;color:#fff;}
.order textarea {height:127px;}

.detail.pujcovna .orderformbox .headline {padding-left:55px;background-position:30px 36px;}
.detail.pujcovna .orderformbox form.order {padding-left:30px;padding-right:30px;}
.formreservation {padding:15px;border:1px solid #525252;}
.formreservation::after {clear:both;display:block;content:'';}
.formreservation.dates {border-bottom:none;}
.formdatebox {float:left;width:50%;}
.formdatebox .formdate {float:left;width:50%;box-sizing:border-box;}
.formdatebox .formdate:first-of-type {padding-left:12px;padding-right:16px;}
.formdatebox .formdate:last-of-type {padding-right:28px;}
.formresbox {float:left;width:25%;min-height:100px;text-align:center;border-left:1px solid #525252;box-sizing:border-box;}
.formresbox .bigtext {display:block;line-height:32px;}
.formresbox span {color:#919191;font-size:12px;}
.detail.pujcovna .orderformbox .formbtn {padding:0;}
.detail.pujcovna .orderformbox .formbtn .btn {border-radius:0;background:#e82637;box-sizing:border-box;min-height:64px;width:calc( (100% - 30px) / 4 + 15px);}
.detail.pujcovna .orderformbox .formbtn .btn:hover {background:#cf1425;}
.miniheadline {font-size:12px;line-height:30px;display:block;padding-top:10px;color:#9b9b9b;}
.bigtext {font-weight:900;font-size:24px;color:#fff;}
.dateselectbox {position:relative;display:block;}
.dateselectbox::after {position:absolute;left:0;top:0;bottom:0;width:43px;display:block;background: url('../images/icon-dateselect.png') no-repeat center center / 16px auto;content:'';z-index:10;border-right:1px solid #222222;pointer-events:none;}
.dateselectbox input.dateselect {text-align:center;padding-left:50px !important;display:block;font-weight:bold;color:#9b9b9b !important;}


#ui-datepicker-div {padding:10px;border:1px solid #525252;z-index:10 !important;background:#222;}
.ui-datepicker-calendar td a, .ui-datepicker-calendar th a {min-width:22px;padding:5px 7px;min-height:20px;line-height:20px;background:#525252;display:inline-block;color:#9b9b9b;text-decoration:none;border-radius:3px;}
.ui-datepicker-calendar td a:hover {background:#666666;}
.ui-datepicker-calendar .ui-datepicker-current-day a {background:#9b9b9b !important;color:#222;}
.ui-datepicker-calendar .ui-datepicker-today a {background:#666666;color:#222;}
.ui-datepicker-header {background:#525252;padding:10px;margin-bottom:5px;text-align:center;color:#9b9b9b;position:relative;}
.ui-datepicker-calendar .col span {color:#9b9b9b;}
.ui-datepicker-title span {font-weight:bold;color:#9b9b9b;}
.ui-datepicker-prev, .ui-datepicker-next {position:absolute;top:10px;left:10px;width:24px;height:24px;display:block;background: url("../images/cal-left.png") no-repeat center center / 9px auto;}
.ui-datepicker-next {left:auto;right:10px;background: url("../images/cal-right.png") no-repeat center center / 9px auto;}
.ui-icon {display:none;}



/* FOOTER *********************************************************************/







#uvodkontakt {position:relative;text-align:right;}
#uvodkontakt::after {display:block;clear:both;content:'';}
#uvodkontaktmap {width:50%;display:inline-block;float:right;}
#uvodkontaktmap iframe {width:100%;height:100%;display:block;min-height:450px;}
#uvodkontaktin {position:absolute;left:0;width:50%;bottom:0;box-sizing:border-box;padding:35px 30px 40px 30px;background:url('../images/kontakt.jpg') no-repeat center center / cover;color:#9ae2be;min-height:450px;}
#uvodkontaktintext {text-align:left;width:650px;display:inline-block;}
#uvodkontaktin p {color:#9ae2be;}
#uvodkontaktin h2 {text-align:left;color:#fff;padding-top:25px;}
#uvodkontaktin .btn {margin-top:20px;}
#uvodkontaktin .footbox {padding-left:80px;position:relative;margin-bottom:25px;display:block;vertical-align:top;padding-top:0;min-height:50px;}
#uvodkontaktin .footbox a {text-decoration:none;}
#uvodkontaktin .footbox a:hover {text-decoration:underline;}
#uvodkontaktin .footbox, #uvodkontaktin .footbox * {color:#fff;font-size:20px;line-height:30px;}
#uvodkontaktin .footbox::before {margin-top:2px;content:'';width:55px;height:55px;box-sizing:border-box;display:block;position:absolute;left:0;top:0;border:3px solid #fff;;border-radius:0 12px 0 12px;filter: brightness(0) invert(1);}
#uvodkontaktin .footbox#footloc::before {background: url('../images/icon-foot1.png') no-repeat center center / 25px auto;}
#uvodkontaktin .footbox#foottel::before {background: url('../images/icon-foot2.png') no-repeat center center / 21px auto;}
#uvodkontaktin .footbox#footmail::before {background: url('../images/icon-foot3.png') no-repeat center center / 22px auto;}
#uvodkontaktin .footbox#footmail {line-height:55px !important;}


footer {clear:both;background:#222222;}
footer #footertop {padding:80px 0 55px 0;position:relative;}
footer #footertop .container {text-align:left;}
footer #footertop .container::before {width:100%;height:58px;display:block;content:'';background:url('../images/logo.png') no-repeat 0 center / contain;vertical-align:middle;}
footer #footertop #footlist {display:inline-block;padding-top:65px;}
footer #footertop #footlist li {margin-right:55px;display:inline-block;vertical-align:middle;}
footer #footertop #footlist li a {color:#fff;text-decoration:none;line-height:30px;font-size:17px;}
footer #footertop #footlist li a:hover {color:#fff;text-decoration:underline;}
footer #footertop #footsoc {margin-top:65px;float:right;}
footer #footertop #footsoc li {margin-left:18px;float:left;}
footer #footertop #footsoc li a {line-height:30px;height:30px;width:30px;display:block;}
footer #footertop #footsoc li a:hover {transform: scale(1.10); }
footer #footertop #footsoc li#footsocfb a {background:url('../images/icon-footfb.png') no-repeat center center / contain;}
footer #footertop #footsoc li#footsocig a {background:url('../images/icon-footig.png') no-repeat center center / contain;}
footer #footertop #footsoc li a span {display:none;}
footer #footerbottom {position:relative;}
footer #footerbottom .container {padding-top:60px;padding-bottom:60px;position:relative;}
footer #footerbottom .container::before {position:absolute;background:#4e4e4e;content:'';top:0px;left:20px;right:20px;height:1px;display:block;}
footer #footerbottom .container * {line-height:35px;font-size:15px;text-decoration:none;color:#a7a7a7;}
footer #footerbottom .container a:hover {text-decoration:underline;}
footer #footerbottom #foot-copy {display:inline-block;}
footer #footerbottom #foot-copy a {text-decoration:underline;} 
footer #footerbottom #foot-texpro {float:right;padding-right:35px;display:inline-block;background:url('../images/texpro.png') no-repeat right center / 22px auto;}



/* RESPONSIVE *****************************************************************/



@media only screen and (max-width: 1050px) {
    .container {width:100%;}

    header #headermenu #headernav div  {width:100px;height:110px;background: url('../images/menu.png') no-repeat center center / 30px auto;cursor:pointer;float:right;margin-right:-20px;}
    header #headermenu #headernav #headerlist {display:none;position:fixed;left:0;right:0;bottom:0;background:#222222;z-index:100;padding:6vh 5vw 6vh 5vw;top:0px;text-align:center;line-height:50px;overflow-y:auto;}    
    header #headermenu #headernav.active #headerlist {display:block;display:grid;}
    header #headermenu #headernav #headerlist {width:100%;float:none;}
    header #headermenu #headernav #headerlist li {margin:0;line-height:30px;display:block;width:100%;text-align:center !important;box-sizing:border-box;}
    header #headermenu #headernav #headerlist li a {color:#fff;height:auto;line-height:30px;font-size:22px;padding:10px 0 !important;text-align:center !important;background:none;}
    header #headermenu #headernav #headerlist li ul {display:block;position:relative;text-align:center;min-width:100%;box-sizing:border-box;top:0;left:0;padding-left:0;padding-right:0;}
    header #headermenu #headernav #headerlist li ul a {font-weight:normal;}
    header #headermenu #headernav #headerlist::after {content:'';position:absolute;width:30px;height:30px;right:40px;top:40px;background: url('../images/icon-close.png') no-repeat center center / 17px auto;display:block;}
    header #headermenu #headernav #headerlist li a:hover {color:#fff;}
    
    .filtercars {display:block;margin-bottom:20px;}
    .filterbox .filtersearch, .filterbox .filterselect {float:left;margin-left:0;margin-right:15px;}
    #xautopujcovna .filterbox .filtersearch {float:right;margin-right:0;}
    #xautopujcovna .filterbox .filterselect {float:none;}

    #main .carbox {width:calc( (100% - 20px) / 3);margin-right:10px;}
    #main .carbox:nth-of-type(4n) {margin-right:10px;}
    #main .carbox:nth-of-type(3n) {margin-right:0px;}
    #main .carbox:nth-of-type(4n+1) {clear:none;}
    #main .carbox:nth-of-type(3n+1) {clear:both;}

    #infobox .fotoright {margin-top:50px;}
    #iconbox ul li {width:calc(100% / 3);margin:30px 0;}
     
    footer .container {padding-top:20px;padding-bottom:20px;}
    footer .container::before {float:none;display:block;margin-bottom:20px;}
    footer .container .footbox {margin-top:5px;margin-bottom:5px;}    
}

@media only screen and (max-width : 958px) {
    .orderformbox {width:100%;}
    #main .carboxes.line .carbox .carinfo span {white-space:normal;display:inline-block;}
}  

@media only screen and (max-width : 840px) {
    .dateselectbox input.dateselect {padding-left:46px !important;padding-right:3px;}

}

@media only screen and (max-width : 768px) {
    #main .carbox {width:calc( (100% - 10px) / 2);margin-right:10px;}
    #main .carbox:nth-of-type(3n) {margin-right:10px;}
    #main .carbox:nth-of-type(2n) {margin-right:0px;}
    #main .carbox:nth-of-type(3n+1) {clear:none;}
    #main .carbox:nth-of-type(2n+1) {clear:both;}    
    
    .detailbox .detailinfo {width:65%;}
    .detailbox .detailfoto {width:35%;}
    .detailfotoin .img {width:50%;}
    .detail h1 {float:none;padding-bottom:0;}
    .detail .carpricebox {padding-bottom:30px;text-align:left;}
    .detail .carpricebox strong {margin-left:0;}
    
    .formdatebox {width:100%;float:none;}
    .formdatebox .formdate {padding-left:12px !important;padding-right:12px !important;}
    .formresbox {width:50%;border:none;margin-top:20px;}
    .formresbox:last-of-type {border-left:1px solid #525252}
    .detail.pujcovna .orderformbox .formbtn .btn {width:calc( (100% - 30px) / 2 + 15px);} 
        
    #infobox .infohalf {padding-right:0;width:100%;float:none;display:block;}
    #infobox .infohalf:first-of-type {margin-bottom:40px;}
    #iconbox .container {padding-top:30px;padding-bottom:30px;}
    footer .container .footbox  {display:block;margin-top:15px;margin-right:0;}
    
    header #eufondy img {display:block;clear:both;max-width:100%;}
}


@media only screen and (max-width : 670px) {
    #main .carboxes.line .carbox {display:block;max-height:100%;}
    #main .carboxes.line .carbox .img2 {display:block;width:100%;height:auto;}
    #main .carboxes.line .carbox .img2 img {width:100%;height:auto;}
    #main .carboxes.line .carboxin {display:block;padding-right:20px;box-sizing:border-box;}
    #main .carboxes.line .carbox .carinfo {width:100%;}
}    

@media only screen and (max-width : 568px) {
    .filterbox strong {display:block !important;margin-bottom:10px;float:none;margin-left:0 !important;clear:both;}
    .filterbox .filtersearch, .filterbox .filterselect {float:none;display:block;width:100%;margin:0 0 20px 0;clear:both;}
    .filterbox .filtersearch::after, .filterbox .filterselect::after {clear:both;content:'';display:block;}
    .filterbox .filterselect .selectbox {margin-left:0;}
    
    .detailbox .detailinfo, .detailbox .detailfoto {display:block;float:none;width:100%;}
    .detailfotoin .img {width:25%;}
    .formleft, .formright {width:100%;padding-right:0;float:none;display:block;clear:both;}
    .orderformbox .headline {padding-left:55px;background-position:30px 36px !important;padding-right:30px;}
    .orderformbox form.order {padding:0 30px 30px 30px;}
    .detail .carpricebox, .detail h1 {padding-left:0;}
    
    #main .carboxes.line .carbox, #main .carboxes.line .carbox .img, #main .carboxes.line .carbox .carboxin {display:block;width:100%;}
    #main .carboxes.line .carbox .img {height:auto;width:100%;padding:0 !important;}
    #main .carboxes.line .carbox .img img {width:100%;height:100%;}
    #main .carboxes.line .carbox .carboxin {box-sizing:border-box;}
}

@media only screen and (max-width : 480px) {
    header #headermenu #headernav #headerlist li a {font-size:17px;}
    #blocktop #blocktopin {height:auto;min-height:300px;}
    #blocktop #blocktopin h1 {padding:20vw 0 20vw 0;text-align:center;font-size:30px;}
    #blocktop #blocktopin h1 span {margin-top:20px;}
    #xfinancovani-a-pojisteni #blocktop #blocktopin h1 {max-width:100%;}
    #blocktop.textpage #blocktopin h1 {padding-left:0;}

    .filterbox .filterselect .selectbox {width:100%;}
    .filtersearch input[type="text"] {width:calc(100% - 36px);}

    #main .carbox {width:100%;margin-right:0px;float:none;display:block;}
    #main .carbox .img {height:100%;display:block;box-sizing:border-box;padding-top:7px;}
    #main .carbox .img img {width:100% !important;height:auto !important;}
    #main .carbox h2 {clear:both;}

    .formdatebox .formdate {padding-left:12px !important;padding-right:12px !important;float:none;clear:both;width:100%;}
    .formdatebox .formdate:first-of-type .miniheadline {padding-top:0;}
    .formdatebox .formdate .miniheadline {text-align:center;}
    .formresbox {width:100%;border:none !important;margin-top:20px;float:none;}
    .detail.pujcovna .orderformbox .formbtn .btn {width:100%;}
    
    #infobox #infoboxin {padding:0;}
    #infobox .infohalf {padding-left:0;padding-top:120px;}
    #infobox .fotoright {float:none;display:inline-block;margin-left:0;margin-top:10px;}
    #iconbox ul li {width:50%;margin:30px 0;}
    
    #main.textpage .container {padding:0 20px;}
}

@media only screen and (max-width : 380px) {
    .detailfotoin .img {width:50%;} 
    #iconbox ul li {width:100%;margin:30px 0;}
    
    table.carinfo th, table.carinfo td {display:block;}
    table.carinfo th {padding-top:10px;padding-bottom:0;border-bottom:0;}
    .detail .carpricebox span {display:block;}
}