.cps-dropmenu-outer-container{
   width:100vw;
   min-height:100vh;

   z-index:-1;
   position:fixed;
   
 }

 .cps-dropmenu-outer-container-visible{
   width:100vw;
   min-height:100vh;
   z-index:2000;
   position:fixed;
 
 }


 
 .cps-dropmenu-outer-container-item{
   width:100%;
   min-height:100%;
   position:absolute;
   display:block;
   
   opacity:0;
   transition:1s;
   background-color:#00263e;

 }

 .cps-dropmenu-outer-container-item-element{
   color:#fff;
   text-align:center;
   width:40%;
   max-width:600px;
   min-width:300px;
 }

 .cps-dropmenu-outer-container-item-bg-mandala{
   position:absolute;
   opacity:0.06;
   bottom:-300px;
   right:-100px;
   z-index:0;
   
 }

 .cps-dropmenu-outer-container-close{
   font-size:3em;
   position:absolute;
   top:115px;
   right:45px;
   color:#fff;
   cursor:pointer;
   z-index:100;
 }

 .cps-dropmenu-outer-container-item-bg-mandala img{
   animation: cps-home-mandala-rotate 240s linear infinite; 
 }

 .cps-dropmenu-outer-container-item-bg-mandala-mini{
   animation: cps-home-mandala-rotate-mini 280s linear infinite; 
   height:450px !important;
   width:450px !important;
 }

 .cps-dropmenu-outer-container-item-bg-mandala-mini{
   position:absolute;
   opacity:0.05;
   top:calc(50% - 250px);
   z-index:0;
   left:-100px;
  
 }

 .cps-dropmenu-outer-container-item-element-head{
   font-size:4.5em;
   line-height:1;
   margin-bottom:30px;
 }

 .cps-dropmenu-outer-container-item-element-content{
   font-size:1.41em;
   line-height:1.35;
   min-height:200px;
 }


 .cps-dropmenu-outer-container-item-element-link{
   margin-top:35px;
 }

 .cps-dropmenu-outer-container-item-element-link a:hover{
    color:#ccc !important;

 }

 .cps-dropmenu-outer-container-item-inner{
   width:100%;
   height:calc(100vh - 100px);
   display:flex;
   justify-content:space-around;
   align-items:center;
   overflow-y: auto;;
   flex-wrap:wrap;
   margin-top:100px;
 }

 .cps-dropmenu-outer-container-item-visible{
  
   opacity:1;
   z-index: 1000;
 }

 @keyframes cps-home-mandala-rotate-mini {
   from {
       transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}

 @keyframes cps-home-mandala-rotate {
   from {
       transform: rotate(0deg);
   }
   to {
       transform: rotate(-360deg);
   }
}
 
 @media (max-width:767px) {

   .cps-dropmenu-outer-container{
      
   }   
   
 }