*, html { margin:0; padding:0; }
.clearfix:after, .jt_row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .jt_row {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .jt_row {height: 1%;}
.clearfix, .jt_row {display: block;}
/* End hide from IE-mac */
/* END FIXES */

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	 background-color: var(--black-color);
font-family: var(--font-bold);
  font-weight: normal;
  font-style: normal;
color:var(--white-color);
  display: flex;
  flex-direction: column;
  text-align: left;
  background-image: url('../../../images/web/1_strana_01.jpg');     
  background-position: center 0px;
	background-repeat: no-repeat;
 /*   background-image: 
 linear-gradient(to right, var(--black-color) 0%, var(--black-color) 0%, transparent 8%, transparent 92%, var(--black-color) 100%, var(--black-color) 100% ),
    url('../../../images/web/korunka.png');
*/
  /*height: 100vh;*/
}
.subbody{background-image: none;}


strong,b{font-weight: bold;}
.contentPage{
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
    width: 100%;


 
/* background-size: cover !important; background-size: 100% 100%; height: 1000px;*/
}

.container{width:100%;max-width:1920px;position: relative;}
a{color:var(--white-color);}
a:hover{color:var(--cervena-color);transition: 0.3s ease-out;text-decoration: underline;}


.inputColorBlue{color:red;}
.text-right{text-align: right;}
.float-right{float:right;}
.float-left{float:left;}
ul{padding-left:0;}
.padLeft90{padding-left:90px;}
.padLeft20{padding-left:75px;}
.padRight20{padding-right:80px;}
.padLR0{margin:0 0;}
.padLeft0{padding-left:0;}
.padRight0{padding-right:0;}
h1,h2,h3,h4,p{margin-bottom: 0;}
.img-responsive {display: block;width: 100%;max-width: 100%;height: auto;}
.padLeft102{padding-left:0;}
.padRight102{padding-right:0;}
.span{padding-left:70px;}
/*img{pointer-events: none;user-select: none;-webkit-user-drag: none;}*/
.isHeader{display: none;height: 100px;}
.width100,.full-width{width:100%;}

.padLeft90{padding-left:90px;}
.padLeft20{padding-left:75px;}
.padRight20{padding-right:80px;}

h1{font-size: var(--font-h1);line-height: 1.3;color:var(--white-color);font-weight: bold;font-family: var(--font-bold);}
h2{font-size: var(--font-60);line-height:var(--line-84);color:var(--white-color);font-family: var(--font-bold);margin-top:33px;}
#header {width:100%;height:120px;position: relative;z-index: 10; }
#header.headermenu{} 
#header .headerTop{}
#header #site-logo a{text-decoration: none;}
#endHeader{}
#logoPCa{position: relative;}
.brand-logo {opacity: 1;}
.brand-logo { position: absolute;left: var(--pad-menu-left); z-index:11;transition: opacity 0.4s ease, transform 0.4s ease;top:71px; width:var(--width-466);height:auto;}

#footer .container,#header .container,#clanek .container,#podHeader .container,#o-projektu .container,#galerie .container{padding:0 var(--padd-cover-right) 0 var(--padd-cover-left);}




/* clanek */
#podHeader{
/*
background-image: url('../../../images/web/perfect-clean.jpg');
  background-repeat: no-repeat !important;
 background-position: right center;
background-size: 50% auto;
*/
}
.imgHide{object-fit:cover;height: 100%;}
#podHeader .podHeaderCon{width:100%;height:auto;}
#podHeader .podHeaderLR{margin-top: 121px;}
.col2{flex: 0 0 auto;width: 55%;padding: 0 0 0 40px;}
.col5{flex: 0 0 auto;width: 45%;padding:120px 0 120px var(--pad-menu);}
.col4{flex: 0 0 auto;width: 33.33%;}

.colp4{flex: 0 0 auto;width: 42%;}
.colp6{flex: 0 0 auto;width: 58%;}
.colp5{flex: 0 0 auto;width: 50%;}

.colp1{flex: 0 0 auto;width: 8%;}
.colp2{flex: 0 0 auto;width: 16%;}
.colp8{flex: 0 0 auto;width: 76%;}


