@charset "utf-8";
.main-content { margin-top: 30px }
.col-lg-6 i { float: left; position: relative; top: -6px; color: #3c8dbc }
.feature-img { float: left; position: relative; width: 36px }
.feature-text-a { margin: 0 0 0 60px }
.feature-text-b { margin: 0 0 0 60px }
.footer-link, .footer-text { margin-bottom: 8px }
.footer-link ul { display: inline-block; margin: 0; padding: 0 }
.footer-link ul li { display: inline-block; margin-right: 15px }
.footer-appdl { width: 110px; }
.productuse {padding: 10px 0 70px;}
.faq-content { border: 1px solid #E5E5E5 }
.tab-content>.tab-pane { padding: 20px 20px 35px }
.panel-group { margin-bottom: 0 }
.panel-group .panel+.panel { margin-top: 0 }
.panel-group .panel {
    border: 0 transparent;
    border-bottom: 1px dotted #E5E5E5;
    border-radius: 0; -webkit-box-shadow: none; box-shadow: none }
.panel-default>.panel-heading { color: #666; background-color: transparent; border-color: transparent; padding: 15px 10px }
.panel-title>a { text-decoration: none; font-size: 15px; color: #558b2f }
.panel-title>a:hover { color: #3c8dbc }
.panel-default>.panel-heading+.panel-collapse>.panel-body { padding: 8px 18px; color: #727272; font-size: 14px; line-height: 1.8rem; border-top-color: transparent; border-top: 0 }
.panel-body a { color: #558b2f; text-decoration: underline; padding: 0 6px }
.activation-message { padding: 100px 0 500px }
footer { position: relative; left: 0; bottom: 0; width: 100%; min-height: 0; background-color: #f3f3f3; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 25px; text-align: center; font-size: 12px }
footer a { color: #979797 }
footer a:link { color: #979797 }
.footer-fix { padding-bottom: 0 }
body { color: #9a9a9a }
a { color: #433e51 }
h1, h2, h3, h4, h5, h6 { margin-bottom: 16px; color: #3c8dbc; font-weight: 200 }
h1 {font-size: 32px;}
header .header-content { position: relative; top: 0; left: 0; width: 100% }
a.btn { padding: 10px 30px; line-height: 22px; color: #3c8dbc; font-size: 14px; background-color: #fff; background-image: -webkit-linear-gradient(270deg, #fff, #e4e4e4); background-image: linear-gradient(-180deg, #fff, #e4e4e4); border-radius: 4px; box-shadow: none; box-sizing: border-box; -webkit-transition: all .3s linear; transition: all .3s linear }
a.btn:hover { color: #3c8dbc; background-color: #e6e6e6; background-image: -webkit-linear-gradient(270deg, #eaeaea, #dedede); background-image: linear-gradient(-180deg, #eaeaea, #dedede) }
a.btn.btn-border { padding: 9px 29px; color: #3c8dbc; background-color: transparent; background-image: none; border: 1px solid #3c8dbc }
a.btn.btn-border:hover { color: #fff; background-color: #3c8dbc; background-image: none }
a.btn.btn-border.light { color: #fff; border-color: #fff }
a.btn.btn-border.light:hover { color: #3c8dbc; background-color: #fff }
a.btn.btn-play { padding: 7px 16px 8px 8px; color: #fff; line-height: 24px; font-size: 14px; background-color: #3c8dbc; background-image: none; border-radius: 20px }
a.btn.btn-play:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 10px; padding-left: 2px; height: 24px; width: 24px; content: "\f04b"; text-align: center; font-size: 12px; line-height: 24px; color: #3c8dbc; background-color: #fff; border-radius: 50%; -webkit-transition: all .2s linear; transition: all .2s linear }
a.btn.btn-play:hover { background-color: #7348a8 }
a.btn.btn-purple { color: #fff; background-color: #3c8dbc; background-image: -webkit-linear-gradient(270deg, #3c8dbc, #7b52ad); background-image: linear-gradient(-180deg, #3c8dbc, #7b52ad) }
a.btn.btn-purple:hover { background-color: #7c56ab; background-image: -webkit-linear-gradient(270deg, #7c56ab, #6e489c); background-image: linear-gradient(-180deg, #7c56ab, #6e489c) }
a.btn.btn-skyblue { color: #fff }
a.btn.btn-skyblue, a.btn.btn-skyblue:hover { background-color: #3caeda; background-image: -webkit-linear-gradient(270deg, #3caeda 1%, #2695bf); background-image: linear-gradient(-180deg, #3caeda 1%, #2695bf) }
a.with-arrow:after { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: "\f105"; text-decoration: none }
a { text-decoration: none }
@media only screen and (max-width:768px) {
footer .nav-box .row { padding: 0px 0 }
}