/* HELP PLG CLASSES */
.playground { padding: 0px var(--main-gap) 0px var(--main-gap); }
.playground_half { padding: 0px var(--main-gap-half) 0px var(--main-gap-half); }
.playground_double { padding: 0px var(--main-gap-double) 0px var(--main-gap-double); }

.tmp_content { padding: var(--section-gap-top) 0px var(--section-gap-bottom) 0px;}
.tmp_content_bottom { padding: 0px 0px var(--section-gap-bottom) 0px;}
.tmp_content_upper { padding: var(--section-gap-top) 0px 0px 0px;}

.tmp_content ul { padding-left: 25px; margin-bottom: var(--main-gap); }

.tmp_label { margin-bottom: var(--main-gap-double); }

.tmp_label span { 
    display: inline-block; text-transform: uppercase; font-size: 1.4em; font-weight: 700; padding: 8px var(--main-gap); background: var(--main-color-02); 
    color: var(--main-color-03);
    border-radius: 90px;
}

.tmp_label_orange span { background: var(--main-color-01); color: #fff; }
.tmp_label_top span { border-radius: 6px; }

.effect_shadow_01 { -webkit-box-shadow: 0px 40px 30px -20px rgba(0,0,0,0.1);  box-shadow: 0px 40px 30px -20px rgba(0,0,0,0.1); background: #fff; }

header {  height: var(--logo-height); padding: var(--main-gap) 0px var(--main-gap) 0px; position: fixed; top: 0px; left: 0px;  width: 100%; z-index: 900;  border-bottom: 1px solid var(--dark-alpha-border); transition: all 0.3s ease; }
header img {  height: var(--logo-height); transition: all 0.3s ease; }

@media only screen and (max-width: 768px) {  header, header img {  height: 32px; } }

header.nav_scroll {  background: rgba(255, 255, 255, 0.5); padding: var(--main-gap) 0px var(--main-gap) 0px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px);  }
header.nav_scroll, header.nav_scroll img { height: 32px; }

/* BUTTONS */
.tmp_button { display: inline-block;  padding: 8px 24px 8px 24px; border-radius: 10px; font-size: 1.6em; text-decoration: none; }
.tmp_button_color_01 { background: #000; color: #fff; }
.tmp_button_color_03 { background: var(--main-color-01); color: #fff; }
.tmp_button:hover { background: #252525; }

/* HERO */
#hero { 
    padding-top: 100px;
    background: #FFDC74;
    background: -webkit-linear-gradient(180deg, rgba(255, 220, 116, 1) 50%, rgba(251, 209, 1, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 220, 116, 1) 50%, rgba(251, 209, 1, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 220, 116, 1) 50%, rgba(251, 209, 1, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFDC74", endColorstr="#FBD101", GradientType=0);
}

#hero-inner { padding: var(--section-gap-top) 0px var(--section-gap-bottom) 0px; }
#hero-inner p { font-size: 2.4em; }

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

.hero_btn {  display: inline-block; text-decoration: none; font-size: 1.6em; font-weight: 700; padding: var(--main-gap) var(--main-gap-double) var(--main-gap) var(--main-gap-double); border-radius: 10px; box-sizing: border-box; }

@media only screen and (max-width: 960px) {
    .hero_btn {  width: 100%; text-align: center;  margin-bottom: var(--main-gap); }
}

@media only screen and (min-width: 960px) {
    .hero_btn_whi { margin-left: var(--main-gap-half); } 
}

.hero_btn_blk { background: #000; color: #fff;  }
.hero_btn_blk:hover { background: #3C3C3C; }

.hero_btn_whi, .hero_btn_whi_02 { background: #fff; color: #000; }
.hero_btn_whi:hover, .hero_btn_whi_02:hover { background: #F5F5F5; }

#hero-inner-under { padding-top: var(--section-gap-top); }

.tmp_loga_box { border-top: solid 1px var(--dark-alpha-border); padding-top: 60px;  }
.tmp_loga_box_inner { position: relative; } 

.tmp_loga_tape img { opacity: 0.5;  }
.tmp_loga_nadpis { font-size: 2.2em; font-family: 'Montserrat', "Montserrat"; font-weight: 800; }

@media only screen and (min-width: 960px) {
    .tmp_loga_tape { float: right; }
    .tmp_loga_nadpis {  position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
    .tmp_loga_tape img { margin-left: var(--main-gap-double); }
}

@media only screen and (max-width: 960px) {
    .tmp_loga_nadpis,
    .tmp_loga_tape span { display: block; margin-bottom: var(--main-gap); text-align: center;}
}

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

/* UNDER */ 
#under { background: url('../img/bg-under.gif') top center repeat-x var(--main-color-03); padding-top: 32px; }
#under h2 { color: #fff; }

.under_numbers { color: #fff; border-bottom: solid 1px #525257; padding-bottom: var(--section-gap-bottom);  }
.number_item { position: relative; padding-left: calc(50px + var(--main-gap)); padding-right: var(--main-gap-double); }
.number_item img { position: absolute; left: 0px; top: 0px;  }
.under_text_white p { color: #fff; }

/* BOXES */ 
.main_box_item { background: #fff; padding: var(--main-gap); border-radius: 24px; margin-bottom: var(--main-gap); border: 1px solid #ccc; }
.item_icon_cover { background: #FFFAF2; padding: var(--main-gap-half); margin-bottom: var(--main-gap); }
.item_box_var_2 p { color: var(--main-color-01);}

/* AUTA */
#auta {
    border-bottom: 16px solid var(--main-color-02);
    background: #FFFFFF;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 195, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 195, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 195, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FEF2C3", GradientType=0);
}

.item_car_foto { margin-bottom: var(--main-gap-double); }
.item_car_foto img,
.item_car_rozmery img { max-width: 100%; }

/* IKONA PLUS */
.icon_plus { position: absolute; right: 0px; top: 0px; display: inline-block; }
.icon_plus svg { height: 16px; fill: #fff; transition: transform 0.5s ease; }  

/* CASTE DOTAZY */
#faq { background: url('../img/bg-faq.png') center top no-repeat var(--main-color-02); padding: 400px 0px 100px 0px; }

.faq_cover { padding: 60px; background: var(--main-color-03); border-radius: 24px; color: #fff }
.faq_cover h2 { color: #F15A29;}

.faq_full_hide { display: none; }

.tmp_bubble { margin-bottom: 32px; border-bottom: 1px solid #666; }
.tmp_bubble:last-of-type { margin-bottom: 0px; }

.tmp_bubble_heading {  position: relative; margin-bottom: 32px;  }
.tmp_bubble_heading_inner { position: relative; }
.tmp_bubble_heading h3 { margin-bottom: 0px; padding-right: 66px; }
.tmp_bubble_text { padding: 0px 0px 32px 0px; }
.tmp_bubble_text p:last-of-type { margin-bottom: 0px; }

@media only screen and (min-width: 960px) { .tmp_bubble_text p { font-size: 1.8em; } }
.tmp_bubble_acitve svg { transform: rotate(180deg); }

#faq_contact { background: var(--main-color-02); } 

#faq_contact p.contact_big { font-size: 44px; font-weight: 900; }

@media only screen and (max-width: 960px) { #faq_contact p.contact_big { font-size: 20px; } }
    
#faq_contact p a { text-decoration: none; }

/* HELPERs */
a.link_in_blok { position: absolute; left: 0px; top: 0px; display: block; height: 100%; width: 100%; z-index: 300;  }

/* KONTAKT */

/* FOOTER */
.upper_footer_border { width: 100%; height: 16px; background: var(--main-color-01); }
.upper_footer_border_inner { width: 50%; height: 16px; background: var(--main-color-02); }

#upper_footer {background: var(--main-color-03); color: #fff; }

footer { background: #262628; padding: 100px 0px 100px 0px; color: #929293; }

.tmp_footer_logo_cover { position: relative; margin-bottom: var(--main-gap); }
.tmp_footer_logo_cover p { margin: 0px; }
.tmp_footer_logo_cover svg { width: 70px; fill:#929293; }

@media only screen and (min-width: 960px) { 
    .tmp_footer_logo_cover { padding-left: calc(var(--main-gap) + 70px);}
    .tmp_footer_logo_cover svg { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
}

@media only screen and (max-width: 960px) { 
    footer { text-align: center; } 
    .tmp_footer_logo_cover svg { margin-bottom: var(--main-gap); }
}