@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (https://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (https://richclarkdesign.com)
 * https://cssreset.com
 */

#hybridmenu ul, #hybridmenu li, #mobile-menu ul, #mobile-menu li, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
align-content:center;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}



/* ----------------------------- JQuery UI ----------------------------- */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}

/* ----------------------------- Custom Code ----------------------------- */



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



 



h1 {
  font-size: 23px;
  line-height: 26px;
  padding-bottom: 20px;
}

p {
  padding-bottom: 5px;
}

/* ----------------------------- Menu Code ----------------------------- */
 

#hivir {
    background-color:red;
    width:100px;
    height:100px;
    display:block;
    position:relative;
    float:left;
}
#hivir1 {
    background-color:yellow;
    width:100px;
    height:100px;
    display:block;
    position:relative;
    float:left;
}
 





 



 
  
@media screen and (min-width: 320px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


                                    #hybridmenu {
                                     -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     position: fixed;
                                     width: 100%;
                                     font-family: arial, 'Open Sans' , sans-serif;
                                     background-color: #5c669a;
                                     top: 0;
                                     z-index: 1;
                                     left: 0;
                                     height: 103px;
                                     display:none;
                                     padding-top:60px;
                                     padding-left:1%;
                                     background-color: #5c669a;
                                     white-space: nowrap;
                                     border-bottom-style: solid;
                                     border-bottom-width: 1px;
                                     border-bottom-color: #b0b0b0;
 
                                   }


                                   #wrapper {min-width:300px;width: 98%;margin: 3% 1% 0% 1%;min-height: 600px;position: relative;background-color:transparent;}



                                    #mybgcarousel{ /* CSS for specific carousel container called #mybgcarousel. */
                                      width: 100%;
                                      min-height:40%;  
                                      display:none;
                                      position: fixed;
                                      background-color: white;
                                      border:1px;
                                      vertical-align:top; 
                                      margin: 100px 0 0 0;
                                    }

                                    #MobilMenyBox{width:100%;height:70px;top:0px;left:0px;display:block;position:fixed;float:left;z-index:150;background-color:#3d4467;padding:0%;margin:0%;}
                                        .mobilside {height: 0;width:100%;position: absolute;z-index:15;left: 0px;top:212px;background-color:white;overflow-x: hidden;margin:0% 0% 0% 0%;overflow-y: hidden;transition: 0.5s;padding:0% 0% 0% 0%; -webkit-box-shadow: 0px 10px 0px   rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 10px 0px   rgba(0, 0, 0, 0.5);box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);}
                                        .mobilside .closebtn {position: absolute;top: 0;right: 25px;top: 60px;font-size: 36px;margin-left: 50px;}
                                       .menyLogo{display:block;position:fixed;float:left;z-index:18;}

                                    #hybridmenu ul {
                                       margin: 0 auto;
                                       width: 100%;
                                       padding-left:5%;
                                       padding-right:5%;
                                   }

                                   #hybridmenu ul li {
                                       float: left;
                                       height: 40px;
                                   }

                                   #hybridmenu ul li a,
                                   #mobile-menu ul li a {
                                          font-family: 'Open Sans', sans-serif;
                                       font-size: 1.0em;
                                       color: white;
    
                                       line-height:35px;
                                       text-decoration: none;
                                       font-weight: lighter;
                                       text-transform: uppercase;
                                       width: 100%;
                                       height: 42px;
                                       display: block;
                                       white-space:nowrap;
                                       position:relative;
                                       text-decoration: none;    
                                       padding: 5px 5px 0px 5px;
 
                                       -moz-box-sizing: border-box;
                                       -webkit-box-sizing: border-box;
                                       box-sizing: border-box;
                                       opacity: 0.94;

                                   }

                                   #mobile-menu ul li a {
                                     height: auto;
                                   }
                                     

                                     #mySidenav{display:block;height:100%;overflow-y:auto;}
        
                                     #NewMenu{display:block;}
        
                                     #menyTextBoxBlank{display:block;}
                                      
                                      #inclBasepInfoMain{min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;}
                                      
                                      #inclBasepInfoRight{min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;}
                                    
 
                                      .LeftColumn{min-width:320px;width:auto;height:auto;display:block;position:relative;float:left;margin: 30% 0% 0% 0%;}
                                      .RightColumn{min-width:320px;width:auto;height:auto;display:block;position:relative;float:left;margin: 25% 2% 0% 2%;}
  
                                      .footersize{min-width:320px;width:100%;height:auto;display:block;text-align:center;position:relative;float:left;margin: 10% 1% 1% 1%; font-family: 'Open Sans', sans-serif;
                                       font-size: 0.5em;
                                       color: #5c669a;

                                      }


}

