.loader {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: absolute;
    top:50%;
    left:50%;
    border: 3px solid;
    border-color:#de3500 #0000 #fff #0000;
    border-radius: 50%;
    box-sizing: border-box;
    animation: 1s rotate linear infinite;
}
.loader:before , .loader:after{
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color:#fff;
    transform: translate(-10px, 19px) rotate(-35deg);
}
.loader:after {
    border-color: #de3500 #0000 #0000 #0000 ;
    transform: translate(32px, 3px) rotate(-35deg);
}
@keyframes rotate {
    100%{
        transform: rotate(360deg)
    }
}


div.floating-cart{
    position:absolute;
    width:276px;
    height:36px;
    background:#fff;
    z-index:200;
    overflow:hidden;
    box-shadow:0px 5px 31px -1px rgba(0, 0, 0, 0.15);
    display:none;
}

div.floating-cart.moveToCart{
    /*left: 35px !important;
    top: calc(100% - 135px) !important;*/
    left: 80vw !important;
    top: calc(18vh + 56px) !important;
    width: 47px;
    height: 47px;
    border-radius: 20px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}
body.MakeFloatingCart div.floating-cart.moveToCart{
    /*left: 35px !important;
    top: calc(100% - 35px) !important;*/
    left: 90vw !important;
    top: calc(12vh + 56px) !important;
    width: 21px;
    height: 22px;
    box-shadow:0px 5px 31px -1px rgba(0, 0, 0, 0);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.floating-cart-remove{
    position:absolute;
    width: 21px;
    height: 22px;
    background:#fff;
    border-radius: 20px;
    z-index:200;
    opacity: 1;
    overflow:hidden;
    box-shadow:0px 5px 31px -1px rgba(0, 0, 0, 1);
    display:none;
}

div.floating-cart-remove.removeToCart{
    /*left: 35px !important;
    top: calc(100% - 135px) !important;*/
    left: 40vw !important;
    top: 30vh !important;
    width: 47px;
    height: 36px;
    border-radius: 20px;
    opacity: 0.5;
    box-shadow:0px 5px 31px -1px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
body.MakeFloatingCart div.floating-cart-remove.removeToCart{
    /*left: calc(100% - 92vw) !important;
    top: calc(80% - 1px) !important;*/
    left: 8vw !important;
    top: 50vh !important;
    width: 82vw;
    height: 36px;
    border-radius: 3px;
    opacity: 0;
    box-shadow:0px 5px 31px -1px rgba(0, 0, 0, 0);
    -webkit-transition: all 600ms ease-in;
    -moz-transition: all 600ms ease-in;
    -ms-transition: all 600ms ease-in;
    -o-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
}