/*
	=========================================
	HEADER HEADER HEADER HEADER HEADER HEADER
	=========================================
	.tmp_header_course  { border-bottom: solid 1px #580f3a; }
*/
header {  position: absolute; top: 0px; left: 0px; width: 100%; z-index: 100; }


#tmp_logo_top { padding: 30px;}
#tmp_logo_top img { height: 90px; }

@media only screen and (max-width: 960px) {
	#tmp_logo_top img { height: 60px; }
}

/* PLAYGROUND */
.playground { padding: 0px var(--main-gap) 0px var(--main-gap); }
.tmp_content { padding: 120px 0px 90px 0px; } 

.tmp_content_border_top { border-top:  solid 1px #ccc; }

#tmp_top { padding: 150px 0px 30px 0px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(254,249,245,1) 100%); position: relative; }

@media only screen and (max-width: 960px) {
	#tmp_top  { padding-top: 120px; }
}

#tmp_top_heading_course { padding: 30px 0px 30px 0px;  }

@media only screen and (min-width: 960px) {
	#tmp_top_heading_course { padding: 130px 0px 235px 0px; }
}

#tmp_top_heading_course h1 { color: #fff; }
#tmp_top_heading_course p { margin-bottom: 5px; color: #fff; }
#tmp_top_heading_course a { display: inline-block; padding: 15px 30px 15px 30px; color: #fff; border-radius: 3px; background: #3d0d30; font-size: 1.6em; text-decoration: none; margin-bottom: 15px; }
#tmp_top_heading_course a.button_color_tan { background: #fac59d; color: #3d0d30;}
#tmp_top_heading_course a:hover { background: #fff; color: #3d0d30;  }

.tmp_hero_buttons { margin-bottom: 15px; }

@media only screen and (min-width: 960px) {
	#tmp_top_heading_course a {  margin-right: 10px; }
}

@media only screen and (max-width: 960px) {
	#tmp_top_heading_course a { box-sizing: border-box; width: 100%; }
}

/*HOMEPAGE*/
#course_list { padding: 60px 0px 30px 0px;}

/* KURZY */
.course_item_cover { padding: 0px 20px 0px 20px; text-align: center; }
.course_item { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.course_item_body { position: relative; background: #000; border-radius: 3px; overflow: hidden; }
.course_item_body img { width: 100%; border-radius: 3px; transition: scale 0.6s ease, opacity 0.3s ease; }

@media only screen and (min-width: 960px) {
	.course_item_body:hover img { scale: 1.1; opacity: 0.6; }
}

.course_item_info { position: absolute; top: 0px; left: 0px; padding: 30px; color: #fff; margin: 0px; text-align: left; }
.course_item_info h3 { color: #fff; margin-bottom: 5px; }
.course_item_body_link { position: absolute; top: 0px; left: 0px; display: block; height: 100%; width: 100%; text-decoration: none; }

/* KURZ DETAIL */
#tmp_top_course { position: relative; overflow: hidden; background: url('../img/bg-violet.jpg') center center no-repeat; background-size: cover;  }
#tmp_top_course_top_info {  padding-top: 150px; }

@media only screen and (max-width: 960px) {
	#tmp_top_course_top_info {  padding-top: 120px; }
}

#tmp_top_course_foto { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; }

.tmp_course_main_video { margin-bottom: 30px; margin-top: -240px;}

@media only screen and (max-width: 960px) {
	.tmp_course_main_video { margin-top: 0px;}
}

/* KURZ GALERIE */
.tmp_course_gallery  { background: #ccc; padding: 3px 3px 3px 3px; }
.tmp_course_gallery_item { display: block;  background: #333; overflow: hidden;  border: solid 3px #ccc; width: 33.333%; box-sizing: border-box; border-radius: 3px;  }
.tmp_course_gallery_item img { transition: opacity 0.3s ease, scale 0.3s ease;  }
.tmp_course_gallery_item:hover img { opacity: 0.8; scale: 1.1; }

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

.tmp_content_shadowed { padding-top: 120px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(254,249,245,1) 100%); }
.tmp_dark_stripe {	padding: 60px 0px 60px 0px; }
.tmp_dark_stripe a { display: inline-block; padding: 15px 45px 15px 45px; background: #741b54; color: #fff; font-size: 2.2em; text-decoration: none; border-radius: 3px; }
.tmp_dark_stripe a:hover { background: #444;}

.tmp_dark_stripe {
	background: rgb(138,32,98);
	background: linear-gradient(130deg, rgba(138,32,98,1) 0%, rgba(72,16,55,1) 50%);
}

.content_text ul { list-style-type: none; margin-bottom: 15px; }
.content_text ul li { display: block; padding-left: 45px; margin-bottom: 0px; background: url('../img/bg-li-2.png') left 10px no-repeat; margin-bottom: 15px; }

@media only screen and (min-width: 960px) {
	.content_text p { text-align: justify; }
}

.course_cont_image { margin-bottom: 30px; border-radius: 3px; }

/* RECENZE */
#napsali-onas { 
	background: url('../img/bg-violet.jpg') center center no-repeat; background-size: cover;
	padding: 60px 0px 90px 0px; 
}


#napsali-onas h2 { color: #fff; margin-bottom: 30px; }
#napsali-onas a { color: #fff; }


.napsali_line { margin-bottom: 15px; position: relative; }
.napsali_text { padding: 30px; background: #fff; border-radius: 3px; margin-bottom: 15px;}
.napsali_text p { margin-bottom: 0px; }

.napsali_name { padding: 0px 0px 15px 0px; font-size: 1.6em; color: #fff; }
.napsali_name img { max-width: 100%; width: 90px; border-radius: 50%; box-sizing: border-box; border: solid 4px #eee; margin-bottom: 10px; }

@media only screen and (max-width: 960px) {
	.napsali_text { margin-bottom: 0px;}
	.napsali_name { 
		text-align: center;  padding-top: 20px;
		background: url('../img/bg-review-m.png') top center no-repeat;
		
	}
	.napsali_text p { font-size: 14px; }
}

@media only screen and (min-width: 960px) {
	.napsali_line { padding-left: 120px; padding-right: 120px;  }
	
	.napsali_line_left .napsali_name { 
		position: absolute; top: 0px; left: 0px; width: 90px;  text-align: center; padding-right: 30px;
		background: url('../img/bg-review.png') right 40px no-repeat;
	}

	.napsali_line_right .napsali_name { 
		position: absolute; top: 0px; right: 0px; width: 90px;  text-align: center; padding-left: 30px;
		background: url('../img/bg-review.-right.png') left 40px no-repeat;
	}
}

/* TYDNY */
#tmp_week_info { margin: 120px 0px 30px 0px;}

.week_item { padding: 0px 0px 0px 0px; border-top: 1px solid #d0a6c0; }
.week_item_head { position: relative; padding: 15px 45px 15px 0px; }
.week_item_head h3 { margin: 0px; }
.week_item_head a { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;  z-index: 2; }

.week_item_head img { height: 25px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; transition: transform 0.2s ease; }
.week_item_show img {  transform: translateY(-50%) rotate(180deg);   }

.wihd_less { display: none; }

.week_item_show .wihd_less { display: inline; }
.week_item_show .wihd_more { display: none; }
.week_item_head_displayer_label {  position: absolute; top: 50%; right: 30px; transform: translateY(-50%); z-index: 1; font-size: 1.6em; color: #3d0d30; }

.week_item_info { padding-bottom: 15px; }
.week_item_info p { margin-bottom: 15px; padding-left: 45px; background: url('../img/bg-li-2.png') left 10px no-repeat; }

/*CENA KURZU */
.price_base {  border-top: 1px solid #d0a6c0;  padding: 30px 0px 0px 0px; }
.price_base span { display: block; }

.price_label { font-size: 16px; }
.price_base_price { font-size: 26px; padding: 5px 0px 5px 0px; position: relative; }
.price_base_price img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.price_actual_item { margin-bottom: 15px;}
.price_actual_item span { display: block; } 

/*COUNTDOWN*/
#course_price_actual { padding: 60px 0px 60px 0px; background: #faede2; }
#countdown { margin-bottom: 0px; }
#countdown div { display: inline-block; padding: 15px; background: #fff; color: #741b54; font-size: 14px; text-align: center; margin: 0px 5px 0px 5px; border-radius: 3px;}
#countdown div span { display: block; font-size: 20px; }

@media only screen and (min-width: 768px) {
	#countdown div span { font-size: 30px;}
}

@media only screen and (min-width: 960px) {
	#countdown div span { font-size: 60px;}
}

/*FINALIZE*/
#tmp_content_finalize {
	padding: 150px 0px 45px 0px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(254,249,245,1) 100%); position: relative; 
}

@media only screen and (max-width: 960px) {
	#tmp_content_finalize { padding-top: 150px; }
}

.finish_order_line { padding: 15px 0px 15px 0px; border-top: solid 1px #cecece }
.finish_order_line h2 { margin-bottom: 0px; font-size: 1.4em; font-weight: 600;}
.finish_order_line p { margin-bottom: 0px; font-size: 2.4em;}

.tmp_order_finalize {	padding: 60px 0px 60px 0px; }
.tmp_order_finalize a { display: inline-block; padding: 15px 45px 15px 45px; background: #741b54; color: #fff; font-size: 2.2em; text-decoration: none; border-radius: 90px; }
.tmp_order_finalize a:hover { background: #444;}

.tmp_order_finalize {
	background: #ececec;
}

.final_info img { height: 60px; margin-bottom: 30px;}
.finish_alert { padding: 0px 30px 55px 30px; margin-bottom: 30px; }
.finish_alert h2 { margin-bottom: 5px; font-weight: 400; }
.finish_alert p { margin-bottom: 5px;  font-size: 2.4em; }

.finish_alert_done h2, .finish_alert_done p { color: #83bc40; }
.finish_alert_done { background: #deffe2; }
.finish_alert_fail h2, .finish_alert_fail p { color: #c00; }
.finish_alert_fail { background: #ffe0e0; }

/*PAGE*/
.tmp_content_page { padding: 150px 0px 45px 0px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(254,249,245,1) 100%); position: relative;  }

@media only screen and (max-width: 960px) {
	.tmp_content_page  { padding-top: 120px; }
}

.tmp_content_page h1 { border-bottom: solid 1px #ccc; padding-bottom: 30px;}
.tmp_page_paragraph { padding-top:  60px;}
.tmp_page_paragraph_st h2, .tmp_page_paragraph h2 { font-size: 2.4em;}
.tmp_page_paragraph_st h3, .tmp_page_paragraph h3 { font-size: 2em;}
.tmp_page_paragraph ul { list-style: none; margin-bottom: 20px;}
.tmp_page_paragraph ul li { display: block; margin-bottom: 10px; padding-left: 22px;  background: url('../img/bg-li.png') left 14px no-repeat;  }

.tmp_page_perex_box { border-bottom: solid 1px #ccc; padding: 0px 0px 0px 0px; border-radius: 3px; margin-bottom: 30px; }

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

/* VIP */
.content_vip { padding: 60px 0px 30px 0px; border-top: solid 1px #f7d9c4; background: #fef7f1;  }
.content_vip h1 { border-bottom: solid 1px #502f18; padding-bottom: 15px; }
.content_vip h1, .content_vip h2{ color: #f6be96;  font-weight: 700; margin-bottom: 30px; }
.content_vip ul { list-style-type: none;  }
.content_vip p, .content_vip ul { color: #502f18; }

@media only screen and (min-width: 960px) {
	.content_vip p, .content_vip ul { text-align: justify; }
}

.content_vip ul { margin-bottom: 30px;}
.content_vip ul li { display: block; margin-bottom: 15px; padding-left: 35px; background: url('../img/bg-li-vip.png') left 10px no-repeat;  }

.vip_info { font-size: 1.8em; text-align: center; background: #fff; padding: 15px; border-radius: 4px; }
.vip_info_line { margin-bottom: 15px; }
.vip_price { font-size: 26px; position: relative; }
.vip_price img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%;}

.vip_subscribe { margin-bottom: 10px; }
.vip_subscribe a { display: inline-block; padding: 15px 45px 15px 45px; background: #2abd20; color: #fff; font-size: 18px; text-decoration: none; border-radius: 3px; box-sizing: border-box; width: 100%; }
.vip_subscribe a:hover { background: #444;}
.vip_info_pck {  color: #741b54; }

#form_callback { background: #fff; padding: 15px; border-radius: 4px; margin-bottom: 30px; }
#form_callback h3 { margin-bottom: 5px;}
#form_callback p { margin-bottom: 15px;}
.callback_line { padding: 14px; border: solid 1px #741b54; margin-bottom: 5px;}
#form_callback input { box-sizing: border-box; font-size: 1.8em; color:#741b54;  }

.inpt_callback_prefix { width: 120px; border-right: solid 1px #ccc;}
.inpt_callback { width: calc(100% - 120px);}
.inpt_control { width: 100%; }

#form_callback .inpt_callback_submit { background: #741b54; padding: 15px; color: #fff; width: 100%; border-radius: 3px; }
#form_callback .inpt_callback_submit:hover { background: #444; cursor: pointer; }


/* SVACINKA */
.tmp_content_svacinka  { 
	padding: 150px 0px 0px 0px; 
	background: rgb(249,227,241);
	background: linear-gradient(180deg, rgba(249,227,241,1) 0%, rgba(255,255,255,1) 100%);
 } 

 @media only screen and (max-width: 960px) {
	.tmp_content_svacinka   { padding-top: 120px; }
}

.svacinka_heading { margin-bottom: 15px; }

.svacinka_video_line { padding-bottom: 60px; }

.dekujeme_hlaska { height: 90px; padding: 30px 0px 30px 0px; background: #D9FFE4; position: relative; }
.dekujeme_hlaska_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #0F6E00; font-size: 1.6em; } 

@media only screen and (max-width: 960px) {
	.dekujeme_hlaska { height: 60px; }
}

.benefit_cover { border-top: solid 1px #741b54; border-bottom: solid 1px #741b54; padding: 30px 0px 0px 0px; margin-bottom: 30px; }
.benefit_line { width: 25%; display: inline-block; margin-bottom: 30px; box-sizing: border-box; padding: 0px 15px 0px 15px; }
.benefit_line h3 {margin-bottom: 5px; }
.benefit_line p {margin-bottom: 0px; }

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

.svacinka_text { margin-bottom: 30px; }


/* footer */
footer { padding: 90px 0px 60px 0px; background: #f7f7f7; }
footer h3 { color: #ccc; border-bottom: solid 1px #ccc; margin: 0px; padding-bottom: 15px; } 
footer ul { list-style-type: none;  margin-bottom: 30px; }
footer ul li a { display: block; padding: 15px 0px 15px 0px; border-bottom: solid 1px #ccc; }

.social_icons, .partner_icons { padding-top: 15px; } 
.footer_icon { display: inline-block; background: #ccc; margin: 0px 5px 30px 0px; border-radius: 3px;}
.footer_icon:hover { background: #333; }
.footer_icon img { height: 45px; }
.partner_icons img { max-width: 300px; width: 100%; margin-bottom: 30px; }

#copyright { padding: 30px 0px 0px 0px; color: #ccc; }