@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap');
.myres {
-webkit-flex: 1;
-ms-flex: 1;
-moz-flex: 1;
-o-flex: 1;
flex: 1;
font-size: 14px;
}
.nav,.nav ul {
list-style:none;
margin:0;
padding:0;
}
.nav {
position:static;
width: 100%;
}
.bg
{
font-size:16px;
font-family: 'Cairo', Geneva, sans-serif;
/*color:#145D8E;*/
color:#000000;
padding: 40px 10px;
text-align:justify;
line-height:1;
}
.nav ul {
top:auto;
padding: 0;
margin: 0;
background: #fff;
}
.nav li {
float: right;
position: relative;
width:156px;
}
.vision{
width:20%;
border-radius:8px;
float:center;
padding-left: 10px;
background-color: #a68c42;
opacity: 0.8;
color:#003300;
font-family: 'Cairo',sans-serif;
}
.nav li a {
font-family: 'Cairo',sans-serif;
line-height: 40px;
/**-moz-transition:3.0s;
-ms-transition:3.0s;
-o-transition:3.0s;
-webkit-transition:3.0s;**/
/*background-color:#7770B4;*/
background-color:#A48A3F;
/** background-color:#191919;**/
/*border:1px solid #6E67A6;*/
/**border:1px solid #957E39;**/
color:#003300;
display:block;
font-size:18px;
/*font-weight:bold;*/
line-height:auto;
padding:4px 2px;
text-decoration:none;
/*transition:0.5s;*/
text-align:center;
}
.nav .limain a {
line-height: 20px;
/**-moz-transition:3.0s;
-ms-transition:3.0s;
-o-transition:3.0s;
-webkit-transition:3.0s;**/
/*background-color:#7770B4;*/
background-color:#A48A3F;
/*background-color:#191919;*/
/*border:1px solid #6E67A6;*/
/**border:1px solid #957E39;**/
color:#d6d6d6;
display:block;
font-size:17px;
/*font-weight:bold;*/
line-height:auto;
padding:8px 8px;
text-decoration:none;
/*transition:0.5s;*/
text-align:left;
}
.nav li:hover > a {
/*background:#8CCA33;*/
/*border-color:#6E67A6;*/
color:#fff;
}
.nav ul li a:hover {
/*background:#8CCA33;*/
background:#990617;
color:#ffffff;
/*background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255,
255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba
(255, 255, 255, 0));
background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba
(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba
(255,255,25,0));*/
}
.nav li:hover ul{
height: auto;
width:85%;
}
.nav ul ul ul li a:hover {
background:#CC690E;
/*background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255,
255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba
(255, 255, 255, 0));
background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba
(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba
(255,255,25,0));*/
}
.nav ul ul ul li a {
background:#8CCA33;
/*background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255,
255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba
(255, 255, 255, 0));
background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba
(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba
(255,255,25,0));*/
font-size:10px;
text-align:left;
}
.nav ul ul li a {
font-size:10px;
text-align:left;
line-height:auto;
width:100%;
}
.nav ul ul {
position: absolute;
/*left: 0;*/
/*right:21px;*/
top: 100%;
display: none;
}
.nav ul ul ul {
/* left: 100%; */
left: 100px;
top: 0;
background: blue;
}
.nav li:hover > ul {
display: block;
}
.imgaa {
position: absolute;
min-height: 150px;
opacity:.2;
left: 290px;
z-index: -1;
}
