/*-------All setup css  
            https://www.w3schools.com/css/css_examples.asp
*/
	                                                                 																		                       /*This website is developed by Manish Kumar Sharma, PGT Computer, LASEC Jhalawar.*/

* {
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    }


body {
    font-family: "Sofia", montserrat, sans-serif;    
    background-color:#ffffff;
    }

.flexbox-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border: 0px solid #8B008B;
    background-color:#FF8C00;
    color:#ffffff;
    font-weight: bold;
    font-size:18px;
    margin:0px;
    padding:2px;
    	}

.flexbox-header a{
    color: #FFFF00 ;
    	}

.flexbox-header a:hover{ 
     color:maroon; 
     background:#ADFF2F;
     }
     
.flexbox-header img {
    height:22px;
    width:28px;
    margin:2px;
    	} 
     
.NmLg-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-left;
    width:100%;
    height:auto;
    align-items: center;
    background-color:#1e4d72;
    margin:0px;
    /*border: 2px solid red;*/
    }

.SLogo img {
    height:90px;
    width:100px;
    margin-left:20px;
    margin-top:0px;
    z-index:9999;
    	} 

.SName h1 {
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    color:#87CEEB;
    /*width:100%*/
    margin-left:30;
    margin-top:0px; 
    letter-spacing:2px;
    word-spacing:2px;
    text-align:left;
    font-weight: bold;
    font-size:45px;
    /*border: 2px solid yellow;*/
    }

.SName h2 {
    background-color:#1e4d72;
    width:95%;
    color:#F0FFFF;      
    margin-left:30px; 
    margin-top:0px; 
    letter-spacing:1px;
    word-spacing:2px;
    text-align:center;
    font-weight: bold;
    font-size:20px;
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    /*border: 2px solid green;*/
    }

.SName h3 {
    background-color:#1e4d72;
    width:95%;
    color:#DEB887;      
    margin-left:30px; 
    margin-top:0px; 
    letter-spacing:1px;
    word-spacing:2px;
    text-align:center;
    font-weight: bold;
    font-size:18px;
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    /*border: 2px solid green;*/
    }

.SName h4 {
    background-color:#1e4d72;
    width:85%;
    color:#FFD700;      
    margin-top:0px; 
    margin-left:0px; 
    letter-spacing:1px;
    word-spacing:0px;
    text-align:center;
    font-weight: bold;
    font-size:18px;
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    /*border: 2px solid red;*/
    }

.SName img {
    background-color:#1e4d72;
    margin-top:-19px; 
    margin-left:565px; 
    text-align:right; 
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    width: auto; 
    height:20px; /* Full height */
    /*border: 2px solid lightgreen;*/
    }

.SName h5 {
    background-color:#1e4d72;
    width:30%;
    color:#7FFF00;      
    margin-top:-20px; 
    margin-left:950px; 
    letter-spacing:1px;
    word-spacing:0px;
    text-align:right;
    font-weight: bold;
    font-size:16px;
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    /*border: 2px solid red;*/
    }