@media screen and (min-width: 800px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


                                    #hybridmenu {
                                     -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     position: fixed;
                                     width: 100%;
                                     font-family: arial, 'Open Sans' , sans-serif;
                                     background-color: #5c669a;
                                     top: 0;
                                     z-index: 1;
                                     left: 0;
                                     height: 103px;
                                     display:block;
                                     padding-top:60px;
                                     padding-left:1%;
                                     background-color: #5c669a;
                                     white-space: nowrap;
                                     border-bottom-style: solid;
                                     border-bottom-width: 1px;
                                     border-bottom-color: #b0b0b0;
 
                                   }

                                   #mhybridmenu{display:none;}


                                   #wrapper {min-width:300px;width: 98%;margin: 3% 1% 0% 1%;min-height: 600px;position: relative;background-color:transparent;}


                                 


                                    #mybgcarousel{ /* CSS for specific carousel container called #mybgcarousel. */
                                      width: 100%;
                                      min-height:40%;  
                                      display:block;
                                      position: fixed;
                                      background-color: white;
                                      border:1px;
                                      vertical-align:top; 
                                      margin: 100px 0 0 0;
                                    }

                                    #MobilMenyBox{width:100%;height:70px;top:0px;left:0px;display:block;position:fixed;float:left;z-index:150;background-color:#3d4467;padding:0%;margin:0%;}
                                        .mobilside {height: 0;width:100%;position: absolute;z-index:15;left: 0px;top:212px;background-color:white;overflow-x: hidden;margin:0% 0% 0% 0%;overflow-y: hidden;transition: 0.5s;padding:0% 0% 0% 0%; -webkit-box-shadow: 0px 10px 0px   rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 10px 0px   rgba(0, 0, 0, 0.5);box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);}
                                        .mobilside .closebtn {position: absolute;top: 0;right: 25px;top: 60px;font-size: 36px;margin-left: 50px;}
                                       .menyLogo{display:block;position:fixed;float:left;z-index:18;}

                                    #hybridmenu ul {
                                       margin: 0 auto;
                                       width: 100%;
                                       padding-left:5%;
                                       padding-right:5%;
                                   }

                                   #hybridmenu ul li {
                                       float: left;
                                       height: 40px;
                                   }

                                   #hybridmenu ul li a,
                                   #mobile-menu ul li a {
                                          font-family: 'Open Sans', sans-serif;
                                       font-size: 1.0em;
                                       color: white;
    
                                       line-height:35px;
                                       text-decoration: none;
                                       font-weight: lighter;
                                       text-transform: uppercase;
                                       width: 100%;
                                       height: 42px;
                                       display: block;
                                       white-space:nowrap;
                                       position:relative;
                                       text-decoration: none;    
                                       padding: 5px 5px 0px 5px;
 
                                       -moz-box-sizing: border-box;
                                       -webkit-box-sizing: border-box;
                                       box-sizing: border-box;
                                       opacity: 0.94;

                                   }

                                   #mobile-menu ul li a {
                                     height: auto;
                                   }
 
 


                               #wrapper {
                                       min-width:300px;
                                       width: 60%;
                                       margin: 20% 10% 0% 10%;
                                     min-height: 600px;  
                                     position: relative;
                                     background-color: transparent;
 
                                    
                                    }
 
                                    .LeftColumn{min-width:320px;width:45%;height:auto;display:block;position:relative;float:left;margin:15px;}
                                    .RightColumn{min-width:320px;width:45%;height:auto;display:block;position:relative;float:left;margin:15px;}
 

     .footersize{min-width:320px;width:100%;height:auto;display:block;text-align:center;position:relative;float:left;margin: 10% 2% 2% 2%;}
}
 
 
@media screen and (min-width: 1680px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


 
                                    #hybridmenu {
                                     -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
                                     position: fixed;
                                     width: 100%;
                                     font-family: arial, 'Open Sans' , sans-serif;
                                     background-color: #5c669a;
                                     top: 0;
                                     z-index: 1;
                                     left: 0;
                                     height: 103px;
                                     display:block;
                                     padding-top:60px;
                                     padding-left:1%;
                                     background-color: #5c669a;
                                     white-space: nowrap;
                                     border-bottom-style: solid;
                                     border-bottom-width: 1px;
                                     border-bottom-color: #b0b0b0;
 
                                   }



