/* Visit http://www.menucool.com/responsive-slider for instructions */


#ninja-slider                                           {width:100%;min-height:100vh;background:#ffffff;padding: 0!important;margin:0 auto;overflow:hidden;box-sizing:border-box;}
#ninja-slider2                                          {display:none;}

#ninja-slider .slider-inner                             {margin:0 auto;font-size:0px;position:relative;box-sizing:border-box;height:100vh;}
#ninja-slider2 .slider-inner                            {margin:0 auto;font-size:0px;position:relative;box-sizing:border-box;height:100vh;}

#ninja-slider ul                                        {position:relative;list-style:none;padding:0 0 1px 0;box-sizing:border-box;background:#561870;border-bottom:solid #561870 1px;height:100vh!important}
#ninja-slider2 ul                                       {position:relative;list-style:none;padding:0 0 1px 0;box-sizing:border-box;background:#561870;border-bottom:solid #561870 1px;height:100vh!important;}

#ninja-slider li                                        {width:100%;min-height:100vh;top:0;left:0;position: absolute;font-size:12px;list-style:none;margin:0;padding:0;opacity:0;overflow:hidden;box-sizing:border-box;}
#ninja-slider2 li                                        {width:100%;min-height:100vh;top:0;left:0;position: absolute;font-size:12px;list-style:none;margin:0;padding:0;opacity:0;overflow:hidden;box-sizing:border-box;}

#ninja-slider ul li a img                               {}

#ninja-slider li.ns-show                                {opacity:1;}
#ninja-slider2 li.ns-show                                {opacity:1;}


/* --------- slider image ------- */  
#ninja-slider .ns-img                                   {/*background-color:rgba(0,0,0,0.8);*/background-size:contain;border-radius:4px;cursor:default;display:block;position: absolute;width:100%;min-height:100vh;background-repeat:no-repeat;background-position:center center;border-bottom:solid #561870 1px}
#ninja-slider2 .ns-img                                   {/*background-color:rgba(0,0,0,0.8);*/background-size:contain;border-radius:4px;cursor:default;display:block;position: absolute;width:100%;min-height:100vh;background-repeat:no-repeat;background-position:center center;border-bottom:solid #561870 1px}

#ninja-slider .caption                                  {font-size:4em;position:absolute;left:0;margin:0 auto 0 auto;text-align:center;color:#ffffff;bottom:15%;background:#561870;padding:18px 25px}
#ninja-slider2 .caption                                  {font-size:4em;position:absolute;left:0;margin:0 auto 0 auto;text-align:center;color:#ffffff;bottom:15%;background:#561870;padding:18px 25px}


#ninja-slider .caption a                                {color:#ffffff;}
#ninja-slider2 .caption a                               {color:#ffffff;}
/*
@keyframes titleAnimation { 
	0% { opacity:0; }
	10% { opacity:0;transform: translateY(-20%);}
	20% { opacity:1;transform: translateY(0%);}
	70% {opacity:1;transform: translateY(0%);}
	80% {opacity:0;transform: translateY(100%);}
	100% {opacity:0;transform: translateY(100%);}
}

@-webkit-keyframes titleAnimation { 
	0% { opacity:0; }
	10% { opacity:0; -webkit-transform:translateY(-20%);}
	25% { opacity:1; -webkit-transform:translateY(0%);}
	70% {opacity:1; -webkit-transform:translateY(0%);}
	80% {opacity:0; -webkit-transform:translateY(100%);}
	100% {opacity:0; -webkit-transform:translateY(100%);}
}  */

div.navsWrapper                                         {position:absolute;height:52px;right:90px;bottom:45px;z-index:10;}
 
#ninja-slider-prev, #ninja-slider-next                  {position: absolute;display:inline-block;width:52px;height:52px;line-height:52px;margin:0;border:2px solid #561870;backface-visibility:hidden;color:#561870;overflow:hidden;-webkit-user-select: none;user-select:none;font-family:sans-serif;font-size:14px;transition:all 0.5s;cursor:pointer;}

#ninja-slider-prev                                      {left:auto; right:-1px;}

#ninja-slider-next                                      {left:-1px; right:auto;}

