.animefrom {
    visibility: hidden;
}
.animefrom.animated {
    visibility: visible;
}

.b-preloader .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.b-preloader {
    position: fixed; 
    z-index: 9999;
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
background: #000000;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.b-preloader.show {
    right: 0%;
}

.b-preloader.hide {
    left: 100%;
    visibility: hidden;
}

.b-preloader-items {
    position: relative;
    width: 100%;
    height: 96px;
    color: #333;
    font-size: 96px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}


@media (max-width: 1199px){
.b-preloader-items {
    font-size: 75px;
}
}

@media (max-width: 991px){
.b-preloader-items {
    font-size: 55px;
}
}
@media (max-width: 767px){
.b-preloader-items {
    font-size: 43px;
}
}
@media (max-width: 575px){
.b-preloader-items {
    font-size: 22px;
}
}
.b-preloader-item.show {
    visibility: visible;
}
.b-preloader-item {
	visibility: hidden;
	z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   
    -webkit-transition: -webkit-transform 3.2s linear;
    transition: -webkit-transform 3.2s linear;
    -o-transition: transform 3.2s linear;
    transition: transform 3.2s linear;
    transition: transform 3.2s linear, -webkit-transform 3.2s linear;
}

.b-preloader-item.zoom-out {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}






.b-menu, .b-order, .b-thanks, .b-video {
    position: fixed;
    z-index: 9991;
    left: 100%;
    right: 0%;
    top: 0;
    bottom: 99%;
    color: #aaa;
    overflow: hidden;
    background: #fff;
    -webkit-transition: left 0.9s ease-in-out 0.9s, bottom 0.9s ease-in-out, background 0.9s ease-in-out 0.9s;
    -o-transition: left 0.9s ease-in-out 0.9s, bottom 0.9s ease-in-out, background 0.9s ease-in-out 0.9s;
    transition: left 0.9s ease-in-out 0.9s, bottom 0.9s ease-in-out, background 0.9s ease-in-out 0.9s;
}

.b-menu.show, .show.b-order, .show.b-thanks, .show.b-video {
    left: 0%;
    bottom: 0%;
    background: rgba(17, 17, 17, 0.99);
    -webkit-transition: left 0.9s ease-in-out, bottom 0.9s ease-in-out 0.9s, background 0.9s ease-in-out;
    -o-transition: left 0.9s ease-in-out, bottom 0.9s ease-in-out 0.9s, background 0.9s ease-in-out;
    transition: left 0.9s ease-in-out, bottom 0.9s ease-in-out 0.9s, background 0.9s ease-in-out;
}