@font-face{font-family: Lato-Light;src: url(Lato-Light.ttf);}

body{font-family: Lato-Light;margin:0;font-size: medium;color:  rgb(49, 49, 49);}


/*   Slide and controls */

#slideContainerDiv{font-size: 2em;color: rgb(59, 58, 58);width:100%;min-width: 1400px;height: 98.8vh;}/*background-color: rgba(178, 192, 194,0.1);*/

.slideDiv{width:800px;height: 370px;position:absolute; left:100px; margin:auto;display: block;padding:40px;background-color: rgba(198, 233, 221,0.5);margin:6px;border-radius: 5px;
        top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}


/*  Menus  */
#menuTable{position:absolute;right:0;width:790px;margin:0;padding:0;top:20px;background-color: rgba(56, 54, 56,0.6);color:lightgrey;box-shadow: 5px 5px 20px black}
.menuCell:hover{background-color:darkgrey;}
.menuCell{padding:10px;text-align: center;}



/* intro div*/
#introContainerDiv{width:760px;background-color: rgba(5, 122, 117,0.2);height:99vh;position:absolute;display:block;right:0;float:right; 
padding:0px;margin:0px;}

#introDiv{width:700px;border-radius:10px;height:60vh;position:absolute;display:block;right:0;float:right; top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}

.joinErrDiv{position:absolute;margin:auto;left:0;right:0;width:80%;height:500px;background-color: rgba(255, 255, 255, 0.99);font-size:1.6em;color:red;top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
text-align: center;padding:70px;visibility: visible;}


p{display: block;margin: 0;position: relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
#abt{font-size: 1.5em;position:absolute;left:0;right:0;margin: auto;padding:90px;line-height: 40px;}
a{text-decoration: none;color:grey}
a:hover{text-decoration: none;}
.joinText{



    width:280px;

    height:30px;

    padding:5px;

    border-radius: 10px;

    border:1px solid darkgreen;

    box-shadow: 0px 0px 5px 0px green;

    margin-top: 7px;

   

}

#formHolderTable{margin-top: 150px;}

table{

    border:20px;

}

td{

    padding:5px;

  

}

#branch{width:600px;}





#centerdiv{

    width:880px;

    margin:auto;

    left: 0;

    right: 0;

    

}

h1, h2{text-align: center;

line-height: 10px;}

#buffer{height:30px}

#register{background-color: green;

color: white;

height:50px;

width:200px;

border-radius: 10px;

border:1px solid darkgreen;}





#logo{width:200px;

    position:absolute;

top:0;

margin:auto;

left:0;

right:0;

text-align: center;

display:block;

}



#ward{width:40px;}







#mobiLogo{width:250px;}

#mobiSlideContainerDiv{
   
    color: rgb(59, 58, 58);
   //background-color: rgba(178, 192, 194,0.1);
    width:100%;
    
    height: 50.8vh;
}

.mobiSlideDiv{
    width:100%;
    font-size: 2em;;
    font-weight: bold;
    height: 370px;
    padding:40px;
   
    margin:6px;
    border-radius: -55px;
    position:relative;
    margin:auto;
    text-align: center;
    display: block;
    background-color:rgba(239,242,241,0.7);
   
  
}
#mobiRegister{background-color: green;
    color: white;

height:50px;

width:200px;

border-radius: 10px;

border:1px solid darkgreen;}

/*                           --------------------------------election stuff -----------------------------------*/

#electionDiv{width:100%;height:70px;position:absolute;border-bottom-right-radius: 55px;  left:0;right:0;margin:auto;text-align: left; background-color: rgba(10,10,10,0.7);font-size: 2em;font-weight: bold;}
#electDayDiv{padding:10px;margin:0;}
#daysCell{width:2em;padding:0;text-align: right;}

/*       Logo and Menus    */

#mobiLogo{width:200px;padding:30px;display:inline-table}
#mobiMenuDiv{display:inline-table;width:auto;margin-bottom: 40px;position:relative;top:10px;padding:50px;}
#mobiMenuTable{height:auto;display:block;text-align: center;position:relative;float:left;width:auto;margin:0;padding:0;overflow: hidden;}
.mobiMenuCell:hover{border-bottom:3px solid rgba(19, 179, 212, 0.8);}
.mobiMenuCell{padding:10px;text-align: center;height:40px;line-height:40px;font-size:2.5em;width:55.3%;width:fit-content;}
#headHolderTable{width:100%}

#sabg{width:100%;padding: 0;margin:0;position:absolute;top:0;z-index: -2;}
#topMask{width:100%;height:300px;position:absolute;top:0;background-color: rgba(253, 252, 252, 1);   z-index: -1;border-bottom: 5px solid green;}
#mask{width:100%;min-width: 1000px;height:100vh;background-color: rgba(253, 252, 252, 0.93);}
#rContDiv{width:900px;float:right;display:block;height:600px;background-color: rgba(0, 0, 0, 0.7) ;-ms-transform: translateY(-4%);
    transform: translateY(-4%);border-radius: 20px;margin-right: 60px;}
#introHolderDiv{display:block;width:90%;font-size: 1.7em;position:absolute;top:50%;-ms-transform: translateY(-50%);
    transform: translateY(-50%); left:-50px;padding: 60px;
    background-color: rgba(19, 179, 212, 0.5);border-radius: 20px;color:white}
#lCont{position:absolute;width:700px;display:block;height:400px;left:60px;}

#lgCell{width:200px;}

#slide3{text-align: left;}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mobiIntroDiv{width:80%;border-radius:10px;height:auto;position:relative;display:block;right:0;left:0;margin:auto;}

#mobiSlideContainer{position:relative;width:100%;display:block;color:darkgrey}
    


#mobiIntroContainerDiv{width:760px;background-color: rgba(5, 122, 117,0.2);height:50vh;position:relative;display:block;right:0;float:right; 
    padding:0px;margin:0px;}
    
   /* #mobiIntroDiv{width:700px;border-radius:10px;height:60vh;position:relative;display:block;right:0;float:right;}*/