/* PATH */
.template_path { font-size: 1.4em; padding-top: 45px;  }
.template_path a { display: inline-block; padding: 0px 24px 0px 0px; margin-right: 15px; background: url('../img/bg-path.png') right center no-repeat;  }
.template_path a:last-of-type { background: none; text-decoration: none; }

/* CONTENT */
.content { padding: 90px 0px 60px 0px;  }
.content_list { padding: 0px 0px 60px 0px; }
.content_detail { padding: 0px 0px 60px 0px; }

.playground { padding: 0px 30px 0px 30px; }
.playground_half { padding: 0px 15px 0px 15px; }

.contet_text p { margin-bottom: 30px; }
.contet_text ul { margin-bottom: 20px; list-style-type: none;  }
.contet_text ul li { display: block; padding-bottom: 10px; padding-left: 25px; background: url('../img/bg-li.gif') left 14px no-repeat; }
.contet_text ul li.chck { background: url('../img/check.png') left 8px no-repeat; }

.page_list_perex { margin-bottom: 15px; }
.page_datum { font-size: 1.4em; color: #aaa; }

/* VIDEO */
.video_cover {  position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 30px; }
.video_cover iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* HOMEPAGE */
.top_claim_box { border-bottom: solid 1px #83bee8;}

.main_claim { padding: 60px 30px 0px 30px; position: relative; }
.main_claim h1 { padding: 30px 30px 30px 30px; margin-bottom: 0px; background: #fff;}

@media only screen and (min-width: 960px) {
	.main_claim h1 { position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}
}
@media only screen and (max-width: 960px) {
	.main_claim h1 { padding: 30px 0px 30px 0px; }
}

/* NAS TYM */
.tym_homepage { padding-top: 60px;}
.team_item { margin-bottom: 30px; position: relative; }
.team_item img {  max-width: 100%; }
.team_item h2 { margin-bottom: 5px; border-top: solid 1px #cecece; padding-top: 15px; }
.team_foto { border-bottom: solid 1px #cecece; }

@media only screen and (max-width: 960px) {
	.team_item h2 { border: none; }
	.team_item_foto_small { border-bottom: solid 1px #cecece;}
}

@media only screen and (min-width: 960px) {
	.team_cover { padding: 0px 15px 0px 15px; }
	.team_cover .team_item { padding: 0px 15px 0px 15px;  }
}

.team_item_link { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; text-decoration: none; }
.pridejse { font-style: italic; font-size: 2.8em; color: #f3858f;  }
.team_text { padding-top: 30px; margin-bottom: 15px; }
.team_text h2 { margin-bottom: 15px; }
.team_text p { margin-bottom: 15px; }
.team_item_link_www { font-size: 16px; }

/* ZASADY */
.prosazujeme_cover { padding-top: 30px; }

#zasady, #hodnoty {
	border-top: solid 1px #83bee8;
	background: rgb(236,236,236);
	background: linear-gradient(166deg, rgba(236,236,236,1) 0%, rgba(254,254,254,1) 50%);
}

.prosazujeme_box { margin-bottom: 90px; }
.prosazujeme_box img { width: 60px; float: left;  }
.prosazujeme_box p { margin-left: 90px; font-size: 1.4em;}
.prosazujeme_box p strong { font-size: 20px; }

.labels span {  }
.labels { color: #1877F2;  }

/* SMALL LOOP */
.hp_small_page_cover { margin-bottom: 30px; }
.hp_small_loop { border-top: solid 1px #83bee8; padding-top: 15px; }
.hp_small_loop p { font-size: 1.4em; margin-bottom: 15px; }
.ibutton_small { margin-bottom: 15px; }
.ibutton_small a {  width: 100%; box-sizing: border-box; text-align: center; font-size: 1.4em; }

/* SMALL DOWNLOAD */
.hp_download a {  display: block; font-size: 1.4em; padding: 15px 15px 15px 30px; border-top: solid 1px #83bee8; background: url('../img/bg-down.png') left 12px  no-repeat; }

/* PAGE HP */
.page_item_list_home { padding: 90px 15px 0px 15px; }
.page_item_big_hp { padding: 0px 15px 0px 15px; }
.page_item_big_hp p { margin-bottom: 60px; }

.hp_list_right_column { background: #fafafa; padding-top: 30px; }

@media only screen and (max-width: 960px) {
	.hp_list_right_column { margin-bottom: 30px; }
}

.hp_list_right_column h2 {  padding: 0px; margin-bottom: 10px; }

/* small */
.page_list_foto_hp img { width: 100%; margin-bottom: 30px; }
.page_list_desc_hp h2 { font-size: 16px; margin-bottom: 15px;  }

@media only screen and (min-width: 960px) {
	.page_list_desc_hp h2 { height: 36px; overflow: hidden;  }
}

.page_item_small { width: 33.333%; box-sizing: border-box; padding: 0px 15px 0px 15px; margin-bottom: 30px; }
.page_item_small p { font-size: 1.4em; }
.page_item_big_hp p.page_datum,
.page_item_small p.page_datum { margin-bottom: 5px; }

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

.page_item_big_hp_foto { margin-bottom: 30px; }

/* PAGE */
.page-list-heading { padding: 60px 0px 30px 0px; }

.page_item_list { padding: 0px 15px 0px 15px; }
.page_item { padding: 0px 15px 0px 15px; margin-bottom: 30px; }
.page_list_foto img { width: 100%; }
.page_list_desc { box-sizing: border-box; }
.page_list_desc p { max-width: 600px; }

@media only screen and (min-width: 960px) {
	.page_list_foto { width: 40%; }
	.page_list_desc { width: 60%; }
}

@media only screen and (max-width: 960px) {
	.page_list_foto { width: 50%; }
	.page_list_desc { width: 50%; }
}

@media only screen and (min-width: 768px) {
	.page_list_foto { padding-right: 15px; box-sizing: border-box; }
	.page_list_desc { padding: 30px 0px 0px 15px; }
}

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

.page_detail_text_cover { max-width:  960px; margin: 0 auto; }

.page_perex { padding: 0px 30px 0px 30px; }
.page_perex p { margin-bottom: 30px; color: #666; font-weight: 700; font-size: 2em; }

.page_main_photo { margin-bottom: 30px; }
.page_main_photo img { width: 100%; }

@media only screen and (min-width: 960px) {
	.page_perex p { font-size: 2.4em; }
}

.page_text p { margin-bottom: 30px; font-size: 2em; }

.page_gallery_cover { padding: 0px 15px 0px 15px; }
.page_gallery_item { padding: 0px 15px 30px 15px; box-sizing: border-box; width: 25%; float: left; }
.page_gallery_item img { width: 100%; }

@media only screen and (max-width: 960px) {
	.page_gallery_item { width: 50%; }
}

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

.page_paragraph_foto img { width: 100%; }
.page_paragraph_foto { padding: 0px 30px 0px 30px; margin-bottom: 30px; }

.page_author { padding: 0px 0px 15px 0px; font-size: 1.6em; font-style: italic; color: #ccc; }

.page_author_top { padding-top: 7px; width: calc(100% - 160px); }

.page_detail_img_author { padding: 15px 0px 0px 0px; font-size: 1.6em; font-style: italic; color: #ccc; }

.page_paragraph h2  { padding: 0px; margin-bottom: 15px;}
.page_paragraph p { padding: 0px; margin-bottom: 30px; font-size: 2em; }

.page_paragraph ul { margin-bottom: 20px; list-style-type: none;  }
.page_paragraph ul li { display: block; padding-bottom: 10px; padding-left: 25px; background: url('../img/bg-li.gif') left 14px no-repeat; }


.social_share_buttons { font-size: 1.6em; margin-bottom: 30px; width: 100px; }
.social_share_buttons a { display: inline-block; text-decoration: none; width: 30px; height: 30px; border-radius: 15px; }

.share_facebook { background: url('../img/icon-facebook.png') center center no-repeat  #cecece; }
.share_twitter { background: url('../img/icon-twitter.png') center center no-repeat  #cecece; }

.share_twitter:hover { background-color: #1da1f2; }
.share_facebook:hover { background-color: #1877f2; }

/* PODPORTE NAS */
#podporte-nas {  }

/* FORMULAR */
#napiste-nam {
	border-top: solid 1px #83bee8; border-bottom: solid 1px #f3858e;
	background: rgb(236,236,236);
	background: linear-gradient(166deg, rgba(236,236,236,1) 0%, rgba(254,254,254,1) 50%);
}

.form_cover { padding: 0px 0px 0px 0px; }
.form_body { padding: 0px 15px 15px 15px; }
.form_submit_line { padding: 0px 15px 0px 15px; font-size: 1.4em; }
.form_line { padding: 0px 15px 15px 15px; font-size: 1.4em; }
.form_line label { display: block;  margin-bottom: 10px; }
.form_line input, .form_line textarea { width: 100%; padding: 14px; box-sizing: border-box; border: solid 1px #707070;  }
.form_line textarea { height: 150px; }
.form_line input:focus, .form_line textarea:focus { border-color: #001b46;  }

.form_submit_line input {
	background: none; border: none; width: 100%; padding: 15px 0px 15px 0px; font-weight: 700;
	transition: box-shadow 0.3s ease;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.form_submit_line input:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

input[type=checkbox] { display: none; }
input[type=checkbox] + label { padding: 10px 20px 10px 40px; background: url('../img/checkbox.gif') left center no-repeat; display: block; }
input[type=checkbox] + label:hover { cursor: pointer; }
input[type=checkbox]:checked + label { background: url('../img/checkbox-checked.gif') left center no-repeat; }

.alert { padding: 0px 15px 15px 15px; }
.alert div.red { padding: 0px 0px 15px 0px; font-weight: 700; color: #c00; font-size: 1.8em; 	}
.alert div.green { padding: 30px; margin-bottom: 15px; font-weight: 700; color: Green; font-size: 1.8em;  background: #c8ffd1;	}

.page_subscribe { padding-top: 45px; }

.subscribe_form {  padding: 15px 15px 15px 15px; }
.subscribe_form div.sa_line { padding: 0px 15px 15px 15px; font-size: 1.4em; }
.subscribe_form div input { box-sizing: border-box; width: 100%; padding: 15px;  }
.subscribe_form div.sub_text input { border: 1px solid #ccc; }

.subscribe_form div.sub_submit input {
	border: 1px solid #fff; background: #fff;
	transition: box-shadow 0.3s ease;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.subscribe_form div.sub_submit input:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.subscribe_alert { font-weight: 700; font-size: 1.4em; margin-bottom: 15px; }
.sa_green { color: Green; }
.sa_red { color: #c00; }

/* pagination */
.pagination_list { margin-bottom: 30px; font-size: 1.6em; padding: 30px 20px 0px 20px; }
.pagination_list a { display: inline-block; text-decoration: none; }
.pagination_prev, .pagination_next, .pagination_numbers  { box-sizing: border-box; padding: 10px; }
.pagination_prev a, .pagination_next a { text-align: center; box-sizing: border-box; padding: 15px 30px 15px 30px; background: #ececec; color: #f3858f; width: 100%; }
.pagination_prev { width: 25%; }
.pagination_next { width: 25%; text-align: right; }
.pagination_numbers { width: 50%; text-align: center; }
.pagination_numbers a { box-sizing: border-box; padding: 15px 20px 15px 20px; background: #ececec; color: #f3858f; margin: 0px 5px 0px 5px; }
.pagination_numbers a.active { background: #f3858f; color: #fff; }
.pagination_numbers a:hover { background: #f3858f; color: #fff; }

@media only screen and (max-width: 960px) {
	.pagination_prev { width: 50%; }
	.pagination_next { width: 50%; }
	.pagination_numbers { display: none; }
}

.news_perex p { font-size: 2.8em; font-style: italic; margin-bottom: 60px; }

.playground_inprocv_ftg { padding: 0px 25px 0px 25px; }
.inprocv_foto { box-sizing: border-box; margin-bottom: 30px; text-align: center; padding: 0px 5px 0px 5px; }

@media only screen and (min-width: 768px) {
	.inprov_gallery_foto_one { background: #efefef; margin: 0px 5px 30px 5px; }
	.inprov_gallery_foto_one .inprocv_foto { max-width: 420px; margin: 0 auto; }
}

.inprocv_foto span { display: block; padding-top: 10px; background: #fff; font-size: 14px; }
.inprocv_foto_25 { width: 25%; }
.inprocv_foto_50 { width: 50%; }
.inprocv_foto_33 { width: 33.333%; }
.inprocv_foto_full img { width: 50%;  }

@media only screen and (max-width: 768px) {
	.inprocv_foto_33, .inprocv_foto_25, .inprocv_foto_50  { width: 100%; }
	.inprocv_foto_full img { width: 100%;  }
}

@media only screen and (min-width: 960px) {
	.ipcv_text_plg { padding: 30px 0px 30px 30px; margin-left: 30px; margin-bottom: 45px; border-left: solid 2px #ececec; }
	.ipcv_text_plg p:last-of-type { margin: 0px; }
}

.return_to_menu { padding: 30px; }