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:#0088cc;
}
.c-title.next {
	color:#017DB3;
}
.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:#0088cc;
	color:#fff;
}
.finish .c-content-line-icon {
	background:#CCCCCC;
	color:#42484D;
}
.next .c-content-line-icon {
	background:#017DB3;
}
@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 */
  .mt-m-10 {
	  margin-top:10px;
  }
  .mb-m-15 {
	 margin:20px 0 15px !important
  }
  .c-content-step-1 {
    padding-bottom: 60px; }
    .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: 4px;
    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: #0088cc !important;
}

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


.text-editor .close {
    position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	font-size: 20px;
	z-index: 555555;
	width: 30px;
	height: 30px;
}

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


.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;
}

.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: #0088cc;
    color: #fff;
}

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

.row.files:empty:after {
	content: "Nahrajte své fotky pomocí tlačítka Nahrát fotografie nebo je přetáhněte přímo 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;
}


.drag {
	z-index:99999999;
	
}

.ui-draggable-dragging {
	color:#000;
}

.drag {
	cursor:move;
}

img.fullwidth {
	/*position: absolute !important;
	left: 0 !important;
	top: 0 !important;*/
	width: 100% !important;
}

img.fullheight {
	/*position: absolute !important;
	left: 0 !important;
	top: 0 !important;*/
	height: 100% !important;
}

.files .preview, .files .size, .files button {
	width:100%;
}

.files button {
	width:80%;
}

.files .preview img {
	width:100%;
}

.files .imgdrag {
	border: 3px solid #ccc;
	/*padding: 5px;*/
	position: relative;
	border-radius: 5px;
}

.files .imgdrag.activeimg {
	border-color:#0099CC;
	background: #0099CC;
}

.files .imgdrag:hover {
	background:#ccc;
	border-color:#000;
}

.template-download, .template-upload {
	padding:0 2px;
	margin-bottom: 4px;
}

.sticky-button {
    -webkit-box-shadow: 0px -3px 6px 6px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px -3px 6px 6px rgba(0, 0, 0, 0.06);
	box-shadow: 0px -3px 6px 6px rgba(0, 0, 0, 0.06);
	bottom: 0;
	position: fixed;
	margin: 0 auto;
	width: 100%;
	background-color:rgba(255, 255, 255, 0.8);
	text-align: center;
	padding: 15px 0 10px;
	z-index: 6666;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.w100 {
	width:100%
}

h1.text-lg  {
	font-size:70px;
	margin-bottom:10px !important;
}

.icohome a {
	color:#047CB4;
}

.icohome:hover a {
	color:#FB6E61 !important;
}

.icohome2 {
	background: -webkit-linear-gradient(180deg, rgba(251,110,97,1) 0%, rgba(0,125,179,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icohome3 h1, .icohome3 h3{
	color:#FB6E61;
}

.checkico {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 20px;
	z-index: 6;
}

.checkico.green, .faqico.green {
	color:#81C868;
}

.checkico.orange, .faqico.orange {
	color:#FFB20E;
}

.checkico.red, .faqico.red {
	color:#CE041C;
}

.checkico:hover {
	color:#fff;
}

/* TOOLTIP */

.ui-tooltip {
	max-width:200px;
}
.mytooltip {
  radius: 4px !important;
  background-color: black;
   color: #fff;
  padding: 5px 20px;
  border-radius: 20px;
  margin: 50px;
  width:100px !imporant;
  text-align: center;
  font: bold 14px ;
  font-stretch: condensed;
  text-decoration: none;
  z-index:666666666;
  box-shadow: 0 0 10px black;
}

@media only screen and (max-width: 600px) {
	#fileupload {
		margin-top:50px;
	}

}

.blackandwhite {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.prevbck {
	width:100%;
}

.rozmera {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,0%);
	text-align: center;
	color:#0088CC;
}

.rozmerb {
	position: absolute;
	top: 22%;
	left: 63%;
	transform: translate(-50%,0%);
	text-align: center;
	color:#0088CC;
}

.rozmerc {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,0%);
	text-align: center;
	color: #0088CC;
}

.linkaa {
	width:12%;
	height:1px;
	background:#0088CC;
	position: absolute;
	top: 4%;
	left: 50%;
	transform: translate(-50%,0%);
}

.linkab {
	height:12.6%;
	width:1px;
	background:#0088CC;
	position: absolute;
	top: 18%;
	left: 59%;
	transform: translate(-50%,0%);
}

.linkac {
	width:64%;
	height:1px;
	background:#0088CC;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,0%);
}
.imgpreview {
	position: absolute;
	top: 6%;
	left: 50%;
	transform: translate(-50%,0%);
	text-align: center;
	width: 12%;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 12%;*/
	top:4%;
	height: 40%;
}
.imgpreview img {
	width:100%;
	position: absolute;
	left: 0;
	top: 60%;
	transform: translate(0,-50%);
}
.posrel {
	position:relative;
}

.vyberpomer .badge {
	display:none;
	transition: all .3s linear;
	padding: 8px;
	top: -8px !important;
	right: -8px !important;
}

.vyberpomer.active .badge {
	display:block;
}

.p25 {
	padding: 25px 25px 10px;
	
}

.p25 input, .p25 label {
	cursor:pointer;
}

.fileinput-button, input[type="file"], .fileupload-buttonbar {
	cursor:pointer;
}
.template-download.fade {
	opacity:0 !important;
}
.fileupload-progress.fade.in, .template-download.fade.in {
	opacity:1 !important;
}

.progress-extended {
	font-size:10px;
}