/* sample.css */
/*@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);*/

#top-wrapper {
display:table;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width: 100vw
/*
	display:table;margin-left:auto;margin-right:auto;padding:0px;width:100%
	display:table;margin:0 auto; width:100vw !important;
*/
 
}

#cssmenu {padding:0; margin: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }

#cssmenu {
  /*background: #333;*/
  /*border-bottom: 4px solid #1b9bff;*/
  /*font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;*/
  font-size: 16px; 
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; 
}

#cssmenu a {
    /*background: #333;*/
    color: #CBCBCB;
    padding: 0 10px; /*changed from 0 20px; effect gap between menu items*/
}
#cssmenu ul { text-transform: uppercase; }

    #cssmenu ul ul {
      border-top: 4px solid #1b9bff;
      text-transform: none;
      min-width: 190px; 
}
      #cssmenu ul ul a {
        background: #1b9bff;
        color: #FFF;
        border: 1px solid #0082e7;
        border-top: 0 none;
        line-height: 150%;
        padding: 0 20px;/*changed from 16px 20px; no effect*/ 
        
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }
    
#cssmenu > ul > li > a { line-height: 80px;  }

#cssmenu > ul > li > a > img{ padding-top: 25px!important;  } /*brand new-added to bring search button down*/


#cssmenu ul ul li:first-child > a { border-top: 1px solid #0082e7; }
        #cssmenu ul ul li:hover > a { background: #35a6ff; }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #1b9bff; 
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
}
#down{display:none}
/*
 #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
      background: #1b9bff;
      color: #FFF;
}
*/
 #cssmenu ul li:hover > a{
      background: #1b9bff;
      color: #FFF;
}
#cssmenu ul li.active > a {
      background: #005597;
      color: #FFF;
}




    #cssmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0; 
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
}
.search{
	margin: 0 auto;
 /*border: solid 1px red;*/
 display:table;
  //float:left;
  /*margin-left:20px;*/ 
  padding-right:10px;
  
  
 
  padding-top: 10px;
  padding-bottom: 0;
  
  vertical-align: top;
  text-align: center;
  }
 
#logo{
 
  float:left;
  /*margin-left:20px;*/ 
  padding-right:10px;
  
  
 
	padding-top: 22px;/*changed from 5px; brought down the logo*/
  padding-bottom: 10px;
  
  vertical-align: middle;
  
  }
  /*
  #logo img{
  	 width: 150px;
  }
  */




/*
@Media screen and (max-width:480px) { 
*/
@Media screen and (max-width:768px) { 
#top-wrapper {
	display:table;margin:0 auto; width:100vw !important;
}

.logo {
	display: none;
}

#logo{
 
 display:block;cursor:pointer;
 margin-top:0px;
 text-align: left;
 padding-right:10px;
  
 float:left;
  
  padding-right:10px;
  
  
 
  padding: 20px;
  
  
  
   

  }
  #logo.img{
 
  	 width: 150px; vertical-align:bottom;
  	 padding-top:20px;
  	  
  }


    #down{ 
    	display:block;cursor:pointer;
  margin-top:0px;
  /*float:left;*/
  /*margin-left:10px;*/
  text-align: right;
  padding: 20px;
  
  
    }
    
    #down img{
    /*
    		border: solid 1px white;padding: 5px;
    	border-radius: 5px;
    	*/
    }
    
    /*
    #down{cursor:pointer;float: left; display:table;width:80%;margin:0 auto;text-align:center;padding: 20px 0px;background: rgba(27, 155, 255, 0.6);color: white;margin-top: 10px;position:relative;}
    #cssmenu *:not{ float :left !important; width: 100%;padding-left: 0px !important; padding-right: 0px !important;}
    */
#cssmenu {
width: 100%;
display: table;
margin: 0 auto;
}
        #down + #cssmenu  { display: none;}
        #down.open + #cssmenu { display: block;}

   
#cssmenu ul li {    display: block ;    width: 100% ;  text-align:center; } 
#cssmenu > ul > li > a { line-height: 60px;  }
#cssmenu ul ul {
border-top: 4px solid #1b9bff;
text-transform: none;
width: 100%;
/* float: left; */
}
#cssmenu ul ul ul {display:none;}
#cssmenu .has-sub:hover > ul {
border-top: 0 none;
visibility:visible;
display: block;
float: left;
clear: both;
position:relative;
right: 0;
}
        #cssmenu ul li.hover, #cssmenu ul li:hover{
            display:inline-block;
        }
.content1{font-size:100%;}
}


/*
@Media screen and (max-width:768px) {  
.logo{ margin-left:10%;}
}
*/