/* --------------------------------------------------------------- */
body {
   font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
   font-size:14px;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
/* --------------------------------------------------------------- */
.btn {
   font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
}
.content {
   border-left: 1px solid #eee;
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;
}
.wrapper {
   max-width:1000px;
   min-width:320px;
   margin:auto;
   overflow:hidden;
}
/* --------------------------------------------------------------- */
#header {
   z-index:1001;
   top:0;
   left:0;
   width:100%;
   position:fixed;
}
#header .inner {
   z-index:1002;
   min-width:320px;
   margin:auto;
   background-color:rgba(0,0,0,0.1);
   top:0;
   position:relative;
}
#header .inner-wrapper {
   margin:auto;
   max-width:1000px;
}
#logo {
   cursor:pointer;
   background-image:url(//cdn.ywxi.net/static/img/ms_logo_ob.png);
   width:200px;
   height:60px;
   background-position:center center;
   background-repeat:no-repeat;
   display:block;
}
#header .nav-right-menu {
   background-image:url(//cdn.ywxi.net/static/img/nav-menu-icon.png);
   width:60px;
   height:60px;
   background-repeat:no-repeat;
   background-position:center center;
   float: right;
   cursor:pointer;
   display:none;
}
#header .inner.scrolled .nav-right-menu {
   background-image:url(//cdn.ywxi.net/static/img/nav-menu-icon-ow.png);
}
#header .nav-right {
   float: right;
}
#header .nav-right a {
   display:inline-block;
   float:right;
   margin-right:15px;
   padding:0px 17px;
   line-height:30px;
   font-size:14px;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   color:#fff;
   font-weight:400;
   border-radius:15px;
}
#header .nav-right a.pop {
   border:solid 0px #999;
   background-color: rgba(255,255,255,0.1);
}
#header .nav-right a:hover {
   background-color: rgba(255,255,255,0.1);
   text-decoration:none;
}
#header .inner.scrolled .nav-right a:hover {
   background:#efefef;
}
#header .nav-right a.sel {
   font-weight:600;
   background-color: rgba(255,255,255,0.1);
}

#header .inner.scrolled {
   background-color:#fff;
   border-bottom:solid 1px #ccc;
}
#header .inner.scrolled .nav-right a {
   color:#333;
}
#header .inner.scrolled .nav-right a.grey {
   background-color: #aa0828;
   color:#fff;
}
#header .inner.scrolled #logo {
   background-image:url(//cdn.ywxi.net/static/img/ms_logo_ow.png);
}
#header-fill {
   height:60px;
   background:#262627;
}
#nav-menu {
   position:fixed;
   top:60px;
   left:0;
   right:0;
   bottom:0;
   background:#efefef;
   z-index:1000;
   display:none;
}
#nav-menu a {
   display:block;
   padding:10px 10px;
   border-bottom:solid 1px #ccc;
   font-size:15px;
   text-decoration:none;
   color:#555;
   background:#fff;
}
#nav-menu a.mred {
   color:#aa0828;
}
#nav-menu a:hover {
   background:#f7f7f7;
}
@media screen and (max-width: 799px) {
   #header .nav-right-menu {
      display:inline-block;
   }
   #header .nav-right {
      display:none;
   }
}
/* --------------------------------------------------------------- */
/* Hero Image */
#hero {
   background-color:#222;
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   text-align:center;
   padding: 150px 20px 75px;

}
#hero h1 {
   font-size:35px;
   color:#fff;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
#hero button.btn-mred {
   margin:10px auto;
}
#hero h2 {
   margin-top:10px;
   margin-bottom:20px;
}
#hero h2, #hero h2 a {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-size:13px;
   color:#fff;
}
/* --------------------------------------------------------------- */
#footer {
   padding:35px 0;
   background:#333;
}
#footer .footer-card {
   display:block;
   float:left;
   padding:20px;
   width:33%;
   text-align:center;
}
@media screen and (max-width: 699px) {
   #footer .footer-card {
      width:100%;
   }
}
#footer .footer-title {
   margin-bottom:10px;
   color:#9e9e9f;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-weight:700;
   text-transform:uppercase;
   font-size:12px;
}
#footer .footer-card a {
   margin-bottom:3px;
   font-weight:500;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-size:12px;
   color:#fff;
   display:block;
}
#footer a:hover {
   color:#fff;
}

#footer hr {
   border: 0;
   height: 1px;
   background: #3c3d3f;
   margin:10px 0;
}
#footer-copyright {
   color:#929497;
   padding:20px;
   font-size:12px;
   text-align:center;
   line-height:200%;
}
#footer-copyright a {
   font-weight:500;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-size:12px;
   color:#929497;
}
/* --------------------------------------------------------------- */
.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:#aa0828;
}
.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-contact {
   padding:40px 0;
   border-top:solid 1px #e6e7e8;
   text-align:center;
   font-size:20px;
   font-weight:100;
}
/* --------------------------------------------------------------- */