@font-face {
    font-family: mahanuni;
    src: url(../fonts/mahanuni_2.ttf);
}


body{ background-color:#f0f5e3; font-family: mahanuni, Arial, Helvetica, san-serif;}
.top-bar{ background-color:#008c00;}
.top-bar a{ color:#FFF; font-size:14px; text-decoration:none; padding:20px 15px; line-height:56px; text-decoration: none;}
.top-bar a:hover{ color:#333;  background-color:#f0f5e3; text-decoration:none;}
.open{ background-color:#FFF;}

.top-bar a {
    color: #fff;
 
   font-size: 14px;
    line-height: 27px;
    padding: 20px 15px;
    text-decoration: none;
}
.top_link{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-decoration:none; }
.top_link a{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-decoration:none; padding:10px 16px 10px 16px; line-height:56px; border-left:1px solid #03b803; border-right:1px solid #006700; text-shadow: 1px 1px #005600;}
.top_link a:hover{font-family:Arial, Helvetica, sans-serif; color: #333333; font-size:14px; text-decoration:none; background-color:#f0f5e3; text-shadow: 1px 1px #fff; }


  
.user-icon{ width:60px; height:60px;}
.user-icon img{ padding:4px; margin:0px 13px;}
.dropbtn {  cursor: pointer; border:1px solid #ccc; width:40px; height:40px;}
.dropbtn:hover, .dropbtn:focus {background-color: #3e8e41;}
.dropdown { top:8px; float: right; position: relative; display: inline-block;}

.dropdown-content {background-image:url(../images/arrow.png); background-position:top right; background-repeat:no-repeat; display: none; position: absolute;  border-radius:6px;   min-width: 260px; overflow: auto; box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.2); right: 0; z-index:2;  padding-top:8px; margin-top:-5px;}

.dropdown-content span { color: black; padding: 6px 16px; text-decoration: none; display: block;}
.dropdown-content a { color: black; padding: 6px 16px; text-decoration: none; display: block;}
.dropdown a:hover {background-color: #f1f1f1}
.show {display:block;}

.btn-set{ color:#fff!important;}
.btn-set:hover{color:#000!important;}
.drop-user-left{width:25%; float:left; padding-right:10px; }
.drop-user-left img{ margin:5px;}
.drop-user-right{width:75%; float:left; padding-top:5px; }
.drop-user-buttom{ padding:10px; background-color:#cdcdcd; border-top:1px solid #CCC;}



.search-box{ background-color:#FFF; border-radius:8px; padding:15px; border:1px solid #CCC; }
.search_tagline{ font-size:24px; line-height:52px;}
.ser_box{background-color:#619309;  border:3px solid #619309; border-radius:50px; padding-right:40px;}
.ser{ border-radius:50px; background-color:#b0d76b; color:#000}
.sericon{position:absolute; width:40px; height:50px; right:5px; top:0px; z-index:99; font-size:22px; padding:0px; color:#FFF;}
.keyicon{position:absolute; width:40px; height:50px; right:30px; top:0px; z-index:99; font-size:22px; padding:2px; color:#FFF;}
.ser-redio-box{ padding:0px;}
.buttom-bar{background-color: #008c00; bottom:0; z-index:-1; height: 35px; position: absolute; width: 100%; color:#FFF; line-height:33px;}
.copy{ width:30%; float:left;}
.link{width:70%; float:right;}
.footer-link { text-align:right;}
.footer-link a{ color:#FFF; text-decoration:none; padding:10px 8px;}
.footer-link a:hover{ color:#333;  background-color:#f0f5e3; text-decoration:none;}