/* slider */
.slider_body { position: relative; padding-bottom: 80px; padding-top: 90px; }

#slider_frame { 
    position: relative;
    height: 320px;
    overflow: hidden;
}



#slider_tape { width: 9900px; position: absolute; top: 0px; left: 0px; transition: left 0.3s linear;   }


.slider_control { list-style-type: none; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
.slider_control li, .slider_control li a { text-decoration: none; display: inline-block; } 
.slider_control li a { background: #ccc; height: 20px; width: 20px; border-radius: 15px; margin: 0px 3px 0px 3px; }
.slider_control li a.slide-active { background: var(--green1); }
.slider_control li a:hover { background-color: #393d42; }

.slider-slide a { display: inline-block; background: var(--antracid); padding: 10px 30px 10px 30px; border-radius: 3px; text-decoration: none; color: #fff; }
.slider-slide a:hover { background-color: var(--green1); }

#sarka-slider {  width: 40%; position: absolute; bottom: 0px; right: 0px; }
#sarka-under {  width: 40%; position: absolute; bottom: -90px; left: 0%; }
#sarka-page {  width: 40%; position: absolute; bottom: -30px; right: 0%; }