body {
   margin:0;
   padding:0;
   font-family: 'Open Sans',arial,sans-serif;
   color:#333;
   padding:0;
   margin:0;
   font-size:13px;
   /*background-color:#fff;*/
}
body.modal-open {
   overflow: hidden;
}
a,.a {
   color:#309fd8;
   text-decoration:none;
}
a:hover,a.hover {
   text-decoration:underline;
}
b,.bold {
   font-weight:700;
}
button:focus {
   outline: none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.textr { text-align:right; }
.textl { text-align:left; }
.floatr { float:right; }
.floatl { float:left; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.pad25 { padding:25px; }
.pad30 { padding:30px; }
.pad40 { padding:40px; }
.pad50 { padding:50px; }
.pady10 { padding:10px 0; }
.pady15 { padding:15px 0; }
.pady20 { padding:20px 0; }
.pady25 { padding:25px 0; }
.pady30 { padding:30px 0; }
.pady40 { padding:40px 0; }
.pady50 { padding:50px 0; }
.mar10 { margin:10px; }
.mar15 { margin:15px; }
.mar20 { margin:20px; }
.mar25 { margin:25px; }
.mar30 { margin:30px; }
.mar40 { margin:40px; }
.mar50 { margin:50px; }
.mary10 { margin:10px auto; }
.mary15 { margin:15px auto; }
.mary20 { margin:20px auto; }
.mary25 { margin:25px auto; }
.mary30 { margin:30px auto; }
.mary40 { margin:40px auto; }
.mary50 { margin:50px auto; }
.white { color:#fff; }
.center { text-align:center !important; }
.error { color:red; }
.big { font-size:17px; }
.bigger { font-size:21px; }
.lh13 { line-height:130%; }
.lh14 { line-height:140%; }
.lh17 { line-height:170%; }
.lh20 { line-height:200%; }
.none { text-align:center;color:#aaa; }
.pointer { cursor:pointer; }
img { border:0; }
.mh800 { min-height:800px; }
.mh500 { min-height:500px; }
.w100 { width:100%;min-width:auto !important; }
/** ----------------------------------------------------------------------------------------------------------- **/
.nowrapell {
   text-overflow:ellipsis;
   white-space:nowrap;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.wrapper300 { width:300px;margin-left:auto;margin-right:auto; }
.wrapper400 { width:400px;margin-left:auto;margin-right:auto; }
.wrapper500 { width:500px;margin-left:auto;margin-right:auto; }
.wrapper600 { width:600px;margin-left:auto;margin-right:auto; }
.wrapper700 { width:700px;margin-left:auto;margin-right:auto; }
.wrapper800 { width:800px;margin-left:auto;margin-right:auto; }
.wrapper900 { width:900px;margin-left:auto;margin-right:auto; }
.wrapper1000 { width:1000px;margin-left:auto;margin-right:auto; }
.wrapperm400 { max-width:400px;margin-left:auto;margin-right:auto; }
.wrapperm500 { max-width:500px;margin-left:auto;margin-right:auto; }
.wrapperm600 { max-width:600px;margin-left:auto;margin-right:auto; }
.wrapperm700 { max-width:700px;margin-left:auto;margin-right:auto; }
.wrapperm800 { max-width:800px;margin-left:auto;margin-right:auto; }
.wrapperm900 { max-width:900px;margin-left:auto;margin-right:auto; }
.wrapperm1000 { max-width:100px;margin-left:auto;margin-right:auto; }
/** ----------------------------------------------------------------------------------------------------------- **/
.bg-center {
   background-position:center;
}
.bg-cover {
   background-repeat:no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size:cover;
}
.bg-contain {
   background-repeat:no-repeat;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size:contain;
}
/** ----------------------------------------------------------------------------------------------------------- **/
hr,div.hr1 { 
   margin: 0px auto;
   color: #e6e7e8;
   background: #e6e7e8;
   border: 0px;
   height: 1px;
}
div.hr2 { 
   margin: 0px auto;
   color: #eee;
   background: #eee;
   border: 0px;
   height: 1px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
mred,.mfered,.mred {
   color:#aa0828;
}
.green {
   color:#80c602 !important;
}
.tsgreen {
   color:#80c602;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.btn {
   min-width:150px;
   line-height:30px;
   padding:0 15px;
   font-size:13px;
   font-weight: 600;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   border-radius:2px;
   text-align:center;
   display:inline-block;
   outline:none;
   cursor:pointer;
   border:0;
   font-family: 'Open Sans',arial,sans-serif;
}
.btn i.fa {
   margin-right:5px;
}
.btn-green {
   background:#80c602;
   color:#fff;
}
.btn-mred {
   border: 1px solid #aa0828;
   background:#aa0828;
   color:#fff;
}
.btn-facebook {
   background-color:#466199;
   color:#fff;
}
.btn-whiteline {
   border:solid 1px #fff;;
   background:transparent;
   color:#fff;
}
.btn-grey {
   background:#eee;
   border: 1px solid #eee;
   color:#444;
}
.btn-grey:hover {
   background-color: #e8e8e8;
}
.btn[disabled] {
   background-color:#ccc;
   border-color:#ccc;
   cursor:no-drop;
}
.btn:hover {
   text-decoration:none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.table1 {
   border-collapse:collapse;
   border:solid 1px #dadada;
}
.table1 th {
   background:#f7f7f7;
   border-bottom:solid 1px #dadada;
   padding:7px 10px;
   text-align:left;
   font-size:12px;
   background:url(//cdn.ywxi.net/static/img/thead_bg.png);
}
.table1 td {
   font-size:12px;
   padding:5px 10px;
   border-top:solid 1px #efefef;
   background:#fff;
}
.table1-topbar {
   padding:5px;
   text-align:right;
   background:#fff;
}
.table1 tr.even {
   background:#f7f7f7;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.table2 {
   border-collapse:collapse;
}
.table2 th {
   font-size:14px;
   text-align:left;
   background:#f7f7f7;
   padding:10px;
   border-top:solid 2px #fff;
   border-bottom:solid 2px #fff;
}
.table2 td {
   background:#fff;
   padding:10px;
   border-top:solid 2px #fff;
   border-bottom:solid 2px #fff;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.table3 {
   border-collapse:collapse;
}   
.table3 th {
   text-align:left;
   padding:10px;
   border-bottom:solid 1px #e6e7e8;
   border-top:solid 1px #e6e7e8;
   background-color:#f7f8f9;
}
.table3 td {
   padding:10px;
   border-bottom:solid 1px #e6e7e8;
   border-top:solid 1px #e6e7e8;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
img.desaturate {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}
/** ----------------------------------------------------------------------------------------------------------- **/
#simplemodal-overlay {
   background: #000;
   opacity:0.85;
}
#simplemodal-container {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   border-radius:0;
   background:#fff;
   padding:0px;
}
#simplemodal-container a.modalCloseImg {
   background:url(//cdn.ywxi.net/static/img/close_big.png) no-repeat;
   width:46px;
   height:46px;
   display:inline;
   z-index:3200;
   position:absolute;
   top:-23px;
   right:-23px;
   cursor:pointer;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.loader {
   background-image:url(//cdn.ywxi.net/static/img/ajax-loader-large.gif);
   background-repeat:no-repeat;
   background-size: contain;
   background-position:center center;
   width:100px;
   height:100px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }
a,form,span,ul,li,div,input,textarea {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.read {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
.right {
   text-align:right;
}
/** ----------------------------------------------------------------------------------------------------------- **/
ul {
   padding-left: 0px;
   list-style: none;
   margin: 0;
}
ul.threecols > li {
   width: 30.9%;
   margin: 0 1%;
   display: inline-block;
   vertical-align: top;
}
ul.twocols > li {
   width: 47.5%;
   margin: 0 1%;
   display: inline-block;
   vertical-align: top;
}
ul.fourcols > li {
   width: 22.5%;
   margin: 0 1%;
   display: inline-block;
   vertical-align: top;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.paginationbtns1 {
   margin-top:10px;
   text-align:right;
}
.paginationbtns1 a {
   display:inline-block;
   font-weight:300;
   width:26px;
   font-size:22px;
   text-align:center;
   color:#aaa;
   background:#efefef;
   border:solid 1px #ddd;
   text-decoration:none;
   padding:0;
   line-height:20px;
   padding-bottom:5px;
}
.paginationbtns1 a.back {
   margin-left:10px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
}
.paginationbtns1 a.next {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}
.paginationbtns1 a:hover {
   text-decoration:none;
   color:#111;
   border-color:#888;
}
.paginationbtns1 a.disabled {
   color:#aaa !important;
   border-color:#ddd !important;
   opacity:0.5;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   cursor:default !important;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.bg-center {
   background-position:center;
}
.bg-cover {
   background-repeat:no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size:cover;
}
.bg-contain {
   background-repeat:no-repeat;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size:contain;
}

/** ----------------------------------------------------------------------------------------------------------- **/
/** tb1 and sm1 are the big versions - both 40px high **/
.tb1 {
   padding:0 10px;
   line-height:38px;
   height:40px;
   font-size:15px;
   border:solid 1px #ddd;
   border-radius: 2px;
   transition: all .2s;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.tb1:focus {
   outline: none;
   border-color:#ccc;
}
.sm1 {
   padding:0 5px;
   display:inline-block;
   border:solid 1px #ddd;
   overflow: hidden;
   background-color:#fff;
   background-repeat:no-repeat;
   background-position:right center;
   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFJREFUeNpi/P//PwM1ARMDlcGogSPBQBZsgqtWrSKYOMPCwhiJdiEuxcTIM5GqiZBlTKS4hJBhYADKy4TwypUr/xOjDoQZRwuHUQNJBwABBgD0hEv0HB16zAAAAABJRU5ErkJggg==);
   margin:0;
   border-radius: 2px;
   line-height:38px;
   height:40px;

}
.sm1 select {
   margin:0;
   width: 100%;
   border:none;
   box-shadow: none;
   color:#444;
   background: transparent;
   background-image: none;
   border-radius:0px;
   padding:4px 5px;
   font-size:15px;
   -webkit-appearance: none;
}
.sm1 select:focus {
   outline: none;
}
.btn1 {
   padding: 0 10px;
   font-size:15px;
   line-height:38px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
/** tb2 and sm2 are the big versions - both 40px high **/
.tb2 {
   padding: 0 10px;
   font-size:13px;
   margin:0;
   border:1px solid #ddd;
   transition: all .2s;
   border-radius: 2px;
   box-shadow:none;
   -webkit-appearance: none;
   -moz-appearance: none;
   line-height:28px;
   height:30px;
}
.tb2:focus {
   outline: none;
   border-color:#ccc;
}
.sm2 {
   padding:0 5px;
   display:inline-block;
   border:solid 1px #ddd;
   overflow: hidden;
   background-color:#fff;
   background-repeat:no-repeat;
   background-position:right center;
   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFJREFUeNpi/P//PwM1ARMDlcGogSPBQBZsgqtWrSKYOMPCwhiJdiEuxcTIM5GqiZBlTKS4hJBhYADKy4TwypUr/xOjDoQZRwuHUQNJBwABBgD0hEv0HB16zAAAAABJRU5ErkJggg==);
   margin:0;
   border-radius: 2px;
   line-height:28px;
   height:30px;

}
.sm2 select {
   margin:0;
   width: 100%;
   border:none;
   box-shadow: none;
   color:#444;
   background: transparent;
   background-image: none;
   border-radius:0px;
   padding:4px 5px;
   font-size:13px;
   -webkit-appearance: none;
}
.sm2 select:focus {
   outline: none;
}
.btn2 {
   line-height:28px;
   height:30px;
   padding: 0 10px;
   font-size:13px;
}
.ta2 {
    outline: none;
    padding: 10px;
    font-size: 13px;
    margin: 0;
    border: 1px solid #ddd;
    transition: all .2s;
    border-radius: 2px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
button.loading {
   background-repeat:no-repeat !important;
   background-position:10px center !important;
   background-color:#333 !important;
   border:solid 1px #333 !important;
   background-size:20px 20px !important;
   background-image:url(//cdn.ywxi.net/static/img/spinner-333333-FFFFFF-1.gif) !important;
   transition:none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.message-mred {
   text-align:left;
   border:solid 1px #e6e7e8;
   border-left:solid 3px #aa0828;
   text-align:left;
   padding:10px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
#message-top {
   position:fixed;
   z-index:9999999999;
   transition: top 0.5s ease-in-out;
   box-shadow:0px 5px 20px #555;
}
.message-box {
   font-family: 'Open Sans',arial,sans-serif;
   padding:10px 10px;
   font-size:14px;
   text-align:center;
   margin:auto;
}
.message-grey {
   background:#ededf1;
   border:solid 1px #e2e2e5;
}
.message-yellow {
   background:#fcf4dd;
   border:solid 1px #fae6aa;
}
.message-green {
   background:#e2edd5;
   border:solid 1px #c6e0ae;
}

.message-red {
   background:#efdbde;
   border:solid 1px #e7c7cc;
}
.message-box a {
}

/** ----------------------------------------------------------------------------------------------------------- **/

h1 {
  font-size: 45px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin:0;
}
h2 {
  font-size: 35px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin:0;
}
h3 {
   color: #333;
   font-size: 19px;
   font-weight: 600;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   margin:0;
}
h4 {
   font-size: 13px;
   font-weight: bold;
   color: #333;
   padding:0;
   margin:0;
   text-transform:uppercase;
}
.tsbr5 { border-radius:5px 0 5px 0; }
.tsbr10 { border-radius:10px 0 10px 0; }
.br5 { border-radius:5px; }
.br10 { border-radius:10px; }
.br15 { border-radius:15px; }
.br20 { border-radius:20px; }

.pill {
   font-weight:200;
   font-size:11px;
   display:inline-block;
   line-height:18px;
   padding:0 10px;
   border-radius:10px;
   font-weight:600;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
.pill:hover {
   text-decoration:none;
}
.pill-red {
   background-color:#aa0828;
   color:#fff;
}
.pill-green {
   background-color:#80c602;
   color:#fff;
}
.pill-grey {
   background:#eee;
   color:#777;

}
a.grey {
   color:#777;
   text-decoration:underline;
}
a.noline {
   text-decoration:none !important;
   
}

.color-ts { color:#80c602; }
.color-mfes { color:#80c602; }
.bg-ts { background-color:#77ac2e; }
.bg-mfes { background-color:#aa0828; }
.logo-ts {
   background-repeat:no-repeat;
   background-image:url(//cdn.ywxi.net/static/img/logo/trustedsite.png);
}
.logo-mfes {
   background-repeat:no-repeat;
   background-image:url(//cdn.ywxi.net/static/img/logo/mcafee.png);
}
.icon-ts {
   background-repeat:no-repeat;
   background-image:url(//cdn.ywxi.net/static/img/icon/trustedsite.png);
}
.icon-mfes {
   background-repeat:no-repeat;
   background-image:url(//cdn.ywxi.net/static/img/icon/mcafee.png);
}
.text1 {
   text-align:left;
   font-size:17px;
   line-height:180%;
   font-weight:100;
}

.bg-grey {
   background-color:#f8f9fa;
}

/* --------------------------------------------------------------- */
.card1 {
   background:#fff;
   border:solid 1px #e6e7e8;
}
.card2 {
   background:#f7f8f9;
   border:solid 1px #e6e7e8;
}
.card3 {
   box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
   background-color:#3c3c3c;
   border-radius:3px;
}
/* --------------------------------------------------------------- */
.btn6 {
   margin:0;
   font-size:12px;
   color:#666;
   font-weight:200;
   padding:5px 10px;
   background:#f7f7f7;
   border:solid 1px #ddd;
   cursor:pointer;
   transition: background-color 200ms ease;

}
.btn6:hover {
   background:#eee;
}
/* --------------------------------------------------------------- */
.btn-counter {
   line-height:28px;
   height:30px;
   display:inline-block;
   background-color: rgb(240, 240, 240);
   background-image: linear-gradient(rgb(255, 255, 255), rgb(240, 240, 240));
   border-radius:5px;
   border: solid 1px rgb(204, 204, 204);
   color: rgb(95, 95, 95);
   overflow:hidden;
}
.btn-counter i {
   width:40px;
   font-size:18px;
   text-align:center;
   line-height:28px;
   float:left;
}
.btn-counter i[href],.btn-counter i[onclick] {
   cursor:pointer;
}
.btn-counter i[href]:hover,.btn-counter i[onclick]:hover {
   background-color: rgb(240, 240, 240);
}
.btn-counter b {
   border-left:solid 1px rgb(204, 204, 204);
   font-weight: bold;
   font-size:14px;
   display:block;
   margin-left:40px;
   padding-left:10px;
   padding-right:10px;
}
.btn-counter b[href],.btn-counter b[onclick] {
   cursor:pointer;
}
.btn-counter b[href]:hover,.btn-counter b[onclick]:hover {
   background-color: rgb(240, 240, 240);
}
.btn-counter i.fa-thumbs-down { color:#ffb800; }
.btn-counter i.fa-thumbs-up { color:#80c602; }
.btn-counter.side-left {
   border-top-right-radius:0;
   border-bottom-right-radius:0;
}
.btn-counter.side-right {
   border-left:0;
   border-top-left-radius:0;
   border-bottom-left-radius:0;
}
.btn-counter.small {
   line-height:20px;
   height:20px;
}
.btn-counter.small i {
   font-size:12px;
   line-height:18px;
   height:18px;
   width:30px;
}
.btn-counter.small b {
   font-size:12px;
   line-height:18px;
   margin-left:30px;
}
.btn-counter.white {
   background:#fff;
}
/* --------------------------------------------------------------- */
.onofftog {
   height:20px;
   width:40px;
   background:#ccc;
   position:relative;
   border-radius:10px;
   transition:all 0.2s;
   cursor:pointer;
}
.onofftog span {
   position:absolute;
   background:#fff;
   border-radius:8px;
   height:16px;
   width:16px;
   left:3px;
   top:2px;
   transition:all 0.2s;
}
.onofftog.on {
   background:#80c602;
}
.onofftog.on span {
   left:21px;
}
.onofftog input[type=checkbox] {
   visibility:hidden;
}
/* --------------------------------------------------------------- */
.ff1 {
   font-size:13px;
   font-weight:bold;
   color:#333;
   padding:5px 0;
}
.ff1 span, .ff1 .error {
   float:right;
   font-weight:bold;
   color:#aa0828;
}

table.fftable {
   width:100%;
   border-collapse:collapse;
}
table.fftable tr td {
   padding-right:20px;
   vertical-align:top;
   padding-bottom:20px;
}
table.fftable tr td:last-child {
   padding-right:0;
}
table.fftable .sm1,table.fftable input[type=password],table.fftable input[type=text] {
   width:100%;
}
/* --------------------------------------------------------------- */
#footer-operatedby {
   position:fixed;
   width:100%;
   bottom:0;
   left:0;
}
#footer-operatedby div {
   margin:auto;
   width:200px;
   text-align:center;
   background:#f7f8f9;
   font-size:11px;
   padding:3px;
   border-top:solid 1px #e6e7e8;
   border-left:solid 1px #e6e7e8;
   border-right:solid 1px #e6e7e8;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   cursor:pointer;
}
#footer-operatedby div:hover {
   background:#e6e7e8;
}
/* --------------------------------------------------------------- */
.accordian {
   max-width:700px;
   margin:auto;
}
.accordian div {
   border-top:solid 1px #e6e7e8;
   padding:20px 0;
}
.accordian div b {
   cursor:pointer;
   display:block;
}
.accordian div:last-child {
   border-bottom:solid 1px #e6e7e8;
}
.accordian i.fa {
   float:right;
}
.accordian p {
   display:none;
}
/* --------------------------------------------------------------- */
.review-stars {
   color:#ffb900;
   display:block;
   width:100px;
   height:25px;
   overflow:hidden;
}
.review-stars.small {
   width:75px;
   height:20px;
}
.review-stars i.fa {
   text-align:center;
   width:20px;
   line-height:25px;
   height:25px;
   font-size:18px;
}
.review-stars.small i.fa {
   width:15px;
   line-height:20px;
   height:20px;
   font-size:14px;
}
.review-bar {
   height:8px;
   width:100%;
   display:block;
   background-color:#e6e7e8;
   border-radius:2px;
   overflow:hidden;
}
.review-bar div {
   height:8px;
   background-color:#ffb900;
}
/* --------------------------------------------------------------- */
.avatar {
   background-size:cover;
   background-repeat:no-repeat;
   border-radius:3px;
   background-position:top center;
}