* {	
	margin: 0;
	padding: 0;
}
body {
	font-size: 11pt;
	line-height: 1.75em;
	background:url(images/bg.jpg);
	 text-align: center;
}
body,input {
	font-family: Antic, sans-serif;
}
h1,h2,h3,h4 {
	text-transform: ;
}
h1 { text-align:center;
}
h2 {list-style-type: none;
	display: inline-block;
	font-size:2em;
	margin: 0px 0px 10px 10px;
	font-family: times new roman;
}
	
h3 {	

	margin: 0px 0px 10px 10px;
	font-family: Antic, sans-serif;
	color:#100c08;
	background:#3355ff; 
	 border-radius:20px;
   text-align: center;
   	font-size: 1.5em;}

	
 h4 {
	font-size: 1.5em;
	text-align:center;
	margin: 10px 10px 10px 10px;
	font-family: Bookman Old Style;
	color:#f7f7f7;
	  }

	h5{
	text-align:center;
	font-size: 0.7em;
	margin: 0px; 
	font-family: Bookman Old Style;
	color:#0244f7;
	
	
}
h6{ 
	
	font-size: 0.6em;
	text-align:center;
	margin: 0px ;
	font-family: Bookman Old Style;
	color:#fa4487;
	}

	

p.normal {
  font-size: 1.5em;
}
p.thick {
  font-weight: bold;
}
img.top {
  margin: 8px 0 20px 0;
}

img.bottom 
{
  margin: 0;
}
img {
  border-radius: 5%;
}

/* Slideshow container */
.slideshow-container {
  max-width: 800px;
  max-height: 800px;
  position: justify;
  margin: auto;
}
/* The dots/bullets/indicators */
.dot {
  height: 5px;
  width: 5px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active {
  background-color: #66ffee;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
   animation-name: fade;
   animation-duration: 1s;
}
#outer {
	background:url(images/image1.jpg);
	margin: 10 auto;
	width: 1300px;
	overflow: hidden;
	background-repeat: no-repeat;
	border-radius:20px;
	background-size: cover;
}
#bodysub1 {
	background: #FFF2F7;
	margin:0;
	max-width: 600px;
	min-height: 200px;
	overflow: hidden;
	padding: left;
	 border-radius:20px;
}
.nav {
	padding: 0;
	width: 550px;
	height: 10px;
	margin: 0px;
	font-family: Antic, sans-serif;
	list-style: none;
	
	}

#table1 {
  font-family: Antic, sans-serif;
  font-size : 20px;
  text-align: centre;
  width: 100%;
  }
#table1 td,th {
  padding: 0px;
  background-position:center;
  text-align: center;
  width: auto;
}
.table1 {
    width:1000px;
   margin: 0px  100px  0px  150px;
    font-size:14px;
    border:1px solid #000;
   background: #FFF2F7;
border-radius:20px;
	}
	.table1 th {
		border-radius:20px;
			font-size:30px;
    padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #04AA6D;
  color: white; }
	.table1 td {

		font-size:20px;
    color:#000099;
    vertical-align:middle;
    text-align:center;
    border:1px solid #000; 
	padding: 5PX;
	}
	.table1 img hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
.table2 {
    width:1000px;
   margin: 0px  100px  0px  150px;
    font-size:12px;
    border:1px solid #000;
   background: #FFF2F7;
border-radius:20px;
	}
	.table2 th {
		border-radius:20px;
			font-size:18px;
    padding-top: 10px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #34d2eb;
  color: white; }
	.table2 td {
		border-radius:20px;
		font-size:14px;
    color:#000099;
    vertical-align:middle;
    text-align:center;
    border:1px solid #000; 
	padding: 5PX;
	}
	.table2 img hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
	
	

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #FFAC33;
  
}
li {
  float: left;
}
li a, .dropbtn {
  font-family: Antic, sans-serif;
  font-size: 1em;
  display: inline-block;
  color: Black;
  text-align: center;
  padding: 5px 12px;
  text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
  background-color: white;
}
li.dropdown {
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color:#FFFFFF;
  min-width: 20px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover 
{
   background-color: #FFAC33;
}
.dropdown:hover .dropdown-content 
{
   display: block;
}
li2 a, .dropbtn {
   font-family: Antic, sans-serif;
   font-size: 1em;
   display: inline-block;
   color: Black;
   text-align: center;
   padding: 5px 12px;
   text-decoration: none;
}
li2 a:hover, .dropdown:hover .dropbtn {
  background-color: white;
}
/* ///////////////////////////////////////////////////////////////////////////// Nav /////////////////////////////////////////////////////////////////////////// */

div.gallery {
	margin: 10px 10px 10px 5px;
    float: left;
    width: 180px;
}
div.gallery:hover {
   transform: scale(1.1);
}
div.gallery img {
   border-radius: 50%;
   width: 100%;
   height: auto;
}
div.desc {
  padding: 20px;
 }
div.gallery1 {
  margin: 60px 30px 50px 50px;
  float: left;
  width: 180px;
}
div.gallery1 img {
  width: 120%;
  height: auto;
}
div.gallery2 {
   margin: 60px 80px 50px 0px;
   float: right;
   width: 180px;
}
 div.gallery2 img {
  width: 120%;
  height: auto;
 }
 div.gallery3 {
	 
  margin: 10px 10px 10px 180px;
   float: left;
  width: 80px;
}
div.gallery3:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.8); 
}

