html {
   margin:0;
   padding:0;
}
body {
   margin:0;
   padding:0;
   font-family: 'Open Sans',arial,sans-serif;
   color:#53565A;
   font-size:13px;
   background-color:#fff;
}
/** Explicityly required for FF **/
textarea { font-family: 'Open Sans',arial,sans-serif; }

* {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
input[type=password], input[type=text], select option, input[type=email] {
   font-family: 'FontAwesome','Open Sans',arial,sans-serif;
}
body.modal-open {
   overflow: hidden;
}
h1, h2, h3, h4, h5, h6{
   color:#000;
   line-height:1.3;
}
p {
   line-height:1.7;
}
a,.a {
   color:#309fd8;
   text-decoration:none;
}
a:hover,a.hover,a.underline {
   text-decoration:underline;
}
b,.bold {
   font-weight:700;
}
.thin {
   font-weight:100;
}
.normal {
   font-weight:400;
}
button:focus {
   outline: none;
}
.section-white {
   background-color:#fff;
}
.section-grey {
   background-color:#f7f8f9;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.ul { text-decoration:underline; }
.hide { display:none; }
.textr { text-align:right; }
.textl { text-align:left; }
.floatr { float:right; }
.floatl { float:left; }
.pad5 { padding:5px; }
.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; }
.mar0 { margin:0px !important; }
.mar10 { margin:10px; }
.mar15 { margin:15px; }
.mar20 { margin:20px; }
.mar25 { margin:25px; }
.mar30 { margin:30px; }
.mar40 { margin:40px; }
.mar50 { margin:50px; }
.mary5 { margin:5px auto; }
.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; }
.huge { font-size:31px; }
.small { font-size:12px; }
.smaller { font-size:11px; }
.tiny { font-size:10px; }
.lh13 { line-height:130%; }
.lh14 { line-height:140%; }
.lh17 { line-height:170%; }
.lh20 { line-height:200%; }
.lh30px { line-height:30px; }
.none { text-align:center;color:#aaa; }
.pointer { cursor:pointer; }
img { border:0; }
.hidden { display:none; }
.cursor-zoom-in { cursor:zoom-in; }
.mh800 { min-height:800px; }
.mh500 { min-height:500px; }
.mxw300 { max-width:300px; }
.mxw315 { max-width:315px; }
.mxw355 { max-width:355px; }
.w100 { width:100% !important;min-width:auto !important; }
.w150 { width:150px !important;min-width:auto !important; }
.mw0 { min-width:0 !important; }
.mw150 { min-width:150px !important; }
.mw200 { min-width:200px !important; }
.mw760 { min-width:760px !important; }
.mrb10 { margin-right:10px;margin-bottom:10px; }
.vatop { vertical-align:top; }
.vamid { vertical-align:middle; }
.marb40 { margin-bottom:40px; }
.marb20 { margin-bottom:20px; }
.marb15 { margin-bottom:15px; }
.marb10 { margin-bottom:10px; }
/** ----------------------------------------------------------------------------------------------------------- **/
.nowrap {
   white-space:nowrap;
}
.nowrapell {
   text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.wrapper { max-width:1200px;min-width:320px;margin-left:auto;margin-right:auto; }
.wrapper300 { width:300px;margin-left:auto;margin-right:auto; }
.wrapper350 { width:350px;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; }
.wrapper1100 { width:1100px;margin-left:auto;margin-right:auto; }
.wrapper1200 { width:1200px;margin-left:auto;margin-right:auto; }
.wrapperm300 { max-width:300px;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; }
.wrapperm750 { max-width:750px;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:1000px;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 {
   margin: 0px auto;
   color: #e6e7e8;
   background: #e6e7e8;
   border: 0px;
   height: 1px;
}
div.hr1 { 
   color: #e6e7e8;
   background: #e6e7e8;
   border: 0px;
   height: 1px;
}
div.hr2 { 
   color: #eee;
   background: #eee;
   border: 0px;
   height: 1px;
}
div.hr3 { 
   color: #ddd;
   background: #ddd;
   border: 0px;
   height: 1px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.mred {
   color:#C01818;
}
.green {
   color:#8CC74F !important;
}
.tsgreen {
   color:#80c602;
}
.red {
   color:#ff0000;
}
.yellow {
   color:#ffb900;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.btn {
   vertical-align:middle;
   line-height:28px;
   height:30px;
   padding:0 15px;
   font-size:13px;
   font-weight: 600;
   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:#8CC74F;
   color:#fff;
}
.btn-orange {
   background:#ffb900;
   color:#fff;
}
.btn-mred {
   border: 1px solid #C01818;
   background:#C01818;
   color:#fff;
}
.btn-mredline {
   border: 1px solid #C01818;
   color:#C01818;
   background:transparent;
}
.btn-mredline:hover {
   background:#fff;
}
.btn-blue {
   border: 1px solid #00a7f7;
   background:#00a7f7;
   color:#fff;
}
.btn-white {
   background:#fff;
   border: 1px solid #e6e7e8;
}
.btn-whiteline {
   border:solid 1px #fff;;
   background:transparent;
   color:#fff;
}
.btn-greenline {
   border:solid 1px #8CC74F;
   background:transparent;
   color:#80c602;
}
.btn-grey {
   background:#eee;
   border: 1px solid #eee;
   color:#444;
}
.btn-greyline {
   border:solid 1px #e6e7e8;;
   background:transparent;
   color:#777;
   font-weight:400;
   transition: background-color 200ms ease;
}
.btn-greyline:hover {
   background-color: #eee;
}
.btn-grey:hover {
   background-color: #e8e8e8;
   border: 1px solid #e8e8e8;
}
.btn-facebook,.btn-facebook-hover:hover {
   background-color:#466199;
   border: 1px solid #466199;
   color:#fff;
}
.btn-twitter,.btn-twitter-hover:hover {
   background-color:#4099FF;
   border: 1px solid #4099FF;
   color:#fff;
}
.btn-googleplus {
   background-color:#dd4b39;
   border: 1px solid #dd4b39;
   color:#fff;
}
.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;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.table4 {
   border-collapse:collapse;
}
.table4 td {
   padding:20px;
   border-bottom:solid 1px #e6e7e8;
}
.table4 tr:last-child td {
   border-bottom:none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
table.table11 {
   border-collapse:collapse;
}
table.table11 th {
   border-top:none;
   border-bottom:solid 1px #e6e7e8;
   background:#f8f9fa;
   padding:10px;
   font-size:12px;
   color:#939393;
   text-align:left;
}
table.table11 td {
   border-bottom:solid 1px #e6e7e8;
   padding:10px;
}
table.table11 th:first-child, table.table11 td:first-child {
   padding-left: 20px;
}
table.table11 th:last-child, table.table11 td:last-child {
   padding-right: 20px;
}
table.table11 tr:last-child td {
   border-bottom:0;
}
tr.highlight:hover {
   background:#f7f8f9;
}
tr.link {
   cursor:pointer;
}
/** ----------------------------------------------------------------------------------------------------------- **/
table.table12 {
   border-collapse:collapse;
}
table.table12 th {
   text-align:left;
   font-weight:bold;
   padding:10px;
   border-top:solid 1px #e6e7e8;
   border-bottom:solid 1px #e6e7e8;
}
table.table12 td {
   padding:10px;
   border-bottom:solid 1px #e6e7e8;
   border-top:solid 1px #e6e7e8;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.table0 {
   border-collapse:collapse !important;
   padding:0 !important;
}
.table0 th {
   padding:0 !important;
   border:none !important;
}
.table0 td {
   vertical-align:top;
   padding:0 !important;
   border:none !important;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
img.desaturate {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}
/** ----------------------------------------------------------------------------------------------------------- **/
.simplemodal-close {
   background-image:url(//cdn.ywxi.net/static/img/modal-close.png) !important;
   background-size:11px 11px !important;
   background-position:center center !important;
   background-repeat:no-repeat !important;
   width:30px !important;
   height:30px !important;
   border-radius:15px !important;
   top:-35px !important;
   right:-35px !important;
   position:absolute;
   z-index:1000;
   display:block;
   cursor:pointer;
}
.simplemodal-close:hover {
   background-color: rgba(82, 82, 82, .7) !important;
}
#simplemodal-overlay {
   background:rgba(0, 0, 0, .7);
   transition:opacity 0.5s;
   opacity:0.9 !important;
}
#simplemodal-overlay:hover {
   opacity:0.90 !important;
}
.simplemodal-container {
   border:solid 10px rgba(82, 82, 82, .7);
   border-radius:8px !important;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   background:#fff;
   padding:0px;
}
.simplemodal-wrap {
   top:0;
   position:absolute;
   display:block;
}

/** ----------------------------------------------------------------------------------------------------------- **/
.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;
}
.loader-200 {
   background-repeat:no-repeat;
   background-image:url(//cdn.ywxi.net/static/img/ajax-loader-large.gif);
   background-size:200px 200px;
   background-position:center center;
   height:400px;
}
.loader-100 {
   background-repeat:no-repeat;
   background-image:url(//cdn.ywxi.net/static/img/ajax-loader-large.gif);
   background-size:100px 100px;
   background-position:center center;
   height:200px;
}
.loading-100-modal {
   width:200px;
   height:200px;
   background-color:rgba(82, 82, 82, .7);
   padding-top:170px;
   text-align:center;
   color:#fff;
}
/** ----------------------------------------------------------------------------------------------------------- **/
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc;opacity:1; } /* Firefox 19+ */
:-moz-placeholder { color:#ccc;opacity:1; } /* Firefox 18- */
:-ms-input-placeholder { color:#ccc; } /* ie */
::placeholder { color:#ccc; }
select:invalid { color: #ccc!important; }
a,form,span,ul,li,div,input,textarea {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.right {
   text-align:right;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.pagination-btns-1 {
   margin-top:10px;
   text-align:right;
}
.pagination-btns-1 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;
}
.pagination-btns-1 a.back {
   margin-left:10px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
}
.pagination-btns-1 a.next {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}
.pagination-btns-1 a:hover {
   text-decoration:none;
   color:#111;
   border-color:#888;
}
.pagination-btns-1 a.disabled {
   color:#aaa !important;
   border-color:#ddd !important;
   opacity:0.5;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   cursor:default !important;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.pagination-btns-2 {
   height:32px;
   float:right;
   margin:auto;
}
.pagination-btns-2 a i {
   font-size:12px;
   line-height:30px;
}
.pagination-btns-2 a i.fa-chevron-left { margin-right:10px; }
.pagination-btns-2 a i.fa-chevron-right { margin-left:10px; }
.pagination-btns-2 a {
   cursor:pointer;
   background-color:#f7f8f9;
   border:solid 1px #e6e7e8;
   border-left:0;
   font-size:12px;
   line-height:30px;
   padding:0 15px;
   color:#777;
   display:inline-block;
   float:left;
}
.pagination-btns-2 a:first-child {
   border-left:solid 1px #e6e7e8;
}
.pagination-btns-2 a:hover {
   color:#222;
   background:#e6e7e8;
   text-decoration:none;
}
.pagination-btns-2 a.sel {
   font-weight:bold;
   color:#222;
   background:#e6e7e8;
   text-decoration:none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.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:18px;
   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 {
   font-size:13px;
   margin:0;
   border:1px solid #ddd;
   transition: all .2s;
   border-radius: 2px;
   box-shadow:none;
   -webkit-appearance: none;
   -moz-appearance: none;
}
input.tb2 {
   line-height:28px;
   height:30px;
   padding: 0 10px;
}
textarea.tb2 {
   padding: 10px;
}
.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;
}
sm1.red,.sm2.red {
   border:solid 1px #C01818;
   background-color:rgba(170,8,40,0.2);
}
sm1.green,.sm2.green {
   border:solid 1px #8CC74F;
   background-color:rgba(127,198,2,0.2);
}
/** ----------------------------------------------------------------------------------------------------------- **/
.sm-mini {
   padding:0 5px;
   display:inline-block;
   border:0;
   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;
   line-height:20px;
   height:20px;

}
.sm-mini select {
   vertical-align:top;
   margin:0;
   overflow:hidden;
   width: 100%;
   border:none;
   box-shadow: none;
   color:#333;
   background: transparent;
   background-image: none;
   border-radius:0px;
   padding:0px 5px;
   height:20px;
   line-height:20px;
   font-size:11px;
   -webkit-appearance: none;
}
.sm-mini select:focus {
   outline: none;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.tb3 {
   padding:0 10px;
   line-height:38px;
   height:40px;
   font-size:15px;
   border:none;
   border-radius: 2px;
   transition: all .2s;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.tb3:focus {
   outline: 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-top {
   font-weight:600;
   top:0;
   left:0;
   right:0;
   position:fixed;
   z-index:9999999999;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   font-size:16px;
   height:65px;
   line-height:65px;
   padding:0 10px !important;
}
.message-box {
   padding:10px 10px;
   text-align:center;
   margin:auto;
}
.message-grey {
   color:#333;
   background-color:#ededf1;
}
.message-green {
   color:#fff;
   background-color: #8CC74F;
}
.message-yellow {
   color:#fff;
   background-color: #ffb600;
}
.message-red {
   color:#fff;
   background-color: #C01818;
}
.message-yellow a, .message-red a, .message-green a {
   color:white;
   text-decoration: underline;
}
/** ----------------------------------------------------------------------------------------------------------- **/
h1 {
  font-size: 36px;
  font-weight: 100;
  margin:0;
}
h2 {
  font-size: 26px;
  font-weight: 300;
  margin:0;
}
h3 {
   color: #333;
   font-size: 18px;
   font-weight:700;
   margin:0;
}
h4 {
   font-size: 13px;
   font-weight: bold;
   color: #333;
   padding:0;
   margin:0;
   text-transform:uppercase;
}
h6 {
   margin:0;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.pill {
   font-weight:200;
   font-size:11px;
   display:inline-block;
   line-height:18px;
   padding:0 10px;
   border-radius:10px;
   font-weight:600;
}
.pill:hover {
   text-decoration:none;
}
.pill-red {
   background-color:#C01818;
   color:#fff;
}
.pill-green {
   background-color:#8CC74F;
   color:#fff;
}
.pill-grey {
   background:#eee;
   color:#777;
}
.pill-yellow {
   background:#ffb600;
   color:#fff;
}
span.lightgrey,i.lightgrey,div.lightgrey {
   color:#D6D7D7;
}
span.grey,i.grey,div.grey {
   color:#999;
}
a.grey {
   cursor:pointer;
   color:#999;
   text-decoration:underline;
}
a.grey:hover {
   color:#333;
}
a.noline {
   text-decoration:none !important;
   
}

.color-ts { color:#80c602; }
.color-mfes { color:#80c602; }
.bg-ts { background-color:#77ac2e; }
.bg-mfes { background-color:#C01818; }
.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/mcafeesecure.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;
}
.card1-title {
   font-size: 15px;
   padding: 15px 20px;
   font-weight:bold;
   border-bottom: solid 1px #e6e7e8;
   color: #000;
}
.card1-title i.fa-question-circle {
   color:#ccc;
   float:right;
}
.card1-title i.fa-question-circle:hover {
   color:#333;
}
.card1-title.noborder {
   border:0;
}
.card1-title.small {
   font-size:12px;
}
.card1-title2 {
   font-size:27px;
   padding-top:20px;
   text-align:center;
   font-weight:300;
   color: #000;
}
.card1-title a.floatr {
   font-size:12px;
   font-weight:normal;
   line-height:23px
}
/** ----------------------------------------------------------------------------------------------------------- **/
.card2 {
   background:#f7f8f9;
   border:solid 1px #e6e7e8;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.card3 {
   background:#fff;
   border:solid 1px #e6e7e8;
   border-top:0;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.card-title {
   font-size: 14px;
   font-weight:bold;
   padding: 15px 20px;
   border-bottom: solid 1px #e6e7e8;
   color: #000;
}
.card-title i.fa-question-circle {
   color:#ccc;
   float:right;
}
.card-title i.fa-question-circle:hover {
   color:#333;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.summary-cards {
   display: flex;
   justify-content:space-around;
   flex-wrap: wrap;
   margin:-10px;
   margin-bottom:10px;
}
.card1 .summary-cards {
   margin-bottom:-10px;
}
.summary-cards .card {
   flex: 1;
   margin:10px;
   min-width:300px;
   z-index:1;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.cards-4 {
   display: flex;
   justify-content:space-around;
   flex-wrap: wrap;
   margin:-10px;
   margin-bottom:10px;
}
.cards-4  .card {
   flex: 1;
   margin:10px;
   min-width:200px;
   z-index:1;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.border-line {
   display: block;
   height: 4px;
   background: #b2bac0;
   position:relative;
}
.border-line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 33%;
    background: rgba(0, 0, 0, 0.3);
}
.border-line.green { background:#8CC74F; }
.border-line.red { background:#C01818; }
/** ----------------------------------------------------------------------------------------------------------- **/
.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;
}
/* --------------------------------------------------------------- */
table.fftable th, .ff1, h6 {
   font-weight:bold;
   text-transform:uppercase;
   padding-bottom:5px;
   font-size:11px;
   letter-spacing:1px;
   color:#000000;
}
.ff1 span, .ff1 .error {
   float:right;
   color:#C01818;
}
.ff1 a {
   float:right;
   text-transform:capitalize;
   font-size:11px;
   color:#333;
   text-decoration:underline;
}
table.fftable {
   border-collapse:collapse;
}
table.fftable tr td {
   padding-right:10px;
   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%;
}
table.fftable tr th {
   text-align:left;
}
/* --------------------------------------------------------------- */
.accordian {
   max-width:700px;
   margin:auto;
}
.accordian div {
   border-top:solid 1px #e6e7e8;
}
.accordian div b {
   cursor:pointer;
   display:block;
   color:#000;
   padding:20px 0;
}
.accordian div:last-child {
   border-bottom:solid 1px #e6e7e8;
}
.accordian i.fa {
   float:right;
   color:#B1BABF;
   font-size:11px;
   padding:5px 5px 0 0;
}
.accordian p {
   display:none;
   margin:0 0 25px 0;
}
/* --------------------------------------------------------------- */
.review-stars {
   color:#ffb900;
   display:block;
   width:100px;
   height:25px;
   overflow:hidden;
}
.review-stars.small {
   width:75px;
   height:20px;
}
.review-stars.large {
   height:30px;
   width:125px;
}
.review-stars i.fa {
   text-align:left;
   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-stars.large i.fa {
   width:25px;
   line-height:30px;
   height:30px;
   font-size:22px;
}
.review-stars .fa-stack {
   width:14px;
   margin:0 3px;
}
.review-stars.small .fa-stack {
   margin:0 1px; 
   width:13px;
}
.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-color:#e6e7e8;
   background-image:url(//cdn.ywxi.net/static/img/gravatar200.png);
   background-size:cover;
   background-repeat:no-repeat;
   border-radius:3px;
   background-position:top center;
}
/* ----- SIGNIN BUTTON ---------------------------------------------------------- */
.btn-signin {
   border:0;
   font-weight:600;
   line-height:40px;
   color:#fff;
   display:inline-block;
   width:250px;
   margin:auto;
   text-align:left;
   cursor:pointer;
   outline:none;
   box-shadow:none;
   text-shadow:none;
   font-size:14px;
}
.btn-signin i.fa {
   font-size:16px;
   text-align:center;
   width:24px;
   margin:8px;
   line-height:24px;
   background:#fff;
}
.btn-signin-facebook { background-color:#466199; }
.btn-signin-facebook i.fa { color:#466199; }

.btn-signin-google { background-color:#e1533c; }
.btn-signin-google i.fa { color:#e1533c; }

.btn-signin-outline {
   background:transparent;
   border: solid 1px #fff;
}

/* --------------------------------------------------------------- */
.tooltip-auto {
   background:rgba(0,0,0,0.9);
   color:#fff;
   font-size:12px;
   border:0;
   border-radius:0px;
   box-shadow:none;
}
/* --------------------------------------------------------------- */
div.code,textarea.code {
   outline:none;
   resize: none;
   border:0;
   color:#000;
   border:solid 1px #e6e7e8;
   border-radius:3px;
   background:#f7f7f7;
   font-family:'Courier New', Courier, monospace;
   padding:10px;
   font-size:12px;
   width:100%;
   overflow:auto;
}
div.code {
   white-space:pre;
}
div.code g {
   font-weight:600;
   color:#80c602;
}
/* --------------------------------------------------------------- */
.hrtitle {
   border-bottom:solid 1px #e6e7e8;
   text-align:center;
   height:10px;
   margin-bottom:10px;
}
.hrtitle b {
   font-size:12px;
   line-height:20px;
   padding:0 10px;
   background:#fff;
}
/* --------------------------------------------------------------- */
.wistia_embed {
   overflow:hidden;
   display:block;
}
.wistia_embed_200 {
   height:112px;
   width:200px;
}
.wistia_embed_300 {
   height:168px;
   width:300px;
}
.wistia_embed_315 {
   height:168px;
   width:315px;
}
.wistia_embed_400 {
   height:224px;
   width:400px;
}
.wistia_embed_600 {
   height:336px;
   width:600px;
}
.wistia_flex {
   position:relative;
}
.wistia_flex .wistia_embed {
   width:100%;
   height:100%;
   left:0;
   top:0;
   right:0;
   bottom:0;
   position:absolute;
}
/* --------------------------------------------------------------- */
.hrtext {
   text-align:center;
   border-bottom:solid 1px #e6e7e8;
   line-height:20px;
   height:12px;
   margin-bottom:10px;
}
.hrtext span {
   background:#fff;
   padding:0 5px;
   font-size:13px;
   line-height:20px;
   font-weight:bold;
   color:#555;
}
.hrtext span.bggrey {
   background:#f7f8f9;
}
/* --------------------------------------------------------------- */
.noborder {
   border:0 !important;
}
/* --------------------------------------------------------------- */
.banner-box {
   padding:10px 20px;
}
.banner-box i.fa {
   margin-right:10px;
}
.banner-box[href] {
   cursor:pointer;
}
.banner-box.orange {
   color:#fff !important;
   background:#ffb600 !important;
}
.banner-box.green {
   color:#fff !important;
   background:#8CC74F !important;
}
.banner-box.blue {
   background-color:#00a7f7;
   color:#fff;
}
.banner-box.orange a, .banner-box.blue a {
   color:#fff;
   text-decoration:underline;
}
/* --------------------------------------------------------------- */
.mobile-show { display:none; }
.tablet-show { display:none; }
@media (max-width:701px) {
   .mobile-hide { display:none!important; }
   .mobile-show { display:inline!important; }
   .mobile-w100 { width:100%!important;max-width:none !important; } 
   .mobile-center { text-align:center;float:none; }
   .mobile-scrollx { overflow-x:scroll; }
}
@media (max-width:1001px) {
   .tablet-hide { display:none!important; }
   .tablet-show { display:inline!important; }
   .tablet-w100 { width:100% !important;max-width:none !important; } 
   .tablet-center { text-align:center;float:none; }
}
/* --------------------------------------------------------------- */
#menu-overlay {
   z-index:12;
   position:fixed;
   left:0;
   top:0;
   right:0;
   bottom:0;
}
.menu-popdown {
   z-index:13;
   display:none;
   background:#fff;
   box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
   position:fixed;
}
.menu-popdown a {
   display:block;
   color:#333;
   background-color:#fff;
   line-height:30px;
   padding-left:20px;
   text-decoration:none;
}
.menu-popdown a.sel {
   font-weight:bold;
}
.menu-popdown div.section {
   font-weight:bold;
   font-size:11px;
   text-transform:uppercase;
   padding-left:20px;
   padding-top:20px;
   color:#999;
}
.menu-popdown a.white:last-child {
   margin-bottom:10px;
}
.menu-popdown a.grey:first-child {
   margin-top:10px;
}
.menu-popdown a.grey {
   background-color:#f2f3f3;
}
.menu-popdown a.line {
   border-top:solid 1px #e6e7e8;
}
.menu-popdown a:hover {
   color:#C01818;
}
/* --------------------------------------------------------------- */
#save-bar-fill {
  height:50px;
}
#save-bar {
   z-index:100;
   position:fixed;
   bottom:0;
   left:0;
   width:100%;
   height:50px;
   background:#fff;
   text-align:right;
   padding:0 10px;
   line-height:50px;
   border-top:solid 1px #e6e7e8;
}
#save-bar-progress {
   color:#999;
   font-size:12px;
   float:left;
}
#save-bar-progress b {
   color:#333;
}
#save-bar {
   transition:bottom 0.5s ease;
}
#save-bar.hidden {
   bottom:-50px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
.noright {
   border-right:0;
   border-top-right-radius:0px;
   border-bottom-right-radius:0px;
}
/** ----------------------------------------------------------------------------------------------------------- **/
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}
/** ----------------------------------------------------------------------------------------------------------- **/
.captcha-image {
   background-color:#ddd;
   background-repeat:no-repeat;
   background-position:center;
   border-radius:2px 0 0 2px !important;
}
.captcha-field {
   border-left:0;
   border-radius:0 2px 2px 0 !important;
}
/** ----------------------------------------------------------------------------------------------------------- **/