*{padding:0; margin:0;}
  


body {



}
.db{display:block;}
.cc{display:none;}

.bb:focus .cc{display:block;}

img{max-width:100%;}

#main{

	
	}
	
#main h1{margin:0 0 0 2%;}
#main h1 a{text-decoration:none; color:white; font:normal 0.8em Pacifico;	line-height:0em;}
#main h1 img{width:4%; margin:0.3em 0 0 3%;
	}

nav{ z-index:100;  background:#ffffff;
	height:60px;width:100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+7,8ec1da+100 */

position:fixed;top:0;left:0;

;}
.head_g span{background:#27ae60;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcd800+0,76b002+100 */
background: #bcd800; /* Old browsers */
background: -moz-linear-gradient(top,  #bcd800 0%, #76b002 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcd800 0%,#76b002 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcd800 0%,#76b002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd800', endColorstr='#76b002',GradientType=0 );color:white;padding:.5em;border-radius:5px;}
nav ul{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; list-style:none;}
nav ul li:first-child { width:25%;display:flex; margin:.5em .5em 0 .5em;overflow:hidden;}
nav ul li{margin:0 0 0 0em; text-align:center; }
.NV-Btn1{background:#27ae60;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcd800+0,76b002+100 */
background: #bcd800; /* Old browsers */
background: -moz-linear-gradient(top,  #bcd800 0%, #76b002 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcd800 0%,#76b002 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcd800 0%,#76b002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd800', endColorstr='#76b002',GradientType=0 ); /* IE6-9 */


display:block; width:100px; }
.NV-Btn2{background: #07A7E0;display:block; width:100px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#04d6fa+0,1177b9+100 */
background: #04d6fa; /* Old browsers */
background: -moz-linear-gradient(top,  #04d6fa 0%, #1177b9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #04d6fa 0%,#1177b9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #04d6fa 0%,#1177b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04d6fa', endColorstr='#1177b9',GradientType=0 ); /* IE6-9 */

	}
.NV-Btn3{background:#931A81; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f772ef+0,c549be+100 */
background: #f772ef; /* Old browsers */
background: -moz-linear-gradient(top,  #f772ef 0%, #c549be 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f772ef 0%,#c549be 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f772ef 0%,#c549be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f772ef', endColorstr='#c549be',GradientType=0 ); /* IE6-9 */


display:block; width:100px; }

.otherBTNs{overflow:hidden;}
.otherBTNs a{display:block;overflow:hidden; height:1.2em;}
.otherBTNs:hover{overflow:visible; }
.bookCovers{background:#a1c93a;}
.bookLayouts{overflow:hidden;background:#0db2e0;}
.bookLayouts:hover{overflow:visible;}
.BL_open{position:relative; top:-95%; left:100%; flex-direction:column;}
.BL_open li{background:#0db2e0;overflow:hidden;position:relative; top:0px; left:0px;}
.digitalLearning{background:#c573af;}


.NV-Btn4{background:#019CDE; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faca3e+0,f9a103+100 */
background: #faca3e; /* Old browsers */
background: -moz-linear-gradient(top,  #faca3e 0%, #f9a103 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #faca3e 0%,#f9a103 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #faca3e 0%,#f9a103 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faca3e', endColorstr='#f9a103',GradientType=0 ); /* IE6-9 */

display:block; width:100px;}
.NV-Btn5{background:rgba(22, 160, 133,1.0); 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31c631+0,1e7a3d+100 */
background: #31c631; /* Old browsers */
background: -moz-linear-gradient(top,  #31c631 0%, #1e7a3d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #31c631 0%,#1e7a3d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #31c631 0%,#1e7a3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c631', endColorstr='#1e7a3d',GradientType=0 ); /* IE6-9 */


display:block; width:100px;}
.NV-Btn6{background:#D40B51; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3f3f+0,ce3333+100 */
background: #ff3f3f; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3f3f 0%, #ce3333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3f3f 0%,#ce3333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3f3f 0%,#ce3333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3f3f', endColorstr='#ce3333',GradientType=0 ); /* IE6-9 */

display:block; width:100px; }
nav ul li a{text-decoration:none; 
	font:bold 1em Arial;
	color:white;
	display:block;
	padding:.8em;
	border-radius:0 0 5px 5px;
	
	}
 
nav ul li a:hover{color:black;  transform: scale(1.1); }
 
#mainContent{display:flex; padding:0 0 1em 0;margin:2em 0 0 0;}

#banner{ height:20em; background:rgba(255,255,255,0.5); background:url("1.png") no-repeat;
	background-size:100% 100%; border:5px solid white; margin:0em 0 0 0; border-radius:1em 1em 0 0;
	animation:bannerSlides 24s linear infinite; box-shadow:1px 1px 1px gray;
	}
	
#galaryMore{background:#FFAA00;display:flex; padding-bottom:4.4em;list-style:none;width:100%;justify-content:space-around; z-index:999999999999999999999999999999999999999999999999999}
#galaryMore li{width:261px;}
#galaryMore a,#galaryMore span{cursor:pointer;display:block;  padding:1em; background:url('images1/Button.png') no-repeat;  color:#fff; text-decoration:none; text-align:center; font:normal 1em Arial;
	}
	
#galaryMore a:hover{ color:#fff; }
.gall_dropdown ul{position:relative;list-style:none;list-style-position:outside;}
#gall_dropdownul li{width:261px;}
.gall_dropdown{overflow:hidden;height:50px;z-index:999999999999999999999999999999999999999999999999999;}
.gall_dropdown a{margin-top:.2em;display:block;}
.gall_dropdown:hover{overflow:visible;z-index:999999999999999999999999999999999999999999999999999;}


#right{width:13%; margin:2.3em 0 0 0;}

#center{width:74%;background:#ffffff;margin:4em 0 0 0; padding:0 0 1em 0; box-shadow:2px 2px 2px lightgrey; border-radius:1em 1em 0 0; 
-webkit-box-shadow: 0px 0px 3px #3d3d3d;
-moz-box-shadow: 0px 0px 3px #3d3d3d;
box-shadow: 0px 0px 3px #3d3d3d;}

.box1{height:27em; width:24%; border-radius:10px; 
	 
	transition:all 0.2s;
	}
	
.box1:hover{opacity:0.9;	 transition:all 0.2s;}
.box1 img{position:relative; top:20px; left:260px; margin:0 0 0 -5em; width:109px; height:113px;}
.boxHeading1{ background:#AD159F; height:3em; border-radius:10px 10px 0 0; width:100%; overflow:hidden;}	
.boxHeading2{ background:#26A65B; height:3em; border-radius:10px 10px 0 0; width:100%; overflow:hidden;}	
.boxHeading3{ background:#e74c3c; height:3em; border-radius:10px 10px 0 0; width:100%; overflow:hidden;}	
.boxHeading4{ background:#06d3f9; height:3em; border-radius:10px 10px 0 0; width:100%; overflow:hidden;}
.box1 h4{font:normal 1.2em Arial; text-align:center; color:yellow; margin:0.6em 0 0 0;}

.boxColor1{background:#931A81 url("images1/a(1).png") no-repeat -5% 105%;box-shadow:0px 0px 4px grey;}
.boxColor2{background:#188C47 url("images1/a(2).png") no-repeat -7% 105%;box-shadow:0px 0px 4px grey;}
.boxColor3{background:#c0392b url("images1/a(3).png") no-repeat 3% 105%;box-shadow:0px 0px 4px grey;}
.boxColor4{background:#1083c1 url("images1/a(4).png") no-repeat 3% 105%;box-shadow:0px 0px 4px grey;}
	.serv{margin:1em 0 1em 0;}
.display{display:flex;justify-content:space-around;}

.box1 ul{font:normal 1em Arial; color:white; margin:0 0 0 2em;}
.box1 ul li{margin:1em 0 0 0;}

.contact1{width:50%; padding:1em;}









.sevrEdit_service {font:normal 1em Arial; width:24.5%; margin:1em 0 0 0; }
.sevrEdit_service h4{color:white; padding:1em; text-align:center; font:normal 1em Arial; }
.sevrEdit_service  ul{ padding:0.5em 1em; background:#efefef; height:13em;}
.sevrEdit_service  ul li{margin:0.5em 0 0 1em; }
.serviceColor1{background:#ef9c03; }
.serviceColor2{background:#e83939;}
.serviceColor3{background:#0ba8db;}
.serviceColor4{background:#a1c801;}

.centerPara{background:#FFAA00; font:normal 1em Arial; color:black; padding:1em; margin:1em 0.2em 0.2em 0.2em; border-radius:8px; }

.centerPara h5{font:normal 1.2em Arial; color:black; background:#FFAA00; text-align:center; padding:0.5em 0; margin:0 0 0.5em 0; }

.centerPara ul{display:flex; flex-wrap:wrap; margin:0 0 0 15%;  list-style:none;}
.centerPara ul li{white-space: nowrap; width:40%; padding:0.5em; margin:0.2em; }
.centerPara ul li span{color:#008810;  }


#center{width:74%; background:#ffffff; margin:3.25em 0 0 0;}
#center h2{color:#494949; font:bold 1.5em Arial; padding:0.5em 0; width:80%; margin:0.5em 0 0 10%;}
.aboutLI_border{ border-bottom:2px solid #008aff;}
.centerAbt_ul{display:flex; list-style:none; margin:2em 0 2em 5%; }
.centerAbt_ul li{margin:0 0 0 1em; font:normal 1.2em Arial; text-align:center; width:28%;border:2px solid white;
	box-shadow:2px 2px 1px lightgrey; border-radius:50px 50px 0 0;
	}
	
.aboutIconsBG1{background:#91BF1F;}
.aboutIconsBG2{background:#019CDE;}
.aboutIconsBG3{background:#F08F02 ;}
	
.centerAbt_ul h5{padding:1em 0; background:black; color:white; ;}
.centerAbt_li_h4{ font:normal 1.2em Arial; text-align:center; margin:0 0 1em 0; color:white; background:#D41D53;
	padding:0.5em 0; margin:0 0.3em;
	}
	
.centerAbt_ul_p{padding:1em 0em 0 0em; text-align:justify; font:normal 1em Arial; line-height:1.4em;width:80%;margin-left:10%;}
.contact{display:flex; padding:2em; justify-content:space-between;}
.officeAddressd {width:30%;}
.contactDiv{width:30%;}
.officePhone{color:#787878; padding:0.5em;font:normal 1.5em Arial;}
.come_join{background:grey; color:white;}
.officePhone img{ margin:0 0.5em 0 0; }
.contact p:nth-child(2){color:#159bd7;margin:0 0 0 5%;font:normal 1.2em Arial; font:normal 1.2em Arial;}
.contact ul{margin:0 0 0 10%;}
.contact ul li{font:normal 1em Arial; margin:0.8em 0 0.2em 0;}
.number{color:#9d9c9c; font:normal 1em Arial;}	
.contactForm{background:#f9f9f9; padding:1em 3em; margin:1em 0;}	
.contactForm input{width:45%; padding:1em; border:0; background:#eeeeee; outline:0; color:#8b8a8a;}	
.contactForm textarea{width:94.8%; padding:1em; border:0; background:#eeeeee; outline:0; 
	margin:1em 0 0 0; height:10em; resize:none; font:normal 0.9em Arial; color:#8b8a8a;}	
.submitButton{color:#2EA3F2; cursor: pointer;font:normal 1em Arial; color:#2ea3f2; width:7.5em;
	border:0; background:#f9f9f9; border:1px solid #2ea3f2; padding:0.8em 1.8em;
	}
.submitButton:hover{background:#2ea3f2; color:white;	}
.contactForm p{font:normal 0.8em Arial;	}

.formHeading{background:#139BD7;

 border-radius:10px 10px 0 0; text-align:center; font:normal 1.4em Arial; padding:0.5em 0;
color:white;
}

.careeForm{width:50%; margin:0 0 0 1em; border-radius:10px; box-sizing:border-box; background:#e8e8e8; 
	padding:0 0 2em 0;
	}
.careeForm input{padding:1em; width:80%; margin:2em 0 0 2.8em;	 box-sizing:border-box; }
.careeForm textarea{padding:1em; width:80%; margin:2em 0 0 2.8em;	 box-sizing:border-box; resize:vertical;;}
.careeForm select{padding:1em; width:80%; margin:2em 0 0 2.8em;	 box-sizing:border-box; resize:vertical;;}
.formButtons{display:flex; }

.titleImages1{display:flex; margin:1.5em 0.4em 0 2em; flex-wrap:wrap;}
.titleImages1 li{list-style:none; height:121px; width:14%; overflow:hidden;
	background:no-repeat; background-size:contain; margin:0 0 1em 0.5em; cursor:pointer;border-radius:10px;
	border:4px solid white; box-shadow:1px 1px 2px gray;background:white;
	}
.titleImages1 li:hover{transform:scale(1.05);	}
	
.titleMove{ padding:1em 1em 2em 1em; border-radius:1em 1em 0 0;}
	
#imageOpenBox{
	background:rgba(0,0,0,0.95);
	width:100%;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	display:none;
	z-index:110;
	text-align:center;
	}
.next{position:relative; cursor:pointer; width:42px; height:42px;background:white;align-self:center;border-radius:10px;}
.next:active{transform:scale(0.95);}
.next:hover{opacity:0.8;}
.preloader{position:fixed; top:0; left:0;}	
#imageContainor {height:100vh; width:100%; padding:0 1em 0em 1em;	display:flex; justify-content:center;}
#imageOpen{height:72vh;	box-shadow:2px 2px 2px #252525; margin:14vh 0.5em 0 0.5em;border:4px solid white;}

 
footer{
	width:74%;
	margin:0 0 0 13%;
	overflow:hidden;
	box-shadow: 0px 0px 3px #3d3d3d;
	}
#copyRight{text-align:center; background:#d6d6d6; line-height:1.5em; padding:0.5em 0; font:normal 0.8em Arial;}
	
	
	
#social{ text-align:center; }
#social ul{ list-style:none; display:inline-block;	}
#social li{background:#00afef; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+18,00afef+18 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 18%, #00afef 18%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 18%,#00afef 18%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 18%,#00afef 18%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00afef',GradientType=0 ); /* IE6-9 */


cursor:pointer;box-shadow:0px 0px 2px grey;border-radius:50%;margin-top:.5em;}
#social li img{height:2.5em;}
#social li:hover{ transform:scale(1.05);}
.call{font-family:arial;font-weight:bold;color:black;text-align:center;width:80%;margin:0 0 0 10%;}
#left{width:13%; background:#ffffff; margin:3em 0 0 0;}
.fixl{position:fixed;left:0;top:11%;width:13%;font-size:0;}
#left img{ }
.rightfix{width:13%;position:fixed;top:10%;right:0;}
.ads1f{}
.ads1{
	
	 border-radius:10px; 
	width:90%;margin:0% 0 0 5%;
	
	
	}
	#ifr{width:800px;height:600px;}
.ads1 p{margin:0.5em 0 0 0; color:white; text-align:center;}
.ads1 img{width:100%;margin:0;}
.ads2{
	background-size:cover; width:90%;margin:0 0 0 5%;}
.ads2 img{width:100%;}
.ads3{ border-radius:10px; width:90%;margin:5% 0 5% 5%;
	 }
.ads3 img{width:100%;margin:0;}
.ads4{width:90%;margin:0 0 0 5%;
	background-size:cover; animation-duration:4s;}
.ads4 p{color:#fff; font:normal 1em Arial; text-align:center;}	
	.ads4 img{width:100%;margin:0;}
.navRotate{animation: navRotate 3s linear infinite alternate;}
	.sb1{margin:2em 0 0 3em;}
	.sb2{margin:2em 0 0 3em;}
@keyframes navRotate {
    from {transform:rotate(0);}
    
	
	
    to {transform:rotate(1deg);}
}
	
.baloonFly{ 
	animation: baloonFly 6s linear 1s infinite alternate;
	}
	
.baloonAnimation{ 
	animation: baloonFly linear 5s infinite alternate;
	}
	
@keyframes baloonFly {
    from {transform:translate(0, 0);}
    to {transform:translate(0, -50px);}
}

@keyframes bannerSlides {
    from {background-image:url("images1/1.png") ; background-repeat:no-repeat ;}
    14% {background-image:url("images1/1.png") ; background-repeat:no-repeat ;}
    15% {background-image:url("images1/2.jpg") ; background-repeat:no-repeat ;}
    29% {background-image:url("images1/2.jpg") ; background-repeat:no-repeat ;}
    30% {background-image:url("images1/3.jpg") ; background-repeat:no-repeat ;}
    44% {background-image:url("images1/3.jpg") ; background-repeat:no-repeat ;}
    45% {background-image:url("images1/4.png") ; background-repeat:no-repeat ;}
    59% {background-image:url("images1/4.png") ; background-repeat:no-repeat ;}
    60% {background-image:url("images1/5.png") ; background-repeat:no-repeat ;}
	74% {background-image:url("images1/5.png") ; background-repeat:no-repeat ;}
	75% {background-image:url("images1/6.jpg") ; background-repeat:no-repeat ;}
	88% {background-image:url("images1/6.jpg") ; background-repeat:no-repeat ;}
	89% {background-image:url("images1/7.png") ; background-repeat:no-repeat ;}
	99% {background-image:url("images1/7.png") ; background-repeat:no-repeat ;}
	to {background-image:url("images1/1.png") ; background-repeat:no-repeat ;}
}

@keyframes boat {
    from {transform:translate(0, 0);}
    50% {transform:translate(0, -4px);}
    to {transform:translate(0, 0);}
}


@keyframes awan-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -2247px 0;
  };
}

@-webkit-keyframes awan-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -2247px 0;
  };
}

@-ms-keyframes awan-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-moz-keyframes awan-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}
.mobilenav{display:none;}
@media (min-width : 320px) and (max-width : 480px) {
body{font-size:80%;}
nav{display:none;}
.mobilenav{display:block;}
#left{display:none;}
#right{display:none; }
.next{align-self:flex-end;top:-2%;}
.t1{left:20%;}
.t2{left:-20%;}
#center{width:98%;margin-left:1%;margin-top:1.5em;box-shadow:0px 0px 0px lightgrey;}

#center h2{}
.centerAbt_ul{flex-direction:column;width:80%;margin:0 0 0 10%; }
.centerAbt_ul li{width:100%;margin:1em 0 1em 0;
	}
	
	.sevrEdit_service{width:95%;margin-left:2.5%;}
	
#banner{ display:none;
	}
	.sb1{margin:2em 0 0 1.5em;}
	.sb2{margin:2em 0 0 2.5em;}
	.contact1{width:100%;padding:1em 0;}
	.careeForm{width:100%;margin:0;}
	.careeForm input{width:90%;margin:2em 0 0 5%;}
	.careeForm textarea{width:90%;margin:2em 0 0 5%;}
	#ifr{width:auto;height:auto;}
.careeForm select{width:90%;margin:2em 0 0 5%;}
	.submitButton{}
	.contactForm input{width:100%;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
	.contactForm textarea{width:100%;margin-left:0;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
	.contact{padding:0;width:80%;margin-left:10%;flex-direction:column;}
	.contactDiv,.officeAddressd{width:100%;}
	.contactForm{padding:0;margin-left:10%;width:80%;}
	.box1{width:100%;margin-bottom:.5em;border-radius:0;box-shadow:0 0 0 black;}
	.display{flex-direction:column;}
	
	.boxHeading1,.boxHeading2,.boxHeading3,.boxHeading4{border-radius:0;}
	.boxColor1{background:#931A81 url("images1/a(1).png") no-repeat 90% 105%;box-shadow:0px 0px 0px grey;}
.boxColor2{background:#188C47 url("images1/a(2).png") no-repeat 100% 105%;box-shadow:0px 0px 0px grey;}
.boxColor3{background:#c0392b url("images1/a(3).png") no-repeat 90% 105%;box-shadow:0px 0px 0px grey;}
.boxColor4{background:#1083c1 url("images1/a(4).png") no-repeat 90% 105%;box-shadow:0px 0px 0px grey;}
.mobilenav ul li{width:100%;}
.mobilenav ul{height:100vh;background:white;}
.mobilenav{height:52px;overflow:hidden;z-index:999999999999999999999999999999999999999999999999999999999999999999999;position:fixed;top:0;width:100%;}
.mobilenav ul li a{width:100%;color:white;text-decoration:none;padding:1em;font:bold 1em Arial;text-align:center;}
.mobilenav li:first-child {display:flex; padding:.5em;align-items:center;margin-bottom:.5em;}
.mobilenav li:first-child div {width:75%;}
.box1:hover{opacity:1;	 transition:all 0s;}
.centerPara{padding:1em; margin:0; border-radius:0px; }
.centerPara ul{margin:0 0 0 0em; width:100%; list-style:none;flex-direction:column;}
.centerPara ul li{width:100%;}
.centerPara  h5{text-align:center;}
.serv{}
.m_footer{bottom:0;position:relative;text-align:center;}
.m_footer ul{display:flex;list-style:none;width:100%;text-align:center;}
.m_footer ul li{flex:1;}
.head_g span{display:block;}
footer{display:none;}
#mainContent{padding:0;}



.titleImages1{margin:0;justify-content:space-around;}
.titleImages1 li{height:auto;width:45%;margin:0 0 .5em 0;}
.titleImages1 li:hover{transform:scale(1);	}
.anim_left ul{flex-direction:column;}
.anim_left ul li{width:100%;}
.anim_left li:nth-child(5) ~ li{display:none;}
.anim_left ul:nth-child(2){}
#d{display:none;}
	}
.anim{display:flex;}
.anim ul{list-style:none;}
.anim ul li{cursor:pointer;display:block;  padding:1em .9em; background:url('images1/Button.png') no-repeat;  color:#fff; text-decoration:none; text-align:center; font:normal 1em Arial;}
.anim_left{width:100%;}
.anim_left ul{display:flex; list-style:none;}
.anim_left li{background:red; width:8em; padding:0.5em 0; margin:0.2em; cursor:pointer; color:white; text-align:center; font:normal 1em Arial;}
.anim_left ul li:hover{transform:scale(1.05);}
.anim_right{width:78%;text-align:center; margin:0 0 0 5.5%;}