div.gallery3 img {
  width: 75%;
  height: auto;
}
div.gallery3 desc {
  padding:0px;
  text-align: center;
  
}
div.gallery4 {
  margin: 10px 70px 100px 140px;
 
  float: left;
  width: 200px;
}
div.gallery4:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

div.gallery4 img {
  width: 100%;
  height: auto;
}
 @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}


.value {
  font-size: 25px;
  display: block;
  font-weight: bold;
  color: red;
  color: red;
 }
 div.gallery5 {
  margin: 10px 10px 10px 45px;
   float: left;
  width: 200px;
}
div.gallery5:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

div.gallery5 img {
  width: 100%;
  height: auto;
}
 @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}


.value {
  font-size: 25px;
  display: block;
  font-weight: bold;
  color: red;
  color: red;
 }
 div.gallery6 {
  margin: 10px 10px 10px 45px;
   float: left;
  width: 200px;
}
div.gallery6:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

div.gallery6 img {
  width: 75%;
  height: auto;
}
 @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}


.value {
  font-size: 25px;
  display: block;
  font-weight: bold;
  color: red;
  color: red;
 }
 div.gallery7 {
  margin: 20px 60px 80px 60px;
 
  float: left;
  width: 200px;
}
div.gallery7:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

div.gallery7 img {
  width: 100%;
  height: auto;
}
 @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}


.value {
  font-size: 25px;
  display: block;
  font-weight: bold;
  color: red;
  color: red;
 }

div.gallery8 {
  margin: 10px 10px 10px 170px;
   float: left;
  width: 200px;
}
div.gallery8:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

div.gallery8 img {
  width: 75%;
  height: auto;
}
 @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}


.value {
  font-size: 25px;
  display: block;
  font-weight: bold;
  color: red;
  color: red;
 }
 div.gallery9 {
  margin: 10px 10px 10px 300px;
   float: left;
  width: 200px;
}
div.gallery9:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

div.gallery9 img {
  width: 75%;
  height: auto;
}
 @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}


.value {
  font-size: 25px;
  display: block;
  font-weight: bold;
  color: red;
  color: red;
 }
.left {
 background-color: #f1f1f1;
  border: 2px solid red;
  border-radius:20px;
  margin:0px 20px 5px 10px;
  min-height:200px;
  padding: 10px;
  float: left;
  width: 10%; 
  border-color:#ff33be;
  text-align: center;
    }
.right {
   background-color: #f1f1f1;
   border: 2px solid red;
   border-radius:20px;
   margin:0px 0px 0px 10px;
   min-height:200px;
   padding: 10px;
   float: right;
   width: 10%; 
   border-color:#ff33be;
  }
.main {
   border: 2px solid red;
   background-color: #f1f1f1;
   padding: 10px;
   float: left;
   width:40%; 
   border-radius:20px;
}
.counter {
   background-color: #f1f1f1;
   border: 2px solid red;
   border-radius:100px;
   margin:10px 20px 10px 115px;
   float: center;
   width: 8%; 
   border-color:#ffff33;
   float: left;
   text-align: center;
   }
 .outbox{
	 margin:10px 50px 50px 100px;
   }
   
 
   .flip-box {
  background-color: transparent;
  width: 250px;
  height: 250px;
  border: 20px solid #f1f1f1;
  perspective: 1000px;
  position: center;
   margin: 0px  0px  0px  60px;
  text-align:centre /* Remove this if you don't want the 3D effect */
}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.flip-box-front {
  background-color: #bbb;
  color: black;
  
}
.td{text-align:center; vertical-align: middle}
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
  
}
.empty-box {
  background-color: transparent;
  width: 250px;
  height: 250px;
  
  perspective: 1000px;
  position: center;
   margin: 0px  0px  0px  90px;
  text-align:centre /* Remove this if you don't want the 3D effect */
}
.topbox {
 
  list-style-type: none;
 text-align: right;
  margin: 0;
  padding: 0;
  height: 20px;
}

.topbox p {
	color: yellow; 
	margin: 0px 5px 0px 0px;
  display: inline-block;
  font-size:15px;
  padding: 0px;
}
.box-org{
 background-color: #f1f1f1;
   border-radius:20px;
  width:auto;
  border: 10px solid blue;
  padding: 50px;
  margin: 5px  200px  0px  200px;
   text-align: left;
   
}
.desk{
  background-color: #c5f9ff;
  width: 900px;
  border: 15px #1600e6;
  padding: 10px;
  margin: 0px  0px  0px  200px;
   text-align: center;
}
.contact {
  background-color: #4733ff;
  width:700;
  border: 10px solid yellow;
  padding: 1px;
   margin: 0px 250px 0px 275px;
   text-align: center;
}
#about {
	background-color: #f1f1f1;
  border: 2px solid red;
  
  border-radius:20px;
   margin: 5px  200px  0px  200px;
  min-height:200px;
   text-align:left;
	background: #ffffff;
	max-width: 1300px;
	min-height: 200px;
	 padding: 10px ;
}

#copyright {
	
    padding: 4px ;
	width: auto;
	height: 20px;
	line-height: 20px;
	margin:0px ;
	background: #FFAC33;
	font-family: Antic, sans-serif;
	list-style: none;
	text-align: center;
	}
#copyright a {
	color:#100c08;
	text-align:center
}
 
	  