@-ms-viewport{
  width: device-width;
}

@font-face{
    font-family: "Thonburi";
    src: url('fonts/Thonburi.ttf'),
    url('fonts/Thonburi.ttf'); /* IE */
}

BODY  {

			margin:0px;padding:0px;
	  	font-style:normal;  font-family:'Prompt'; color:#000000; font-size:10pt;
			background-color:white;}

a:link, a:visited { color:indianred;text-decoration: none; }
a:active, a:hover { color:#E25D04;}

a.menu:link, a.menu:visited { font-family: 'Thonburi', sans-serif;color:#C80000;text-decoration: none; padding:3px 12px 3px 12px;border-width:0px;margin:0px;
border-left-width:1px;border-color:#CCC2C2;
border-style:solid;} 
a.menu:active, a.menu:hover { font-family: 'Thonburi', sans-serif;color:white;padding:3px 12px 3px 12px; background-color:#C80000;border-width:0px;margin:0px;
border-left-width:1px;border-color:#CCC2C2;
border-style:solid;}

a.menu3:link, a.menu3:visited {font-family: 'Thonburi', sans-serif; color:#C80000;text-decoration: none; padding:3px 12px 3px 12px;border-width:0px;margin:0px;
border-left-width:1px;border-right-width:1px;border-color:#CCC2C2;
border-style:solid;} 
a.menu3:active, a.menu3:hover { font-family: 'Thonburi', sans-serif;color:white;padding:3px 12px 3px 12px; background-color:#c80000;border-width:0px;margin:0px;
border-left-width:1px;border-right-width:1px;border-color:#CCC2C2;
border-style:solid;}

a.menu2:link, a.menu2:visited { color:white;text-decoration: none; padding:3px 6px 3px 6px;line-height: 150%;} 
a.menu2:active, a.menu2:hover { color:#c80000;padding:3px 6px 3px 6px; background-color:lavender;}

a.menu1:link, a.menu1:visited { color:lightgrey;text-decoration: none;} 
a.menu1:active, a.menu1:hover { color:orange;}

a.menu4:link, a.menu4:visited { color:#C80000;text-decoration: none;} 
a.menu4:active, a.menu4:hover { color:orange;}


li
{
margin-left:18px;
}

h1
{
font-size:16pt;
color:#BA1400;
font-weight:bold;
}

h2
{
font-size:16pt;
color:#E25D04;
}

h3
{

font-family: 'Thonburi';
color:#183267;
}

h4
{
font-family: 'Thonburi';
font-size:12pt;
color:navy;
padding:0px;
}










#logo
{
padding-left:5%;
position:fixed;
z-index:10000;
height:45px;
width:100%;
background-color:white;
    opacity: .85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

#topmenu
{
font-size: 8pt;
}

.mainbody
{
max-width: 1200px;
padding:50px 5% 0px 5%;
margin:auto;
font-size: 10pt;
background-color: white;
}

.wallpaper
{
  background-image: url('img/marvin-meyer-SYTO3xs06fU-unsplash.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 400px;
    margin: 0px;
  vertical-align: top;
  position: relative;
}

  #container {
        width: 100%;
        margin: 0 auto;
    }

.wallpaper-antivirus
{
width: 100%;
  height: auto;
    margin: 0px;
  vertical-align: top;
  position: relative;

}

.mainintro
{
  height: auto;
  padding:10px 10% 15px 10%;
  margin:0px;
  font-size: 16pt;
  color:white;
  background-color: black;
  opacity: .60;
  filter: alpha(opacity=60); /* For IE8 and earlier */
  position: absolute;
  bottom: 0px;
}



.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:black;
  opacity: .80;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .8s ease;
  color:white;
  font-size: 26pt;
  text-align: center;

}

.wallpaper:hover .overlay {
  height: 100%;
}

.icondisplay
{
  padding: 0px 15px 0px 0px;
  display: inline-block;
}

.icondisplay:hover
{
  opacity: .80;
  filter: alpha:(opacity=80); /* For IE8 and earlier */
}

.bgstart , .bgpro
{
  width: auto;
  height: auto;
  padding:20px 8% 20px 8%;
  margin: 10px 0px 0px 0px;
  color: dimgrey;
  background-color: whitesmoke;
}

.bgpro
{ background-color: #C80000; color:white;font-size: 20pt; text-align: center;}

.anti-virus
{
background-color:ghostwhite;
display:inline-block;
width: 240px;
height: 720px;
font-size: 7.5pt;
    text-align: center;
    vertical-align: text-top;
   margin: 8px;

}

.centered
{ text-align: center;}

#product
{
display:inline-block;
padding:0px 15px 3px 15px;
margin:0px 15px 30px 15px;

background-color:white;
background-position:center top;
box-shadow: 0px 1px 3px grey;
width:160px;
height:100px;
text-align:center;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#buttons
{
    text-align: center;
    width: 120px;
}

#product:hover , #buttons:hover
{
    opacity: .50;
    filter: alpha(opacity=50); /* For IE8 and earlier */
     -webkit-transition: opacity .5s; /* For Safari 3.1 to 6.0 */
    transition: opacity .5s;    
}

#brand
{
font-family:'Arial';
font-size:11pt;
color:white;
text-align:center;
width:auto;
background-color:whitesmoke;
padding: 3px 10px 3px 10px;
    margin: 8px 0px 0px 0px;
    border-left-style: solid;
    border-left-color: lightgray;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-color: lightgray;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-color: lightgray;
    border-top-width: 1px;    
}

#branding
{
font-family:'Arial';
font-size:14pt;
color:white;
text-align:center;
width:auto;
background-color:lightgray;
padding: 10px 10px 10px 10px;
    margin: 30px 0px 0px 0px;
}

#navigate
{
display:inline-block;
padding:10px;
margin:10px;
background-color:white;
background-position:center top;
position:inherit;
box-shadow: 0px 0px 1px grey;
font-size:9pt;
font-size-adjust:auto;
color: black;
text-align:center;
height: 300px;
width:230px;
vertical-align:top;
}


#footer2021
{
height:auto;
width: 100%;
vertical-align:text-top;
text-align: center;
background-color:#C80000;
margin: 40px 0px 0px 0px;
padding: 20px 0px 60px 0px;
    color: white;
    font-size:10pt;
}

#iconbrand3
{
display:inline-block;
padding:3px;
margin:3px;
width:250px;
font-family: 'Thonburi';
font-size:11pt;
text-align:center;
vertical-align:top;
color:#183267;
}






















@media  (max-width: 1080px) {
    body {
font-size:12pt;
  }

}