/*
*,*:after, *:before{
    box-sizing:border-box;
}
body{
    margin:0px;
    #06A3DA
}
*/
.topbar-info{
    background-color:#303030;
}
#topbarLeft{
    padding-left:200px;
    color:#5cbb44;
}


#topbarLeft > span:nth-child(1), span:nth-child(2){
    display: inline-block;
    padding-right: 5px;
    border-right: 1px solid #ffffff;
}

#topbarLeft > span:nth-last-child(1){
    display: inline-block;
}

#topbarRightf{
   border-right: 1px solid #ffffff; 
   
}

#topbarRightf > a{
   float:right;
   text-decoration:none;
   color: #5cbb44;
   transition:all 0.3s ease-out;
   margin: 0px;
   display: block;
}
#topbarRights > a{
   
   text-decoration:none;
   color: #5cbb44;
    transition:all 0.3s ease-out;
    margin: 0px;
    display: block;
}





.header{
    background:#fff;
    /*position:fixed;*/
    position:absolute;
    left:0;
    width:100%;
    z-index:110;
    padding:15px 30px;
}

.header_left{
    float:left;
}
.header_right{
    float:right;
}
.main_nav ul{
    padding:0px;
    margin:0px;
    list-style:none;
    }

.main_nav ul li{
    float:left;
    margin:0 0 0 5px;
    position:relative;
    font-size:16px;
    letter-spacing:1px;
    font-weight: 600;
    position:relative;
    font-family: 'Roboto', sans-serif;
}

.main_nav ul li a{
    
    text-decoration:none;
    line-height:1.4;
    transition:all 0.3s ease-out;
    font-size: 14px;
    margin: 0px;
    padding: 18px 11px;
    color: #2c2c2c;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

.main_nav ul li:hover > a{
    color:#181A4E;
}

.main_nav ul ul{
    position:absolute;
    left:0;
    top:calc(100% + 15px);
    white-space:nowrap;
    transition:all 0.3s ease-out;
    opacity:0;
    pointer-events: none;
 }
 
 .main_nav ul ul li{
    float:none;
    margin:0;
    border-bottom:1px solid #000;
 }
 
 .main_nav > ul > li > ul:after{
     content:"";
     position:absolute;
     bottom:100%;
     left:0;
     height:16px;
     width:100%;
     
 }
 /* Dropdown UL Background Color*/
 .main_nav ul ul li a{
    background:#fff;
    min-width:225px;
 }
 
 .main_nav ul li:hover > ul{
    opacity:1;
    pointer-events: auto;
}
 /* Dropdown UL Background Hover Color*/
.main_nav ul li:hover ul li:hover > a{
    background:#5cbb44;
    color:#fff;
    
}

/*Caret Color*/
.main_nav ul li i{
    position:absolute;
    right:0;
    top:19px;
    margin-left:5px;
    color:#2c2c2c;
}
/*Caret Hover Color*/
.main_nav ul li:hover > i{
    
    color:#5cbb44;
}

/*#rd Level*/
.main_nav ul ul ul{
    left:100%;
    top:0;
 }
 .main_nav ul ul li i{
    transform: rotate(-90deg);
    right:3px;
    color:#000;
    
 }
 
 .main_nav ul ul li:hover i{
    color:#fff;
 }
 
 
 /*Responsive CSS*/
 
 @media only screen and (min-width:768px) and (max-width:991px){
     .main_nav ul li{
      font-size:16px;
      margin:0px;
        }
     .main_nav ul li a{
      padding:5px;
        }
 }
 
 @media screen and (min-width:768px){
    .nav_icon, #navTrigger{
        display:none;
      }
 }
 
 @media screen and (max-width:767px){
     
     .nav_icon{
         display:block;
         position:relative;
         font-size:36px;
         color:#5cbb44;
         cursor:pointer;
     }
     .main_nav{
         position:fixed;
         left:0;
         top:122px;
         padding:0;
         background:#5cbb44;
         z-index:100;
         height:calc(100% -74px);
         overflow:auto;
         width:calc(100% -100px);
         transition:all 0.3s ease-out;
         transform:translateX(-150%);
     }
     .main_nav ul li{
         float:none;
         margin:0 !important;
         border-bottom:1px solid #fff;
     }
     
     .main_nav ul li a{
         padding:10px;
     }
     
     .main_nav > ul > li:hover > a{
         background:#181A4E;
         color:#fff;
     }
     
     .main_nav ul ul {
         position:static;
         pointer-events: auto;
         opacity:1;
         height:0;
         overflow:hidden;
     }
     
     .main_nav ul ul li a{
         padding-left:30px;
     }
     .main_nav ul ul ul li a{
         padding-left:60px;
     }
     .main_nav ul ul ul ul li a{
         padding-left:90px;
     }
     
     .main_nav ul ul li i{
         transform:rotate(0deg);
         right:10px;
     }
     
     .main_nav ul li i{
         right:10px;
     }
     
     .main_nav ul li:hover > ul{
         height:auto;
     }
     
     #navTrigger{
         opacity:0;
         position:fixed;
         width:0;
         height:0;
         margin:0;
     }
     #navTrigger:checked + .main_nav{
         transform:translateX(0%);
     }
     
 }