.smart_button { 
	display: inline-block; padding: 9px 19px 9px 19px; font-size: 1.6em;
	border-radius: 4px; border: 1px solid var(--coffee); text-decoration: none;
	background: var(--coffee); color: #fff;
}

@media only screen and (min-width: 980px) {
	.smart_button:hover { background: var(--cuprum); border-color: var(--cuprum); }
}

/* add heading v H1 */
.add_heading, .item_info_add span { font-family:'Oswald',"Oswald"; display: block; font-size: 20px; font-weight: 400; color: #323646; }

/* add heading v nadpisu */
.box_icon { 
	margin-bottom: 20px;
 }

.box_icon_body { padding: 10px 10px 10px 10px; box-sizing: border-box; background: #f1f1f1; border-radius: 4px; padding-left: 80px; position: relative; }
.box_icon_body svg { width: 40px; position: absolute; left: 20px; top: 10px;  fill: var(--cream); }
.garance_button { display: inline-block; padding: 6px 20px 6px 20px; border: 1px solid var(--cuprum); border-radius: 4px; font-size: 1.6em; }

@media only screen and (min-width: 980px) {
	.box_icon_body svg { top: 50%; transform: translateY(-50%); width: 50px; }
	.box_icon_heading { padding-top: 8px; }
	.box_icon_body:hover {
		background: #fff;
		-webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.1);
	}
	.box_icon_body:hover .garance_button { background: var(--cuprum); color:#fff;  }

	.garance_button  { position: absolute; top: 20px; right: 20px;} 
}

.box_icon_heading { font-size: 1.6em; margin-bottom: 5px; color: var(--cuprum); font-weight: 600;}
.box_icon_subheading { font-size: 1.6em; margin-bottom: 10px;}
.garance_link { display: block; width: 100%; height: 100%; position: absolute; top:0px; left: 0px; z-index: 5; text-decoration: none;}

/* pagination */
.pagination_list { padding: 0px 20px 60px 20px; }
.fps_link { display: inline-block; padding: 10px; width: 130px; text-align: center; background: #ececec; font-size: 1.6em; }

/* content */
.kontakt_image { width: 100%;  border: solid 5px #ececec; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }

.kontakt_left, .kontakt_right { box-sizing: border-box; }
.kontakt_left { width: 50%; float: left; }
.kontakt_right { width: 50%; float: right; }

@media only screen and (max-width: 980px) {
	.kontakt_left, .kontakt_right { width: 100%;}
}

@media only screen and (min-width: 980px) {
	.kontakt_left { padding-right: 20px;  margin-bottom: 40px;   }
	.kontakt_right { padding-left: 20px; margin-bottom: 40px;  }
}

.filip-box { 
	padding: var(--main-gap-double) var(--main-gap-double) calc(var(--main-gap-double) - 10px)  var(--main-gap-double);  margin-bottom: var(--main-gap-double);  border-radius: 4px;
	position: relative;
    background: rgb(255,255,255);
    background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(236,231,225,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(236,231,225,1) 100%);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(236,231,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ece7e1",GradientType=1);
}
.filip-box img { position: absolute; bottom: 0px; right: 20px; height: calc(100% + 40px); z-index: 100; }
.filip-box-inner p { margin-bottom: 10px; font-size: 2em; }
.filip-box-inner p a { color: var(--cuprum); }


.template_path { padding: 0px 0px 0px 0px; font-size: 1.4em; }
.template_path a, .template_path span { display: inline-block; padding: 0px 10px 0px 0px; margin: 0px 10px 10px 0px;  }
.template_path a { background: url('../img/bg-path.png') right center no-repeat; padding-right: 14px}

table { font-size: 1.6em; max-width: 600px; width: 100%; margin-bottom: 20px; border-collapse: collapse; }
table tr th, table tr td { padding: 10px; }
table tr th { font-weight: 700;  }
tr.even td { background: #ececec; }

/* section content */
section.content { padding-top: 20px; }
section.content ol, section.content ul {padding-left: 20px;}

.content-item-list,
.content-item-detail { padding-top: 20px; } 

.font_size_22 { font-size: 26px; }
.color_1 { color: var(--green); }

.eshop_final_info {  font-size: 2.8em; font-weight: 700; padding-top: 30px; position: relative; }
.eshop_final_info span { padding: 20px; text-align: center; margin-bottom: 60px;  display: block;}
.ei_success span { border: solid 1px Green; color: Green; }
.ei_fail span { border: solid 1px #c00; color: #c00; }
.eshop_final_info img { position: absolute; top: 15px; left: 20px;  }


@media only screen and (min-width: 960px) {
	.o_nas_text { padding: 40px 40px 40px 0px;  }
	.o_nas_text_right { padding: 40px 0px 40px 40px; }
}

.free_shipping { position: relative; }

.free_shipping p {
	text-align: center;
	background: #fef3df;
	padding: 40px 20px 20px 20px;
	color: #bf9e5f;
	border-radius: 4px;
	margin-bottom: 20px;
}

.free_shipping_cover { padding: 40px 0px 0px 0px;}
.free_shipping img { position: absolute; top: -30px; left: 50%; height: 60px; transform: translateX(-50%);}

.fire_dept_head {
	text-align: center;
	margin-bottom: -40px;
}

.fire_dept_head img {
	height: 80px;
	border-radius: 50%;
}

.fire_dept { 
	background: #fdf1dc; border-radius: 4px;
	padding: 45px 40px 30px 40px; margin-bottom: 20px;
	text-align: center;
}

.fire_dept p {  line-height: 1.8em; margin-bottom: 0px; color: var(--cuprum); }

#general_alert { position: fixed; left: 20px; bottom: 20px; background: var(--green); padding: 20px; width: calc(100% - 80px); max-width: 500px; z-index: 9999; }
#general_alert h3 { font-size: 2.4em; margin-bottom: 10px;  color: #fff;  }
#general_alert p {  line-height: 1.4em; margin-bottom: 20px; color: #fff; }
#general_alert a { font-size: 1.8em; padding: 20px 10px 20px 10px; text-align: center; display: block; background: var(--green-300); color: #fff;  }
#general_alert a:hover { background: #333;}

/* IKONY */
#tmp_ikony { background: #fafafa; padding: 40px 0px 20px 0px; }
.tmp_ikona { width: 25%; box-sizing: border-box; margin-bottom: 20px; }
.tmp_ikona_body {  position: relative; border-radius: 4px; padding: 20px 0px 0px 0px; background-color: #fff; }
.tmp_ikona_body svg { height: 60px; margin-bottom: 5px; fill: var(--green-100); transition: fill 0.3s ease; }
.tmp_ikona_body a { position: absolute; top: 0px; left: 0px; display: block; height: 100%; width: 100%;}

@media only screen and (min-width: 960px) {
	.tmp_ikona_body:hover svg { fill: var(--green); }
}

@media only screen and (max-width: 960px) {
	#tmp_ikony { background: #fafafa; padding: 20px 0px 0px 0px; }
	.tmp_ikona { width: 50%; }
}

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

/* scrollovací hláška */
#message_top {
	width: 100%; padding: 20px 20px 10px 20px; text-align: center; background: var(--cuprum); box-sizing: border-box;
}

#message_top p { margin-bottom: 10px; font-size: 16px; line-height: 1.4em; color: #fff; }
.message_top_fixed { position: fixed; top: 0px; left: 0px; z-index: 900;}
#shipping_and_payment { padding: 40px 0px 20px 0px; background: var(--coffee); border-top: 1px solid var(--coffee-300); }

.sp_image img { height: 35px; border-radius: 4px; }
.sp_image { 
	display: inline-block; padding: 10px; border-radius: 4px; margin: 0px 5px 0px 5px; border-radius: 10px; background: #f1f1f1;
    -webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.25);
}

.shp_deleyer { 
	display: inline-block; padding: 0px 20px 0px 0px; margin: 0px 20px 20px 0px; border-right: 1px solid #ccc;
}

@media only screen and (max-width: 960px) {
	.shp_deleyer {  padding: 0px 10px 0px 0px; margin: 0px 10px 20px 0px; }
	.sp_image img { height: 22px; }
	.sp_image { padding: 3px; }
}

/* UNDER NEW */
.under-new-playground { padding: 0px 20px 0px 20px; box-sizing: border-box; } 
.under-new-playground h2 { font-size: 40px; margin-bottom: 20px; }

@media only screen and (min-width: 960px) {
	.under-new-playground { width: 50%; }
}

#under-new-24 { 
	padding: 40px 0px 60px 0px; position: relative;
	background: rgb(250,250,250);
	background: -moz-linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#ffffff",GradientType=1);
}

@media only screen and (min-width: 960px) {
	#under-new-24-foto { position: absolute; top: 0px; right: 0px; height: 100%; width: 50%; background: url('https://www.prazirnahospodarsky.cz/files/onas.jpg') center center no-repeat; background-size: cover; }
}
@media only screen and (max-width: 960px) {
	#under-new-24-foto { display: none; }
	#under-new-24 { padding-bottom: 0px; }
}

#under-new-24-foto-mobile { padding-top: 40px;}
#under-new-24-foto-mobile img { width: 100%; margin: 0px; }

@media only screen and (min-width: 960px) {
	#under-new-24-foto-mobile { display: none; }
}

.under-new-quote { text-align: center; }
.under-new-quote-qq svg { height: 34px; fill: var(--cream-100); margin-bottom: 20px;}
.under-new-quote-qq { font-size: 24px; line-height: 1.6em;  color: #888; font-style: italic; }
.under-new-sign { height: 60px;}

.under-new-list { margin-bottom: 60px; }
.under-new-list-line { position: relative;}
.under-new-list-line svg { width: 34px; position: absolute; top: 20px; left: 0px;  fill: var(--cream-100); }
.under-new-list p { margin: 0px 0px 20px 0px; padding: 20px 0px 0px 54px; font-size: 18px; border-top: 1px solid #eee; color: #606060; line-height: 160%; }

footer { padding: 80px 0px 60px 0px; background: var(--coffee); color: #fff; border-top: solid 4px var(--cuprum); }
footer h3 { font-weight: 700; margin-bottom: 5px; color: var(--coffee-100); }
footer ul {  list-style: none; }
footer ul li, footer ul li a { display: block; }
footer ul li a { padding: 10px 0px 10px 0px;  border-top: 1px solid var(--coffee-300);  }
footer p { padding: 5px 0px 5px 0px; margin-bottom: 15px; }

.footer_25 {  width: 25%; float: left; padding: 0px 20px 20px 20px; box-sizing: border-box;  }

@media only screen and (max-width: 980px) {
	.footer_25 { width: 100%; background: none; }
	.footer_50 { width: 100%; }
}

@media only screen and (min-width: 980px) {
	footer ul li a:hover { color: var(--cream);	}
}

@media only screen and (max-width: 768px) {
	.footer_25 { width: 100%; margin-bottom: 20px;  }
}

#copy_right { background: #111; padding: 20px 0px 20px 0px; }
#copy_right p { color: #777; padding: 0px 20px 0px 20px; box-sizing: border-box; line-height: 1.6em; }

@media only screen and (min-width: 768px) {
	#copy_right p.kremzow_fl { background: url('../img/copyr.png') 20px center no-repeat; padding-left: 101px;}
	#copy_right p span { display: block;  }
}

@media only screen and (max-width: 768px) {
	#copy_right p { width: 100%; }
}

#copy_right p.info_border_top { 
	border-top: 1px solid #333; padding-top: 20px;
}


#faq-stripe { background: #f1f1f1; padding: var(--main-gap-tripple) 0px var(--main-gap-double) 0px;  } 
.faq_line { 
	padding: var(--main-gap-half) var(--main-gap) var(--main-gap-half) var(--main-gap); background: #fff; margin-bottom: var(--main-gap); border-radius: 4px; 

    -webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.15);
}

.faq_heading { padding: var(--main-gap-half) 60px var(--main-gap-half) 0px; position: relative; }
.faq_heading a { position: absolute; left: 0px; top: 0px; display: block; height: 100%; width: 100%; text-decoration: none;  }

.faq_heading svg {  width: 16px; position: absolute; top: 50%; right: 0px; margin-top: -8px; transform: rotate(45deg); transition: transform 0.1s ease; fill: var(--coffee-100); }
.faq_unactive .faq_heading svg { transform: rotate(0deg);}

.faq_text { padding: 0px 0px var(--main-gap-half) 0px; }

.faq_unactive .faq_text { display: none; }

.faq_line h2 { margin-bottom: 0px;}
.faq_line p { margin-bottom: 0px; font-size: 2em;}


.number_list { padding-left: 42px;  position: relative; }
.nr_list_number { 
	position: absolute; top: 1px; left:  0px;
	font-size: 2em; color: #999;
}