 
<style>
body {margin:0; background-color :#ffffff; font-size:.8rem;}
.bgcolorteal { background-color :#26abc8; }
.vbbtnhome   { width: 200px ; background-color :#ffffff; color:#000000; font-size: .9rem; border: 2px solid #808080;border-radius: 12px;}
.vbbtnhomesm   { width: 180px ; background-color :#ffffff; color:#000000; font-size: .9rem; border: 2px solid #808080;border-radius: 12px;}
.vbbackblue8 {   background-color :#2f539b; }
.vbcheckytext {  color: #004aad;} 

.vbchecky {    background-color: #004aad;} 
.vbiconblue8 {   color :#2f539b; } 
.vbdbgrey    {   background-color :#f2f2f2; } 
.vbdbline1   {   background-color :#f5f5f5; } 
.vbdbline2   {   background-color :#dcdcdc; } 
.vbdbline3   {   background-color :#7b7b7b; } 
.vbdbline4   {   background-color :#f2f2f2; } 
.vbdbline5   {   background-color :#f2f2f2; } 
.vbdbicon1   {   color :#52ab98; } 
.vbdbicon2   {   color :#2b6777; } 
.vbdbicon3   {   color :#e1eedd; } 
.vbdbicon4   {   color :#f2f2f2; } 
.vbdbicon5   {   color :#FF69B4; }
.vbfooter {    background-color: #f1F2F3;} 

 
.colorred {color :#FF0000;}
.coloryellow {color :#FFFF00;}
.colorgreen {color :#008000;}
.colorblue {color :#0000FF;}
.colororange {color :#FF8C00;}
.colorpink {color :#FF69B4;}
.colorpurple {color :#8A2BE2;}
.colorgray {color :#808080;}
.colorbrown {color :#8B4513;}
.colorblack {color :#000000;}
.material-icons.md-lg { font-size: 300px; }
.iconmd { font-size: 52px;}
.iconlg { font-size: 82px;}
.iconxlg { font-size: 120px;}
.iconxxlg { font-size: 180px;}
.iconxxlg2 { font-size: 300px;}
.icontact { font-size: 240px;}
.iconcolor {  font-size: 140px;}

.iconlistener { font-size: 180px;   }
.iconlistenersm { font-size: 110px;   }
.iconmatching {    font-size: 160px;}
.column10match {    height: 170px;    width: 170px;    margin: 2px;    padding: 4px;}

.vbline1orig { background-color :#004999; }
.vbline1 { background-color :#ABD0F8; }
.vbline2 { background-color :#006ee6; }
.vbline3 { background-color :#3395ff; }
.vbline4 { background-color :#b3d7ff;}
.vbbutton {  width: 170px ;  }
.vbbutton1 {  width: 140px ;  }
.vbbtn {  width: 120px ;  }
.vbbtnlg {  width: 150px ;}
.vbbtnlg2 {  width: 190px ;}
.vbbtnxl {  width: 250px ;}
.vbbtnxxl {  width: 300px;
}

.vbbtnsm {  width: 80px ;}
.vbbtnvsm {  width: 60px ;}
.vbtarget1 {   background-color :#5baeb7; }
.vbtarget2 {   background-color :#a5def2;}
.vbbtnlink {  width: 120px ; background-color :#FFFFFF;}
.vbtopboxhead1 {background-color :#F0F0F0;}
.vbboxbgold      {background-color :#F0F8FF;}
.vbboxbg {   background-color :#F0F8FF; }
.vbboxbg1 {   background-color :#cff5f5; }
.vbboxbg2 {   background-color :#b3ecff; }
.vbboxbg3 {   background-color :#FFFFCC; }
.vbboxbg4 {   background-color :#e1f5fe; }
.vbboxbg5 {   background-color :#FFFFE0; } 
.vbboxbg6 {   background-color :#ffe0b3; } 
.vbboxbg7 {   background-color :#ffffb3; } 
.vbboxbg8 {   background-color :#ffe6e6; } 
.vbboxbg9 {   background-color :#e6ccff; } 
.vbboxbg10 {   background-color :#e6ffb3; } 
.vbboxbg11 {   background-color :#b3ffec; } 
.vbbackblue1 {   background-color :#0047AB; } 
.vbbackblue2 {   background-color :#0F52BA; } 
.vbbackblue3 {   background-color :#4169e1; } 
.vbbackblue4 {   background-color :#4682B4; } 
.vbbackblue5 {   background-color :#6495ed; } 
.vbbackblue6 {   background-color :#87ceeb; } 
.vbbackblue7 {   background-color :#7393b3; } 

.vbrptbg0 {   background-color :#FFFFFF; border: 2px solid #E8F8F5;} 
.vbrptbg1 {   background-color :#E5E4E2; border: 2px solid #E8F8F5;} 
.vbrptbg2 {   background-color :#F0F8FF; border: 2px solid #E8F8F5;} 
.vbrptbg3 {   background-color :#ddefef; border: 2px solid #E8F8F5;} 

.vboptions1 {   background-color :#eef9ff; } 
.vboptions2 {   background-color :#daf1ff; } 
.vboptions3 {   background-color :#c7eaff; } 
.vboptions4 {   background-color :#b3e2ff; } 
.vboptions5 {   background-color :#a0dbff; } 

.vbboxorange {   background-color :#FFD580; }
.vbicon1 {color:#0066ff;}
.vbicon2 {color:#00e600;}
.vbicon3 {color:#fd841f;}
.vbicon4 {color:#751aff;}
.vbicon5 {color:#FF0000;}
.vbicon6 {color:#7de5ed;}
.vbicon7 {color:#80d4ff;}
.vbicon8 {color:#FF69B4;}
.labelcolor {color:#000000;}
.linkcolor {color:#0000ff;}
.showlabelcolor {color:#000000;background-color :#fcfcfc;}

.vbbuttontalker   {width: 120px ; background-color :#eef9ff; color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbuttontalker2   {width: 120px ; background-color :#FFFFFF; color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbuttontalker3 {    width: 150px;    background-color: #eef9ff;    color: #000000;    font-size: .9rem; border: 1px solid #000000;}

.vbbuttontalker4   {width: 180px ; background-color :#eef9ff; color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbuttontalkerxlg  {width: 200px ; background-color :#FFFFFF; color:#000000; font-size: .9rem;border: 1px solid #000000;font-weight:bold;}
.vbbuttontalkersmall   {width: 80px ; background-color :#fcfcfc; color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbtnrpt  {width: 240px ;  background-color :#eef9ff; color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbuttonreport   {width: 180px ;    color:#000000; font-size: .9rem;border: 1px solid #000000;}

.programbtn1 {    width: 160px;    background-color: #F0F8FF;  font-size: .9rem;     font-weight: bold; border: 1px solid #000000;}

.vbtalkerbtnxxl {    width: 240px; color: #000000;   font-size: .9rem;   }
.btncheckitxxl {    width: 260px;    color: #000000;    font-size: .9rem;  background-color: #b6d8fc;    border: 1px solid #000000;}
.btncheckit0   {  width: 200px;    color: #000000;    font-size: .9rem;   background-color: #b6d8fc;    border: 1px solid #000000;}
.btncheckit {  width: 150px;     color: #000000;    font-size: .9rem;  background-color: #b6d8fc;  border: 1px solid #000000;}
.btncheckitnc {  width: 150px;     color: #000000;    font-size: .9rem;     border: 1px solid #000000;}
.btnbasic {    color: #000000;    font-size: .9rem;  border: 1px solid #000000; width: 100%;}
.btnbasicxxl { width: 260px;  color: #000000;    font-size: .9rem;  border: 1px solid #000000;}
.btnbasicsm { width: 150px;  color: #000000;    font-size: .9rem;  border: 1px solid #000000;}
.btncheckit2 {    width: 150px;  color: #000000;  font-size: .9rem;      background-color: #cff5f5;;    border: 1px solid #000000;}
.btncheckit3 {    width: 150px;  color: #000000;  font-size: .9rem;    background-color: #FFFFE0;    border: 1px solid #000000;}
.btncheckit4 {    width: 160px;  color: #000000;  font-size: .9rem;   background-color: #ffe6e6;    border: 1px solid #000000;}
.btncheckit5 {    width: 150px;  color: #000000;  font-size: .9rem;    background-color: #ffe0b3;    border: 1px solid #000000;}
.btncheckitnocolor { width: 150px;   color: #000000;  font-size: .9rem;  border: 1px solid #000000;}

.boxcheckit1 {
    color: #000000;
    font-size: .9rem;
      background-color: #b6d8fc;
   }

.boxcheckit2 {
     color: #000000;
    font-size: .9rem;
     background-color: #cff5f5;
   }

.boxcheckit3 {
    color: #000000;
    font-size: .9rem;
     background-color: #FFFFE0;
   }

.boxcheckit4 {
    color: #000000;
    font-size: .9rem;
     background-color: #ffe6e6;
 }

.btncheckitsm {    width: 140px;    color: #000000;    font-size: .9rem;      background-color: #b6d8fc;    border: 1px solid #000000;}
.btncheckityellow {  width: 200px;    color: #000000;    font-size: .9rem;         background-color: #Ffffd9;    border: 1px solid #000000;}
.btncheckitother {    width: 200px;    color: #000000;    font-size: .9rem;        background-color: #EEEEEE;    border: 1px solid #000000;}

.vbtalkerbtnblue {    width: 140px;    color: #000000;    font-size: .9rem;     background-color: #b6d8fc;    border: 1px solid #000000;}

.vbtalkerbtnxl    {width: 180px ;   color:#000000; font-size: .9rem; }
.vbtalkerbtn      {width: 140px ;   color:#000000; font-size: .9rem; }
.vbtalkerbtnturq  { width: 140px;  color: #000000; font-size: .9rem; background-color :#ddefef;  border: 1px solid #000000;}
.vbbtncheckit     { width: 140px ; color:#000000;  font-size: .9rem;  background-color :#b6d8fc;  border: 1px solid #000000;  }
.vbtalkerbtnyellow  { width: 140px ; color:#000000;  font-size: .9rem;  background-color :#Ffffd9;  border: 1px solid #000000;  }
.vbtalkerbtnsm      {width: 100px ;   color:#000000; font-size: .9rem; }
.vbtalkerbtnsm0   { width: 66px;    color: #000000;    font-size: .9rem;    }
.vbtalkerbtnsm1   { width: 80px;    color: #000000;    font-size: .9rem;    }
.vbtalkerbtnsm2   { width: 120px;    color: #000000;    font-size: .9rem;      }
.vbtalkerbtnsm3   { width: 100px;    color: #000000;    font-size: .9rem;       background-color: #f0f8ff;    border: 1px solid #000000;}
.vbtalkerbtnsm4   { width: 90px;    color: #000000;    font-size: .9rem;       }
.vbtalkerbtnlg1   {  color: #000000;    font-size: .9rem;      background-color: #f0f8ff;    border: 1px solid #000000;}
.vbtalkerbtncolor1 { background-color :#F0F8FF; border: 1px solid #000000;}  
.vbtalkerbtncolor2 { background-color :#EEEEEE; border: 1px solid #000000;} 
.vbtalkerbtncolor3 { background-color :#ddefef; border: 1px solid #000000;}
.vbtalkerbgcolor1 {background-color: #F0F8FF;   }
.vbtalkerbgcolor2 {background-color: #EEEEEE; }
.vbtalkerbgcolor3 { background-color: #ddefef;   } 

.vbbuttontalkerorg   {width: 120px ; background-color :#edfcfc; color:#0066ff; font-size: .9rem;border: 1px solid #79a8a8;}
.vbbuttontalkersd1 {width: 180px ; background-color :#8AC8ff;color:#0066ff; font-size: .9rem;}
.vbbuttontalkerbt1 {width: 160px ; background-color :#a9d7d7;color:#0066ff; font-size: .9rem;}
.vbbuttontalkeroriginal {width: 140px ; background-color :#ddefef;color:#0066ff; font-size: .9rem;}
.vbbuttonhomegreen   {width: 180px ; background-color :#85ff7a;color:#000000; font-size: .9rem;}
.vbbuttonhome        {width: 180px ; background-color :#ffffff;color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbuttonhome2        {width: 200px ; background-color :#ffffff;color:#000000; font-size: .9rem;border: 1px solid #000000;}
.vbbuttonhome3        {width: 200px ; background-color :#ffffff;color:#000000; font-size: .9rem;border: 4px solid #808080;}
.vbbuttonpurchase   {width: 180px ; background-color :#F0F8FF;color:#000000; font-size: .9rem;border: 1px solid #80d4ff;}
.vbbuttontalkerg   {width: 120px ; background-color :#EEEEEE;color:#0066ff; font-size: .9rem;}

.vbbuttontalkerturq   {width: 120px ; background-color :#ddefef; color:#0066ff; font-size: .9rem;}
.vbbuttontalkerblue   {width: 120px ; background-color :#F0F8FF;color:#0066ff; font-size: .9rem;}
.vbbuttontalkerlg   {width: 140px ; background-color :#ddefef;color:#0066ff; font-size: .9rem;}
.vbbuttontalkerlg1   {width: 200px ; background-color :#ddefef;color:#0066ff; font-size: .9rem;}
.vbbuttontalkersd {width: 150px ; background-color :#ddefef;color:#0066ff; font-size: .9rem;}
.vbbuttontalkerbt {width: 140px ; background-color :#F0F8FF;color:#0066ff; font-size: .9rem;}
.vbbuttontalkersm {width: 134px ; background-color :#ddefef;color:#0066ff; font-size: .9rem;}

.vbtopboxhead2    {background-color :#C0C0C0;}
.vbtopboxhead    {background-color :#F8F8F8 ;}
.vbhomebg     {background-color :#f0f8ff;}
.vbvalign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.vbtextgreen {   color :#85ff7a; }
.vbbggreen {   background-color:#85ff7a; }

.vbyellow {   background-color :#Ffff99; }
.vblite {   background-color :#e8e9eb; }
.vblightyellow {   background-color :#Ffffd9; }
.vblightblue {   background-color :#e1f5fe; }
.vblightturq {   background-color :#ddefef; }
.vbgreen {   background-color :#85ff7a; }
.vborange {   background-color :#fd841f; }
.vbturq {   background-color :#7de5ed; }
.vbpurple {   background-color :#ad5cad; }
.vbred {   background-color :#FF4433; }
.vbgrey  {    color :#d3d3d3; }
.vbgreydark2 {background-color :#e0e0e0;}
.vbgreydark {background-color :gainsboro;}
.vbsea1 {background-color :#E8F8F5;}
.vbsea2 {background-color :#D1F2EB;}
.vbsea3 {background-color :#D0ECE7;}
.vbtalk1 {background-color :#F8F8F8;}
.vbtalk2 {background-color :#EEEEEE;}

.vbgreybg {   background-color :#d3d3d3; }
.vbgreylt  { background-color :#F8F8F8; }
.vbgrey1 {background-color :#EEEEEE;}
.vbgrey2 {background-color :#D1D1D1;}
.vbgrey3 {background-color :#CFD2CF;}
.vbgrey4 {background-color :#A9A9A9;}
.vbgreylight {background-color :#F0F0F0;}
.vbblue1 {background-color :#e6f7ff;  }  
.vbblue2 {background-color :#cceeff;} 
.vbblue3 {background-color :#b3e6ff;}
.vbblue4 {background-color :#99ddff;}
.vbblue5 {background-color :#80d4ff;}   

 
.vbdbblueline {width:100%;height:6px; background-color :#b3e0ff;}
.showinput {border: none; }
 
.main {
  
  margin-top: 50px;
  height: 1500px; /* to enable scrolling */
}

  


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}
.nodecoration {
   text-decoration: none;
}
.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: "Poppins", sans-serif;
  font-size: .9rem;
  font-weight: 500;
  color: #4f5a62;
  white-space: nowrap;
  transition: 0.3s;
  text-decoration: none;

}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
  text-decoration: none;

}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #3498db;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #21262a;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #3498db;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #384046;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(33, 38, 42, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #384046;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #3498db;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #3498db;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}
/*--------------------------------------------------------------
# Header #f7fbfe;
--------------------------------------------------------------*/
#header {
  height: 70px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  background: #fff;   
/*  background: #b3e0ff; */
 /* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); */
}

#header .logo h1 {
  font-size: 28px;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #384046;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #384046;
  text-decoration: none;
}

#header .logo img {
  max-height: 40px;
}

 
.cookies-vb-banner {
  background: #F8F8F8;
  color: #000000;
  padding: 6px;
  font-size: .9rem;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.cookies-vb-banner button {
  text-decoration: none;
  background: #F8F8F8;
  color: #000000;
  border: 1px solid #000;
  cursor: pointer;
  padding: 4px 7px;
  margin: 14px 0;
  font-size: 13px;
  font-weight: 700;
  transition: background 0.07s, color 0.07s, border-color 0.07s;
}

.cookies-vb-banner button:hover {
  background: #fff;
  color: #222;
}
</style>