#hybridmenu ul li:hover a {
    background-color: transparent; /* Hover color of menu */
    color:white;
    height:42px;
    width: 100%;
    padding: 5px;
    display: block;
}

#hybridmenu ul li:after {
    content: "";
    display: block;
    clear: both;
}

#hybridmenu li.logo a {
    margin-top:-50px;
    margin-left:-5px ;
}

#hybridmenu .logo,
#hybridmenu ul li.logo:hover a {
    background: none;
}
 
#hybridmenu ul li.menu-right {
    float: right;  
}

#hybridmenu ul li.menu-right a {
  font-size: 14px;
}

#hybridmenu ul li.parent {
  position: relative;
  
}

#hybridmenu ul li.parent.hidden {
  overflow: hidden;
}

#hybridmenu ul li.parent.opened {
  overflow: visible;
}




#hybridmenu ul.sub-menu {
  background-color: #3d4467; /* Default intense green color of menu */
  position: absolute;
  width:240px;
  height:auto;
  border-bottom:1px solid #cdcdcd;
  border-left:1px solid #cdcdcd;
  border-right:1px solid #cdcdcd;
  opacity: 0.95;
  display: none;
  -moz-box-shadow: 4px 1px 1px rgba(0.8, 0.2, 0.2, 0.5); 
  -webkit-box-shadow: 4px 1px 1px rgba(0.8, 0.2, 0.2, 0.5);
  box-shadow: 4px 1px 1px rgba(0.8, 0.2, 0.2, 0.8); 
}

#hybridmenu ul.sub-menu li {
  height: auto;
  width: 100%;
}

#hybridmenu ul li i,
#hybridmenu ul li.mobile-menu-item {
  display: none;
  font-size: 22px;
  color: white;
}

#hybridmenu ul.sub-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height:35px;
    min-height:45px;
    background-color: transparent;
    color:White;
    border-bottom:1px solid #60657e;
    font-size: 11.0em;
}

#hybridmenu ul.sub-menu li:hover a {
  background-color: #47507b;  /* Hover color of menu */
  
  
}



#mybgcarousel{ /* CSS for specific carousel container called #mybgcarousel. */
  width: 100%;
  
  min-height:40%;  
  display:block;
  position: fixed;
  background-color: white;
  border:1px;
  vertical-align:top; 
       margin: 100px 0 0 0;
    
 
}
                                   #wrapper {
                                       min-width:300px;
                                       width: 60%;
                                       margin: 10% 20% 0% 20%;
                                     min-height: 600px;  
                                     position: relative;
                                     background-color: transparent;
 
                                    
                                    }
 

                                    .burstBox{min-width:320px;width:auto;height:auto;display:block;position:relative;float:left;margin:0% 0% 0% 0%;justify-content:center;}
                                    .LeftColumn{min-width:320px;width:45%;height:auto;display:block;position:relative;float:left;margin:1% 1% 1% 1%;justify-content:center;}
                                    .RightColumn{min-width:320px;width:45%;height:auto;display:block;position:relative;float:left;margin:1% 1% 1% 1%;justify-content:center;}

     .footersize{min-width:320px;width:100%;height:auto;display:block;text-align:center;position:relative;float:left;margin: 10% 1% 1% 1%; font-family: 'Open Sans', sans-serif;
                                       font-size: 0.8em;
                                       color: #000000;


}