.colpr4{flex: 0 0 auto;width: 35%;}
.colpr6{flex: 0 0 auto;width: 65%;}



.fontweight{font-family: 'SegeoBold', serif;}
.modra30{font-size: var(--font-30);line-height:var(--line-40);color:var(--blue-color);}

.social{margin-top:60px;}

#clanek{padding:var(--padd-220) 0 var(--padd-220) 0;position: relative; 
  background-image: url('../../../images/web/pozadi_prihlaska.jpg'); 
background-position: center 0px;
background-repeat: no-repeat;min-height: 90vh;
}

#clanek.prihlase{
  background-image: url('../../../images/web/pozadi_prihlaska.jpg'),url('../../../images/web/pozadi_prihlaska.jpg'),url('../../../images/web/pozadi_prihlaska.jpg'); 
 background-position: 
        center 0px,   
        center 1080px,
        center 2160px; 
	 
	 
	 /*background-size: 1920px 3240px; */
}

#clanek .textkon {}
#clanek h1 {font-size:var(--font-60);line-height: var(--line-84);}
#clanek h2 {font-size:var(--font-30);line-height: var(--line-84);}

#clanek.homepage{padding:var(--padd-220) 0 var(--padd-220) 0;position: relative;background-image:none;min-height: auto;}
#clanek.homepage .text{font-size:var(--font-60);line-height: var(--line-84);}
#clanek.homepage h1{font-size:var(--font-120);line-height: var(--line-168);margin-top:var(--margin-65);}
.zakl{font-size:var(--font-25);line-height: var(--line-36);}

.buttony{margin-top:80px;displey:flex;  align-items: center;justify-content: center;}

.buttony a{color:white;text-decoration: none;padding: var(--padd-46) var(--padd-119) var(--padd-45) var(--padd-119);	border-radius:74px;
	background-color: rgb(229,63,147,0.3);	font-size: var(--font-60);border:3px solid #FFFFFF; 
	line-height: normal;transition: 0.3s ease-out;text-wrap: nowrap;font-family: var(--font-bold);
}
.buttony a:hover{border:3px solid var(--cervena-color);background-color: rgb(0,0,0,0.3); color:var(--cervena-color);-webkit-box-shadow: -1px 0px 29px -5px rgba(35,35,35,0.3);-moz-box-shadow: -1px 0px 29px -5px rgba(35,35,35,0.3);box-shadow: -1px 0px 29px -5px rgba(35,35,35,0.3);}

#clanek.homepage .buttony{position:absolute;bottom:100px;right:30px;}


/* O projektu */
.navigace{color:var(--white-color);font-size: var(--font-14);font-family: var(--font-normal);line-height: var(--lineh-20);margin-left:80px;}
.navigace .tucne{font-family: var(--font-bold);}
.navigace a{text-decoration: none;}
.logohkvs{position: absolute;}

#o-projektu{padding:var(--padd-150) 0 0 0;position: relative;
  background-image: url('../../../images/web/1_strana_02.jpg'); 
background-position: center 0px;
background-repeat: no-repeat;
}
#o-projektu h2{margin-top:var(--margin-110); margin-bottom:var(--margin-69);}
#o-projektu p{font-size: var(--font-25);line-height: var(--line-36);}
.imgproj{margin-top:10px;}
#o-projektu .buttony{position:absolute;top:0;right:0;margin-top:50px;}
.imgcover{text-align: center;position: relative;margin-top:var(--margin-120);}
.imgconga{margin-top:var(--margin-300);left: 0;  position: absolute;}

/* Galerie */

#galerie{padding:var(--padd-150) 0 var(--padd-150) 0;position: relative;
  background-image: url('../../../images/web/1_strana_03.jpg'); 
background-position: center 0px;
background-repeat: no-repeat;

}
#galerie .circle-wrapperm{margin:50px 0 50px 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;}
#galerie .circle-wrapperm{flex-wrap:wrap;
/*gap:var(--roztec-misto);*/
-webkit-flex-wrap:wrap;
/*-webkit-column-gap:var(--roztec-misto);*/
margin: var(--roztec-galaxie1m);
padding-top: var(--margin-150);padding-bottom:20px;
}

