body {
    background-color: #f4f4f4;
}
#Menu {
    padding: 5px;
    width: 1341px;
    font-size: 15px;
    font-family: 'Segoe UI';
    font-weight: 100;
    text-align: right;
    text-shadow: 3px 2px 3px #333333;
    background:  rgba(1, 2, 2, 0.95);
    color:  rgba(1, 2, 2, 0.95);
        margin-left: -10px;
        margin-right: 0px;
        margin-top: -10px;
}
#Menu ul{
    height: auto;
    padding:10px;
    margin: 0px;
}
#Menu li{
    display: inline-block;
    padding: 10px;
}
#Menu a{
    text-decoration: none;
    color: #fff;
    padding: 14px;   
}
#Menu  li a:hover{
    border-bottom: 2px solid  #0e4369;
    padding-bottom:30px;
    color:  #0e4369;
}
.front-img{
    margin: 20px 0 80px 127px;
	padding: 8px 0px 5px 12px;
	list-style: initial;
	display: inline-block;
}
.img-1{
    background: url("Front/like-48.png")no-repeat; 
}
.img-2{
    background: url("Front/data.png")no-repeat;
}
.img-3{
    background: url("Front/network.png")no-repeat;
}
.img-4{
    background: url("Front/web.png")no-repeat;
}
.img-5{
    background: url("Front/video.png")no-repeat;
}
.img-6{
    background: url("Front/msg.png")no-repeat;
}
.img-7{
    background: url("Front/multi.png")no-repeat;
}
.img-8{
    background: url("Front/search.png")no-repeat;
}
.front-img p {
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: 100;
    color: #fff;
    border-top: 0px solid;
    width: 120px;
    text-align: center;
    margin-left: -50px;
}
.intro-txt{
    margin: 50px 50px 30px 0px;
    padding-right: 20px;
}
.nav-txt{
    font-family: 'Segoe Script';
    font-size: 21px;
    font-weight: 100;
    color: White;
    text-align: center;
    margin-right: 245px;
}
.go-green{
    width: 1351px;
    height: 600px;
    background-image: url("Front/Cover-1.jpg");
    background-size: cover;
    margin-left: -10px;
    margin-top: -28px; 
}

