body{
	
}
.fac{
	width: 40%;
}
#copy h1 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff;  width:100%; text-shadow:none; font-weight:normal;}
#fotter{width: 100%; }
.clear{ clear:both;}
.clear2{ clear:both; height:100px;}
/*#menuuu {width:100%; height:157px; position:relative; z-index:100000000000000000000000000000000000000; border-bottom:5px solid #00fffc;}
#menuuu  ul { width:100%; height:157px;}
#menuuu  ul li { width:20%; float:left; line-height:157px; text-align:center;}
#menuuu ul li a { font-family:verdana; font-size:14px;color:#fff;}
#menuuu  ul li:hover { border-top:5px solid #00fffc;}
#menuuu  ul li a:hover { color:#00fffc;}*/
.active{
	border-top:3px solid #05acd3;
}
.active a{
	
}
.about p{color:#fff; font-family:verdana; font-size:14px; text-align:left;margin:auto; padding-top:13px;}
.about p span{color:#05acd3; font-family:verdana; font-size:16px; text-align:center;margin:auto;}
.about h1{color:#fff; font-family:verdana; font-size:20px;margin:auto;}
.hedder{ margin-top:50px; background:rgba(5,172,211,0.8); width:100%; padding:0px ; height:125px;}

#formtable{
   
   direction: ltr;
   color: #FFFFFF;
   font-weight: bold;
  
}

.bg {
    position: relative;
    z-index: 1;
}

.bg:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/5.jpg") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity: 0.3;
}
.bg2 {
    position: relative;
    z-index: 1;
}

.bg2:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/4.jpg") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity: 0.3;
}
.bg3 {
    position: relative;
    z-index: 1;
}

.bg3:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/3.JPG") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity: 0.3;
}
.bg4 {
    position: relative;
    z-index: 1;
}

.bg4:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/2.jpg") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity: 0.3;
}



.t02 {
    width:70%;
    font-size: 13px;
    direction: ltr;
     border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
      padding: 5px;
    text-align: left;
    margin-top: 12px;
    border-top: 3px solid #05acd3;
    border-bottom: 3px solid #05acd3;
}
.t02 input{
	width: 100%;
}
table.t02 tr:nth-child(even) {
    background-color: #e1dfe0;
}
table.t02 tr:nth-child(odd) {
   background-color:#eaeaea;
}
.t02 th	{
    background-color: #05acd3;
    color: #FFFFFF;
     border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
      padding: 10px;
    text-align: left;
   
}
.t02 td{
	 border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
      padding: 5px;
    text-align: left;
}
.t02 td a{
	color: #5891ac;
}
.all{
margin-top: 20px;
}



.yellow2{
	background-color: #05acd3;
	margin: 10px;
	position: relative;
	float: left;
	width: 18%;
}


.serv-box{
	
width: 90%;
margin: auto;
height: 200px;
}
.serv-boximg img{
	width: 100%;
	height: 140px;
	border: 2px solid #ffffff;
	border-raduis: 5px;
	margin-top: 20px;
	z-index: 1;
}
.serv-boxtitle{
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
}
.serv-boxtitle a{
	color: #FFFFFF;
}
.ifr{
	margin-top: 20px;
}
.mmap{
	
}
/*------------------------------------------------------------------------------------------------------------------------------*/

.animated { 
	z-index:10000;
	position:relative;
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;

} 

@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}
/*------------------------------------------------------------------------------------------------------------------------------*/
.animated2 { 
    -webkit-animation-duration: 4s; 
    animation-duration: 4s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}


/*------------------------------------------------------------------------------------------------------------------------------*/
.animated3 { 
    -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}
/******************************************************************/
.slideall {
width: 100%;
height: 140px;
overflow: hidden;
position: relative;
margin-top: 55px;
float: left;
text-align: left;

}

#slidess1 {
min-width: 6000px;
height: 140px;
left: 0px;
top: 5;
position: absolute;

}

.slides1 {
width: 110px;
height: 80px;
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
margin-right: 15px;
margin-left: 15px;
padding-top: 0;
border: 1px solid #e5e5e5;
text-align: center;
margin-top: 0;
}

.slides1 img {
	width: 110px;
	height: 80px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.slides1 img:HOVER {
	box-shadow: 1px 1px 6px 0px rgb(237, 28, 36);
}

#right,#left {
width: 32px;
height: 45px;
cursor: pointer;
position: absolute;
}

#left {
z-index: 2;
background: url('../images/prev.png') no-repeat scroll 0% 0% transparent;
background-color:rgba(5,172,211,0.8);
top: 40px;
left: 0px;
display: none;
}

#right {
z-index: 2;
background: url('../images/next.png') no-repeat scroll 0% 0% transparent;
background-color:rgba(5,172,211,0.8);
top: 40px;
right: 0px;
display: none;
}
.pimg2 img{
	
    width: 100%;
   
    margin: auto;
    

}
.pimg2{
	max-width: 100%;
	min-width: 80%;
	margin-top: 15px;
}
.colbg{
	background-color: #000000;
	padding: 20px;
	
}
.colbg2{
	background-color: #000000;
	padding: 50px;
	
}

.pspan{
	color: rgb(5,172,211);
	font-size: 15px;
	border: 2px solid #ccc;
margin-top: 20px;
  border-radius: 20%;
  font-family: verdana;
  padding: 10px;
}
.pspan2{
	color: rgb(5,172,211);
	font-size: 17px;
  border-radius: 20%;
  font-family: verdana;
  
}

.about{
	margin-top: 18px;
}

a {
  color: #fff;
  text-decoration: none;
}
.me {
  width: 400px;
  margin: 90px auto;
}
.me p,
.me h1 {
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.me p {
  font-weight: 200;
}
.me span {
  font-weight: bold;
}
.social {
  position: fixed;
  top: 65%;
  
  
}
.social ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 300px;
  text-align: right;
  padding: 10px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
  color: #000;
}
.social ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #000;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: #ffffff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}


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




@media only screen and (max-width:800px){
	
#menuuu {width:100%; height:auto;  margin:auto; border-bottom:none;}
#menuuu  ul { width:100%;}
#menuuu  ul li { width:100%; float:none; line-height:50px; text-align:center;}
#menuuu ul li a { font-family:verdana; font-size:14px;color:#fff;}
#menuuu  ul li:hover { border-top:none;}
#menuuu  ul li a:hover { color:#00fffc;}

.clear2{ clear:both; height:100px;}
.clear{ clear:both;}
	.yellow2{

	width: 100%;
}
.fac{
	width: 20%;
}
.hedder{ height:140px;}
.t02 {
    width:100%;
}
.t02 td{
      padding: 0px;
}

	}