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

#slider .btn-slider{padding: 16px 30px;background: transparent;font-size: 16px;color: #fff;text-transform: uppercase;display: inline-block;transition: all 0.3s ease;left: 50% !important;transform: translateX(-50%);bottom: 30% !important;top: auto !important;right: auto !important;font-weight: 500;border: 2px solid white;color: white;}
#slider .btn-slider:hover,
#slider .btn-slider:focus,
#slider .btn-slider:active{color: #fff;background: #1d1d1b;border-color: #1d1d1b;}
#slider .mouse{position: absolute;bottom: 4%;left: calc(50% - 13px);cursor: pointer;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: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);}
@keyframes sliderButon{0%{bottom:50px}100%{bottom:15px}}


.ms-anim-layers {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: left !important;width: 100vw;max-width: 1300px;}
.ms-layer-baslik {width: 100%;max-width: 800px;color: white !important;white-space: pre-wrap !important;position: relative !important;left: auto !important;right: auto !important;top: auto !important;bottom: auto !important;line-height: 1.2 !important;font-weight: 700 !important;font-size: 37px !important;letter-spacing: 2px !important;text-transform: initial !important;margin: 0 auto 10px auto !important;text-align: center !important;}
.ms-layer-ackl {left: auto !important;width: 100% !important;white-space: pre-wrap !important;bottom: auto !important;top: auto !important;color: white !important;position: relative !important;right: auto !important;transition: all .5s ease;text-transform: initial !important;line-height: 1.2 !important;letter-spacing: 0 !important;font-weight: 400 !important;font-size: 17px !important;max-width: 600px;margin: 0 auto !important;text-align: center !important;}
.ms-btn.btn-slider {text-decoration: none;display: block;width: 160px;cursor: pointer;position: static !important;white-space: nowrap;top: auto !important;margin: 30px auto 0 auto !important;border-radius: 5px;padding: 17px 0 !important;background: transparent !important;color: white !important;transition: all .3s ease !important;font-size: 16px !important;border: 2px solid white;text-align: center !important;}
.ms-btn:hover {background: white !important;color: #000 !important;}

.ms-slide-bgcont:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;/* background: black; *//* opacity: .4; */z-index: 1;}
#slider .mouse{position: absolute;bottom: 4%;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 {width: 26px;height: 40px;border: 2px solid white;border-radius: 13px;}
#slider .mouse.type2:before {-webkit-animation-name: sliderButon;animation-name: sliderButon;animation-iteration-count: 1000;animation-timing-function: ease-out;animation-duration: 1s;-webkit-animation-duration: 1s;cursor: pointer;content:  '';position: absolute;left: calc(50% - 2px);width: 4px;height: 7px;background: white;border-radius: 50%;}
@keyframes sliderButon{0%{bottom:25px}100%{bottom:15px}}


@media (max-width: 1400px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

}