@charset "utf-8";
/* CSS Document */
html{
    overflow-y: scroll;
    scroll-behavior: smooth;
}
html,body{background: #252427;}
h1, h2, h3, h4, h5, h6{font-weight: 700;}
.container{background: white;}
.icon-bar{color: gray; background-color: gray;}
/* HOME PG */
.pad{padding:20px;}
.tool + .tooltip > .tooltip-inner {background-color: black; color:white; border:1px solid silver; padding:10px; font-size:14px;max-width: 500px;}
.white-tooltip + .tooltip > .tooltip-inner {background-color: white; color:black; border:1px solid silver; opacity:1; padding:20px; font-size:14px;max-width: 600px;}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.high{background: yellow;}
.grow {
    transition: transform .2s; /* Animation */
    width: 100%;
    height: 200px;
    margin: 0 auto;
  }
  
  .grow:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #333;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 1px solid #d2d2d2;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #00CC00;
	 color: #FFF;
}
.form-checkbox
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
     cursor: pointer;   
     margin-right: 7px;
     outline: none;
}
.form-checkbox:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-checkbox:hover
{
     background-color: #f7f7f7;
}
.form-checkbox:checked
{
     background-color: #00CC00;
	 color: #FFF;
}
.form-checkbox:disabled
{
     background-color: #ccc;
}
.videoWrapper {
        position: relative;
        padding-bottom: 60.0%; /* 16:9 */
        padding-top: 0px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.navbar {background:#d62ad6; font-size:16px;}
.navbar:hover{color:#1882b3;}
.navbar {
    background-color: #149CC6;
    background: #2a9fd6;
    border-color: #2a9fd6;
}
.navbar ul li a:hover {
    background-color: #2a9fd6;
    background: #2a9fd6;
    border-color: #2a9fd6;
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.dropdown{font-size:15px; font-family:"Lato", sans-serif;}
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image:none !important;
	background-color:#2679ee;
 }

.navbar-nav.nav-justified > li{
    float:none;
}
#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   width:100%;
   z-index:2000;
   -webkit-transition: all .6s ease-in-out;
}
dropdown-menu {
    background-color: red;
  }
dropdown-menu > li > a:hover {
    background-color: darkred;
  }
  
  .dropdown-menu > .active > a {
    background-color: darkred;
  }