/** ----------------------------------------------------------------------------------------------------------- **/
html,body {
   font-size:14px;
   background-color:#f7f7f7;
   color:#53565A;
}
a {
   color:#C01818;
}
/** ----------------------------------------------------------------------------------------------------------- **/
/* For font size 14px */
.btn {
   font-size:1em;
   height:36px;
   line-height:34px;
   font-weight:bold;
}
input.tb2, .sm2 {
    line-height: 36px;
    height: 36px;
    font-size:1em;
    border-radius:0;
}
.sm2 select {
   padding:0 5px;
   font-size:1em;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.wrapper {
   max-width:1000px;
   min-width:375px;
   padding:0 20px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
#header {
   z-index:11;
   top:0;
   left:0;
   width:100%;
   position:fixed;
   background:#fff;
   top:0;
   position:fixed;
   border-bottom:solid 1px #e6e7e8;
   height:61px;
}
#logo {
   cursor:pointer;
   background-image: url(//cdn.ywxi.net/static/img/logo/mcafee-secure.svg);
   width:160px;
   height:60px;
   background-position:left center;
   background-repeat:no-repeat;
   background-size:160px 20px;
   float:left;
}
#logo-header-obts {
   float:left;
   height:26px;
   width:110px;
   border:0;
   background-image:url(//cdn.ywxi.net/static/img/operated-by-trustedsite-colored-vertical.svg);
   background-size:contain;
   background-repeat:no-repeat;
   background-position:20px 0;
   margin-left:20px;
   margin-top:17px;
   border-left:solid 1px #e6e7e8;
}
#header .nav-right-menu {
   background-image:url(//cdn.ywxi.net/static/img/nav-menu-icon-ow.png);
   width:60px;
   height:60px;
   background-repeat:no-repeat;
   background-position:center center;
   background-size:20px;
   opacity:.5;
   float: right;
   cursor:pointer;
   margin-right:-20px;
   display:none;
}
#header .nav-right {
   float: right;
}
#header .nav-right a {
   float:left;
   margin:15px 0px 15px 10px;
   padding:0px 17px;
   line-height:28px;
   height:30px;
   /*font-size:14px;*/
   color:#333;
   font-weight:400;
   border:solid 1px #fff;
}
#header .nav-right a:hover {
   text-decoration:none;
}
#header .nav-right a.sel {
   font-weight:600;
}
#header .nav-right a.outline {
   border:solid 1px #e6e7e8;
   text-decoration:none;
}
#header .nav-right a.dark {
   background:#e6e7e8;
   border:solid 1px #e6e7e8;
}
#header .nav-right a.grey {
   color:#999;
}
#header-fill {
   height:60px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
/* Hero Image */
#hero {
   background-color:#fff;
   min-height:260px;
   display:table;
   width:100%;
   display: flex;
   align-items: center;
}
#hero h1, h1.hero {
   font-size:44px;
}
#hero button.btn-mred {
   margin:10px auto;
}
#hero {
   position:relative;
   height:500px;
}
#hero .wrapper {
   z-index:2;
   padding-top:20px;
   padding-bottom:20px;
   padding-right:500px;
   width:100%;
}
#hero .bg {
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-color: #F5F5F5;
   background-size:1200px 500px;
   background-position:center right;
   background-repeat:no-repeat;
   z-index:1;
}
@media screen and (max-width: 800px) {
   #hero  h1 {
      font-size:36px;
   }
   #hero  {
      height:auto;
   }
   #hero .bg {
      bottom:auto;
      height:240px;
      background-size:cover;
      background-position:top right;
   }
   #hero .wrapper {
      margin:0;
      text-align:center;
      padding:280px 20px 40px;
   }
}
#hero.simple {
   background-color:#f7f8f9;
   height:auto;
   min-height:300px;
}
#hero.simple .wrapper {
   padding:100px 20px;
   margin:0 auto;
}