/*------- The Desktop menu begins-------------------------*/
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	z-index:99999;
}
.menu-bar {
    background:linear-gradient(360deg,#00c6a7,#1e4d92);	
    text-align:center;
    text-shadow: 1px 1px 1px #0E0E0E;
    letter-spacing: 0px;
    z-index:99999;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow:hidden;
    }

.menu-bar ul {
    display:flex;
    justify-content:right;	
    flex-direction: row;
    flex-wrap: nowrap;
    list-style:none;
    color:white;
    }

.menu-bar ul li {
    width:180px;
    margin:0px;
    padding:10px;
    height:40px;
    }

.menu-bar ul li a {
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:18px;	
    word-spacing:1px;
    letter-spacing:0px;
    	}

.menu-bar ul li:hover {
    background:linear-gradient(360deg,#1e4d92,#00c6a7);
    border-bottom: 3px solid #FF8C00;
    border-radius:3px;	
    }

.sub-menu-1 {
    display:none;
    z-index:99999;
    }

.menu-bar ul li:hover .sub-menu-1 {
    display:block;
    position:absolute;
    background:linear-gradient(360deg,#00c6a7,#1e4d92);
    margin-top:9px;
    margin-left:-10px;
    width:220px;
    }

.menu-bar ul li:hover .sub-menu-1 ul {
    display:block;
    margin:10px;
    }

.menu-bar ul li:hover .sub-menu-1 ul li {
    width:200px;
    padding:8px;
    border-bottom:1px dotted #fff;
    border-radius:0;
    text-align:left;
    }

.menu-bar ul li:hover .sub-menu-1 ul li:last-child {
    border-bottom:none;
    }

.menu-bar ul li:hover .sub-menu-1 ul li:hover {
    background:linear-gradient(360deg,#1e4d92,#00c6a7);
    border-bottom: 3px solid #FF8C00;
    }

/*------The Desktop menu ends-------------------------*/

/*---Footer section---------*/

.Botom-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    background-color:#1e4d72;
    padding:0px;
    margin:0px;
    width:100%;
    height:35%; 
    margin-top:15px;
    border: 1px solid navyblue;
    	}

.BotomLinks {		/* All Five Columns */
    text-align:center;
    padding:4px;
    margin-top:5px;
    width:18%;
    height:90%;
    overflow:auto; 
	    /*border: 1px solid yellow;*/
    }

.BotomLinks h5 {    		/* Address */			
    color:#00FFFF;
    text-shadow: 1px 1px 1px #000;  
    font-weight:bold;
    font-size:16px;
    word-spacing:2px;
    letter-spacing:1px;
    font-family:Cambria;
    padding:5px;
    margin:5px;

    border-style: solid;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-top-color:#FF8C00;
    border-bottom-color:#FF8C00;
    border-top-width: 4px;
    border-left-width: 0px;
    border-radius:10px; 
    }
    
.BotomLinks h6 {		/*Links Heading */		
    text-shadow: 1px 1px 1px #000;    
    color:#FF8C00;
    font-weight:bold;
    font-size:24px;
    padding:3px;
    margin:1px;
    word-spacing:3px;
    letter-spacing:1px;
    font-family:Cambria;	
    border-style: solid;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-right-color:#FFF;
    border-bottom-color:#FFF;
    border-top-width: 0px;
    border-left-width: 0px;
    border-radius:10px;
    }
	    
.BotomLinks p{		/*All Links */    
    color:#FFF;
    font-weight:normal;
    font-family:Cambria;
    letter-spacing:1px;
    word-spacing:2px;
    font-size:18px;
    padding:2px;
    margin:2px;
    text-align:left;
    }
	
.BotomLinks p a{ 
     color: #fff;
     text-decoration:none;
     }
     
.BotomLinks p a:hover{ 
     color:maroon; 
     background:#ADFF2F;
    font-weight:bold;
     }

.flexbox-footer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    border: 0px solid #8B008B;
    background-color:#FF8C00;
    color:#000;
    font-weight: bold;
    margin-bottom:0px;
    margin-top:0px;
    /*position: fixed;
    bottom:0px;
    width:100%;*/
    }

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

/*---Responsive code for mobiles---------*/
/* Responsive layout - makes a one column layout instead of a two-column layout */

@media (max-width: 800px)
{

body {	
    font-family:montserrat;
    background-image: linear-gradient(#1e4d72 10%, #ffffff 20%);
    /*border: 2px solid Tomato;*/
    }
  
.flexbox-header {
    font-size:11;
    width:100%;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-color:#1e4d72;
    }
    
.flexbox-header img {
    height:25px;
    width:30px;
    margin:3px;
    	} 


.NmLg-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-left;
    width:100%;
    align-items: center;
    background-color:#1e4d72;
    margin:0px;
    /*border: 2px solid Tomato;*/
    }

.SLogo img {
    height:60px;
    width:60px;
    margin-left:1px;
    margin-top:1px;
    z-index:9999;
    	} 

.SName h1 {
    text-shadow:1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    letter-spacing: 0px;
    color:#87CEEB;
    width:100%;
    margin:0px;
    margin-top:0px; 
    letter-spacing:2px;
    word-spacing:2px;
    text-align:center;
    font-weight: bold;
    font-size:13px;
    /*border: 2px solid yellow;*/
    }
    
.SName h2 {
    background-color:#1e4d72;
    width:100%;
    color:#F0FFFF;      
    margin-left:0px; 
    margin-top:0px; 
    letter-spacing:1px;
    word-spacing:2px;
    text-align:center;
    font-weight: bold;
    font-size:8px;
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    /*border: 2px solid green;*/
    }

.SName h3 {
	background-color:#1e4d72;
    width:100%;
    color:#B8860B;      
    margin:0px; 
    margin-left:0px;
    margin-top:0px; 
    letter-spacing:1px;
    word-spacing:2px;
    text-align:center;
    font-weight: bold;
    font-size:8px;
    text-shadow:1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    /*border: 2px solid lightgreen;*/
    }

.SName h4 {
    background-color:#1e4d72;
    color:#FFD700;      
    width:25%;
    margin-top:2px; 
    margin-left:2px; 
    letter-spacing:1px;
    word-spacing:0px;
    text-align:left;
    font-weight: bold;
    font-size:8px;
    /*border: 2px solid yellow;*/
    }

.SName img {
    background-color:#1e4d72;
    margin-top:-11px;
    margin-left:72px; 
    height:10px;
    width:auto;
    /*border: 2px solid lightgreen;*/
    }
    
.SName h5 {
    background-color:#1e4d72;
    width:20%;
    color:#7FFF00;      
    margin-top:-10px; 
    margin-left:240px; 
    letter-spacing:1px;
    word-spacing:0px;
    text-align:right;
    font-weight: bold;
    font-size:7px;
    text-shadow:1px 2px black, 25px blue, 5px darkblue;
    /*border: 2px solid red;*/
    }
/*------- The Responsive menu begins-------------------------*/

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	z-index:99999;
}
.menu-bar {
    background:linear-gradient(360deg,#00c6a7,#1e4d92);	
    text-align:center;
    text-shadow: 1px 1px 1px #0E0E0E;
    letter-spacing: 0px;
    z-index:99999;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow:hidden;
    }

.menu-bar ul {
    display:flex;
    justify-content:right;	
    flex-direction: row;
    flex-wrap: nowrap;
    list-style:none;
    color:white;
    }

.menu-bar ul li {
    width:120px;
    margin:0px;
    padding:4px;
    height:auto;
    }

.menu-bar ul li a {
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:9px;	
    word-spacing:1px;
    letter-spacing:0px;
    	}

.menu-bar ul li:hover {
    background:linear-gradient(360deg,#1e4d92,#00c6a7);
    border-bottom: 3px solid #FF8C00;
    border-radius:3px;	
    }

.sub-menu-1 {
    display:none;
    z-index:99999;
    }

.menu-bar ul li:hover .sub-menu-1 {
    display:block;
    position:absolute;
    background:linear-gradient(360deg,#00c6a7,#1e4d92);
    margin-top:6px;
    margin-left:-4px;
    width:120px;
    }

.menu-bar ul li:hover .sub-menu-1 ul {
    display:block;
    margin:10px;
    }

.menu-bar ul li:hover .sub-menu-1 ul li {
    width:100px;
    padding:4px;
    border-bottom:1px dotted #fff;
    border-radius:0;
    text-align:left;
    }

.menu-bar ul li:hover .sub-menu-1 ul li:last-child {
    border-bottom:none;
    }

.menu-bar ul li:hover .sub-menu-1 ul li:hover {
    background:linear-gradient(360deg,#1e4d92,#00c6a7);
    border-bottom: 3px solid #FF8C00;
    }

/*------The Responsive menu ends-------------------------*/
	
/*---Footer section---------*/

.Botom-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    background-color:#1e4d72;
    padding:1px;
    margin:0px;
    width:100%;
    height:auto; 
    margin-top:auto;
    /*border: 1px solid navyblue;*/
    	}

.BotomLinks {			/* All Five Columns */
    align-items: center;
    align-content: center;
    text-align:center;
    padding:auto;
    margin:auto;
    width:140px;
    height:130px;
    overflow:auto; 
	    /*border: 1px solid yellow;*/
    }

.BotomLinks h5 {    		/* Address */	
    color:#00FFFF;
    text-shadow: 1px 1px 1px #000;  
    font-weight:bold;
    font-size:6px;
    word-spacing:1px;
    letter-spacing:0px;
    font-family:Book Antiqua;
    padding:4px;
    margin:1px;
    border-style: solid;
    border-right-width: 0px;
    border-bottom-width: 3px;
    border-top-color:#FF8C00;
    border-bottom-color:#FF8C00;
    border-top-width: 3px;
    border-left-width: 0px;
    border-radius:10px; 
    }
    
.BotomLinks h6 {		/*Links Heading */		
    text-shadow: 1px 1px 1px #000;    
    color:#FF8C00;
    font-weight:bold;
    font-size:8px;
    padding:1px;
    margin:1px;

    border-style: solid;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-right-color:#FFF;
    border-bottom-color:#FFF;
    border-top-width: 0px;
    border-left-width: 0px;
    border-radius:10px;
    }
	    
.BotomLinks p{		/*All Links */    
    color:#FFF;
    font-weight:normal;
    font-family:Cambria;
    letter-spacing:0px;
    word-spacing:1px;
    font-size:7px;
    padding:2px;
    margin:2px;
    text-align:left;
    }
	
.BotomLinks p a{ 
     color: #fff;
     text-decoration:none;
     }
     
.BotomLinks p a:hover{ 
     color:#000; 
     background:#ADFF2F;
     }

.flexbox-footer {
    font-size:9;
    text-align:center;
    }  


}