#slider:not(.ready) {background-color: black!important;}

#slider .btn-slider{padding: 20px 46px !important;font-size: 14px !important;color: #fff;text-transform: uppercase;display: inline-block;transition: all 0.3s ease;background: var(--theme-color);color: #ffffff;bottom: calc(50% - 218px) !important;left: 16% !important;top: auto !important;right: auto !important;transform: translateY(50%);border-radius: 0px 0px 10px 0px;}
#slider .btn-slider:hover,
#slider .btn-slider:focus,
#slider .btn-slider:active{color: var(--theme-color);background: white;}
#slider .mouse{position: absolute;bottom: 9%;left: calc(50% - 13px);cursor: pointer;}
#slider .mouse.type1:before{content:'';position: absolute;top: 0;left:  0;cursor: pointer;width: 26px;height: 26px;border: solid 3px #fff;border-top: none;border-right: none;transform: rotate(-45deg);}
#slider .mouse.type1 {width: 26px;height: 26px;-webkit-animation-name: bounce;animation-name: bounce;animation-iteration-count: 1000;animation-timing-function: ease-out;animation-duration: 2s;-webkit-animation-duration: 2s;}
#slider .mouse.type2 { }
#slider .mouse.type2 .box span {width: 20px;height: 20px;display: block;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);margin: -10px;animation: animate 2s infinite;}
#slider .mouse.type2 .box span:nth-child(2) {animation-delay: -0.2s;}
#slider .mouse.type2 .box span:nth-child(3) {animation-delay: -0.4s;}

@keyframes animate { 0% {opacity: 0;} 50% {opacity: 1;transform: rotate(45deg) translate(10px, 10px);} 100% {opacity: 0;} }



@keyframes sliderButon{0%{bottom:25px}100%{bottom:15px}}

.ms-skin-default .ms-timerbar{top:1px;bottom:auto}
.ms-skin-default .ms-time-bar{height:3px;background:#fff;background:rgba(255,255,255,0.6);border-top:none}
.ms-layer{margin:0;padding:0;line-height:100%;letter-spacing:0}

.slider_kalin{font-weight:600!important}

.ms-layer-baslik {line-height: 1.2 !important;box-sizing: border-box;}
.ms-layer-baslik-renk {color: #fff;}
.ms-layer-baslik-punto {font-size: 60px !important;}
.ms-layer-baslik-poz {left: 310px;top: auto;bottom: calc(50% + 0px) !important;text-align: left;max-width: 750px;transform: translateY(50%);}
.ms-layer-baslik:before {content: "";position: absolute;left: 0;top: -20px;width: 30px;height: 2px;background: #ffffff;}
.ms-layer-baslik:after {content: "Comfort Home";position: absolute;left: 40px;top: -29px;font-size: 14px;text-transform: uppercase;line-height: initial;color: #ffffff;}
.ms-layer-ackl {line-height: 1.5 !important;box-sizing: border-box;}
.ms-layer-ackl-renk {color: #fff;}
.ms-layer-ackl-punto {font-size: 16px !important;}
.ms-layer-ackl-poz {width: 100%;text-align: left;max-width: 550px;font-weight: 400;left: 310px;top: auto;bottom: calc(50% - 129px) !important;transform: translateY(50%);}


#slider .positionleftBottom {left: 25px !important;right: auto !important;top: auto !important;bottom: 50px !important;}
#slider .positionleftBottom.ms-nav-next {left: 75px !important;}
#slider .positionrightBottom {right: 75px !important;left: auto !important;top: auto !important;bottom: 50px !important;}
#slider .positionrightBottom.ms-nav-next {right: 25px !important;}

@media (max-width: 992px) {
    .ms-layer-baslik {font-size: 20px !important;line-height: 30px !important;padding: 0 0px !important;bottom: 50% !important;top: auto;text-align: center;color: #fff;left: 50% !important;transform: translateY(50%) translateX(-50%);}
    .ms-layer-ackl   {width: 100%;font-size: 14px !important;line-height: 18px !important;bottom: calc(50% - 50px) !important;left: 50% !important;padding: 0 15px !important;top: auto;text-align: center;color: #fff;transform: translateX(-50%) translateY(50%);}
    .ms-bullets.ms-dir-v{display:none !important;}
    #slider .btn-slider{bottom: calc(50% - 133px) !important;left: 50% !important;transform: translateX(-50%) translateY(50%);padding: 15px 36px !important;}
    #slider .mouse{display:none;}
}
@media (max-width:768px){
    .ms-layer-ackl{font-size: 12px !important;}
    #slider .btn-slider{bottom: calc(50% - 133px) !important;left: 50% !important;transform: translateX(-50%) translateY(50%);padding: 15px 36px !important;}
    .ms-layer-baslik:after{font-size: 10px;vertical-align: middle;top: -18px;}
    .ms-layer-baslik:before{top: -13px;}
    .ms-layer-baslik{width: initial;font-size: 16px !important;width: 100%;max-width: 270px;bottom: calc(50%  + 20px) !important;}
}