/** ----------------------------------------------------------------------------------------------------------- **/
.tab01-menu {
   width:602px;;
   border-radius:25px;
   overflow:hidden;
   margin:auto;
   border:solid 1px #e7e8e9;
}
.tab01-menu a {
   font-size:14px;
   text-align:center;
   color:#999;
   width:149px;
   line-height:50px;
   display:inline-block;
   float:left;
   border-right:solid 1px #e6e7e8;
}
 .tab01-menu a:last-child {
   border-right:0;
}
.tab01-menu a.sel, .tab01-menu a:hover {
   text-decoration:none;
   color:#C01818;
}
.tab01-menu a.sel {
   font-weight:bold;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.features {
   max-width:740px;
   margin:auto;
   vertical-align:top;
   text-align:center;
}
.features div {
   text-align:left;
   vertical-align:top;
   margin:auto;
   width:350px;
   padding:20px;
   display:inline-block;
   line-height:170%;
}
@media screen and (min-width: 740px) {
.features div:nth-child(even) {
   margin-right:30px;
}
}
.features div b {
   display:block;
   margin-bottom:5px;
   line-height:25px;
}
.features div i.fa {
   line-height:25px;
   width:10px;
   height:150px;
   display:block;
   margin-right:15px;
   color:#80c602;
   float:left;
}
/** ----------------------------------------------------------------------------------------------------------- **/
#footer {
   background:#53565A;
   color:#fff;
   padding-bottom:20px
}
#footer .footer-card {
   display:inline-block;
   text-align:left;
   vertical-align:top;
   margin-top:40px;
   margin-bottom:20px;
   margin-right:60px;
}
#footer .footer-title {
   margin-bottom:10px;
   font-weight:700;
   text-transform:uppercase;
   font-size:11px;
}
#footer .footer-card a {
   margin-bottom:3px;
   font-weight:500;
   font-size:11px;
   color:#fff;
   display:block;
}
#footer a:hover {
   text-decoration:underline;
}
#footer .footer-copyright {
   cursor:pointer;
   color:#fff;
   width:100px;
   margin-top:40px;
   margin-bottom:40px;
   font-size:10px;
   text-align:center;
   float:right;
}
#footer .footer-copyright-tm {
   width:90px;
   margin:auto;
}
#footer .footer-copyright-ts {
   background-position:top center;
   background-image:url(/static/img/operated-by-trustedsite-white.png);
   background-repeat:no-repeat;
   background-size:100px 35px;
   height:40px;
   margin-bottom:40px;
}
@media screen and (max-width: 850px) {
   #footer .footer-copyright {
      margin-left:auto;
      margin-right:auto;
      float:none;
   }
   #footer .footer-card {
      display:block;
      text-align:center;
      margin-right:0;
   }
}
.footer-contact {
   padding:40px 0;
   border-bottom:solid 1px #777;
   font-size:20px;
   font-weight:300;
   text-align:center;
}
/** ----------------------------------------------------------------------------------------------------------- **/
#footer-consumer {
   border-top:solid 1px #e6e7e8;
   background:#f7f8f9;
   line-height:30px;
   color:#999;
   font-size:11px;
}
#footer-consumer .footer-consumer-tm {
   float:right;
   margin-top:20px;
   width:70px;
}
#footer-consumer .footer-consumer-links {
   padding:20px 0;
}
#footer-consumer a {
   line-height:30px;
   margin-right:20px;
   color:#999;
}
#footer-consumer .footer-consumer-cr {
   line-height:30px;
   padding:20px 0;
}
#footer-consumer .footer-consumer-ts {
   float:right;
   margin-top:20px;
   background-image:url(/static/img/operated-by-trustedsite-colored-horizontal.svg);
   height:30px;
   width:155px;
   background-position:center;
   background-repeat:no-repeat;
   background-size:150px 20px;
   cursor:pointer;
}
/** ----------------------------------------------------------------------------------------------------------- **/
#menu-products {
   top:61px;
   width:400px;
}
#menu-products a {
   display:block;
   line-height:34px;
   padding:0;
}
#menu-sidebar {
   width:200px;
   top:61px;
   right:0px;
}
#menu-products .ff1{
   margin:10px 0;
}

/** ----------------------------------------------------------------------------------------------------------- **/
/* Logo Bars */
ul.logos {
   display:flex;
   align-items:center;
   list-style:none;
   justify-content:space-around;
   width:100%;
   background:#fff;
   margin:0 auto;
   padding:20px 0;
}
ul.logos li {
   box-sizing:border-box;
   height:60px;
}
ul.logos li img{
   width:auto;
   height:100%;
   opacity:.6;
}
/** ----------------------------------------------------------------------------------------------------------- **/
/* Clickable hover effect */
.hover-pop {
   transition: all 0.2s;
}
.hover-pop:hover {
   border-color:;#fff;
   cursor:pointer;
   box-shadow: 0 10px 30px 0 rgba(0,0,0,0.20);
}
/** ----------------------------------------------------------------------------------------------------------- **/