/* OBECNE *********************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap');
 
body {width:100%;overflow-x:hidden;image-rendering:optimizeQuality;background:#f2f8ff;}
* {margin: 0; padding: 0; color:#4f4f4f;font-family: 'Poppins', sans-serif;font-weight:normal;font-size:18px;line-height:30px;}
a, a span, li, input, .btn {-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:30px;/*margin-bottom:10px;*/}
strong {font-weight:bold;}
textarea:focus, input:focus{outline: none;}
 
a {outline:none;color:#004518;cursor:pointer;}
a:hover {color:#272424;}

ul {list-style:none;}

iframe {border:none;}

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

h1, h2, h1 a, h2 a {font-family: 'Playfair Display', serif;font-weight: 900;}
h1 {font-size:40px;line-height:50px;color:#272424;padding:0;font-weight:bold;display:block;margin:0px 0 50px 0;}
h2 {font-size:50px;color:#012448;padding:0;font-weight:normal;text-decoration:none;line-height:70px;display:block;padding:15px 0;margin:0px 0 70px 0;position:relative;text-align:center;}
h3 {font-weight:bold;font-size:24px;color:#012448;margin:0px 0 25px 0;}
h4 {font-weight:bold;font-size:22px;color:#c49a6c;margin:0px 0 20px 0;}

.btn {margin-top:30px;padding:15px 25px 15px 25px;text-align:left;background:transparent;border-radius:0;border:2px solid #c49a6c !important;display:inline-block;box-sizing:border-box;color:#fff;line-height:30px;font-weight:bold;text-decoration:none;font-size:20px;min-width:250px;position:relative;cursor:pointer;max-width:100%;}
.btn::after {content:'';display:block;right:25px;top:0;bottom:0;width:17px;background: url('../images/btn.png') no-repeat center center / contain;position:absolute;}
.btn:hover {color:#fff !important;background:#c49a6c;}
.btn.btngrey {min-width:330px;color:#363636 !important;font-size:22px;border-radius:40px;padding-top:25px;padding-bottom:25px;background:linear-gradient(to bottom, #fff, #dfdfdf);}
.btn.btngrey:hover {background:linear-gradient(to bottom, #fff, #d0d0d0);}

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

.darkbox {background:#f2f8ff;}
.darkbox h2 {text-align:center;}
.darkbox h2::after {left:50%;margin-left:-30px;}
   
.block {padding:100px 0;}
.left .container .text {width:700px;}
.right .container .text {float:right;width:700px;}
 

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

header {box-sizing: border-box;z-index:150;position:relative;}
header #headermenu {vertical-align:middle;height:96px;background:#fff;position:relative;}
header #headermenu .container {height:inherit;position:relative;z-index:10;}
header #headermenu #logo {float:left;margin-left:70px;z-index:20;width:288px;height:96px;background: url('../images/logo.png') no-repeat center center / contain;display:inline-block;z-index:20;}
header #headermenu #logo span {display:none;}
header #headermenu #headernav {min-height:58px;float:left;width:auto;box-sizing:border-box;position:relative;margin-left:100px;}
header #headermenu #headernav #headerlist {box-sizing:border-box;}
header #headermenu #headernav #headerlist li {display:block;float:left;position:relative;margin-left:45px;}
header #headermenu #headernav #headerlist li a {display:block;text-decoration:none;color:#121010;font-size:17px;height:96px;text-align:center;line-height:96px;padding:0 12px;position:relative;}
header #headermenu #headernav #headerlist li a::after {content:'';position:absolute;left:0;bottom:0;height:6px;right:0;background:#c49a6c;display:block;opacity:0;transition: all 0.3s linear;}
header #headermenu #headernav #headerlist li.active > a::after, header #headermenu #headernav #headerlist li > a:hover::after {opacity:1.0;}
/*header #headermenu #headernav #headerlist li:last-of-type a {padding-right:0;background:none;}*/

header #headerkontakt {float:right;padding:15px 40px 0 70px;height:96px;position:relative;box-sizing:border-box;background:#c49a6c;}
header #headerkontakt::before {content:'';width:164px;height:22px;position:absolute;display:block;background: url('../images/sipka.png') no-repeat center center / contain;right:90%;top:50%;margin-top:-11px;pointer-events:none;}
header #headerkontakt a {display:inline-block;color:#fff;font-weight:normal;font-size:15px;text-decoration:none;line-height:26px;text-transform:uppercase;}
header #headerkontakt a:hover {text-decoration:underline;}

#sipka {position:fixed;right:20px;bottom:20px;width:50px;height:50px;background: #012448 url('../images/totop.png') no-repeat center center;z-index:200;border-radius:0;cursor:pointer;display:none;}

#headertext {min-height:inherit;text-align:left;position:relative;z-index:20;}
#headertext .container {min-height:inherit;display:table;}
#headertext .container {height:100%;box-sizing:border-box;}
/*#headertext::before {position:absolute;left:0;top:0;bottom:0;width:60%;content:'';background: url('../images/headergradient.png') repeat-y right center;display:block;opacity:0.50;}*/
#o-nas {display:table-cell;vertical-align:middle;min-height:inherit;padding-top:40px;padding-bottom:40px;}
#headertext h1 {padding:0;line-height:60px;font-size:54px;margin-bottom:0px;color:#fff;}
#headertext h2 {color:#fff;font-size:30px;margin-bottom:30px;text-align:left;}
#headertext h2::after {position:absolute;width:90px;height:2px;display:block;content:'';bottom:0;background:#c49a6c;left:0;}
#headertext p {font-size:18px;line-height:26px;color:#ffdfbd;width:600px;max-width:100%;}


#homeslider {background: #012448 url('../images/header.jpg') no-repeat center center / cover;position: relative;min-height:600px;overflow:hidden;width:100%;box-sizing:border-box;float:left;}
#homeslider strong {font-size:50px;line-height:60px;color:#fff;padding:0;font-weight:900;display:block;margin:30px 0 50px 0;}    



#headerline {background:#ed0677;padding:35px 0;clear:both;}
#headerline .container {width:1100px;}
#headerline strong {font-size:32px;color:#fff;line-height:80px;}
#headerline .btn {float:right;margin-top:0;}



#pravni-sluzby {clear:both;padding:80px 0 100px 0;}
#pravni-sluzby .threeblock {position:relative;box-sizing:border-box;padding:50px 50px 20px 50px;background:#fff;float:left;width:calc((100% - 7px) / 3);margin-right:3px;margin-bottom:3px;box-sizing:border-box;min-height:380px;}
#pravni-sluzby .threeblock:nth-of-type(3n) {margin-right:0;}
#pravni-sluzby .threeblock h3 {padding-right:50px;}
#pravni-sluzby .threeblock li {margin-bottom:7px;}
#pravni-sluzby .threeblock::before {position:absolute;z-index:20;right:40px;top:40px;width:44px;height:44px;content:'';color:#fff;font-size:16px;text-align:center;line-height:44px;background:#c49a6c;border-radius:22px;}
#pravni-sluzby .threeblock:nth-of-type(1)::before {content:'1';}
#pravni-sluzby .threeblock:nth-of-type(2)::before {content:'2';}
#pravni-sluzby .threeblock:nth-of-type(3)::before {content:'3';}
#pravni-sluzby .threeblock:nth-of-type(4)::before {content:'4';}
#pravni-sluzby .threeblock:nth-of-type(5)::before {content:'5';}
#pravni-sluzby .threeblock:nth-of-type(6)::before {content:'6';}


#o-mne {background:#fff;padding:100px 0 70px;}
#o-mne .fotoleft {margin-right:100px;margin-bottom:50px;}
#o-mne h2 {text-align:left;padding-top:0;margin-bottom:40px;}


#cenik {clear:both;padding:80px 0 100px 0;}
#cenik h3 {text-align:center;}
#cenik .text {background:#fff;position:relative;}
#cenik .text::before {position:absolute;left:50%;margin-left:-1px;top:0;width:2px;bottom:0px;background:#f2f8ff;display:block;content:'';}
#cenik .text .textin {width:50%;float:left;padding:35px 45px;box-sizing:border-box;border-collapse:collapse;}
#cenik .text::after {clear:both;display:block;content:'';} 
#cenik .slider-container {margin:20px auto;text-align:center;}
#cenik .btn {margin-left:auto;margin-right:auto;}
#cenik .theme-green .back-bar .selected-bar {background:#ed0677 !important;}


#informace {min-height:660px;position:relative;box-sizing:border-box;}
#informace::before {position:absolute;top:0;right:0;bottom:0;content:'';display:block;width:50%;background: url('../images/bg-informace.jpg') no-repeat left center / cover;}
#informace ul li a {color:#ed0677;line-height:48px;text-decoration:none;font-weight:bold;}
#informace ul li a:hover {text-decoration:underline;}
#informace ul li a::after {display:inline-block;width:11px;height:16px;vertical-align:middle;content:'';background: url('../images/li.png') no-repeat center center / contain;margin-left:14px;}



#kontakt {position:relative;}
#kontakt::before {position:absolute;top:40%;left:0;right:0;bottom:0;background:#c49a6c;}
#kontakt::before, #kontakt::after, #kontaktin::after, #kontaktin::before, #kontaktinbox::after, #kontaktline::after {clear:both;display:block;content:'';}
#kontakt #kontaktin {box-sizing:border-box;background:url('../images/footer.jpg') no-repeat center center / cover;min-height:500px;padding:60px 60px 60px 60px;position:relative;}
#kontakt #kontaktin::before, #kontakt #kontaktin::after {position:absolute;height:10px;left:0;right:0;background: url('../images/line.png') repeat-y center center;}
#kontakt #kontaktin::before {top:0;}
#kontakt #kontaktin::after {bottom:0;} 
#kontakt #kontaktin h2 {text-align:left;margin-top:0;margin-bottom:30px;margin-top:-10px;color:#c49a6c;font-size:50px;padding:0;padding-left:70px;}
#kontakt #kontaktin h2::before {content:'';display:block;position:absolute;left:0;top:15px;bottom:0;width:55px;background:url('../images/logoicon.png') no-repeat 0 center / contain;}
#kontakt #kontaktin h2::after {display:none;}
#kontakt #kontaktin h3 {font-size:26px;color:#ff8470;}
#kontakt #kontaktin * {color:#fff;}
#kontakt #kontaktin .headline {color:#ffdfbd;}
#kontakt #kontaktin span {display:inline-block;text-decoration:none !important;min-width:60px;}
#kontakt #kontaktin a {text-decoration:none;}
#kontakt #kontaktin a:hover {text-decoration:underline;}
#kontakt #kontaktintext {float:left;}
#kontakt #kontaktintext span {display:inline;}
#kontakt #kontaktintext ul {margin-top:30px;}
#kontakt #kontaktintext ul li a {font-size:26px;font-weight:bold;color:#ed0677;line-height:70px;padding-left:0;}
#kontakt #kontaktintext ul li a::before {display:block;width:50px;height:50px;border:3px solid #ed0677;border-radius:50%;content:'';display:inline-block;vertical-align:middle;margin-right:25px;}
#kontakt #kontaktintext ul li:nth-of-type(1) a::before {background: url('../images/icon-tel.png') no-repeat center center;}
#kontakt #kontaktintext ul li:nth-of-type(2) a::before {background: url('../images/icon-mail.png') no-repeat center center;}

#formpoptavka {width:600px;float:right;z-index:100;position:relative;}
#formpoptavka span {display:block !important;width:100%;}
#formpoptavka strong {font-size:18px;display:inline-block;min-width:200px;font-weight:normal;color:#c49a6c !important;vertical-align:top;padding-top:10px;}
#formpoptavka input[type="text"], #formpoptavka textarea {color:#fff !important;width:100%;max-width:400px;box-sizing:border-box;border-radius:0px;height:45px;border:2px solid #c49a6c;margin-bottom:10px;box-sizing:border-box;padding:5px 10px;background:transparent;}
#formpoptavka textarea {height:125px;}
#formpoptavka input[type="submit"] {float:right;background:transparent url('../images/btn2.png') no-repeat 90% center / 10px auto;}
#formpoptavka input[type="submit"]:hover {background:#c49a6c url('../images/btn2.png') no-repeat 90% center / 10px auto;}



#popup {position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.3);z-index:530;box-sizing:border-box;padding-top:8vh;}
#popup #popupin {top:30px;background:#fff;max-width:700px;padding:30px;box-sizing:border-box;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow-y:auto;max-height:84vh;position:relative;}
#popup #popupin input:after {content:'';clear:both;display:block;}
#popup #popupin h1 {color:#2d2b75;margin:-5px 0 20px 0;}
#popup #popupin #popupclose {display:block;position:absolute;width:40px;height:40px;background:#ed0677 url('../images/icon-close.png') center center no-repeat;right:20px;top:20px;}



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

footer {clear:both;}
footer #footertop {padding:60px 0;background:#272424;}
footer #footertop ul {display:block;list-style:none;text-align:left;}
footer #footertop ul li {display:inline-block;margin:0 30px;}
footer #footertop ul li:first-of-type {margin-left:0;}
footer #footertop ul li a {color:#fff;text-decoration:none;font-size:16px;}
footer #footertop ul li a:hover {text-decoration:underline;}
footer #footerbottom {padding:45px 0 45px 0;position:relative;background:#c49a6c;}
/*footer #footerbottom .container {padding:0 !important;}*/
footer #footerbottom .container * {line-height:40px;font-size:16px;text-decoration:none;color:#f5e6bf;}
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:45px;display:inline-block;background:url('../images/author.png') no-repeat right center / 30px auto;}




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




@media only screen and (max-width: 1440px) {
    .container {width:100%;}
    #headerkontakt {display:none;}
    
    
	#nase-sluzby ul li {min-height:200px;margin:1px 0px;width:100%;float:none;padding:25px 30px 25px 30px}
	#nase-sluzby ul li:nth-of-type(1), #nase-sluzby ul li:nth-of-type(3) {padding: 25px 330px 25px 30px;}
	#nase-sluzby ul li:nth-of-type(2), #nase-sluzby ul li:nth-of-type(4) {padding: 25px 30px 25px 330px;}
	#nase-sluzby ul li:nth-of-type(1)::after, #nase-sluzby ul li:nth-of-type(2)::after, #nase-sluzby ul li:nth-of-type(3)::after, #nase-sluzby ul li:nth-of-type(4)::after {width:300px;}  
	#nase-sluzby ul li:nth-of-type(2)::after {right:auto;left:0;}
	#nase-sluzby ul li:nth-of-type(3)::after {right:0;left:auto;}
	#nase-sluzby ul li:nth-of-type(4)::after {right:auto;left:0;}
    
    /*#kontakt {margin-top:0;position:static;}*/
    #kontakt #kontaktline #pobocka {width:30%;height:300px !important;}
    #kontakt #kontaktmap {width:70%;height:300px !important;}
    #kontakt #kontaktline {bottom:-10px;}
    
    footer #footerbottom {text-align:center;padding-left:20px;padding-right:20px;}
	footer #footerbottom #foot-copy {display:block;} 
	footer #footerbottom #foot-texpro {display:inline-block;float:none;}        
}

@media only screen and (max-width: 1340px) {
	#kontakt #kontaktin, #kontakt #kontaktmap {width:100%;float:none;display:block;}
	#kontakt #kontaktmap {height:360px;min-height:360px;position:static !important;}
}	
	
@media only screen and (max-width: 1240px) {
    header #headermenu #headernav {margin-left:200px;float:right;}
    header #headermenu #headernav #headerlist li {margin-left:20px;}
    
	#formpoptavka {float:none;margin-top:40px;width:100%;max-width:600px;float:none;clear:both;}
	#kontakt #kontaktintext {float:none;} 
}

@media only screen and (max-width : 992px) {
	#headerline {text-align:center;}
	#headerline strong {display:block;line-height:40px;margin-bottom:15px;}
	#headerline .btn {float:none;}
	#headertext p {width:100%;max-width:700px;}
    header #headermenu #headernav div  {width:110px;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;background:#ed0677;z-index:100;padding:6vh 5vw 6vh 5vw;top:0px;text-align:center;line-height:50px;overflow-y:auto;box-shadow:0 0 20px rgba(0,0,0,0.5);}    
    header #headermenu #headernav.active #headerlist {display:block;}
    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;}
    header #headermenu #headernav #headerlist li.active > a::before {display:none;}
    #xhome #homeslider {margin-top:0;}
    header #headermenu #headernav {width:calc(100% - 270px);}
    header #headermenu #headernav::after {display:none;}
    
    #aktuality, #informace {min-height:0;}
    	
    #kontakt li {width:100%;display:block;margin-bottom:30px;text-align:center;}
    #kontakt li:last-child {margin-bottom:0;}
}

@media only screen and (max-width : 768px) {
	
	#headertext h1 {font-size:40px;line-height:40px;}
	#headertext h2 {font-size:25px;line-height:30px;}
    header {z-index:50;position:relative;}
    #homeslider .swiper-pagination {bottom:10px;}
    
    #homeslider .swiper-button-prev, #homeslider .swiper-button-next {top:auto;height:100px;}
	#homeslider .container {max-width:100%;}
	#homeslider .container .containerin {text-align:center;}
	#homeslider .container .containerin p, #homeslider .container .containerin .zarazeni {display:none;}
	
	.right .container .text {width:100%;float:none;}
	
	#cenik .text .textin {width:100%;float:none;border-bottom:5px solid #f2f8ff;}
	#cenik .text::before {display:none;}
	.block {padding:50px 0;}	

    #kontakt #kontaktline #pobocka, #kontakt #kontaktmap {width:100%;clear:both;float:none;}
		
	#formpoptavka input[type="submit"] {float:none;}
	#kontakt #kontaktin {padding:20px;}
}

@media only screen and (max-width : 640px) {
	#nase-sluzby ul li {margin:1px 0px;padding:225px 30px 25px 30px !important;}
	#nase-sluzby ul li:nth-of-type(n+4) {padding-top:25px !important;}	
	#nase-sluzby ul li::after {bottom:auto !important;height:200px !important;width:100% !important;left:0 !important;right:0 !important;}

}	

@media only screen and (max-width : 480px) {
	#homeslider .container .containerin .btn {display:none;}
	
	#aktuality::before {display:none;}

	h2 {font-size:40px;line-height:50px;margin-bottom:50px;}
    .btn {width:100%;}
    #kontakt #kontaktin {padding:20px !important;} 
    #kontakt #kontaktintext ul li a {font-size:20px;}
    #kontakt #kontaktintext ul li a::before {margin-right:15px;}
    #sipka {display:none !important;}
}

@media only screen and (max-width : 380px) {
	#homeslider .nadpis {font-size:25px;line-height:30px;}
	header #headermenu #logo {max-width:calc(100% - 110px);background-position:0 center;background-size:contain;}
    .btn {min-width:100px !important;}
    #cenik .text .textin {padding:20px;overflow:hidden;}
}