/* PLAYGROUNDS */
.tmp_playground, .playground { padding: 0px var(--main-gap) 0px var(--main-gap); }
.tmp_playground_half, .playground_half { padding: 0px var(--main-gap-half) 0px var(--main-gap-half); }

/* BUTTONS */
.tmp_button {
    display: inline-block;  padding: 8px 24px 8px 24px; 
    background: var(--main-color-01); color: #fff; font-size: 2em; text-decoration: none;
	font-family: 'Oswald', "Oswald"; border: 1px solid var(--main-color-01);
	box-sizing: border-box;
}

.tmp_button_invert { background: #fff; color: var(--main-color-01); }
.tmp_button_small { font-size: 1.6em; }
.tmp_button:hover { background: #EFFCFC; color: var(--main-color-01);  }

@media only screen and (max-width: 768px) { 
	.hero_heading_capsulle_inner .tmp_button { width: 100%; text-align: center; }
	.tmp_button_nextto { margin-bottom: var(--main-gap-half);}
}

@media only screen and (min-width: 768px) { 
	.tmp_button_nextto { margin-right: var(--main-gap-half);}
}

/* PATH */
.template_path { font-size: 1.4em; padding-top: var(--main-gap);   }
.template_path a { display: inline-block; padding: 0px 12px 0px 0px; margin: 0px 0px 4px 0px; background: url('../img/bg-path.png') right center no-repeat; color: #fefefe; }
.template_path a:last-of-type { padding: 0px; margin-right: 0px; background: none; text-decoration: none; }

/* 404 */
#error { padding: calc((var(--main-gap) * 2) + 90px) 0px var(--main-gap) 0px; }

.tmp_content { padding: 160px 0px calc(160px - var(--main-gap)) 0px; }
.tmp_content_no_gap_top { padding: 0px 0px calc(160px - var(--main-gap)) 0px; }
.tmp_content_no_gap_bottom { padding: 160px 0px 0px 0px; }

/* TOP OF PAGE*/
header {  padding: var(--main-gap) 0px var(--main-gap) 0px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9999;  border-bottom: 1px solid rgba(255,255,255,0.1); }
header .social_icons { position: absolute; right: calc(var(--main-gap) - 4px); top: 50%; transform: translateY(-50%);  }

.tmp_main_logo { text-decoration: none; fill: #fff; }
.tmp_logo_img { height: 60px; }
.tmp_logo_label { margin-left: var(--main-gap-half);} 

/* HERO */
#hero { padding-top: calc(60px + var(--main-gap-double)); position: relative; overflow: hidden; }

#circle-hero { 
	position: absolute; top: -50%; left: 50%; z-index: 1; margin-left: -460px;  height: 920px;   
}

.animate-rotation { 
	-webkit-animation-name: spin;
    -webkit-animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 60s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 60s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.hero_heading_capsulle { padding: 120px 0px 120px 0px; }
.hero_heading_capsulle { min-height: 50vh; position: relative; } 
.hero_heading_capsulle_inner { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 100; width: 100%; }

.hero_heading_capsulle h1 { color: #fff; }
.hero_heading_capsulle_inner p { color: #fff; }

/* ICONS */
#icon-stripe, #treneri-02, #multisport { background: #EFFCFC; }

.heading_special { background: url('../img/bg-heading.png') center left repeat-x;}
.heading_special span { display: inline-block;  background: #EFFCFC; padding: 0px var(--main-gap-double); }

#icon-jak-zacit-spodek .heading_special span,
#icon-jak-zacit-spodek { background: #f8f8f8;}

.heading_special_white span { background: #fff; }

.cont_icon_box img { margin-bottom: var(--main-gap-half); }
.cont_icon_box h3 { font-weight: 600;}
.cont_icon_box p { color: var(--main-color-01); }
.heading_box p { font-size: 2em; }

/* EVENT */
.item_list_heading { border-bottom: 2px dashed var(--main-color-02);}
.item_list_morebutton { border-top: 2px dashed var(--main-color-02); padding: var(--main-gap) 0px var(--main-gap) 0px; }

.tmp_event_form_section { background:  #f8f8f8; }

.event_image { 
	position: relative;
	display: block;
	overflow: hidden;
}

.event_image img { transition: scale 0.3s ease-in; }
.event_item:hover img { scale: 1.1; }

.event_datum {
	display: block;
	background: rgba(0, 0, 0, 0.75); color: #fff; 
	font-family: 'Oswald', "Oswald"; font-weight: 600; font-size: 18px; padding: var(--main-gap-half) var(--main-gap);
	position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);
}

.event_item h2 { font-size: 2.4em }

/* SUBJECT ITEM */
.subject_item { position: relative; margin-bottom: var(--main-gap); }
.subject_item a { display: block; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; text-decoration: none; }
.subject_item_heading_box { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 100%; z-index: 1;  }
.subject_item_heading_box h3 { font-size: 3.4em; font-weight: 700; color: #fff; }

.subject_item_foto { overflow: hidden; }
.subject_item .subject_item_foto img { transition: scale 0.3s ease-in; }
.subject_item:hover .subject_item_foto img {  scale: 1.15; }

.subject_item:hover .tmp_button { background: #fff; color: var(--main-color-01) }

/* PRICELIST */
.width_pricelist_item { box-sizing: border-box; width: 33.333%; }
.width_pricelist_item_half { box-sizing: border-box; width: 50%;}

@media only screen and (max-width: 1200px) { .width_pricelist_item { width: 50%; } }
@media only screen and (max-width: 960px) { .width_pricelist_item, .width_pricelist_item_half { width: 100%; } }

.pricelist_head { margin-bottom: var(--main-gap); padding-bottom: var(--main-gap); border-bottom: 1px solid rgba(255,255,255,0.25); }
.pricelist_head span, .pricelist_head strong { display: block; }
.pricelist_head strong { font-family: 'Oswald', "Oswald"; font-size: 3.4em; font-weight: 700; color: #B3ECEE; margin-bottom: var(--main-gap-half); }
.pricelist_head span { font-size: var(--main-content-text-size); color: var(--main-color-01); }

.pricelist_item { background: #12323A; color: #fff; padding: var(--main-gap-double) 0px; margin-bottom: var(--main-gap); position: relative; }
.pricelist_item img { position: absolute; top: var(--main-gap-half); right: var(--main-gap-half); z-index: 1; height: 32px;} 
.pricelist_item ul { 
	list-style-type: none; 
	margin-bottom: var(--main-gap-double); line-height: 2em; 
	padding-bottom: var(--main-gap);
	border-bottom: 1px solid var(--main-color-01); 
}

.pricelist_item ul li { margin-bottom: var(--main-gap);  }

#individual-under { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }

/* DETI */
.tmp_special_list { border-bottom: 1px solid var(--main-color-02); margin-bottom: var(--main-gap); padding-bottom: var(--main-gap); }
.special_list_line { position: relative; margin-bottom: var(--main-gap); }
.special_list_line_text { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); padding-left: 110px;}
.special_list_line_text h3 { margin-bottom: 0px; }
.special_list_line_text p { margin-bottom: 0px; color: var(--main-color-01); }

.tmp_hero {
	padding: calc(60px + var(--main-gap-double)) 0px var(--main-gap) 0px; 
	background: #000000;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 1%, rgba(18, 50, 58, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 1%, rgba(18, 50, 58, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 1) 1%, rgba(18, 50, 58, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#12323A", GradientType=0);
}

.tmp_hero h1 { color: #fff; }
.tmp_hero p { color: #fff;}

/* SUBPAGE */
.content-page ul { list-style-type: none; margin-bottom: var(--main-gap-half); }
.content-page ul li { 
	display: block; padding: 0px 0px var(--main-gap-half) 30px;  
	background: url('../img/bg-item-list.png') left 8px no-repeat;
}

/*
	=======================================
	FORMULAR
	=======================================
*/
#form_main { 
	border: 1px solid var(--main-color-02); border-radius: 4px; margin-bottom: var(--main-gap); padding: var(--main-gap) 0px var(--main-gap) 0px;
	box-shadow: 0px 0px 32px 0px rgba(179,236,238,0.25);
	-webkit-box-shadow: 0px 0px 32px 0px rgba(179,236,238,0.25);
	-moz-box-shadow: 0px 0px 32px 0px rgba(179,236,238,0.25);
	background: #fff;
}

.form_body { padding: 0px var(--main-gap-half) 0px var(--main-gap-half); }
.form_submit_line { padding: 0px var(--main-gap-half) 0px var(--main-gap-half); font-size: var(--main-content-text-size); margin-bottom: var(--main-gap); }
.form_line { margin-bottom: var(--main-gap); padding: 0px var(--main-gap-half) 0px var(--main-gap-half);}
.form_line label { display: block; font-size: 14px; margin-bottom: 5px; color: var(--main-color-01); }
.form_line input, .form_line textarea { width: 100%; padding: var(--main-gap-half); box-sizing: border-box; border: solid 1px #cecece; background: #fcfcfc; font-size: var(--main-content-text-size);  border-radius: 4px;  }

.form_line textarea { height: 150px; }
.form_line input:focus,
.form_line textarea:focus { border-color: var(--main-color-01); background: #fff;  }

.form_line_gdpr { border-top: 1px dashed var(--main-color-02); padding-top: var(--main-gap);}
.form_submit_line input {
	background: #fff; color: var(--main-color-01); border: 1px solid var(--main-color-01); border-radius: 4px; width: 100%; 
	padding: var(--main-gap) 0px var(--main-gap) 0px; 
	font-family: 'Oswald', "Oswald";
}

@media only screen and (min-width: 768px) {
	.form_submit_line input:hover { background-color: var(--main-color-03); color: #fff; cursor: pointer; }
}

.input_double_cover { border: solid 1px #cecece; padding: 4px; border-radius: 4px;  }
.input_double_cover input { border: none; float: left; padding: 9px; }

.form_line input.input_prefix { width: 30%; border-right: 1px solid #ccc; }
.form_line input.input_phone { width: 70%; }

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

.form_alert_box { font-size: var(--main-content-text-size);  padding: 0 var(--main-gap-half); text-align: center;}

.form_alert_box .green {
	padding: var(--main-gap-half) var(--main-gap); background: #efffe3; color: green;

}
.form_alert_box .red {
	padding: var(--main-gap-half) var(--main-gap); background: #ffe1e1;  color: #c00; font-weight: 700;
}

.form_alert_box div:first-of-type { padding-top: var(--main-gap); }
.form_alert_box div:last-of-type { margin-bottom: var(--main-gap); padding-bottom: var(--main-gap); }

/*
	=======================================
	FOOTER
	=======================================
*/
#upper_footer { height: calc(150px + var(--main-gap-tripple)); background: #EFFCFC; position: relative;  }

#circle-upper-footer { 
	position: absolute; bottom: -150px; left: 50%;
	margin-left: -150px;
	height: 300px;
}

footer {  background: #12323A; padding: calc(150px + var(--main-gap-tripple)) 0px calc(120px - var(--main-gap)) 0px; }
footer p { color: #fff; font-family: 'Oswald',"Oswald"; margin-bottom: 0px; }
.img_logo_footer { fill: #fff; height: 62px; }
.footer_contact { background: #234C56; padding: var(--main-gap); color: #fff; margin-bottom: var(--main-gap); position: relative; border-radius: 8px; }
.footer_contact h3, .footer_contact p { margin: 0px; }

@media only screen and (min-width: 768px) {
	.fc_text { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); padding-left: 220px; }
}

@media only screen and (max-width: 768px) {
	.footer_contact { text-align: center; }
	.footer_contact img { margin-bottom: var(--main-gap); }
}

/*
	=======================================
	FOOTER
	=======================================
*/
footer .social_icons h3 { color: var(--main-color-01); border-top: 1px solid var(--main-color-01); padding: var(--main-gap) 0px; margin-bottom: 0px; }

.link_icon { text-decoration: none; display: inline-block; margin: 0px 4px 0px 4px; background: var(--main-color-01); padding: 8px; border-radius: 90px; }
.link_icon:hover { background-color: #333;}
.link_icon svg { height: 32px; fill:#B3ECEE; }

.footer_mapa iframe { width: 100%; border-radius: 8px; }

header .social_icons .link_icon svg { height: 22px;}

#under_footer { background: #234c56; padding: 90px 0px calc(90px - var(--main-gap)) 0px; }
#under_footer h4 { color: #43c5cd;  }
#under_footer ul {list-style-type: none; margin-bottom: var(--main-gap);  }
#under_footer ul a { display: block; border-top: 1px solid #12323A; padding: var(--main-gap-half) 0px; color: #7fdde1;  }

/*
	=======================================
	ANIMATION
	=======================================
*/
@-ms-keyframes spin {  from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg);  } }
@-webkit-keyframes spin {  from { -webkit-transform: rotate(0deg);  } to {  -webkit-transform: rotate(360deg); } }
@keyframes spin {  from { transform: rotate(0deg); } to { transform: rotate(360deg); } }