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

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
body {width:100%;overflow-x:hidden;image-rendering:optimizeQuality;background:#f9f9f9;}
* {margin: 0; padding: 0; color:#575757;font-family: 'Cabin', sans-serif;font-size:18px;line-height:30px;}
a, a span, li, input, .newsbox {-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;}
 
a {outline:none;color:#004a8f;cursor:pointer;}
a:hover {color:#004a8f;}

ul {list-style:none;}



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


h1 {font-size:40px;line-height:50px;color:#272424;padding:0;font-weight:600;display:block;margin:0px 0 50px 0;}
h2, h2 a {font-size:30px;color:#272424;padding:0;font-weight:600;text-decoration:none;}
h2 {line-height:40px;display:block;margin:40px 0 60px 0;position:relative;}
h2 a:hover {text-decoration:underline;}
h3 {font-weight:600;font-size:21px;color:#272424;margin:10px 0 10px 0;}


.btn {z-index:1;padding:15px 70px 15px 20px;text-transform:uppercase;display:inline-block;box-sizing:border-box;color:#fff;line-height:23px;text-decoration:none;font-size:18px;text-align:left;position:relative;border:2px solid #fff;min-width:250px;}
.btn:hover {color:#fff !important;background:rgba(255,255,255,0.2);}
.btn::before {content:'';position:absolute;right:0;top:0;bottom:0;width:53px;border-left:2px solid #fff;background: url('../images/arrow-right.png') no-repeat center center / 14px auto;display:block;}

 
.fotoright {float:right;margin-left:35px;}
.round {border-radius:50px 0 50px 0;overflow:hidden;}
  
 .fourboxes {clear:both;display:block;padding:30px 0 10px 0;}
 .fourboxes::after {clear:both;display:block;content:'';}
 .fourbox {float:left;width:calc( (100% - 62px) / 4);margin: 0 20px 20px 0;}
 .fourbox:nth-of-type(4n) {margin-right:0;}
 

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

header {box-sizing: border-box;z-index:150;height:90px;position:relative;padding-top:0px;background:#fff;}
header #headermenu {vertical-align:middle;height:inherit;}
header #headermenu #logo {height:inherit;width:224px;height:inherit;background: url('../images/logo.png') no-repeat center center / contain;display:inline-block;z-index:20;max-width:100%;margin-left:35px;}

header #headermenu #logo span {display:none;}

header #headermenu #headernav {float:right;}
header #headermenu #headernav #headerlist {float:left;}
header #headermenu #headernav #headerlist li {display:inline-block;margin-left:25px;}
header #headermenu #headernav #headerlist li a {text-decoration:none;color:#4d4d4d;font-size:17px;line-height:90px;height:90px;position:relative;display:block;}
header #headermenu #headernav #headerlist li.active a::after, header #headermenu #headernav #headerlist li a:hover::after {bottom:20px;left:-5px;right:-5px;height:3px;background:#000;opacity:0.1;display:block;content:'';position:absolute;}
header #headermenu #headernav #headersoc {float:left;margin-left:40px;height:90px;margin-right:35px;}
header #headermenu #headernav #headersoc li {display:inline-block;}
header #headermenu #headernav #headersoc li a {display:block;width:40px;height:90px;image-rendering:optimizeQuality;}
header #headermenu #headernav #headersoc li#headerfb a {background: url('../images/icon-fb.png') center center no-repeat;background-size:25px auto;}
header #headermenu #headernav #headersoc li#headertw a {background: url('../images/icon-tw.png') center center no-repeat;background-size:25px auto;}
header #headermenu #headernav #headersoc li#headerig a {background: url('../images/icon-ig.png') center center no-repeat;background-size:25px auto;}
header #headermenu #headernav #headersoc li#headeryt a {background: url('../images/icon-yt.png') center center no-repeat;background-size:25px auto;}
header #headermenu #headernav #headersoc li a:hover {background-position:center 26px !important;}
header #headermenu #headernav #headersoc li a span {display:none;}
header.small * {transition:none;}
header.small #headermenu {position:fixed;left:0;right:0;top:0;height:80px;line-height:80px;background:#fff;/*box-shadow:0 0 10px rgba(0,0,0,0.1);*/z-index:100;}
header.small #headermenu #logo {height:80px;display:inline-block;}
header.small #headermenu #headernav li a {color:#656565;transition: all 0.3s linear;}
header.small #headermenu #headernav #headersoc li a {height:80px;}
header.small #headermenu #headernav #headersoc li a:hover {background-position:center 22px !important;}


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

/*#homeabout {height:calc(100vh - 90px);background: url('../images/bg.jpg') no-repeat center center / cover;position:relative;overflow:hidden;}
#homeabout::before, #homeabout::after {position:absolute;content:'';display:block;pointer-events:none;}
#homeabout::before {left:20px;top:30px;width:40%;bottom:0;background: url('../images/pavel.png') no-repeat center bottom / contain;}
#homeabout::after {right:-20px;bottom:-20px;width:30%;height:30%;background: url('../images/kdu.png') no-repeat right bottom / contain;opacity:0.1;}
#homeabout .hometext {margin-left:45%;padding-top:calc( (100vh - 400px) / 2);}
#homeabout .hometext * {color:#fff !important;}
#homeabout .hometext h1 {font-size:70px;line-height:80px;margin-bottom:30px;}
#homeabout .hometext p {font-size:24px;}*/
#homeabout {height:calc(100vh - 90px);background: url('../images/uvod.jpg') no-repeat center center / cover;position:relative;overflow:hidden;}
/*#homeabout .hometext {display:none;}*/
#homeabout .hometext {float:right;margin-right:10%;margin-top:calc( (100vh - 400px) / 2);padding-left:325px;position:relative;}
#homeabout .hometext * {color:#fff !important;white-space:nowrap;}
#homeabout .hometext h1 {font-size:50px;line-height:60px;margin-bottom:20px;}
#homeabout .hometext p {font-size:24px;}
#homeabout .hometext .btn {margin-top:20px;} 
/*{position:absolute;content:'';display:block;pointer-events:none;width:275px;height:276px;margin-top:-138px;top:50%;right:10%;background: url('../images/spolu.png') no-repeat center center / contain;}*/
#homeabout .hometext::before {position:absolute;left:0;top:0;content:'';display:block;pointer-events:none;width:275px;height:276px;float:left;margin-right:50px;background: url('../images/spolu.png') no-repeat center center / contain;}
#homeabout #zadavatel {position:absolute;right:15px;bottom:10px;font-size:14px;color:#fff;opacity:0.3;}

#main {min-height:calc(100vh - 90px);position:relative;padding-top:550px;box-sizing:border-box;}
#main::before {display:block;height:800px;content:'';position:absolute;left:0;right:0;top:0;background: url('../images/uvod.jpg') no-repeat 20% center / cover;}
#main .container {background:#fff;box-shadow:0 0 57px rgba(0,0,0,0.15);z-index:10;position:relative;padding-bottom:80px;margin-bottom:0px;}
#main h1 {width:100%;margin-bottom:70px;padding:35px 0;font-size:40px;color:#004a8f;text-transform:uppercase;line-height:50px;text-align:center;position:relative;}
#main h1::after {position:absolute;display:block;content:'';z-index:10;left:-80px;right:-80px;bottom:-50px;height:50px;background:linear-gradient(to bottom, #eeeeee, #fff);}


#social {padding-bottom:80px;border-top:1px solid #e5e5e5;background:#fff;}
#social .socbox {width:calc( (100% - 20px) / 2 );margin:0 20px 20px 0;float:left;display:block;}
#social .socbox:nth-of-type(2n) {margin-right:0;}
#social .socbox .sochead {padding:10px;}
#social .socbox .sochead a {display:block;padding-left:100px;height:100px;line-height:100px;color:#fff;font-size:17px;text-decoration:none;border:1px solid rgba(255,255,255,0.5);text-transform:uppercase;}
#social .socbox .sochead a span {color:#fff;font-size:17px;display:inline-block;vertical-align:middle;text-transform:uppercase;line-height:20px;}
#social .socbox#socfb .sochead {background:#3b5998;line-height:100px;}
#social .socbox#socfb .sochead a {background: url('../images/socfb.png') no-repeat 20px center / 50px auto;}
#social .socbox#soctw .sochead {background:#28a9e2;line-height:100px;}
#social .socbox#soctw .sochead a {background: url('../images/soctw.png') no-repeat 20px center / 50px auto;}
#social .socbox#socyt .sochead, #social .socbox#socyt2 .sochead {background:#db1928;}
#social .socbox#socyt .sochead a, #social .socbox#socyt2 .sochead a {background: url('../images/socyt.png') no-repeat 20px center / 50px auto;box-sizing:border-box;}
#social .socbox .socbody {background:#eee; max-height: 500px; overflow: auto; width: 100%;text-align:center;}

.galerie li {float:left;width:calc((100% - 60px) / 4);margin-right:20px;margin-bottom:20px;height:200px;}
.galerie li:nth-of-type(4n) {margin-right:0;}
.galerie li a, .galerie li a img {width:100%;height:inherit;}
.galerie li a img {object-fit:cover;}

#xkontakty #main li {display:block;float:left;width:calc(( 100% - 61px ) / 4 );margin-right:20px;}
#xkontakty #main li::before {display:block;width:100%;height:200px;margin-bottom:30px;content:'';}
#xkontakty #main li:nth-child(1)::before {background:url('../images/psp.jpg') no-repeat center center / cover;}
#xkontakty #main li:nth-child(2)::before {background:url('../images/kancelarhk.jpg') no-repeat center center / cover;}
#xkontakty #main li:nth-child(3)::before {background:url('../images/kralovehradeckykraj2.jpg') no-repeat center center / cover;}
#xkontakty #main li:nth-child(4)::before {background:url('../images/kamenice1.jpg') no-repeat center center / cover;}
#xkontakty #main li:nth-child(4n) {margin-right:0;}

#kontaktpb {background:#004a8f;padding:15px 20px;margin-bottom:20px;}
#kontaktpb * {color:#fff;display:inline-block;vertical-align:top;}
#kontaktpb p {margin-right:100px;margin-bottom:0;}


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

footer {clear:both;padding:40px 0;}
footer .container * {line-height:30px;font-size:16px;text-decoration:none;color:#999;}
footer .container a:hover {text-decoration:underline;}
footer #foot-copy {display:inline-block;}
footer #foot-copy a {text-decoration:underline;} 
footer #foot-texpro {float:right;padding-right:36px;display:inline-block;background:url('../images/texpro.png') no-repeat right center / 24px auto;}



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



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

 	.fourbox {float:left;width:calc( (100% - 21px) / 2);}
 	.fourbox:nth-of-type(2n) {margin-right:0;}
 	
 	#main .fotogalerie li {height:20vw !important;}


    #headernav {width:90px;height:90px;background: url('../images/menu.png') no-repeat center center / 35px auto;cursor:pointer;}
    /*header.small #headernav {height:80px;background: url('../images/menu.png') no-repeat right 18px / 35px auto;}*/
    #headernav div {display:none;position:fixed;left:0;right:0;background:#004a8f;padding:20px 20px 0 20px;top:90px;text-align:center;line-height:50px;}
    /*header.small #headernav div {top:80px;}*/
    header #headermenu #headernav #headerlist li.active a::after, header #headermenu #headernav #headerlist li a:hover::after {background:#fff;opacity:0.5;}
    #headernav.active div {display:block;}
    header #headermenu #headernav #headerlist {width:100%;float:none;}
    header #headermenu #headernav #headersoc {margin:20px auto 0 auto;float:none;}
    header #headermenu #headernav #headerlist li {margin:0 20px;line-height:50px;}
    header #headermenu #headernav #headerlist li a {color:#fff;}
    header #headermenu #headernav #headerlist li a:hover {color:#fff;text-decoration:underline;}
    
    #main::before {height:250px;}
    #main {padding-top:250px;}
}

@media only screen and (max-width: 1200px) {
	#homeabout .hometext {margin-right:50px;margin-top:50px;margin-bottom:80px;padding-left:0;}
	#homeabout .hometext::before {position:static;float:none;margin-bottom:30px;}
	#homeabout {min-height:calc(100vh - 90px);height:auto;background-position:30% center;}
	#homeabout .hometext h1 {font-size:40px;}
}

@media only screen and (max-width : 992px) {
	.container {padding-left:30px;padding-right:30px;}
    	
    #main .fotogalerie li {height:40vw !important;width:calc( (100% - 21px) / 2 );}
    #main .fotogalerie li:nth-of-type(2n) {margin-right:0px;}

	#xkontakty #main li {width:calc( (100% - 20px) / 2);margin-bottom:30px;}
	#xkontakty #main li:nth-of-type(2n) {margin-right:0;}
	#xkontakty #main li:nth-of-type(2n + 1) {clear:both;}
}  



@media only screen and (max-width : 768px) {
	#blocktop .icon-tel, #blocktop .icon-mail {display:block;margin:0 !important;}
	#o-mne img {margin-left:auto;margin-right:auto;margin-bottom:20px;max-width:100%;float:none !important;clear:both;}
	footer .container {text-align:center;}
	footer #foot-copy {display:block;text-align:center;}
	footer #foot-texpro {float:none;}
	#homeabout {background-size:200% auto;background-position:center 0;}
	#homeabout .hometext {background:#004a8f;float:none;margin:0;margin-top:50vw;padding:20px 20px 60px 20px;}
	#social .socbox {float:none;margin:0 0 20px 0;width:100%;}
	.galerie li {width:calc((100% - 20px) / 2);}
	.galerie li:nth-of-type(2n) {margin-right:0px;}
}

@media only screen and (max-width : 480px) {
	#homeabout .hometext h1 {font-size:35px;}
	#headernav {width:60px;background-size:25px auto;}
	header #headermenu #logo {margin-left:20px;}
	header #headermenu #headernav #headerlist li {display:block;}
	header #headermenu #headernav #headerlist li a {height:auto;min-height:40px;line-height:40px;}
	header #headermenu #headernav #headerlist li.active a::after, header #headermenu #headernav #headerlist li a:hover::after {bottom:0px;}
 	.video {width:100%;margin-left:0;margin-right:0;display:block;}
 	#blocktop .icon-tel, #blocktop .icon-mail {font-size:19px;}
 	
 	#xkontakty #main li {width:100%;margin-right:0;float:none;}
 	.galerie li  {width:100%;height:auto;margin-right:0;}
 	
	#kontaktpb p {margin-right:0;display:block;}
 	
}