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

.smart_button {  
    display: inline-block; padding: var(--main-gap-half) var(--main-gap) var(--main-gap-half) var(--main-gap); 
    background: Green; border-radius: 90px; font-size: 1.6em; font-weight: 600; text-decoration: none; 
    color: #fff;
}  
.smart_button:hover { background: #777; color: #fff; }

header { padding: var(--main-gap);}
header img { height: 74px;}

.tmp_header_cover { 
    padding: var(--main-gap-double) var(--main-gap) var(--main-gap-double) var(--main-gap);  border-radius: 5px;background: #FAFCEA;
    background: -webkit-linear-gradient(0deg,rgba(250, 252, 234, 1) 50%, rgba(240, 249, 255, 1) 100%);
    background: -moz-linear-gradient(0deg,rgba(250, 252, 234, 1) 50%, rgba(240, 249, 255, 1) 100%);
    background: linear-gradient(0deg,rgba(250, 252, 234, 1) 50%, rgba(240, 249, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAFCEA",endColorstr="#F0F9FF",GradientType=0); 
    position: relative;
}

.tmp_header_cover p { background: rgba(255,255,255,0.75); padding: var(--main-gap); border-radius: 12px; }

#svg-trees { position: absolute; right: var(--main-gap-double); bottom: -60px; height: 120px; }
#svg-trees-02 { position: absolute; left: var(--main-gap-double); bottom: -60px; height: 120px; }
#svg-sun { position: absolute; right: var(--main-gap-double); top: var(--main-gap-double); height: 80px; }

.tmp_top_buttons { position: absolute; left: var(--main-gap-double); top: var(--main-gap-double); }

@media only screen and (min-width: 760px) { 
    .tmp_header_cover { padding: 120px 0px 120px 0px; }
}

#o-zavodu { padding: 120px 0px 120px 0px; }
.ctas_cover a {  margin: 0px var(--main-gap-half) var(--main-gap) 0px; }

@media only screen and (max-width: 760px) {  #o-zavodu { padding: 30px 0px 30px 0px; } }

#trasa {
    background: #F9FCE9;
    background: -webkit-linear-gradient(180deg, rgba(249, 252, 233, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(249, 252, 233, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(249, 252, 233, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9FCE9", endColorstr="#FFFFFF", GradientType=0);
    padding: 120px 0px 120px 0px; 
}

#napsali-o-nas {
    background: #EFF7CA;
    background: -webkit-linear-gradient(180deg, rgba(239, 247, 202, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(239, 247, 202, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(239, 247, 202, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EFF7CA", endColorstr="#FFFFFF", GradientType=0);
    padding: 120px 0px 90px  0px;
}

.napsali_o_nas_cover a{ 
    display: block; font-size: 1.8em; padding: var(--main-gap); margin-bottom: var(--main-gap); border-radius: 10px;line-height: 1.6em;background: #fff;
    -webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.08);
}

@media only screen and (max-width: 960px) {  .napsali_o_nas_cover a{  padding: var(--main-gap-half) ; } }
@media only screen and (min-width: 960px) {  .napsali_o_nas_cover a:hover{ color: #78631b; background: #fafcea; } }

.napsali_o_nas_cover a strong { display: block;}

#partneri { padding: var(--main-gap); }
.tmp_partneri_cover { padding: 120px var(--main-gap) 120px var(--main-gap); background: #fafcea; border-radius: 5px; }
.item_partner { box-sizing: border-box; width: 25%;  margin-bottom: var(--main-gap); }
.item_partner_small{ width: 160px; display: inline-block; margin-bottom: var(--main-gap);  }

.partner_inner {
    border-radius: 10px; padding: var(--main-gap-half);
    -webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.08);
    background: #fff;
}

.item_partner_small img, .partner_inner img { width: 100%; }
@media only screen and (max-width: 960px) { .item_partner { width: 33.333%; } }
@media only screen and (max-width: 760px) { .item_partner { width: 50%; } }
@media only screen and (max-width: 460px) { .item_partner { width: 100%; } }

footer { padding: 120px 0px 120px 0px; }

.link_icon { text-decoration: none; display: inline-block; margin: 0px 4px 0px 4px; background: #D7DF23; padding: 12px; border-radius: 90px; }
.link_icon:hover { background-color: #333;}
.link_icon svg { height: 24px; fill:#fff; }

.tmp_top_buttons .link_icon { background: #fff; }
.tmp_top_buttons .link_icon:hover { background-color: #333;}
.tmp_top_buttons .link_icon svg { fill: #ccc;}

.social { position: relative;  height: 600px; overflow: hidden; }
.social_icons { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.social img {  width: 100%; height: 100%; object-fit: cover; }