#galerie .circle-wrapperm .mistac{margin: 40px var(--roztec-galaxie1);}

#galerie .buttony{text-align: center;margin-top:var(--margin-110);}


.circleboxgm {
 position: relative;
margin: 0 auto;
  /*overflow: hidden; */
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size:var(--font-14);
  line-height:var(--line-20);
  border-radius: 50%;
    width: var(--velikost-planeta-200); 
  height: var(--velikost-planeta-200);
  border:1px solid var(--white-color);
}

.circleboxgmavi{
	background-color: rgb(0,0,0,0.7);
}

.circleboxgm img {
  width: 40%; 
  height: auto;
  /*object-fit: cover;
  transition: all 0.5s ease;*/
}

.textpodcircle {margin-top:10px;font-size: var(--velikost-22gal);line-height:var(--lineheight-neaktiv);}
.textpodcircle h3{font-size: var(--font-14);line-height:var(--line-20);text-align: center;font-family: var(--font-normal);}
.korunkagalcover{position: absolute;margin:0 auto;top:-50px;}
.circleboxgm .korunkagal{width:78px;height:55px;}

/*konec galerie */


  
#back-top:hover {background-color: rgba(255,255,255,.5);}
#back-top {
  display: none;
  opacity: 0;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(255,255,255,.4);
  color: silver;
  font-size: 18px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 36px;
  text-align: center;
  z-index: 100;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


#kontakForm{width: 100%; color:var(--white-color);}
#kontakForm .konftitle{background-color: var(--blue-color);color:var(--white-color);line-height: 30px;padding:25px  0 38px 0;font-family: var(--font-normai);text-align:center;}
#kontakForm h2{font-size:var(--font-25);font-family: var(--font-bold);line-height:var(--lineh-33);color:var(--white-color);}

#kontakForm form{padding:0 8% 0 8%;margin-top:30px;}

#kontakForm .buttons-wrap{margin-top:35px;}

#kontakForm .buttonykl{color:white;padding-top:20px; padding-bottom:20px; border-radius:13px;border:none;width:100%;
	background-color: var(--blue-color);	font-size: 18px;line-height: normal;transition: 0.3s ease-out;text-wrap: nowrap;font-family: var(--font-bold);}


#kontakForm .buttonykl:hover{background-color: #fff;color:var(--blue-color);-webkit-box-shadow: -1px 0px 29px -5px rgba(35,35,35,0.3);-moz-box-shadow: -1px 0px 29px -5px rgba(35,35,35,0.3);box-shadow: -1px 0px 29px -5px rgba(35,35,35,0.3);}

#dynamic_recaptcha_1{
	margin-top:20px;
}


#kontakForm p{color: var(--text-color);text-align: left;font-size: 1.333em;line-height: 26px;font-weight: 400;padding-bottom:10px;}	

#kontakForm .lastTextSpan{color: var(--text-color);text-align: left;font-size: 14px;}

#kontakForm .form-control {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 1em;
    padding: 15px;
    margin-bottom: 10px;
    height:50px;
    border: none;
    border-radius: 13px;
    color: var(--text-color);
    background-color:var(--white-color);
    border:1px solid #AAA6A6;
}
#kontakForm textarea.form-control {
    height: 120px;
}

#kontakForm .form-control:focus{
	border-color: var(--text-color);
	  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.15);
}
#kontakForm .gdpr{margin-top:15px;}


#kontakForm .form-group {
    margin-bottom: 0.5rem;
}
#kontakForm .form-control::placeholder {
    color: var(--text-color);
    opacity: 1;
}

#kontakForm .form-control-label {
    display: block;
    color:var(--blue-color);
}
#kontakForm .form-control-label {
    padding: .375rem .75rem .375rem 0;
    margin-bottom: 0;
}

