button.vyberpomer {
	height: auto !important;
	padding: 10px !important;
}

button.vyberpomer img.img-fluid {
	max-height:65px;
}

.hide-scrollbar {
	overflow: -moz-hidden-unscrollable;
	overflow: hidden;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(255,255,255,0.7);*/
	background:#fff;
    z-index: 9999;
	display:none;
}

.preloader .img {
    display: block;
	position: absolute;
	left: 50%;
	right: 0;
	top: 40%;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: translate(-50%,0%);
}

.beforeload::after {
	width:100%;
	height:100%;
	position:absolute;
	content:" ";
	background: rgba(255,255,255,0.7) url(/pics/ajax-loader.gif) no-repeat center center;
	z-index:66666666666;
	left: 0;
	top: 0;
	cursor:default;
}

.c-content-step-1 {
  text-align: center;
  padding-bottom: 20px;margin-bottom: 50px; }
  
    .c-content-step-1 > .c-icon > .c-hr {
      display: inline-block; }
      .c-content-step-1 > .c-icon > .c-hr:before, .c-content-step-1 > .c-icon > .c-hr:after {
        border-top: 3px solid black;
        display: block;
        height: 1px;
        content: " ";
        width: 40%;
        position: absolute;
        left: 0;
        top: 1em; }
      .c-content-step-1 > .c-icon > .c-hr:after {
        right: 0;
        left: auto; }
      /*.c-content-step-1 > .c-icon > .c-hr.c-hr-first:before {
        width: 34%;
        left: 4%; }
      .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
        width: 34%;
        right: 4%; }*/
      .c-content-step-1 > .c-icon > .c-hr > i {
        font-size: 4.2em; }
  .c-content-step-1 > .c-title {
    margin-top: 5px;/*margin-bottom: 68px;*/ }
  .c-content-step-1 > .c-description {
    padding: 0px 60px;
    margin: 20px 0 30px 0; }
  .c-content-step-1.c-opt-1 > .c-icon {
    color: #7d90b0; }
    .c-content-step-1.c-opt-1 > .c-icon > .c-hr:before, .c-content-step-1.c-opt-1 > .c-icon > .c-hr:after {
      border-color: #919191; }
  .c-content-step-1.c-opt-1 > .c-description {
    color: #5c6873; }

.c-title-step-1 > h4 {
  margin: 15px 0; }

.c-title-step-1 > p {
  margin-bottom: 68px; }
.c-title.active {
	color:#FF0000;
}
.c-title.next {
	color:#0000FF;
}
.c-title-step-1.c-opt-title-1 > h4 {
  color: #455055; }
  .c-title-step-1.c-opt-title-1 > h4 > span {
    color: #455055; }

.c-title-step-1.c-opt-title-1 > p {
  color: #a0b0b8; }
.c-content-line-icon {
    
    display: inline-block;
    width: 30px;
    height: 30px;
	line-height:30px;
	border-radius:50%;
	background:#FF0000;
	color:#fff;
}
.finish .c-content-line-icon {
	background:#CCCCCC;
	color:#42484D;
}
.next .c-content-line-icon {
	background:#0000FF;
}
@media (max-width: 991px) {
  /* 991px */
  .c-content-step-1 {
    padding-bottom: 60px; }
    .c-content-step-1 > .c-icon > .c-hr:after {
      width: 34%;
      right: 4%; }
    .c-content-step-1 > .c-icon > .c-hr.c-hr-first:after {
      width: 38%;
      right: 0;
      left: auto; }
    .c-content-step-1 > .c-icon > .c-hr.c-hr-last:before {
      width: 41%;
      left: 2%; }
    .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
      width: 42%;
      right: 2%; } }

@media (max-width: 767px) {
  /* 766px */
  .c-content-step-1 {
    padding-bottom: 0px;margin-bottom:15px; }
    .c-content-step-1 > .c-icon > .c-hr:before {
      width: 34%;
      left: 4%; }
    .c-content-step-1 > .c-icon > .c-hr.c-hr-first:after {
      width: 35%;
      right: 4%; }
    .c-content-step-1 > .c-icon > .c-hr.c-hr-last:before {
      width: 35%;
      left: 4%; }
    .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
      width: 35%;
      right: 4%; }
    .c-content-step-1 > .c-explore {
      padding-bottom: 60px; } }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
#changet {
	position: absolute;
	width: 100%;
	top: -90px;
}
input:not([type="checkbox"]):not([type="radio"]).changetext {
	width: 100%;
	text-align: center;
	font-size: 20px;
	/*font-family:Montserrat, sans-serif;
	padding: 0;*/
	margin:0;
}

p.textin {
	text-align:center;
	color: #000;
	display: table-cell;
	vertical-align: middle;
	font-family:Montserrat, sans-serif;
	padding: 0;
	margin:0;
}

.text {
    position: relative;
	display: table;
}

.text-editor {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 #666;
    display: none;
    left: 33px;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 540px;
    z-index: 99999;
}

.text-editor .arrow {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    height: 0;
    left: 259px;
    position: absolute;
    width: 0;
}

.text-editor .font-family span, .text-editor .font-size span {
    background-color: #eee;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 35px;
    width: 40px;
	border: 1px solid #eee;
}
.text-editor span.active {
    border-color: #FF0000 !important;
}

.text-editor span:hover {
	border-color:#42484D;
}


.text-editor .close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
	font-size:20px;
}

.text-editor .close:hover {
    color: #FF0000;
}


.icotitle {
	display: inline-block;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

.colp {
	padding-left:5px !important;
	padding-right:5px !important;
}

.row.files {
	height: 550px;
	overflow: hidden;
	padding: 15px;
	border: 1px solid #ccc;
	overflow-y: scroll;
	position:relative;
	display:inline-block;
	width:100%;
}

.c-content-step-1.fin:hover {
	cursor:pointer;
	
}

.c-content-step-1.fin:hover .c-content-line-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #FF0000;
    color: #fff;
}

.c-content-step-1.fin:hover .c-title {
    color: #FF0000;
}

.row.files:empty:after {
	content: "Klikněte na tlačítko Nahrát fotografie nebo přetáhněte fotky přímo do sem";
	position: absolute;
	left: 0;
	top: 0;
	width: 90%;
	margin: 5%;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	border: 1px dashed;
	padding: 5%;
}

.wizard .actions > ul > li {
    display: inline;
    float: left;
    margin-left: 1rem;
    list-style: none;
}

.wizard .actions > ul {
    display: inline-block;
    float: none;
    margin: 0 auto;
}

.wizard .actions {
    border-top: 1px solid #e6e8eb;
    padding-top: 20px;
    text-align: center;
}

.wizard .actions > ul > li.disabled {
	display:none;
}

.wizard > .steps ul li a {
    width: 100%;
}

.wizard > .steps ul {
    position: relative;
    z-index: 1;
    display: flex;
    text-align: center;
} 	

.wizard > .steps ul li {
    display: inline;
	   margin-right: 1%;
	min-width: 24%;
}

.ramyvyber {
	display:none;
}

.nahledkolaz {
	padding:15px;
	border:1px solid;
}

.tooltip img {
	max-width:100%;
}

.fontamaticSC {
	font-family: Amatic SC !important;
}
.fontbangers {
	font-family: Bangers !important;
}
.fontbreeSerif {
	font-family: Bree Serif !important;
}
.fontcabinCondensed {
	font-family: Cabin Condensed !important;
}
.fontgreatVibes {
	font-family: Great Vibes !important;
}
.fonthammersmithOne {
	font-family: Hammersmith One !important;
}
.fontmontserrat {
	font-family: Montserrat !important;
}
.fontranchers {
	font-family: Ranchers !important;
}
.fontrighteous {
	font-family: Righteous !important;
}

.draginside {
    touch-action: none; /* Zabraňuje zpracování dotykového posouvání pro tento prvek */
}

.pcm-x .plusico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Vycentrování horizontálně i vertikálně */
  cursor: pointer;
  line-height:35px;
	
	text-align:center;
  border:2px solid #fff;
  font-size: 20px; /* Nastavte velikost podle potřeby */
  width:35px;
  height:35px;
  border-radius:50%;
  color: #fff; /* Barva ikony */
}

@media (min-width: 1200px) {
  #header .container {
    max-width: 1300px;
  }
}

.dokosikubtn {
	font-size: 16px !important;
  min-height: 58px !important;
  letter-spacing: 2px !important;
  line-height: 36px !important;
  padding: 10px 40px !important;
  margin-top: 25px !important;
  height: auto !important;
}