html{width:100%;

}


/*menu*/
.container{
margin:0 auto;
margin-right: 0;
margin-left:0px;
width: 100%;
clear:both;
}

.menu, .menu ul{
list-style: none;
padding: 0;
margin: 0;
margin-right: 5px;
background-color: navy;
font-family: Arial;
}

.menu{
height: 58px;
margin-left: 30px;
background-color: navy;
}
.menu li{ 
background:  navy;

max-width:100%;
min-width: 180px;
opacity: 0.3;
font-weight: bolder;
}

.menu > li{
display: block;
float: left;
position: relative;
margin-top:10px;
background:  navy;
margin-left:2px;
 opacity: 1;
}

.menu > li:first-child{

border-radius: 8px 0 0;
-moz-border-radius: 5px 0 0;
-webkit-border-radius: 5px 0 0;
-o-border-radius: 5px 0 0;

}

.fina {
    border: 1px solid #0066FF;
    border-radius: 4px;
    padding: 5px;
    margin:  5px;
    
    float: center;

    
}
table, tr, td{display:inline-block;}
.fina:hover {
    box-shadow: 0 0 5px 4px rgba(0, 140, 186, 0.5);
}


.container{
width:100%;

}
.menu a{background-color: navy;
border-left: 1px;
color: #fff;
display: block;
font-family:'Arial';
font-size: 18px;

line-height: 54px:
 padding:0 25px;
text-decoration: none;
text-transform: none;
}
.menu li:hover{
background-color: navy;
opacity: 1;
font-weight: bolder;
}

.menu > li:hover > a{
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-o-border-radius: 8px 8px 0 0;
border-right:3px ;
border-top:1px; 
color: #fff;
}
.ma{
	box-shadow: 10px 10px 10px 0 skyblue;
	-moz-box-shadow: 10px 10px 10px 0 skyblue;
	-webkit-box-shadow: 10px 10px 10px 0 skyblue;

}

.submenu{
left: 0;
max-height: 0;
position: absolute;
top: 100%;
z-index: 0;

perspective: 400px;
}

.submenu li{
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);

transition: opacity .4s, transform .5s;
-moz-transition: opacity .4s, transform .5s;
-webkit-transition: opacity .4s, transform .5s;
}

.menu .submenu li:hover a{
border-left: 1px ;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
color: #fff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu{
max-height: 2000px;
z-index: 10;
} 


.space{height:30px;}


.menu > li:hover .submenu li, .menu > li:focus .submenu li{
opacity: 1;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}


.menu > li:hover .submenu li:nth-child(1){
transition-delay: 3ms;
-webkit-transition-delay: 3ms;
-moz-transition-delay: 3ms;
-ms-transition-delay: 3ms;
-o-transition-delay: 3ms;


}


.menu > li:hover .submenu li:nth-child(2){
transition-delay: 50ms;
-moz-transition-delay: 50ms;
-webkit-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;


}

.menu > li:hover .submenu li:nth-child(3){
transition-delay: 100ms;
-moz-transition-delay: 100ms;
-webkit-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;


}


.menu > li:hover .submenu li:nth-child(4){
transition-delay: 150ms;

-moz-transition-delay: 150ms;
-webkit-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;

}


.menu > li:hover .submenu li:nth-child(5){
transition-delay: 200ms;
-moz-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;

}

.menu > li:hover .submenu li:nth-child(6){
transition-delay: 250ms;
*transition-delay: 250ms;
-moz-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;

}

.menu > li:hover .submenu li:nth-child(7){
transition-delay: 300ms;
-moz-transition-delay: 300ms;
-webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
}


.submenu li:nth-child(1){
*transition-delay: 300ms;
transition-delay: 300ms;
-moz-transition-delay: 300ms;
-webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
}

.submenu li:nth-child(2){

transition-delay: 250ms;
-moz-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
}
.submenu li:nth-child(3){
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
}

.submenu li:nth-child(4){
transition-delay: 150ms;
*transition-delay: 150ms;
-moz-transition-delay: 150ms;
-webkit-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
}

.submenu li:nth-child(5){
transition-delay: 100ms;
-moz-transition-delay: 100ms;
-webkit-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;
}

.submenu li:nth-child(6){
transition-delay: 50ms;
-moz-transition-delay: 50ms;
-webkit-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;
}

.submenu li:nth-child(7){

transition-delay: 0s;
-moz-transition-delay: 0ms;
-webkit-transition-delay: 0ms;
-ms-transition-delay: 0ms;
-o-transition-delay: 0ms;
}

.fa-caret-down{
float: left;
color: #fff;


}



/* Header */
.header{
  width:100%;
  height:50px;
  background:#0099FF;
  color:#FFFFFF;
  top:0px;
  border: 1px;
 
}

.himg{margin-right: 50px; margin-top: 1px; height: 80px;
}

.logo{
  width:100%;
  height:95px;
  position:relative;
  top:5.5px;
  
  
}


.containerd1{position:fixed; width:100%; top:0px; height: 250px;clear: both; }
.containerd2{width:100%; clear: both;  }
/* Content */

.footer {
  font-family:Raleway;
  font-weight:normal;
  font-size:14px;
  color:#fff;
  background-color: navy;
  height: 300px;
  width: 100%;


}
/*@media (min-width: 320px) and (max-width: 480px){
  body{width: 100%;  display: inherit !important;}
#slider{ width:90%;
  height:200px;}
  
  .menu1, .menu1 ul li{float: left; height: 17px; display:block;  
    vertical-align: baseline; position:fixed-top; display: inherit !important;
     }

     .menu1{font-size: 0.1em; height: 15px; font-weight: none; float:left;   }
     .menu{height: 15px; font-weight: none; float: left;  display: inherit !important;}
}*/






/*media*/