.text-1 h1 {
    padding-top: 60px;
    font-family: 'Segoe UI';
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    text-align: center;
}
.our-School{
    background: url("Images/Mg1.jpg")no-repeat;
    background-size: 1350px;
    height: 700px;
    width: 1351px;
    margin-left: -10px;
    margin-top: 500px;
}
.about-school{
    background-color: rgba(1, 2, 2, 0.6);
    height: 700px;
    width: 350px;
    margin: 0px 0 20px -1px;
}
.about-school h2{
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 25px;
    color: #fff;
    padding: 10px 5px;
    background-color: #0062a7;
    text-align: center;
    
}
.about-school h3{
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 20px;
    color: #fff;
    text-align: left;
    margin-left: 50px;
    margin-right: 15px;
    margin-top: 40px;
}
.about-school h3 br{
    margin-bottom: 25px;
}
#wss{
opacity:0;
-webkit-transition:opacity 1.0s linear 0s;
transition:opacity 1.0s linear 0s;
}
#My-schol{
    font-family: 'Segoe UI';
    font-size: 19px;
    font-weight: 100;
    color: #fff;
    margin: -400px 100px 0 500px;
}
.our-school p{
    font-weight: 100;
    font-size: 25px;
    font-family: Calibri;
    color: #fff;
    margin-left: 750px;
}
.approach a{
    font-family: 'Segoe UI';
    font-weight: 100;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.card-style{
    background-color: rgba(11,9,15,0.9);
    width: 1351px;
    height: 500px;
    position: absolute;
    margin: 0px -20px 600px -10px;
    
}
.motto{
    background-color: #077a76;
    padding: 0 0 -1px 0;     
    position: relative;
    margin-top:40px;
    margin-left: 0px;
    
}
.textarea{
    font-family: 'Segoe Script';
    font-weight: 100;
    font-size: 30px;
    font-style: normal;
    margin-top: 20px;
    padding-top: 0px;
    text-align: center;
    color: #fff;
}
.cr-round {
    height: 100px;
    width: 100px;
    border: 2px solid #077a76;
    border-radius: 50%;
    color: #fff;
    margin: -300px 0 380px 260px;
}
.people{
    background: url("Images/people.png")no-repeat center center;
}
.edit{
    background: url("Images/edit-2.png")no-repeat center center;
}
.font h1{
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 35px;
    font-style: normal;
    color: #077a76;
    margin-left: 420px;
    margin-top: 40px;
}
.font p{
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 20px;
    font-style: normal;
    color: #fff;  
    margin-left: 420px;
    margin-top: -20px;
    margin-right: 400px;
    text-align:left;
    
}
#image{
     margin-top: 540px;
     margin-left: -10px;
     margin-right: 0px;
     margin-bottom: 0px;
}
.trans-box{
    width: 400px;
    height: 430px;
    background-color:#e3e3e3;
    margin: -510px 0 0 880px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
}
.trans-box h1{
    font-family: 'Segoe UI';
    text-align: center;
    color: #fff;
    padding: 20px;
    background-color: #0e4369;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
        
}
.et-para{
    font-family: 'Segoe UI';
    font-size: 19px;
    font-weight: 100;
    color: #fff;
    border: 1px solid rgba(11, 38, 66, 0.98);
    background-color:rgba(11, 38, 66, 0.98);
    padding: 20px;
    margin-top: 50px;
    text-align: center;
}
.p-tr{
    font-family: 'Segoe UI';
    font-size: 20px;
    font-weight: 100;
    color:#555;
    margin-left: 10px;
    margin-right: 20px;
    text-align: justify;
}
.et-time{
    width: 400px;
    height: 430px;
    margin-bottom: 0px;
    background-color: #e3e3e3;
    margin: 100px 0 80px 450px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
}
.time-1{
    padding: 20px;
    background-color: #0e4369;
    font-family: 'Segoe UI','Agency FB';
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.time-2{
    font-family: 'Agency FB';
    font-size: 40px;
    color:#555;
    text-align: center;
}
.time-3{
   font-family: 'Agency FB';
   font-size: 30px;
   color: #555;
   text-align: center;
   letter-spacing: 2px;
   text-transform: capitalize; 
}
.container{
    height: 420px;
	left: 50%;
	margin: -430px 0 150px 20px;
	top: 50%;
	width: 398px;
}
.calendar-container header {
	background: #0e4369;
	color: #fff;
	padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.day {
	font-size: 4em;
	font-weight: 700;
	line-height: 1em;
}
.month {
	font-size: 4em;
	line-height: 1em;
	text-transform: lowercase;
}
.calendar {
	background: #e3e3e3;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	color: #555;
	display: inline-block;
	padding: 2px;
}
.calendar thead {
	color: #0e4369;
	font-weight: 700;
	text-transform: uppercase;
}
.calendar td {
	padding:10px 10.8px;
	text-align: center;
}
.calendar tbody td:hover {
	background: #0e4369;
	color: #fff;
}
.current-day {
	color: #0061a6;
    border: 1px solid #0061a6;
    border-radius: 10%;
}
.prev-month,
.next-month {
	color: rgba(1, 2, 2, 0.2);
}

#event{
    margin-left: 90px;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
}
.model{
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 20px;
    color: #010628;
    margin-left: 480px;
    margin-bottom: 100px; 
    margin-top: 60px;

}
.softwares{
    width: 200px;
    height: 310px;
    background-color:rgba(227, 227, 227, 0.95);
    margin: 30px 20px 20px 90px;
    float: left;
   
}
.soft h1{
    font-family: 'Segoe UI';
    font-size: 21px;
    font-weight: 100;
    color: #03384c;
    text-align: center;
}
.soft p{
    font-family: 'Segoe UI';
    font-size: 17px;
    font-weight: 100;
    color:  #03384c;
    text-align: center;
}
.python{
    width: 200px;
    height: 90px;
    background-color: #288004;
}
.download{
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: 200;
    color: #03384c;
    border-top: 2px solid #03384c;
    width: 80%;
    text-align: center;
    margin-left: 15px;
}
.download:hover{
    text-decoration: initial;
    color: #a30909;
    cursor: pointer;
}
.wamp{
    width: 200px;
    height: 90px;
    background-color: rgb(185,29,71);
}
.notepad{
    width: 200px;
    height: 90px;
    background-color: rgb(218,83,44);
}
.vb-6{
    width: 200px;
    height: 90px;
    background-color: rgb(96,60,186);
}
#text-d{
    font-family: 'Segoe UI';
    font-size: 22px;
    font-weight: 100;
    color: White;
    text-align: center;
}
#txt-p{
    font-family: 'Segoe UI';
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    text-align: center;
}
.level{
    font-family: 'Segoe UI','Agency FB';
    font-size: 50px;
    font-weight: 900;
    color: rgba(0, 78, 51, 0.97);
    text-align: justify;
    text-transform: uppercase;
    margin-left: 20px;
}
.level span{
    letter-spacing: 4px;
    font-size: 80px;
}
.level-cir{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: rgba(0, 78, 51, 0.97);
    border: 2px solid #fff; 
    margin: -140px 0 50px 300px;
    line-height: 20%;
}
.pst-1{
    width: 390px;
    height: 430px;
    background-color:  rgba(1, 84, 56, 0.97);
    margin: 95px 50px 100px 200px; 
}
.pst-2{
    width: 390px;
    height: 430px;
    background:  rgba(1, 84, 56, 0.97);
    margin: -380px 0 0 500px;
}
.past-p{
    font-family: 'Segoe UI';
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    text-align: left;
    margin-left: 20px;
}
.past-p h2{
    font-family: 'Segoe UI';
    font-size: 21px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    padding: 20px;
    background-color: rgba(1, 52, 31, 0.99);
    margin-left: -20px;
}
.txt-p{
   border-bottom: 2px solid #fff;
   width: 100%; 
}
.year{
    font-size:14px;
    font-weight: 100;
    color: #fff;
    border-right: 1px solid #fff; 
    height: 10em;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0px 0 0px;
}
.pst-a{
    text-decoration: none;
    color: #fff;
}
#section-2{
    font-family: 'Agency FB';
    font-size: 20px;
    font-weight: 100;
    color:  #c7c7c7;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    width: 10%;
}
#section-3{
    font-family: 'Agency FB';
    font-size: 20px;
    font-weight: 100;
    color:  #c7c7c7;
    margin: 10px 0 0 0px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    width: 10%;
    
}
#section-4{
    font-family: 'Agency FB';
    font-size: 20px;
    font-weight: 100;
    color: #c7c7c7;
    margin: 450px 0 0 0px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    width: 10%;
}
#section-5{
    font-family: 'Agency FB';
    font-size: 20px;
    font-weight: 100;
    color: #c7c7c7;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #c7c7c7;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
}
#about-us{
   
    background-color: #0e4369;
    padding:  80px;
   
    margin-left: -10px;
    margin-top: 850px;
    margin-bottom: 100px;
}