#kontakForm .padRight20{
	padding-right:20px;
}
.redStar{letter-spacing: 3.4px;color: #d0021b;}
/* checkbox style */

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {position: relative;display: inline-block;border: 1px solid white;border-radius: 0; width: 30px;height: 30px;float: left;margin-right: .5em;}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;color:var(--black-color);font-size:18px;z-index:10;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.radio label, .checkbox label{
	padding-left:5px;
}


.vlastni-checkbox {
  display: inline-flex;
  align-items: flex-start;
  cursor: pointer;
  font-family: sans-serif;
  user-select: none;
}

.vlastni-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.vlastni-checkbox .hook {
  position: relative;
  height: 35px;
  width: 35px;
  background-color: var(--white-color);
  border: 1px solid var(--white-color);
  border-radius: 10px; 
  margin-right: 10px; 
  transition: all 0.2s ease-in-out;
  margin-right: 20px;
  margin-top: 1px;
  flex-shrink: 0;
}

.vlastni-checkbox .obsah-labelu {
  display: flex;
  flex-direction: column;
  gap: 4px; 
}



.vlastni-checkbox .hook::after {
  content: "";
  position: absolute;
   
  left: 11px;
  top: 4px;
  width: 12px;
  height: 20px;
  
  border: solid var(--black-color);
  border-width: 0 3px 3px 0;
/*
  transform: rotate(45deg);
   transition: width 0.1s ease-in-out, height 0.1s ease-in-out 0.05s;
  */
/*   
transform: translateY(-20px) rotate(0deg) scale(0);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
  */
  
  transform: rotate(45deg) scale(0);
  opacity: 0;
  

  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease; 
  
}
.vlastni-checkbox input:checked ~ .hook::after {
/*
width: 10px;
  height: 15px;
  */
  transform: rotate(45deg) scale(1);
  opacity: 1;
}



.vlastni-checkbox:hover input ~ .hook {
  border-color: var(--white-color);
}


.vlastni-checkbox input:checked ~ .hook {
  background-color: var(--white-color);
  border-color: var(--white-color);
}

.vlastni-checkbox input:checked ~ .hook::after {
  display: block;
}

.vlastni-checkbox .text-labelu {
  font-size: var(--font-14);
  line-height: var(--line-20);
  color: var(--white-color);
;
}




/* konec checkbox */
.inputColorRed {color: #f3652d !important;border: 1px solid #f3652d !important;}
.inputColorReda {color: #f3652d !important;}

.form-group.form-errora input,
.form-group.form-errora textarea {
  border: 1px solid #f13340;
  color: #f13340;
  background: url(../img/icon/form-error.png) 98% 10px no-repeat #fff1f2; }
  
.form-group.form-error input,
.form-group.form-error textarea {
  border: 1px solid #f13340;
  color: #f13340;
  background: url(../img/icon/form-error.png) 98% 10px no-repeat #fff1f2; }
.form-group.form-ok input,
.form-group.form-ok textarea {
  border: 1px solid #46a74e;
  color: #35b33f;
  background: url(../img/icon/form-ok.png) 96% 15px no-repeat #ddf9e1; }
.form-group.form-error .form-control, .form-group.form-ok .form-control {
  padding-right: 30px; }

.starvek.form-ok input, .form-group.form-ok textarea {background: url(../img/icon/form-ok.png) 90% 15px no-repeat #ddf9e1;}
  


/* footer */
#footer .footContent{}
#footer{padding:var(--padd-110) 0 0 0; position: relative; background-image: linear-gradient(to right, rgb(0,0,0,0.62) 52%, transparent 48%), url('../../../images/web/1_strana_04.jpg'); 
background-position: 0 0, center 0px;
background-repeat: no-repeat;
  background-size: 
    auto, 
    auto; 

}
#footer h2{margin-top:var(--margin-110);}
#footer h3{font-size:var(--font-25);line-height:var(--line-40);}
#footer .colp5f{padding-top:62px}


#footer a[href^="tel:"] {text-decoration:none;}
#footer .imgkont{object-fit:cover;}
#footer h4{font-size: var(--font-30);font-family: var(--font-bold);padding-top:15px;}


.ramecekkoncover{display: inline-block;}
.ramecekkon{border: 1px solid var(--white-color);padding:76px 78px 76px 78px;border-radius: 58px;margin-top:50px;font-size:var(--font-25);line-height:var(--line-40);}
#clanek .ramecekkon{padding:50px 5% var(--padd-ramecekkon) 7%;}


.imgKontakt{margin:20px 0 0 0;}
.kytarista{margin-top:150px;text-align:right;}
.socialF:first-child{margin-left:0;}
.socialF{margin-top:50px;text-align:right;}
.socialF img{margin-left:10px;}

#copier{padding:15px 0 15px 0;margin-top:50px;text-align: center;color:var(--grey-color);font-size: 11px;position: absolute;bottom:0;margin: 0 auto;width: 100%;}
#copier a,#footer a{color:var(--white-color);text-decoration: none;}
#copier a:hover,#footer a:hover{text-decoration: none;}
#copier .textFBCo{font-size:11px;}
/* end footer */

/* formular */
.prihform{margin-top:30px;}

.formall .form-group .form-input, .formall .form-group textarea {border: 1px solid var(--white-color);border-radius:11px !important; background-color: rgb(255,255,255,0.17);padding:12px 21px;color:var(--white-color);font-size: var(--font-14);margin-bottom:10px; font-family: var(--font-normal);}
.formall .form-group textarea{height: 120px;}


.formall .form-group .form-input::placeholder {color: var(--white-color);font-family: var(--font-normal); font-size: var(--font-14);}
.starform{position: relative;width:280px;}
.starvek{width:150px;}
.form-control-label{
	  font-size: var(--font-14); color: var(--white-color); 
  font-family: var(--font-normal);
}


.starform label {
  position: absolute;
  left: 21px;
  top: 35%;
  transform: translateY(-50%);
  color: var(--white-color); 
  pointer-events: none;
  transition: 0.2s ease all;
  font-size: var(--font-14);
  font-family: var(--font-normal);
}

.asterisk{color: #ff0000;}
.inspam{position: absolute; left: -9999px; top: -9999px;}

.starform input:focus ~ label,
.starform input:not(:placeholder-shown) ~ label {display: none; transform: translateY(-40px);}

.zakla,.textpri{font-size:var(--font-14);line-height: var(--line-20);}
.zakla{margin-left:55px;margin-top:40px;}


.textpri{margin-top:40px;}
.gdrpline{line-height: normal;}

.box-wrapper{
margin:0 0 0 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: flex-start;
flex-wrap: wrap; gap: var(--roztec-galaxie); -webkit-flex-wrap: wrap; margin: var(--roztec-galaxiem);padding-top:var(--padd-64);}

.mistac { margin: var(--roztec-galaxie);padding-top:0;}
.boxblue{padding:0 0;position:relative;width:154px;height:auto;}
.ikonaSl{width:auto;height:97px;}

.col-md-1gdpr{flex: 0 0 auto;width:8%;}
.col-md-9gdpr{flex: 0 0 auto;width:92%;text-align: left;}
.formalla .col-md-1gdpr{width:8%;}

.breadcrumb {
    padding: 30px 0px 10px 0;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-size: 16px;
    text-align: left;
    position: relative;
}
.breadcrumb li{position: relative;}
.breadcrumb li span{	color:#808080;padding-left:16px;}
.breadcrumb li:first-child span{	padding-left:1px;}
.breadcrumb li a span{color:#ea8a44;padding-right: 0;}
.breadcrumb > .active {color: white;}
.breadcrumb > li + li::before {
    padding: 0 2px 0 4px;margin-left:0;
    color: #ea8a44;
    position: absolute;
    top:0;left:0;
    content: "\25CF";font-size: 15px;
}
.breadcrumb li a{color:#ea8a44;text-decoration:none;}
.imggale{width:var(--img-par);}
/* Responsive */

@media only screen and (max-width : 1990px) {

}

@media only screen and (max-width : 1870px) {
body{background-size: contain;}
.colp1{flex: 0 0 auto;width: 3%;}
.colp2{flex: 0 0 auto;width: 21%;}
.colp8{flex: 0 0 auto;width: 76%;}

}

@media only screen and (max-width : 1760px) {
.colp1{flex: 0 0 auto;width: 1%;}
.colp2{flex: 0 0 auto;width: 19%;}
.colp8{flex: 0 0 auto;width: 80%;}
}

@media only screen and (max-width : 1740px) {

}


@media only screen and (max-width : 1600px) {

}


@media only screen and (max-width : 1580px) {

}

@media only screen and (max-width : 1495px) {

.colp1{flex: 0 0 auto;width: 3%;}
.colp2{flex: 0 0 auto;width: 3%;}
.colp8{flex: 0 0 auto;width: 94%;}
.imggale,.kytarista{display:none;}
#footer {background-image: linear-gradient(to right, rgb(0,0,0,0) 52%, transparent 48%), url('../../../images/web/1_strana_04.jpg');}
#footer .colp5f{width: 100%;}
#footer {padding: var(--padd-110) 0 50px 0;}
#footer .ramecekkoncover{display: block;}
}

@media only screen and (max-width : 1418px) {
.colp1{flex: 0 0 auto;width: 100%;}
.colp2{flex: 0 0 auto;width: 100%;}
.colp8{flex: 0 0 auto;width: 100%;}

}

@media only screen and (max-width : 1280px) {


}

@media only screen and (max-width : 1180px) {

.col-md-9gdpr {width: auto;}
.formalla .col-md-1gdpr {width: 50px;}
.imgproj{width:100%;}

}

@media only screen and (max-width : 1090px) {

}

@media only screen and (max-width : 1072px) {
}
@media only screen and (max-width : 998px) {


}

@media only screen and (max-width : 990px) {

}



@media only screen and (max-width : 768px) {
#clanek.prihlase{
  background-image: url('../../../images/web/pozadi_prihlaska.jpg'),url('../../../images/web/pozadi_prihlaska.jpg'); 
 background-position: 
        center 0px,   
        center 1080px,
}




#header {height: 80px;}
#header .container{padding-left:0;padding-right:0;}

#podHeader  .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

#podHeader  .container .first_div {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

#podHeader  .container .second_div {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding-right:0;
  }
.col2{flex: 0 0 auto;width: 100%;padding: 0;}
.col5{flex: 0 0 auto;width: 100%;padding:0;}
#pro-koho .col5{width:100%;}
#pro-koho .col2{width:100%;}

.imgHide{display: block;object-fit: cover;height: 400px;}
#podHeader{background-image: none;}

.brand-logo {left: var(--padd-cover-left);top: 50px;width: 250px;height:auto;}
#podHeader .podHeaderLR {margin-top: 30px;padding: 0 8% ;text-align: center;}
.box-wrapper,.kytarista,.imgproj,.imggale{display: none;}
#clanek .ramecekkon{border:none;padding:0 0;margin-top:20px;}

#footer .colp5f{width: 100%;}
.col-4,.colp5f,.colp4,.colp6,.colp8,.colp2{width: 100%;}


.rowfo {
  flex-wrap: wrap;
}

.imgfunguje {
  min-width: 250px;
}


.colpr4 {width: 100%;}
.colpr6 {width: 100%;}

#clanek.homepage .buttony{position: relative;margin-top: 100px; bottom: 0;right:0;}
#o-projektu .buttony {position: relative;margin-top: 100px; bottom: 0;right:0;margin-bottom: 50px;}


#clanek.homepage .text{margin-top:30px;}

.header-kontejner{margin-top:150px;display: flex;flex-direction: column;}
.header-kontejner h1 {order: 1;}
.header-kontejner .text {order: 2;}

 body{background-position: center 100px; }


#galerie .buttony{margin-top:50px;}



.ramecekkon {padding: 46px 48px 46px 48px;}

.imgKontakt { margin: 20px 0 0 0;width:var(--width-466); height:auto;}
 
}





@media only screen and (max-width : 744px) {
}
@media only screen and (max-width : 704px) {
.header-kontejner  h1 br {display: none;}
}



@media only screen and (max-width : 620px) {


}


@media only screen and (max-width : 502px) {
}


@media only screen and (max-width : 480px) {
body{background-image: url('../../../images/web/mob_1.jpg');background-size: contain;background-position: center 0px;}
#o-projektu {background-image: url('../../../images/web/mob_2.jpg');}
#galerie{background-image: url('../../../images/web/mob_3.jpg');}
#footer{background-image: url('../../../images/web/mob_4.jpg');}

}

@media only screen and (max-width : 430px) {

}

@media only screen and (max-width : 390px) {

}