@font-face {
  font-family: "Roboto";
  font-style: normal;
  src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
body{
  font-family:Roboto,Helvetica Neue,sans-serif;
}
header{
    padding-bottom: 0px;
    background: transparent;
    min-height: 70px;
}
.navbar{
    border-radius: 0px;
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    margin-bottom: 0px;
}
.navbar .navbar-nav li a,.mbsign a{
    font-size: 14px;
    margin: 0!important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    text-transform: uppercase;
    color: #fff;
}
.navbar .navbar-nav li a:hover,.mbsign a:hover{
    color: #f6821f;
}
#active{
  color: #f6821f;
  font-weight: bold;
}
.navbar-brand img{
  max-width: 230px;
  margin-top: -10px;
}
.navbar-right{
    margin-top: 7px;
}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover{
    background: #f6821f !important;
    border: 1px solid #f6821f;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
}
.dropdown-menu{
  background: #f6821f;
  padding-top: 0!important;
  padding-bottom: 0!important;
  box-shadow: none;
}
.dropdown-menu li{
  border-top: 1px dotted #fff;
  padding: 3px;
}
.dropdown-menu li:nth-child(1){
  border-top: none !important;
}
.dropdown-menu li:hover{
  background: rgb(19, 179, 239);
}
.dropdown-menu li a{
  color: #fff !important;
  font-size: 14px;
}
.dropdown-menu li a:hover{
  background: transparent !important;
}
@media screen and (max-width:990px){
.navbar .navbar-nav li a{
    padding-left: 8px;
    padding-right: 8px;
}
}
@media screen and (max-width:767px){
header .container{
    padding: 0px !important;
}
.navbar .navbar-nav li a{
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 14px;
}
#active, .navbar .navbar-nav li a:hover{
    color: #7daa3a;
}
.navbar-default .navbar-toggle{
    margin-top: 15px;
}
#navbar{
  padding: 0!important;
}
.navbar-collapse{
    background: #b6d442;
}
.navbar .navbar-nav li a,{
  color: #fff;
}
.navbar .navbar-nav li a:hover{
    color: #fff;
}
}
/*.navbar-brand img{
  background: #fff;
}*/


.intro{
  background-image: url("../images/webinar3.png");
  background-size: cover;
  padding: 0 !important;
  font-weight: 650;
}
.intro .cover{
  background: rgb(68, 68, 68, 0.25);
  text-align: center;
  padding: 15px 0 20px 0;
  min-height: 320px;
}
.cover .container{
  margin-top: 55px !important;
}
.intro h1{
  color: #fff;
  font-size: 32px;
}
.intro h2{
  color: #eee;
  font-size: 20px;
}
.intro h3{
  color: #fff;
}
.intro h4{
  color: #00adef;
  font-size: 23px;
  text-shadow: 2px 2px 4px #000;
}
.intro img{
  max-height: 45px;
}
.cont2{
  padding-bottom: 20px;
}
.overview h3{
  color: #f6821f;
  border-bottom: 1px dashed #ddd;
}
.overview p,.overview ul li{
  line-height: 26px;
  font-size: 17px;
}
.overview ul{
  padding-left: 15px;
}
.mode{
  padding-top: 40px;
  font-size: 20px;
  text-align: center;
}
.mode img{
  min-height: 45px;
}
.pricediv,.mode{
  color: #00adef;
}
.pricediv p{
  font-size: 20px;
  font-weight: 700;
}
.pricediv span{
  color: #b41f38;
  font-size: 17px;
}
.regdiv{
  background: #f2efef;
  box-shadow: 1px 2px 3px #bbb;
  border-left: 1px solid #ddd;
  margin-top: 5px;
  padding-top: 5px;
}
.regdiv img{
  margin: 0!important;
}
.regdiv h3{
  color: #333;
  font-size: 20px;
  text-align: center;
}
.regdiv label{
  color: #444;
}
.regdiv label span{
  color: #cc0000;
}
.regdiv .btn{
  background: #b41f38;
  color: #fff;
}
.regdiv .btn .fa{
  color: #fff;
}
.cont3{
  background: #f6f6f6;
}
.infolist h3{
  color: #f6821f;
  border-bottom: 1px dashed #ddd;
}
.infolist h3 span{
  color: #00adef;
}
.infolist p,.infolist li{
  font-size: 16px;
}
.infolist ul{
  padding-left: 20px !important;
}
.infolist img{
  max-height: 40px;
}



.cont5{
  background: #f6f6f6;
  margin: 0px;
  padding: 15px;
}
.cont5 h2{
  font-weight: 500;
  font-size: 27px;
  text-align: center;
  color: #dd3333;
  margin: 0;
}
.cont5 .borderline{
  width: 100px;
  height: 2px;
  background: #99ba18;
  margin: auto;
  display: block;
  margin-bottom: 5px;
  margin-bottom: 20px;
}
.cont5 img{
  border: 2px solid #99ba18;
}
.cont5 h3{
  font-size: 20px;
  color: #4f7f06;
  margin: 0;
  padding-top: 5px;
}
.cont5 h3 span{
  color: #333;
  font-style: italic;
  font-size: 17px;
}
.cont5 p{
  font-size: 16px;
}

.cont6{
  text-align: center;
  padding: 25px;
}
.cont6 h2{
  font-weight: 500;
  font-size: 23px;
  color: #dd3333;
  margin: 0; 
  margin-bottom: 10px; 
}
.cont6 .btn{
  background: #b41f38;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin-top: 20px;
}


/******************************************
Footer
*******************************************/
footer{
    /* background: #f58634; */
    background: #161d28;
    margin-bottom: 0px;
}
footer *{
    color: #fff;
}
footer h4{
    color: #fff;
    padding-bottom: 5px;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px dotted #f6f6f6;
}
footer ul{
    list-style: none;
    padding: 0px 10px 0px 10px;
}
footer ul li{
    padding: 5px 0px 0px 0px;
}
.quicklinks li{
  padding: 3px 0px 0px 0px;
}
.f-links{
 padding: 30px 0px 10px 0px;
}
.f-social h4{
  margin-bottom: 20px;
}
.f-social a{
    padding: 7px;
    margin: 3px;
    border: 1px solid #fff;
}
.f-social a:hover{
    background: #c95f08;
}
footer a:hover{
    text-decoration: none;
    color: #ddd;
}
.btn .fa{
    color: #fff;
}
.footer{
    margin-top:15px;
    padding: 15px 0px 10px 0px;
    /* border-top: 1px solid #222a36; */
    border-top: 1px solid #a0182e;
    /* background: #252525; */
    background: #b4203a;
}
.footer button{
  background: #00adef;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 10px 16px 10px 16px;
}
.footer button .fas{
  color: #fff !important;
  font-weight: 700;
}
@media screen and (max-width:760px){
.f-intro{
    border-bottom: 1px dotted #222a36;
    margin-bottom: 10px;
}
footer ul{
    padding: 0px;
}
.f-social{
    text-align: center;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px dotted #222a36;
}
}