#ninja-slider-prev:hover, #ninja-slider-next:hover      {width:80px;background-color:rgba(0,0,0,0.6);}

#ninja-slider-prev div                                  {margin-right:41px;white-space:nowrap;float:right;opacity:0;}
#ninja-slider-next div                                  {margin-left:41px;white-space:nowrap;opacity:0;}
#ninja-slider-prev:hover div, 
#ninja-slider-next:hover div                            {opacity:1;}

/* arrows */
#ninja-slider-prev::before, #ninja-slider-next::before  {position: absolute;top: 17px;content: "";display: inline-block;width: 13px;height: 13px;border-left: 4px solid #561870;border-top: 4px solid #561870;backface-visibility:hidden;}

#ninja-slider-prev::before                              {-ms-transform:rotate(-45deg);/*IE 9*/-webkit-transform:rotate(-45deg);transform: rotate(-45deg);right:15px;}

#ninja-slider-next::before                              {-ms-transform:rotate(135deg);/*IE 9*/-webkit-transform:rotate(135deg);transform: rotate(135deg);left:15px;}

/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
#ninja-slider-pager, #ninja-slider-pause-play           {display:none;} 

/*Responsive settings*/
@media only screen and (max-width:500px){
    #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {display:none;}
}

   
    #ninja-slider .caption                              {font-size:7em;}
    #ninja-slider li                                    {height:100%;}
    #ninja-slider, #ninja-slider .slider-inner          {height:inherit;min-height:0;}
    #ninja-slider .ns-img                               {background-size:inherit;display:block;position: absolute;width:100%;height:inherit;background-repeat:no-repeat;background-position:center center;}
    #ninja-slider .caption                              {font-size:2em;position:absolute;left:0;margin:0 auto 0 auto;text-align:center;color:#ffffff;bottom:15%;background:#561870;padding:18px 25px}


@media only screen and (max-width:1100px){    
    #ninja-slider .caption                              {font-size:7em;}
    #ninja-slider li                                    {height:100%;}
    #ninja-slider, #ninja-slider .slider-inner          {height:100vh;min-height:0;}
    #ninja-slider .ns-img                               {background-size:inherit;display:block;position: absolute;width:100%;height:inherit;background-repeat:no-repeat;background-position:center center;}
    #ninja-slider .caption                              {font-size:2em;position:absolute;left:0;margin:0 auto 0 auto;text-align:center;color:#ffffff;bottom:15%;background:#561870;padding:18px 25px}
}
@media only screen and (max-width:800px){  
#ninja-slider li                                        {width:100%;min-height:500px;top:0;left:0;position: absolute;font-size:12px;list-style:none;margin:0;padding:0;opacity:0;overflow:hidden;box-sizing:border-box;}
#ninja-slider2 li                                        {width:100%;min-height:500px;top:0;left:0;position: absolute;font-size:12px;list-style:none;margin:0;padding:0;opacity:0;overflow:hidden;box-sizing:border-box;}
#ninja-slider .ns-img                                   {background-color:#561870;background-size:contain;border-radius:4px;cursor:default;display:block;position: absolute;width:100%;min-height:300px;background-repeat:no-repeat;background-position:center center;border-bottom:solid #561870 1px}
}
@media only screen and (max-width:700px){    
    #ninja-slider                                       {margin-top:53px;display:none;}
    #ninja-slider2                                      {margin-top:53px;display:block;}
    #ninja-slider2 .caption                              {font-size:3em;}
    #ninja-slider2, #ninja-slider2 .slider-inner          {height:inherit;min-height:0;}
    #ninja-slider2 ul li .ns-img                         {background-size:cover;}
    #ninja-slider2 .caption                              {display:none;}
    #ninja-slider2 li                                    {height:100%;}
    #ninja-slider2 .ns-img                               {background-size:cover;width:100%;height:100%;background-position:bottom center;}
div.navsWrapper                                         {display:none;position:absolute;height:52px;right:90px;bottom:45px;z-index:10;}
#ninja-slider2-pager                                    {display:none;}
#ninja-slider2-prev, #ninja-slider2-next                {display:none;}
.welcomeLogo                                            {top:100px;}
}