.ch-img1{
    background: url("Images/")no-repeat center center; 
}
.ch-img2{
    background: url("Photos/thusal.png") no-repeat center center;
}
.rounded{
    margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.rounded:after,
.rounded:before{
    content: '';
	display: table;
}
.rounded{
    clear: both;
}
.rounded li{
    width: 220px;
	height: 220px;
	display: inline-block;
	margin: 40px;
}
.rd-type {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    cursor: default;
    box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,1,0.9);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.rd-detail{
    position: absolute;
	background: rgba(68,112,187,0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale();
	-moz-transform: scale();
	-ms-transform: scale();
	-o-transform: scale();
	transform: scale();
	-webkit-backface-visibility: hidden;
}
.rd-detail h3 {
    color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 23px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 40px;
	font-family:  'Segoe UI';    
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}
.rd-detail p {
    color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin-top: 50px;
    margin-right: 25px;
    margin-left: 25px;
	font-size: 18px;
    font-family: 'Segoe UI';
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	   -moz-transition: all 1s ease-in-out 0.4s;
	    -ms-transition: all 1s ease-in-out 0.4s;
	     -o-transition: all 1s ease-in-out 0.4s;
	        transition: all 1s ease-in-out 0.4s;
}
.rd-type:hover{
     box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1);
}
.rd-type:hover .rd-detail{
    opacity: 0.7;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}
.rd-type:hover .rd-detail p {
    opacity: 1;
}
.rd-detail h3 span{
    font-size: 21px;
    text-align:center;
}
#society{
   float: left;
   margin-right: 50px;
   margin-left: 60px;
   margin-top: 30px;
   margin-bottom: 40px;
}
#help{
    font-family: 'Segoe UI';
    font-size: 40px;
    font-weight: 200;
    color: #051160;
    font-style: italic;
    margin-top: 90px;
    margin-bottom: 10px;
}
.paragraph{
    font-family: 'Segoe UI';
    font-size: 27px;
    font-style: italic;
    font-weight: 100;
    color: #6a6969;
    margin-bottom: 220px;
    margin-top: -15px;
    margin-right: 20px;
}
.space{
    clear: both; 
}
.Social_net{
    text-align: center;
    font-family: 'Agency FB';
    font-size: 26px;
    color: #fff;
    margin: -60px 0 0 0;
}
.circle{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgb(19, 22, 22);
    box-shadow:inset 0 0 0 3px rgb(48, 53, 53);
    float: left;
    -webkit-margin:-60px 5px 0 420px;
    -moz-margin:-60px 5px 0 420px;
     margin:-60px 5px 0 420px;
}
.circle:hover{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(3, 47, 117, 0.99);
    cursor: pointer;
}
#cir-mar{
    margin-top: -60px;
}
.circle-1{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgb(19, 22, 22);
    box-shadow:inset 0 0 0 3px rgb(48, 53, 53);
    margin: 10px 20px 0 500px;
}
.circle-1:hover{
    width: 60px;
    height: 60px;
    border-radius: 50%; 
    background-color: rgba(184, 7, 18, 0.99);
    cursor: pointer;
}
.cr-img{
    background: url("Images/facebook-24.png")no-repeat center;
}
.cr-img2{
    background: url("Images/google.png")no-repeat center center;
} 
.BOX {
    background-color: rgba(1, 2, 2, 0.95);
    padding: 180px;
    margin-left: -30px;
    margin-right:-0px;
    margin-bottom: -10px;
    margin-top: 0px;   
}
.contact-us{
    text-align: center;
    font-family: 'Agency FB';
    color: #fff;
    font-weight: 100;
    margin: -150px 0px 80px 0px;
    letter-spacing: 2px;
}
.contact-us h1{
    font-size: 28px;
}
.contact-us h2{
    font-size: 28px;
    margin-bottom: -19px;
    margin-top: -27px;
}
.contact-us p{
    font-size: 26px;
    margin-top: -12px;
}
.designer-details{
    padding: 20px;
    width: 1150px;
    font-family: 'Agency FB';
    font-weight: 100;
    color: #fff;
    margin: auto 0 0 auto;
    display: inline;
    text-align: center;
}
.designer-details h1{
    font-size: 16px;
    
}
.designer-details p{
    font-size: 22px;
    font-weight: 200;
    color: #fff;
    margin-top: 30px;
    float: left;
    text-align: center;
}
.Advertise{
    margin-left: auto;
    margin-right: auto;
}
.Advertise span{
    font-size: 18px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.itguru{
    padding-left: 16px;
    margin-left: 10px;
}
.itguru span{
    text-decoration: none;
    text-underline-position: none;
    color: #fff;
    padding-left: 10px;
}
.photos{
    margin-left: -8px;
    margin-bottom: 0px;
    margin-top:100px;
    float: left;
    margin-right:-2px;
}
.pht-h{
  width: 363px;
  height: 300px;
  background-color: rgba(0, 9, 13, 0.98);
  margin: 100px 0 0 0px; 
  float: left;
}
.pht-h h1{
    font-family: 'Segoe UI';
    font-size: 22px;
    font-weight: 200;
    color: #fff;
    text-align: left;
    margin: 25px 30px 0 20px;
}
.pht-h p{
    font-family: 'Segoe UI';
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    text-align: left;
    margin-left: 20px; 
    margin-top: 5px;
    margin-right: 30px;
}
.photos-1{
    margin-top: -5px;
    margin-left: -8px;
    margin-right: -2px;
    float: left;
    margin-bottom: 200px;
}
.pth-2{
    width: 391px;
    height: 300px;
    position:absolute;
    background-color: rgb(1, 130, 94);
    margin-top: 29.6%;
    margin-left: 49.1%;
    float: left;
}
.pth-2 h1{
    font-family: 'Segoe UI';
    font-size: 22px;
    font-weight: 200;
    color: #fff;
    text-align: left;
    margin: 25px 30px 0 20px;
}
.pth-2 p{
    font-family: 'Segoe UI';
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    text-align: left;
    margin-left: 20px; 
    margin-top: 5px;
    margin-right: 30px;
}
#om{
   margin-left: 400px;
   margin-top: -0px;
}
/*.hr-line{
    width: 30%;
    color: #868686;
    margin: -115px 0 0 170px;
}*/