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

/* smart button */
.smart_button { 
    font-weight: 700; text-transform: uppercase; position: relative;
    font-family: 'Quicksand', "Quicksand";
    display: inline-block; padding: 24px 40px; border-radius: 120px; text-decoration: none;
    font-size: 1.5em; line-height: 1.5em;
}

.sb_image { padding-right: 58px; }
.sb_image img {  height: 14px; position: absolute; right:  24px; top: 50%; transform: translateY(-50%); }

.sb_green { background: #00A499; color: #fff; }
.sb_yellow { background: #F0E37E; }

.sb_green:hover { color: #fff; background: #008C91; }
.sb_yellow:hover { background: #FCEE7E; }

.smart_button_inv {    
    font-weight: 700; text-transform: uppercase; line-height: 1.5em;
    font-family: 'Quicksand', "Quicksand";
    display: inline-block; padding: 22px 38px; border-radius: 120px; text-decoration: none;
    font-size: 1.5em; border: 2px solid #00A499; color: #00A499; background: #fff;
}

.smart_button_inv:hover { color: #fff; background: #00A499; }
.ctas_cover a { margin: 0px var(--main-gap) var(--main-gap) 0px; }
.tmp_zajimat_ctas a { margin: 0px var(--main-gap-half) var(--main-gap-half) 0px; }

/* HEADER SECTION */
.header_icon_left {
    position: absolute; z-index: 1001;
    top: 50%; right: var(--main-gap); transform: translateY(-50%);
}

/* HERO SECTION */
#tmp_hero {
    min-height: 100vh; 
    padding-top: calc(var(--logo-height-base) + var(--main-gap-double));  position: relative; 
    background-size:  cover;
    overflow: hidden;
}

.tmp_hero_homepage_cover { padding: 200px 0px 200px 0px; overflow: hidden; }

@media only screen and (max-width: 960px) {
    .tmp_hero_homepage_cover { padding: 60px 0px 90px 0px ;}
}

.tmp_hero_subpage_cover { padding: 50px 0px 100px 0px; overflow: hidden; }
.tmp_hero_subpage_cover h1 { font-size: 4.4em;  }


@media only screen and (max-width: 960px) {
    .tmp_hero_subpage_cover { padding: 60px 0px 90px 0px ;}
    .tmp_hero_subpage_cover h1 { font-size: 3em; }
}

.heading_over_line  { display: block; font-size: 22px;  margin-bottom: var(--main-gap-double); font-weight: 600; line-height: 1em;  }
.hero-homepage {  background: url('../img/bg-hero.jpg') center center no-repeat #FCF9F4; background-size: cover; background-attachment: fixed; }

.tmp_hero_bubble_inner { padding: 30px 30px 18px 30px;  background: #FFF6C7;  border: 2px solid #F0E37E;  border-radius: 20px; }
.tmp_hero_bubble_inner h2 { font-size: 2.4em; margin-bottom: var(--main-gap-half); font-weight: 700;  }
.tmp_hero_bubble_inner p { margin-bottom:  var(--main-gap-half); }

#dino_hero_homepage { position: absolute; bottom: 0px; right: 10%; width: 25%; z-index: 2; }
.tmp_hero_ctas { margin-bottom: var(--main-gap-double);}

.heading_overline_datum { text-transform: uppercase; color: #E08F8F; }

#tmp_hero_subpage { padding-top: calc(90px + 48px);  position: relative;  background-size:  cover; overflow: hidden; }
.hero-subpage {  background: url('../img/bg-hero-page.png') center center no-repeat #FCF9F4; background-size: cover; background-attachment: fixed; } 

/* CONTENT */
.tmp_devide { overflow: hidden; text-align: center; }
.tmp_devide img { width: 120%; }

#tmp-devide-00 { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 5; }
#tmp-devide-01 { background: #f1f9f9; }
#tmp-devide-02 { background: #f1f9f9; }
#tmp-devide-03 { background: #D5EDED; }
#tmp-devide-06 { background: #FCF9F4; }
#tmp-devide-09 { background: #E4F2F2; }
#tmp-devide-10 { background: #008C91; }

#aktuality { background: #FFEFD3; padding: 200px 0px 200px 0px; overflow: hidden; }

.new_item_hp { padding: 40px; background: #fff; border-radius: 20px; margin-bottom: var(--main-gap); }
.new_item_hp h4 a{ text-decoration: none; }
.new_item_hp h4, .new_item_hp p { margin-bottom: 20px;}
.new_date { color: #E08F8F; font-size: 16px !important; text-transform: uppercase; margin-bottom: 20px;  font-weight: 700;   }
.new_more a { color: #00A499; font-size: 16px !important; text-transform: uppercase;  font-weight: 700; }

.new_list_item { border-bottom: 1px solid #ccc; margin-bottom: var(--main-gap); padding-bottom: var(--main-gap-half); position: relative; }
.new_list_item:last-of-type { margin-bottom: 0px; border: none;} 
.new_list_item a { text-decoration: none;}

#aktualita_detail { padding-bottom: 200px;}

.aktualita_detail_text p,
.aktualita_detail_text ul, 
.aktualita_detail_text ol { font-size: 2.2em;  }

.new_back { padding-top: 48px; margin-bottom: 48px;; }

/* ORDINACNI DOBA  */
#ordinacni-doba { background: #f1f9f9; padding: 100px 0px 100px 0px; }
.ordinacni-doba-button { padding: calc(100px - var(--main-gap)) 0px 100px 0px;}
.open_time_cover { padding: 60px var(--main-gap-half) 0px var(--main-gap-half);}
.open_time_cell { width: 20%; box-sizing: border-box; padding: 0px var(--main-gap-half) 0px var(--main-gap-half); float: left;  margin-bottom: var(--main-gap); } 

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

.open_time_cell_inner { border: 1px solid #57BCB5;  border-radius: 20px; position: relative; padding: var(--main-gap) 0px var(--main-gap) 0px; }
.open_time_cell_inner img { height: 120px; } 

@media only screen and (min-width: 960px) {
    .open_time_cell_inner { padding: calc(60px + var(--main-gap)) 0px var(--main-gap) 0px; }
    .open_time_cell_inner img  { position: absolute; left: 50%; top: -60px; transform: translateX(-50%); }
}
@media only screen and (max-width: 960px) {
    .open_time_cell_inner img  { margin-bottom: var(--main-gap); }
}

.ordinacni_active { background: #E4F2F2; }
.ordinacni_unactive { background: #fff; }
.ordinacni_unactive img { display: none;}

.ot_medic { color: #57BCB5; }
.open_time_cell_inner a { color: #aaa; }

/* OBJEDNANI */
#objednani { background: #D5EDED; padding: 100px 0px calc(100px + var(--main-gap)) 0px; }
#objednani h2 { margin-bottom: 100px; }

.medevio_heading { margin-bottom: 32px;}

.medevio_list_big { list-style-type: none;}
.medevio_list_big li { display: block; padding: var(--main-gap) 0px var(--main-gap) 64px; border-bottom: 1px solid #ccc; position: relative;}
.medevio_list_big li a { display: block; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; text-decoration: none;  }
.medevio_list_big li:last-of-type { border: none; }
.medevio_list_big li .medevio_list_icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 5; }
.medevio_list_arrow{ position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 5; }
.tmp_medevio_ctas { padding-top: var(--main-gap); }

/* DOKTORI */
#doktori { background: #57BCB5; padding-top: 160px;  }
#doktori h2, .color_white { color: #fff; }

.doktori_cislo { font-size: 3.2em; font-family: 'Quicksand', "Quicksand";  }
.doktori_cislo a {text-decoration: none; }

#doktori-cover  { padding: 200px 0px calc(200px - var(--main-gap)) 0px;}

.width_doktor { width: 20%; box-sizing: border-box; margin-bottom: var(--main-gap); }

@media only screen and (max-width: 1440px) { .width_doktor { width: 50%; } }
@media only screen and (max-width: 900px) { .width_doktor { width: 100%; } }

.item_doktor { background: #CCE7E2; border-radius: 20px; }
.item_doktor img { max-width: 100%; height: 220px; margin-bottom: var(--main-gap);  }
.item_doktor {  padding: var(--main-gap-double) var(--main-gap) 0px  var(--main-gap);  }
.item_doktor h3 { margin: 0px; }

@media only screen and (max-width: 1440px) {
    .item_doktor img { height: 160px; }
}

/* KONTAKT */
#kontakt { padding: 160px 0px calc(160px - var(--main-gap)) 0px; }
.kontakt_item { margin-bottom: var(--main-gap);}
.kontakt_item_inner { border: 1px solid #ccc; border-radius: 20px; padding: var(--main-gap) 0px 0px 0px;  }
.kontakt_item_inner a { text-decoration: none; }
.kontakt_item_inner img { height: 160px;  margin-bottom: var(--main-gap); }
.kontakt_item_inner p {  font-size: 2.4em; color: #57BCB5;  font-family: 'Quicksand', "Quicksand"; font-weight: 700;  }

@media only screen and (max-width: 1200px) {
    .kontakt_item_inner p {  font-size: 1.8em; }
}

.kontakt_item_01 .kontakt_item_inner { border: 3px solid #CCE7E2; }
.kontakt_item_02 .kontakt_item_inner { border: 3px solid #F0E37E; }
.kontakt_item_03 .kontakt_item_inner { border: 3px solid #CBC2D3; }

/* U NAS */
#jak-to-u-nas-vypada { background: #FCF9F4; padding: 100px 0px calc(100px - var(--main-gap)) 0px; }

/* CENIK */
#cenik { background: #FFE5D3; padding: 100px 0px 100px 0px; }

.item_pricelist { background: #fff; padding: var(--main-gap); margin-bottom: var(--main-gap); border-radius: 20px;  }
@media only screen and (min-width: 1440px) { .item_pricelist { padding: var(--main-gap-double); } }

#pojistovny { padding: 200px 0px calc(200px - var(--main-gap)) 0px; }

.pricelist_line { border-bottom: 1px solid #ccc; padding: var(--main-gap) 90px var(--main-gap) 0px; font-size: 18px;  position: relative; }
.pricelist_price { position: absolute; top: var(--main-gap); right: 0px; }
.pricelist_line_dummy { border-bottom: 1px solid #fff; padding: var(--main-gap) 0px var(--main-gap) 0px; font-size: 18px; }
.big_claim p { font-size: 2.4em; }

.cenik_check_text p {  display: inline-block; font-size: 2.4em; font-family: 'Quicksand', "Quicksand";  }
.cenik_check_text p img { margin-right: 24px; }

.tmp_bublina {  border-radius: 40px; text-align: center; padding: 60px var(--main-gap-double) calc(60px - var(--main-gap)) var(--main-gap-double);  margin-bottom: var(--main-gap); }
.tmp_bublina h3 { font-weight: 600; }

@media only screen and (max-width: 960px) {
    .tmp_bublina { border-radius: 20px; }
}

#ortopedie { padding: 100px 0px 160px 0px;}
#ortopedie-bublina { background: #FFF4C4; }

#rehabilitace { padding: 100px 0px 160px 0px;}
#rehabilitace-bublina { background: #E4F2F2; }

/* POJISTOVNY */
.tmp_logo_pojistovny img { 
    margin: 0px var(--main-gap-half) var(--main-gap) var(--main-gap-half);
}

#faq { padding: 100px 0px 200px 0px;}

/* UPPER FOOTER */
#upper-footer { background: #E4F2F2; padding: 100px 0px 160px 0px; }
#upper-footer h4 { margin-bottom: 60px; }

/* FOOTER */
footer { padding: 100px 0px calc(100px - var(--main-gap)) 0px; background: #008C91; color: #E4F2F2 }
footer img { max-width: 75%; margin-bottom: var(--main-gap-double);  }
footer h2 { margin-bottom: 4px; }

#copyright { padding: var(--main-gap-double) 0px var(--main-gap-double) 0px; background: #01626C; }
#copyright p { margin: 0px; } 
#copyright p, #copyright p a{  color: #CCE7E2;  }

iframe { width: 100%; height: 640px; }

.color_accent { color: #57BCB5; text-decoration: none; }