/*Popup Loader*/
/*.loading360{display:block;background:#FFF; height:auto; position:fixed; z-index:9999; color:#333;padding:9px 10px 10px 9px; width:auto; overflow:hidden; margin:auto; top:50%; left:50%; border-radius:5px; text-align:center;-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0 0 20px 0px var(--rg1);}
.loading360 .reddot-holder{position:absolute; width:65px; height:65px; left:2px; top:2px; animation:reddot 3s linear infinite;}
.loading360 .reddot{width:5px; height:5px; background:#fd0000; border-radius:50%; display:inline-block; position:absolute; top:0;}
.loading360 .logo360{width:50px; height:50px; background-color:#fd0000; border-radius:50%;font-size:30px;font-family:'Arial';font-style:normal;line-height:50px;color:#fff;text-align:center;display:inline-block;}
@-webkit-keyframes reddot{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes reddot{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}*/

/* The Modal*/
.__arModal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top:100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.__arModalOpen .__arModal{display:flex;justify-content: center;}

/*All popup size set here*/
.__arModalContent{position:relative;background-color:var(--mbg);margin:auto;padding:0;
    border: 1px solid #888;width:auto;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);    
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s
    -webkit-animation-name: animatetop;
    animation-name: animatetop;
}
/*.__arModalOpen .__arModalContent{transform:scale(1);opacity:1}*/

@-webkit-keyframes animatetop {
    from {transform:scale(0);opacity:0} 
    to {transform:scale(1);opacity:1}
}
@keyframes animatetop {
    from {transform:scale(0);opacity:0} 
    to {transform:scale(1);opacity:1}
}

/* The Close Button */
.__arModalClose{width:36px;height:36px;padding:0;border-radius:50%;position:absolute;right:5px;top:5px;text-align:center;z-index:999;background:#515170;display:none;}
.__arModalClose:before,
.__arModalClose:after{content:'';width:22px;height:4px;background-color:#d3d3dd;border-radius:50%;transform:rotate(45deg);position:absolute;left:7px;top:17px;}
.__arModalClose:after{transform:rotate(-45deg);}
.__arModalClose:hover,
.__arModalClose:focus {color:var(--color);text-decoration:none;cursor:pointer;}
.__arModalBody{padding:0;}
.__arModalBtn{cursor:pointer;}

/* Remove Body Scroll when Model Open*/
.__arModalOpen{overflow:hidden;}

/* Modal Content */
.__arModalBody sup{color:var(--rcolor);vertical-align:text-top;}

@media screen and (min-width: 1025px){
    /* The Close Button */
    .__arModalClose{background-color:var(--bdr2);}
    .__arModalClose:before,
    .__arModalClose:after{border:1px solid #000;}
    .__arModalClose:hover{transition:all .3s ease;transform:rotate(360deg);}
}

@media (max-width:1024px){
    /* The Modal*/
    .__arModal{width:100%;height:100%;max-height:unset;overflow:auto;border-radius:0;padding-top:0;z-index:9999;}
    
    /* Modal Content */
    .__arModalContent{width:100%;height:100vh;border:none;-webkit-animation-duration: 0.1s;animation-duration: 0.1s;}
    .__arModalBody{height:100vh;overflow:hidden;overflow-y:scroll;}
}
/*End Modal Core CSS*/