@charset "utf-8";
/* CSS Document */

html, body { font-size: 100% }
nav.navbar { padding: 5px 0; top: 0; left: 0; width: 100%; border-bottom: 0; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; z-index: 35 }
nav.navbar, nav.navbar.bg { background-color: #3c8dbc }
#system-message { background-color: #EDE04D; color: #212200; text-align: center; font-weight: 600; font-size: 15px; padding: 8px; margin: 0; margin-top: 60px; margin-bottom: -60px }
.main-content { margin-top: 60px }
.modal-dialog { margin: 60px auto }
.modal-title { text-align: center }
.modal-body p, .width400 p { padding: 12px 20px; margin: 0 }
.modal-body label { display: block; position: absolute; color: #888; font-weight: 400; margin: 5px 10px }
.modal-body input { width: 100%; color: #333; height: 38px; box-sizing: border-box; border: solid 1px #ccc; background: #fdfdfd; font-size: 14px; padding: 5px 10px; padding-left: 60px; outline: none; border-radius: 3px }
#login-remember { padding: 0 20px 15px; margin: 0 }
#login-button { padding: 0 20px 10px }
#login-button input { color: #fff; border: 0; background: #3c8dbc; padding-left: 10px }
#login-button input:hover { background-color: #367fa9 }
.modal-footer { padding: 13px 20px; margin: 0 }
.modal-footer a { font-size: 13px; line-height: 19px; color: #999 }
.header-img { height: 260px; background-color:;
background-image: url(../images/interior-b.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; border-color: #EBEBEB; background-size: contain; width: 100%; position: relative }
.header-shadow { background: url(../images/header-shadow.png) no-repeat 50% 100%; position: absolute; width: 100%; height: 47px; top: 0 }
.header-img h1 { text-shadow: 0px 2px 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.3); color: #ffffff; font-size: 20px; line-height: 1.1; padding: 30px 25px 28px; margin: 0; float: left; position: relative }
.app-dl { display: none }
.width400, .addaff, .addreg { width: 400px; padding: 80px 20px 150px }
.width400 h2 { text-align: center; margin-bottom: 35px }
.width400 label { display: block; position: absolute; color: #fff; background: #9e9e9e; font-weight: 400; padding: 5px 12px; margin-bottom: 0; border-radius: 4px 0 0 4px }
.width400 input { width: 100%; color: #888; height: 38px; box-sizing: border-box; border: solid 1px #ccc; background: #fdfdfd; font-size: 14px; padding: 5px 10px; padding-left: 100px; margin: 0; outline: none; border-radius: 4px }
.width400 input:hover, .width400 input:focus { border: solid 1px #888 }
.w-checkbox label, #login-remember label { width: auto; font-size: 13px; line-height: 1.6rem; color: #888; background: #fff; position: static; padding: 0 }
.w-checkbox input, #login-remember input { width: 15px; height: 15px; vertical-align: middle; padding: 0; margin: -2px 5px 0 0 }
.w-checkbox input:hover { border: solid 1px #bbb }
.w-checkbox a { color: #3c8dbc }
.width400 button, .addaff button, .addreg button { color: #fff; border: 0; background: #3c8dbc; width: 100%; height: 40px; box-sizing: border-box; font-size: 15px; outline: none; border-radius: 4px }
.width400 button:hover, .addaff button:hover, .addreg button:hover { background: #7dc37d }
.col-lg-6 i { float: left; position: relative; top: -6px; color: #3c8dbc }
.help-block { color: #ff5722; font-size: 14px; line-height: 1.2rem; margin-top: 10px; margin-bottom: -10px; }
.g-0x { font-size: 1.1em; vertical-align: middle; color: #FF9800; margin: -3px 12px 0 0 }
.g-1x { font-size: 1.6em; vertical-align: middle; margin: -2px 20px 0 0 }
.g-2x { font-size: 2em }
.g-3x { font-size: 1.1em; vertical-align: middle; color: #66bb6a; margin: -3px 9px 0 0 }
.g-4x { margin-right: 10px }
.index_news { border: 1px solid #e0e0e0; font-size: 13px; margin: 0 0 40px; padding: 8px 22px; overflow: hidden; border-radius: 4px }
.index_news a { color: #888; vertical-align: middle }
.wyy1 { margin-top: -20px }
.wyy2 { font-size: 28px }
.wyy3 { float: left; width: 75% }
.wyy4 { float: right }
.feature-box-a { margin: 0 0 35px 0 }
.feature-box-b { margin: 0 }
.feature-img { float: left; position: relative; width: 50px }
.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; }
.support-box { font-size: 18px; background: #3c8dbc; box-sizing: content-box; width: 40px; position: fixed; z-index: 999; right: 0px; top: 50%; margin-top: -104px; text-align: left; border-radius: 6px 0px 0 6px }
.support-box:hover { background: #7dc37d }
.support-box a { display: inline-block; font-size: 18px; color: #fff; text-decoration: none; outline: none; border: none; padding: 0; margin: 0 }
.support-box img { vertical-align: middle; width: 30px; border: none; padding: 0; margin: 20px 0px 13px 5px }
.support-box span { display: inline-block; width: 1em; font-size: 18px; color: #fff; word-break: break-all; white-space: pre-wrap; padding: 0; margin: 0 0 20px 11px }
#pricing { text-align: center; padding: 45px 0 10px 0; }
#pricing header { margin-bottom: 30px; }
#pricing p { text-align: left; color: #888; font-size: 16px; line-height: 24px }
#pricing .pricing-box { background: #f0f4f5; }
#pricing .product-type-1 { border-top: 6px solid #4cd2c7; border-bottom: 4px solid #d9dfe2; margin: 44px 0; }
#pricing .product-type-2 { border-top: 6px solid #4cd2c7; border-bottom: 4px solid #d9dfe2; margin: 44px 0; }
#pricing .product-type-3 { border-top: none; border-bottom: 4px solid #d9dfe2; height: 100%; margin: 0 0 44px; }
#pricing .product-type-4 { border-top: 6px solid #4cd2c7; border-bottom: 4px solid #d9dfe2; margin: 44px 0; }
#pricing .pricing-box .popular-badge { color: #fff; background: #ff4081; display: inline-block; width: 100%; font-size: 18px; line-height: 50px; vertical-align: middle; text-transform: uppercase; font-weight: bolder; letter-spacing: 1px; }
#pricing .pricing-box .pricing-heading { color: #444; font-size: 28px; line-height: 38px; margin: 22px 0 15px; }
#pricing .pricing-box .pricing-currency { color: #333; font-weight: bolder; font-size: 24px; line-height: 30px; }
#pricing .pricing-box .pricing-price { color: #444; line-height: 60px; font-size: 45px; font-weight: bolder; font-family: "lato-regular", Helvetica, Arial, sans-serif; }
#pricing .pricing-box hr { width: 80%; background-color: #ddd; box-sizing: content-box; height: 0; border-bottom: 1px solid #ddd; border-left: none; border-right: none; border-top: none; margin: 24px auto; }
#pricing .pricing-box .pricing-info { color: #888; border-bottom: #e6e6e6 1px solid; width: 70%; padding: 0 0 18px; margin: 0 auto; }
#pricing .pricing-box .pricing-save-1 { color: #4cd2c7; border-bottom: #e6e6e6 1px solid; width: 70%; font-size: 16px; font-weight: bolder; padding: 18px 0; margin: 0 auto; }
#pricing .pricing-box .pricing-save-2 { color: #4cd2c7; border-bottom: #e6e6e6 1px solid; width: 70%; font-size: 16px; font-weight: bolder; padding: 18px 0; margin: 0 auto; }
#pricing .pricing-box .pricing-save-3 { color: #ff4081; border-bottom: #e6e6e6 1px solid; width: 70%; font-size: 16px; font-weight: bolder; padding: 18px 0; margin: 0 auto; }
#pricing .pricing-box .pricing-save-4 { color: #4cd2c7; border-bottom: #e6e6e6 1px solid; width: 70%; font-size: 16px; font-weight: bolder; padding: 18px 0; margin: 0 auto; }
#pricing .pricing-box .pricing-cta { text-transform: uppercase; padding: 28px 20px 22px; }
#pricing .pricing-box .pricing-cta .pp-link { background: transparent; border: 0; box-shadow: none; box-sizing: border-box; font-size: 12px; line-height: 1rem; border-bottom: 1px dashed #aaa; color: #9E9E9E; text-decoration: none; text-transform: none; padding-bottom: 3px; outline: none; cursor: pointer }
#pricing .pricing-box .pricing-cta .pp-link:hover { color: #4cd2c7; border-bottom: 1px dashed #4cd2c7  }
#pricing .pricing-box .pricing-cta .btn-pricing { border: 0; box-shadow: none; box-sizing: border-box; transition: all .3s linear; font-size: 16px; color: white; line-height: 22px; padding: 8px 16px; border-radius: 4px; outline: none; cursor: pointer }
#pricing .pricing-box .pricing-cta .btn-pricing:hover { background: #14937a; color: white }
#pricing .pricing-box .pricing-cta .btn-color-1 { border: #4cd2c7 1px solid; color: #4cd2c7; background: transparent; }
#pricing .pricing-box .pricing-cta .btn-color-1:hover { background: #4cd2c7 }
#pricing .pricing-box .pricing-cta .btn-color-2 { border: #4cd2c7 1px solid; color: #4cd2c7; background: transparent; }
#pricing .pricing-box .pricing-cta .btn-color-2:hover { background: #4cd2c7 }
#pricing .pricing-box .pricing-cta .btn-color-3 { border: #ff4081 1px solid; background: #ff4081; }
#pricing .pricing-box .pricing-cta .btn-color-3:hover { border: #EC0258 1px solid; background: #EC0258 }
#pricing .pricing-box .pricing-cta .btn-color-4 { border: #4cd2c7 1px solid; color: #4cd2c7; background: transparent; }
#pricing .pricing-box .pricing-cta .btn-color-4:hover { background: #4cd2c7 }
.buy-offers { padding: 50px 0 70px; text-align: center }
.buy-offers label { display: block; position: absolute; color: #888; font-size: 13px; line-height: 13px; font-weight: 400; margin: 9px 13px 8px }
.buy-offers input { width: 240px; color: #333; height: 30px; box-sizing: border-box; border: solid 1px #9E9E9E; background: #fdfdfd; font-size: 13px; padding: 5px 10px; outline: none; border-radius: 3px 0 0 3px }
.buy-offers button { width: 60px; height: 30px; background: #9E9E9E; color: #fff; font-size: 13px; border: 0; margin: 0 0 0 -30px; letter-spacing: 2px; padding: 0; border-radius: 0 3px 3px 0; outline: none; cursor: pointer }
.productuse { padding: 10px 0 70px 0; padding-right: 0; padding-left: 0 }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #444 }
.tooltip-inner { background-color: #444 }
.set-link { padding: 20px 0 70px; padding-right: 0; padding-left: 0 }
.set-link h2 { text-align: center; margin-top: 30px; margin-bottom: 30px }
.set-link ul { clear: both; overflow: hidden }
.set-link ul li { width: 25%; float: left }
.set-link ul li a { display: block; padding: 0 10px; overflow: hidden; height: 48px; line-height: 48px; font-size: 14px; color: #757575; border: 1px solid #eaeaea; border-radius: 4px; margin: 20px 20px 0 0 }
.set-link ul li a:hover { text-decoration: none; color: #3c8dbc; border-color: #3c8dbc }
.set-link ul li img { float: left; width: 32px; height: 32px; margin: 8px 8px 8px 0 }
.server-list { padding: 45px 0 100px 0 }
.server-list header { margin-bottom: 25px }
.server-list h2, .help-center h2 { text-align: center }
.server-list p { text-align: center; color: #888; font-size: 16px; line-height: 1.8rem }
.server-list table { border: 1px solid #b8b8b8; color: #888; font-size: 15px; line-height: 1.8rem }
.server-list tr { background-color: #f2f7fc }
.server-list tr:hover { background-color: #dfefff }
.server-list td { border: 1px solid #d8d8d8; padding: 5px 10px }
.help-center { padding: 45px 0 100px 0 }
.help-center header { margin-bottom: 38px }
.faq-tabs { padding: 0 0 50px 0 }
.nav-tabs { border-bottom: 0 }
.nav-tabs>li { border: 1px solid #E5E5E5; background: #eee }
.nav-tabs>li.active { border-bottom: 1px solid #fff }
.nav-tabs>li>a:hover { border-color: transparent }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: 1px solid transparent }
.nav-tabs>li>a { margin-right: 0; border-radius: 0 }
.nav>li>a { padding: 10px 20px }
.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; border-color: 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 }
.about-us, .post-content { padding: 45px 0 60px 0 }
.about-us h2, .post-content h2 { text-align: center }
.about-us p, .addaff p, .addreg p, .post-content p { padding: 20px 0 0; margin: 0; color: #777; font-size: 15px }
.about-us h3, .addaff h3, .addreg h3, .post-content h3 { color: #558b2f; font-size: 17px; font-weight: 400; border-bottom: 1px solid #e5e5e5; padding: 30px 0 12px 0; margin: 0 }
.about-us a, .post-content a, .benefits a { color: #558b2f; text-decoration: underline; padding: 0 8px }
.about-us a:hover, .post-content a:hover, .benefits a:hover { text-decoration: none; color: #3c8dbc }
.post-content p img { max-width: 100%; padding: 15px 0; }
.post-content .title-box { margin-top: 20px; margin-bottom: 40px; }
.post-content .title-box h1 { margin-bottom: 25px; }
.post-content .content-box { margin-bottom: 50px; }
.post-content .content-box .item-box { position: relative; margin-bottom: 15px; text-align: center; }
.post-content .content-box .item-box h5 { margin-top: 9px; margin-bottom: 10px; }
.post-content .content-box .item-box p { padding: 2px 30px; font-size: 13px; color: #9E9E9E; margin-bottom: 10px; }
.post-content .content-box .item-box a { font-size: 17px; color: #4caf50; text-decoration: none; }
.post-content .content-box .item-box a:hover { color: #558b2f }
.post-content .content-box .item-box .icon-box { overflow: hidden; margin: 0 auto; }
.post-content .content-box .item-box .icon-box .icon-item { margin: 20px 0 5px; }
.user-menu { padding: 60px 0 320px }
.user-menu ul { display: inline-block; margin: 0; padding: 0 0 20px }
.user-menu ul li { display: inline-block; margin: 0; padding: 18px 60px 10px 0 }
.user-menu ul li a { text-decoration: none; color: #555; font-size: 16px; padding: 0 0 11px; border-bottom: #eee 2px solid; margin: 0 }
.user-menu ul li a:hover { text-decoration: none; color: #555; border-bottom: #3c8dbc 2px solid }
.user-menu p { color: #777; margin: 0; padding: 13px 0 0 }
.activation-message { padding: 100px 0 500px }
.get-started { color: #fff; background: #3c8dbc; font-size: 15px; outline: none; padding: 11px 20px; border-radius: 4px; }
.get-started:hover { color: #fff; background: #7dc37d; }
.sign-out form { float: left }
.sign-out input { border: 1px solid #fff; background-color: #3c8dbc; color: #fff; font-size: 13px; line-height: 30px; outline: none; cursor: pointer; border-radius: 6px; box-sizing: border-box; padding: 0 20px; margin: 15px 0 10px 20px }
.sign-out input:hover { background-color: #367fa9 }
@media (max-width:767px) {
nav.navbar { background-color: #3c8dbc }
}
nav.navbar .navbar-brand { padding: 10px 15px }
nav.navbar .navbar-summary { display: inline-block; float: left; margin: 18px 0 0; padding: 0 1em; height: 16px; color: #fff; font-size: 13px; border-left: 1px solid #fff }
@media (max-width:991px) {
nav.navbar .navbar-summary { display: none }
.feature-text-b { margin: 0 0 35px 60px }
.wyy1 { margin-top: -35px }
.wyy3 { width: 100% }
.wyy4 { display: none }
#pricing .product-type-1 { margin: 20px 0 0; }
.set-link ul li { width: 33.3% }
}
nav.navbar .navbar-toggle { position: relative; height: 32px; width: 42px; border: none }
nav.navbar .navbar-toggle:focus, nav.navbar .navbar-toggle:hover { background-color: transparent }
nav.navbar .navbar-toggle .icon-bar { position: absolute; margin-top: 0; top: 15px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .1s linear 0s, top .1s linear .1s; transition: transform .1s linear 0s, top .1s linear .1s }
nav.navbar .navbar-toggle .icon-bar:first-child { top: 9px }
nav.navbar .navbar-toggle .icon-bar:last-child { top: 21px }
nav.navbar .navbar-toggle.active .icon-bar { top: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top .1s linear 0s, -webkit-transform .1s linear .1s; transition: top .1s linear 0s, transform .1s linear .1s }
nav.navbar .navbar-toggle.active .icon-bar:first-child { top: 15px }
nav.navbar .navbar-toggle.active .icon-bar:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
nav.navbar .navbar-collapse ul.navbar-nav { margin: -5px 0; padding: 0; outline: 0; max-height: 60px; line-height: 60px }
@media (max-width:767px) {
nav.navbar .navbar-collapse ul.navbar-nav { padding: 10px 15px }
}
nav.navbar .navbar-collapse ul.navbar-nav>li { position: inherit }
nav.navbar .navbar-collapse ul.navbar-nav>li a { margin: 0; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff; border-radius: 0 }
nav.navbar .navbar-collapse ul.navbar-nav>li a:hover { background-color: #367fa9 }
@media (max-width:767px) {
nav.navbar .navbar-collapse ul.navbar-nav>li a { font-size: 16px }
}
nav.navbar .navbar-collapse ul.navbar-nav>li.hover a { background-color: #532c81 }
nav.navbar .navbar-collapse ul.navbar-nav>li.active a { background-color: transparent }
nav.navbar .navbar-collapse ul.navbar-nav>li.signin a { margin: 15px 0 10px 20px; font-size: 13px; line-height: 30px; color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 6px; box-sizing: border-box; outline: none }
nav.navbar .navbar-collapse ul.navbar-nav>li.signin a:hover { background-color: #367fa9 }
@media (max-width:767px) {
nav.navbar .navbar-collapse ul.navbar-nav>li.signin { display: none }
.app-dl { display: block; float: right; font-size: 14px; color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; padding: 5px 10px; margin: 9px 20px 0 5px; border-radius: 6px; outline: none; }
.app-dl:hover { color: #fff; background-color: #367fa9; text-decoration: none; }
}
nav.navbar .dropdown-box { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; box-shadow: 0 5px 10px #CBCBCB }
nav.navbar .dropdown-box .sub-nav { display: none; padding-top: 52px; padding-bottom: 40px; font-size: 12px }
nav.navbar .dropdown-box .sub-nav h4, nav.navbar .dropdown-box .sub-nav h5 { margin: 0 }
nav.navbar .dropdown-box .sub-nav h4 { margin-bottom: 10px; font-size: 16px }
nav.navbar .dropdown-box .sub-nav img { max-width: 100% }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item h5 { margin-top: 22px; margin-bottom: 5px; font-size: 16px; color: #433e51 }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item ul li { line-height: 25px }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item ul li a { padding: 0; line-height: inherit; color: #979797 }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box { position: relative }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box a { padding: 0 }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box a img { width: 100% }
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box a i.fa { position: absolute; display: inline-block; left: 0; top: 0; width: 100%; text-align: center; line-height: 136px; font-size: 60px; color: #fff; opacity: .5 }
@media (max-width:1199px) {
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box a i.fa { line-height: 110px }
}
@media (max-width:991px) {
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box a i.fa { line-height: 90px }
}
nav.navbar .dropdown-box .sub-nav.products-nav .sub-item .video-box a:hover i.fa { opacity: .8 }
nav.navbar .dropdown-box .sub-nav.solutions-nav .img-box { padding-top: 10px; height: 100% }
nav.navbar .dropdown-box .sub-nav.solutions-nav .sub-item { margin-bottom: 30px }
nav.navbar .dropdown-box .sub-nav.solutions-nav .sub-item:last-child { margin-bottom: 0 }
nav.navbar .dropdown-box .sub-nav.documents-nav .img-box { padding-top: 10px; height: 100% }
nav.navbar .dropdown-box .sub-nav.documents-nav .sub-item { margin-bottom: 30px }
nav.navbar .dropdown-box .sub-nav.documents-nav .sub-item:last-child { margin-bottom: 0 }
nav.navbar .dropdown-box .sub-nav.downloads-nav .img-box { padding-top: 10px; height: 100% }
nav.navbar .dropdown-box .sub-nav.downloads-nav .sub-item { margin-bottom: 30px }
nav.navbar .dropdown-box .sub-nav.downloads-nav .sub-item:last-child { margin-bottom: 0 }
nav.navbar .dropdown-box .sub-nav.abouts-nav .img-box { height: 100% }
nav.navbar .dropdown-box .sub-nav.abouts-nav .link-box a { margin-right: 30px }
nav.navbar .mobile-nav ul>li { position: relative; text-align: center; padding: 0; line-height: 35px; border-top: 1px solid #367fa9 }
nav.navbar .mobile-nav ul>li a { color: #fff; font-size: 15px }
nav.navbar .mobile-nav ul>li menu { overflow: hidden; padding: 0 10px; max-height: 0; list-style: none; background-color: #fff; -webkit-transition: max-height .5s linear; transition: max-height .5s linear }
nav.navbar .mobile-nav ul>li menu li { position: relative; font-size: 12px; line-height: 40px; border-bottom: 1px solid #e3e3e3 }
nav.navbar .mobile-nav ul>li menu li:after { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: absolute; top: 0; right: 10px; font-size: 18px; color: #e3e3e3; line-height: 48px; -webkit-transition: all .2s linear; transition: all .2s linear }
nav.navbar .mobile-nav ul>li menu li:last-child { border-bottom: 0 }
nav.navbar .mobile-nav ul>li menu a { padding-left: 10px; color: #8d86a2 }
nav.navbar .mobile-nav ul>li.active:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
nav.navbar .mobile-nav ul>li.active menu { max-height: 280px }
.navbar-fix { }
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 .nav-box .row { padding: 20px 0 }
footer .nav-box .news-box { background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px }
footer .nav-box .news-box .box-title h3 { display: inline-block; font-size: 24px; color: #433e51 }
footer .nav-box .news-box .box-title a { margin-left: 1em; font-size: 12px }
footer .nav-box .news-box ul.box-content { min-height: 180px; padding-bottom: 5px }
footer .nav-box .news-box ul.box-content li { position: relative; padding-right: 3em; line-height: 28px; font-size: 12px }
footer .nav-box .news-box ul.box-content li:not(:last-child) { border-bottom: 1px dashed #e3e3e3 }
footer .nav-box .news-box ul.box-content li a.news-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
footer .nav-box .news-box ul.box-content li span.news-time { position: absolute; top: 0; right: 0; line-height: 28px }
footer .nav-box .navigator-box:after { content: ''; display: table; clear: both }
footer .nav-box .navigator-box .item-box ul { font-size: 13px; line-height: 24px }
@media (max-width:767px) {
footer .nav-box .navigator-box .item-box { width: 100%; border-bottom: 1px solid #e3e3e3 }
footer .nav-box .navigator-box .item-box:first-child { border-top: 1px solid #e3e3e3 }
footer .nav-box .navigator-box .item-box h5:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; margin-right: 5px; font-weight: lighter; font-size: 12px }
footer .nav-box .navigator-box .item-box ul { display: none }
footer .nav-box .navigator-box .item-box.active h5:before { content: "\f068" }
footer .nav-box .navigator-box .item-box.active ul { display: block }
}
footer .nav-box .contact-list h5 { font-size: 14px; color: #433e51 }
footer .nav-box .contact-list ul { font-size: 12px }
footer .nav-box .follow-box { padding: 0 }
footer .nav-box .follow-box .icon-box { margin: 30px 0 10px }
footer .nav-box .follow-box .icon-box .fa { position: relative; margin: 0 5px; font-size: 30px; margin-left: 16px }
footer .nav-box .follow-box .icon-box .fa .qrcode-box { position: absolute; display: none; margin-left: -50px; left: 50%; bottom: 130%; width: 100px; height: 100px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.5) }
footer .nav-box .follow-box .icon-box .fa .qrcode-box:after { content: ""; position: absolute; display: none; margin-left: -10px; left: 50%; bottom: -10px; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent; border-width: 10px 10px 0 }
footer .nav-box .follow-box .icon-box .fa .qrcode-box img { width: 100% }
footer .nav-box .follow-box .icon-box .fa:hover .qrcode-box { display: block }
footer .ipc-box { padding: 22px 0; font-size: 12px; color: #e0e0e0; background-color: #3c8dbc }
@media (max-width:991px) {
footer .ipc-box { padding: 10px 0 }
}
@media (max-width:767px) {
footer .ipc-box { text-align: center }
}
footer .ipc-box .container { position: relative }
footer .ipc-box .container .row { margin-left: -5px; margin-right: -5px }
footer .ipc-box a { color: #B69ED4 }
@media (max-width:767px) {
footer .ipc-box .links-box { display: none }
}
footer .ipc-box .links-box a { margin-right: 10px; line-height: 5px }
@media (min-width:992px) {
footer .ipc-box .text-box { float: left }
}
footer .ipc-box .text-box span { margin-right: 1em }
@media (max-width:767px) {
footer .ipc-box .text-box span { display: block; margin-right: 0 }
}
@media (min-width:992px) {
footer .ipc-box .button-box { }
}
footer .ipc-box .button-box a { display: inline-block; padding: 0 5px }
footer .ipc-box .button-box a:first-child { }
footer .ipc-box .button-box .language-button { display: inline-block; padding-left: .5em }
footer .ipc-box .button-box .language-button select { color: #000 }
.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.light, h2.light, h3.light, h4.light, h5.light, h6.light, header { }
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 }
.icon { background-size: 522px 200px }
.icon, i.icon { display: inline-block; background-repeat: no-repeat }
i.icon { height: 26px; width: 26px; background-image: url(../images/icon.png); background-size: 208px 26px }
i.icon.icon-cloud { background-position: 0 0 }
i.icon.icon-money { background-position: -26px 0 }
i.icon.icon-group { background-position: -52px 0 }
i.icon.icon-device { background-position: -78px 0 }
i.icon.icon-wifi { background-position: -104px 0 }
i.icon.icon-protect { background-position: -130px 0 }
i.icon.icon-server { background-position: -156px 0 }
i.icon.icon-database { background-position: -182px 0 }
.purple-bg { background-color: #3c8dbc; background-image: url(../images/purple_bg.jpg); background-size: cover }
@media only screen and (max-width:768px) {
footer .nav-box .row { padding: 0px 0 }
}