@charset "utf-8";
/*Zendesk***/
body p {font-size: 16px; color: #424e54 ; line-height: 1.333; margin: 15px 0;}
body h1 {font-size: 36px; color: #424e54 ; line-height: 1.2; margin: 50px 0; font-family: "Rubik"; font-weight: 400;}
body h2 {font-size: 28px; color: #424e54 ; line-height: 1.2; margin: 30px 0; font-family: "Rubik"; font-weight: 400;}
body h3 {font-size: 20px; color: #424e54 ; line-height: 1.2; margin: 15px 0; font-family: "Rubik"; font-weight: 400;}

/*All*/
html body{font-family: "Open Sans", Sans-serif; font-size: 16px; color:#424e54; font-weight: normal;}
a, a:hover, a:visited{ text-decoration:none !important; color: rgb(102, 102, 102);}
b {font-weight: 600;}
.main{width:100%;}
.clear{clear:both;}

input, textarea, select {outline: none;}
input[type="text"], input[type="number"], textarea, select {padding: 2px 10px; border-radius: 10px; border: 1px solid rgb(201,201,201); width: 100%;}
textarea {padding: 10px;}
input[type="text"], input[type="number"], select {height: 37px;}
input[type="checkbox"], input[type="checkbox"] + div {cursor: pointer;}
.button {color: #00a0e9; padding: 0px 30px; line-height: 35px; background-color: transparent; border: 1px solid #00a0e9; border-radius: 10px; font-size: 16px; display: inline-block; cursor: pointer; font-family: "Rubik";}
.button:hover {color: #ffffff; background-color: #00a0e9;}
a.default-links, a.default-links:hover, a.default-links:visited {color: #00a0e9; cursor: pointer;}
a.default-links:hover {text-decoration: underline !important;}
.default-row{margin-bottom:50px; line-height: 1.333;}
.default-section{margin-bottom:100px;}
.default-ul{margin-left: 20px; list-style-type: disc;}
.default-ol{margin-left:20px; list-style-type:decimal;}
.default-ul li, .default-ol li{margin-bottom:15px; line-height: 1.333;}
.searchKnowledge{border-bottom: 1px solid #d0d0d0; padding-bottom:100px; margin:0; margin-bottom:30px;}
.support-section>div{margin-bottom:30px;}
.container .support-item-row{text-align:center; line-height: 30px;}
.support-btn-row>div:not(.clear){float:left; margin-right:30px;}
.support-btn-row .more-quest{line-height: 35px; border: 1px solid transparent; font-size: 16px; display: inline-block;}
.support-section-row .arrow-row{display:none; text-align:center; line-height: 5px;}
.arrow-row img{cursor:pointer;}
.tooltip.fade {display: none !important;}
.through {text-decoration: line-through;}
.hidden{display:none;}

@media only screen and (max-width : 767px) {
    .searchKnowledge .button{width:115px; margin:0 auto;}
    .search-input-row{margin-bottom:30px;}
    .support-item-row{display:none;}
    .support-btn-row>div:not(.clear){float:left; margin-right:0; width:100%;}
    .support-section-row{border-bottom: 1px solid #d0d0d0;}
    .support-section-row .arrow-row{display:block;}
    .support-section{display:none;}


}


/*lg-1170px, md-970px, sm-750px*/

body p {font-size: 16px; color: #424e54 ; line-height: 1.333; margin: 15px 0;}
body h1, #finder-search fieldset>label {font-size: 36px; color: #424e54 ; line-height: 1.2; margin: 50px 0; font-family: "Rubik"; font-weight: 400;}
body h2 {font-size: 28px; color: #424e54 ; line-height: 1.2; margin: 30px 0; font-family: "Rubik"; font-weight: 400;}
body h3 {font-size: 20px; color: #424e54 ; line-height: 1.2; margin: 15px 0; font-family: "Rubik"; font-weight: 300;}

input, textarea, select {outline: none;}
input[type="text"], input[type="number"], textarea, select {padding: 2px 10px; border-radius: 10px; border: 1px solid rgb(201,201,201); width: 100%;}
textarea {padding: 10px;}
input[type="text"], input[type="number"], select {height: 37px;}
input[type="checkbox"], input[type="checkbox"] + div {cursor: pointer;}
.button {color: #00a0e9; padding: 0px 30px; line-height: 35px; background-color: transparent; border: 1px solid #00a0e9; border-radius: 10px; font-size: 16px; display: inline-block; cursor: pointer; font-family: "Rubik"; font-weight: 400;}
.button:hover {color: #ffffff; background-color: #00a0e9;}
.temp-button {color: #969696; padding: 0px 30px; line-height: 35px; background-color: transparent; border: 1px solid #969696; border-radius: 10px; font-size: 16px; display: inline-block; font-family: "Rubik"; font-weight: 400;}
.checkout-btn{color: black; padding: 0px 15px; line-height: 28px; background-color: white; border: 1px solid black; border-radius: 5px; font-size: 15px; display: inline-block; cursor: pointer; font-family: "Rubik"; font-weight: 400;}
.checkout-btn:active{color: white; background-color: black; border: 1px solid black;}
#myBtn{float:left; margin-right: 25px; margin-top:0; margin-bottom:0; cursor:pointer; -apple-pay-button-style:white-outline;}
#myBtn:active{-apple-pay-button-style:black !important;}

.red {color: red;}
.error-msg {color: #ff0033; opacity: 0; padding-left: 30px;}
input.error, textarea.error, select.error {border-color: #ff0033;}
.error-msg.error {opacity: 1;}

.loading {text-align: center;}

.main{position:relative; width:100%;}
.page-container {margin-bottom: 100px;}
.sub-navigation-bar-page {margin-top: 40px;}
.parallel-button:first-child {margin-right: 20px;}
.captcha-container {margin: 15px 0px;}
.captcha-container .g-recaptcha>div {margin: 0 auto;}

.back-to-top-btn{position: fixed; bottom: 25px; right: 25px;  cursor:pointer; z-index: 99;  border: 1px solid #596368; border-radius: 10px;}
.back-to-top-btn:hover{opacity:0.7;}

.desktop {display: block;}
.mobile {display: none;}
.mobile-inline-block {display: none;}
.desktop-inline-block {display: inline-block;}
.mobile-list-item {display: none;}

/*bootsrtip*/
/*.container{margin:0 auto !important;}*/
.container-fluid{padding:0 !important;}
/*.row{margin-left:0 !important; margin-right:0 !important;}*/
/*.row>div:not(.container){padding:0;}*/

/*header*/
.banner-container{position:relative;}
.banner-content{position: absolute; width: 100%; top: 90px;}
.banner-title {font-size: 50px; font-weight: 300; color: #ffffff; line-height: 1.333; margin-bottom:10px;  font-family: "Rubik";}
.banner-slogan {font-size: 24px; font-weight: 400; color: #ffffff; line-height: 1.333; margin-bottom:30px;}
.header-container .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {  bottom: 30px !important;}
.banner-container-mobile {height: 500px;}
#mobile-banner-1 {background: url("../../../images/00.website_banner_background-992px_Collaboration.png") no-repeat  center center;}
#mobile-banner-2 {background: url("../../../images/00.website_banner_background-992px_NavicatMonitor.png") no-repeat  center center;}
#mobile-banner-3 {background: url("../../../images/00.website_banner_background-992px_Navicat12.png") no-repeat  center center;}
#mobile-banner-4 {background: url("../../../images/00.website_banner_background-992px_NM_AlibabaCloud.png") no-repeat  center center;}
#mobile-banner-5 {background: url("../../../images/00.website_banner_background-992px_NAPP.png") no-repeat  center center;}
#mobile-banner-special {background: url("../../../images/00.website_banner_background-992px_DBTA2017.png") no-repeat  center center;}
#mobile-banner-mongodb {background: url("../../../images/00.website_banner_background-992px_NavicatMongoDB.png") no-repeat  center center;}
.banner-3 .banner-content .banner-title, .banner-3 .banner-content .banner-slogan, .banner-3 .banner-content-mobile .banner-title, .banner-3 .banner-content-mobile .banner-slogan {color: #424e54;}
.banner-mongodb .banner-content .banner-title, .banner-mongodb .banner-content .banner-slogan, .banner-mongodb .banner-content-mobile .banner-title, .banner-mongodb .banner-content-mobile .banner-slogan {color: #923f00;}
.banner-content-mobile {text-align: center;}
.banner-content-mobile .banner-title {font-size: 40px; margin-bottom: 0; margin-top: 280px;}
.banner-content-mobile .banner-slogan {margin-bottom: 10px;}
.banner-btn {border: 1px solid #ffffff; display: inline-block; border-radius: 10px; font-size: 18px;}
.banner-btn > a > div {color: #ffffff;}
.banner-btn:hover {background-color: #ffffff; color: #424e54;}
.banner-btn:hover > a > div {color: #424e54;}
.banner-3 .banner-btn {border-color: #424e54;}
.banner-3 .banner-btn > a > div {color: #424e54;}
.banner-3 .banner-btn:hover {background-color: #424e54;}
.banner-3 .banner-btn:hover > a > div {color: #ffffff;}
.banner-mongodb .banner-btn {border-color: #923f00;}
.banner-mongodb .banner-btn > a > div {color: #923f00;}
.banner-mongodb .banner-btn:hover {background-color: #923f00;}
.banner-mongodb .banner-btn:hover > a > div {color: #ffffff;}
#mobile-banner-mongodb .banner-content-mobile .banner-title {margin-top: 300px;}
.banner-btn div {display: inline-block; padding: 8px 30px;}
.index-large-banner-slider {display: block;}
.index-small-banner-slider {display: none;}
.bx-wrapper .bx-pager{padding-top:0;}
.header-container .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 13px !important;}


.product-banner {height: 400px;}
.navicat-premium-banner {background: url("../../../images/02.Product_ProductBanner_Premium.png") no-repeat  center center;}
.navicat-essentials-banner {background: url("../../../images/02.Product_ProductBanner_Essentials.png") no-repeat  center center;}
.navicat-oracle-banner {background: url("../../../images/02.Product_ProductBanner_Oracle.png") no-repeat  center center;}
.navicat-mariadb-banner {background: url("../../../images/02.Product_ProductBanner_MariaDB.png") no-repeat  center center;}
.navicat-modeler-banner {background: url("../../../images/02.Product_ProductBanner_DataModeler.png") no-repeat  center center;}
.navicat-modeler-essentials-banner {background: url("../../../images/02.Product_ProductBanner_DataModelerEssentials.png") no-repeat  center center;}
.navicat-sqlserver-banner {background: url("../../../images/02.Product_ProductBanner_SQLserver.png") no-repeat  center center;}
.navicat-mysql-banner {background: url("../../../images/02.Product_ProductBanner_MySQL.png") no-repeat  center center;}
.navicat-viewer-banner {background: url("../../../images/02.Product_ProductBanner_ReportViewer.png") no-repeat  center center;}
.navicat-postgresql-banner {background: url("../../../images/02.Product_ProductBanner_PostgreSQL.png") no-repeat  center center;}
.navicat-sqlite-banner {background: url("../../../images/02.Product_ProductBanner_SQLite.png") no-repeat  center center;}
.navicat-mongodb-banner {background: url("../../../images/02.Product_ProductBanner_MongoDB.png") no-repeat  center center;}
/*.nav-bar-container .menu-left-bar .language-icon >a, .language-icon .lang-text{padding-right:0;}*/
.test-name{font-family: Rubik; font-size:20px;}

/*navbar*/
.nav-bar-container .navbar-nav>li>a{line-height:70px; padding:0 20px;}
.nav-bar-container .navbar-nav .navicat-logo >a{line-height: 35px;}
.vertical-menu-container{position:absolute; left:0; top:70px; z-index:100000000; width:100%; background-color: rgba(66, 78, 84, 0.9); display:none;}
body .main  .dark-bg {background-color: rgba(66, 78, 84, 0.9)!important;}
.mobile-nav-container .nav>li.menu-icon{display:none;}
/*.menu-icon img{width:30px; height:30px;}*/
.mobile-nav-container .nav>li.close-menu-btn{display:block;}
.mobile-nav-container .nav>li.close-menu-btn>a, .mobile-nav-container .nav>li.close-menu-btn>a>img{padding-right:0 !important;}
.close-menu-btn img{cursor:pointer;}
.vertical-menu{padding:10px 0; margin:0;}
.vertical-menu li{list-style: none; position: relative; z-index: 99; display: block; -webkit-transition: all .3s; transition: all .3s;}
.vertical-menu li a{ font-size:18px; padding: 15px 10px; display: block; font-weight: bold;  width: 100%; display: inline-block;  color:rgb(191, 191, 191); text-align:center;}
.vertical-menu li a:hover{color:white; opacity:1 !important;}
.vertical-menu li a:hover{color:white; opacity:1 !important;}
.navicat-logo >a img {width:156px; height:40px;}
.m-logo{width:42px !important; height:42px!important;}
.navicat-logo >a{padding:10px 20px 0 0 !important;}
.nav-container{position:relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #ffffff;}
.modules-navigation-bar .nav-container {border-bottom: 1px solid #d0d0d0;}
.nav-bar-container {width: 100%; z-index:1000;}
.modules-index-page-header .nav-bar-container {position: absolute;}
.modules-index-page-header .nav-bar-container .nav-container {background-color: transparent;}
.dropdown-main-menu {
    position: fixed;
    top: -70px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    z-index: 10;
}
.dropdown-main-menu.active {
    top: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav-bar-container>.container>.row>div{height:70px; line-height:70px;}
.navbar-nav a, .navbar-nav a:visited, .navbar-nav a:hover{color: #424e54; background: transparent !important;}
.modules-index-page-header .navbar-nav a, .modules-index-page-header .navbar-nav a:visited, .modules-index-page-header .navbar-nav a:hover{color: white;}
.nav>li.close-menu-btn{display:none;}
.number-of-item {background-color: red; line-height: normal; position: absolute; top: 30px; left: 25px; padding: 0px 5px; border-radius: 10px; color: #ffffff; font-size: 12px; display: none;}

.lang-img{float:left;}
.lang-text{ float: left; padding: 0px 5px 5px 0px;}
/*.nav-row .menu-left-bar .cs-btn a {line-height:68px;}*/
.menu-left-bar ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.menu-left-bar li {float: right;}
.nav-bar-container .menu-left-bar>li>a, .nav-bar-container .menu-left-bar>li>a:hover, .nav-bar-container .menu-left-bar>li>a:visited{display: block;text-align: center; text-decoration: none; padding:0 5px; color: #424e54; background:transparent !important;}
.modules-index-page-header .nav-bar-container .menu-left-bar>li>a, .modules-index-page-header .nav-bar-container .menu-left-bar>li>a:hover, .modules-index-page-header .nav-bar-container .menu-left-bar>li>a:visited {color: white;}
.menu-row{height:70px; line-height:70px;}
.nav-bar-container .menu-left-bar>li>a img{padding:24px 5px 0 5px;}
.nav>.menu-icon{display:none; }
.nav-bar-container .menu-left-bar>li.menu-icon>a, .nav-bar-container .menu-left-bar>li.menu-icon>a:hover, .nav-bar-container .menu-left-bar>li.menu-icon>a:visited{padding-right:0;}
.nav-bar-container .menu-left-bar>li.menu-icon>a img{padding-right:0;}
.modules-sub-navigation-bar {position: relative; z-index: 1000000;}

/*sub-nav*/
.sub-navigation-bar-background {background-color: rgba(104,113,118,0.8); line-height: 40px; color: #ffffff; font-size: 20px; width: 100%; position: absolute; }
.sub-navigation-bar-background a {color: #ffffff;}
.sub-navigation-bar {position: relative;}
.sub-navigation-left {float: left; margin-right: 30px;}
.sub-navigation-right {float: right; margin-left: 30px;}
.sub-navigation-left span {font-size: 16px;}
.sub-navigation-right span {font-size: 16px;}
/*.sub-navigation-right {float: right; font-size: 16px;}
.sub-navigation-right>div {float: left; margin: 0 15px;}
.sub-navigation-right>div:last-child {margin-right: 0px;}*/
.sub-navigation-bar-background.fixed {position: fixed; top: 0; z-index: 1000000;}
.sub-navigation-buy-btn {border: 1px solid #ffffff; line-height: 16px; border-radius: 3px; padding: 4px 15px; margin-top: 6px; float: left;}
.sub-navigation-expand-button {float: right; display: none; cursor: pointer;}
.sub-navigation-title{display:none;}
.subnav-title{float:left;}
.subnav-btn{float:right; cursor:pointer;}
/*.sub-nav-support .sub-navigation-left{float:left;}
.sub-nav-support .sub-navigation-right{float:left;}*/
.sub-navigation-left.nav-title  span{font-size:16px;}
.sub-nav-support  .sub-navigation-right{margin-left:25px;}
.pi-btn{border-radius: 5px; width: 70px; height: 26px; line-height: 23px; background-color: white; color: #424e54; text-align: center; margin-top: 7px; font-weight: 500;}
.pi-btn:hover{opacity:0.5;}


.search-btn {color: #424e54; border: 1px solid #424e54; font-size: 16px; text-align: center; cursor: pointer; line-height: normal; padding: 3px 10px; border-radius: 5px; margin-top: 7px; float: right;}
.search-btn:hover { color: #ffffff; background-color: #424e54;}
/*.nav-container .search-row, .nav-container .nav-row{margin:0;}*/
.search-btn-icon{display:none;}
.modules-smart-search {width:100%; background-color: rgba(238, 238, 238, 0.95); height: 43px; line-height: 43px; float: right;}
.modules-smart-search form>.finder {float: left;}
.modules-smart-search .finder label {display: none;}
.modules-smart-search .finder input {padding: 0; margin: 0; border: none; background-color: inherit; font-size: 14px; color: rgb(50, 50, 50);}
.modules-index-page-header .modules-smart-search {position: absolute; top: 70px; width: 100%; z-index: 10000000;}

.main .small-banner-container{padding: 0; width: 100%; margin-bottom:50px;}
.main .small-banner-row{width:100%; margin:0;}

/*.small-banner-container>div>div{padding-right:4px; width:100%; height:100px;}*/
.small-banner-container>div:last-child>div{padding-right:0;}
.small-banner-container img{width:100%;}

.clients-container{margin-bottom:100px;}
.clients-title{text-align:center;}
.clients-img-container{text-align:center;}
.clients-slider{padding-left:0;}
.small-banner-row>div{border:1px solid white; max-height:250px; background-repeat: no-repeat;}
#s-banner-1{background-image:url("../../../images/01_LandingPage_small_banner_NaviatiOS.png"); background-position: center center; height: 250px; background-repeat:no-repeat;}
#s-banner-2{background-image:url("../../../images/01_LandingPage_small_banner_AWS.png"); background-position: center center; height: 250px; background-repeat:no-repeat;}
#s-banner-3{background-image:url("../../../images/01_LandingPage_small_banner_NavicatDataModeler.png"); background-position: center center; height: 250px; background-repeat:no-repeat;}
#s-banner-4{background-image:url("../../../images/01_LandingPage_small_banner_Top10reasons.png"); background-position: center center; height: 250px; background-repeat:no-repeat;}
.cht #s-banner-1 {background-image:url("../../../images/01_LandingPage_small_banner_NaviatiOS.png");}
.cht #s-banner-2{background-image:url("../../../images/01_LandingPage_small_banner_AWS_CHT.png");}
.cht #s-banner-3{background-image:url("../../../images/01_LandingPage_small_banner_NavicatDataModeler_CHT.png");}
.cht #s-banner-4{background-image:url("../../../images/01_LandingPage_small_banner_Top10reasons_CHT.png");}
.es #s-banner-1 {background-image:url("../../../images/01_LandingPage_small_banner_NaviatiOS.png");}
.es #s-banner-2{background-image:url("../../../images/01_LandingPage_small_banner_AWS_ES.png");}
.es #s-banner-3{background-image:url("../../../images/01_LandingPage_small_banner_NavicatDataModeler_ES.png");}
.es #s-banner-4{background-image:url("../../../images/01_LandingPage_small_banner_Top10reasons_ES.png");}
.pl #s-banner-2{background-image:url("../../../images/01_LandingPage_small_banner_AWS_PL.png");}
.pl #s-banner-3{background-image:url("../../../images/01_LandingPage_small_banner_NavicatDataModeler_PL.png");}
.pl #s-banner-4{background-image:url("../../../images/01_LandingPage_small_banner_Top10reasons_PL.png");}
.bx-controls-direction{display:none;}
.main .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:40px;}

/*Site map*/
.sitemap-container{background:#eeeeee; padding-top:50px; padding-bottom:50px; }
.sitemap-col{padding-right:15px;}
.sitemap-col .sitemap-btn {margin-left:20px; cursor:pointer; display:none;}
.sitemap-container ul {list-style-type: none; margin: 0; padding: 0;}
.sitemap-items { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap-items ul li {margin-bottom:10px; }
.sitemap-items ul li  a{line-height:1.333;}
.sitemap-container ul li a {display: block; color: rgb(102, 102, 102)}
.sitemap-title{margin-bottom:15px; font-family: Rubik; font-size:18px; font-weight: 400;}
.show-items{display:list-item !important; height:auto !important;}

/*footer*/
.footer-container{background:#424e54; padding:25px 0;}
.footer-container>div{text-align:center; color:white;}
#signup-newsletter{ height:33px; background:transparent; outline:none; border:0; line-height: 33px; color:#424e54;  border:white solid 1px; border: 4px; padding:0 0 0 10px; width:100%;}
.signup-newsletter-div{width:575px; margin:0 auto 30px auto;}
.footer-container a , .footer-container a:visited,.footer-container a:hover{color:white;}
.media-footer {margin-bottom: 30px;}
.media-footer img {margin: 0 10px;}
.footer-wechat-btn {cursor: pointer;}
.footer-wechat-qrcode-container {position: fixed; bottom: 100px; width: 100%;}
.footer-wechat-qrcode-background {background:rgba(255,255,255, 0.9); width: 75%; margin: 0 auto; text-align: center;}
.footer-wechat-qrcode {padding: 100px 0; position: relative; border: 1px solid #dbdbdb;}
.footer-wechat-qrcode .footer-wechat-qrcode-img {max-width: 100%; padding: 0 30px;}
.footer-wechat-qrcode-text {font-size: 24px; margin-top: 30px;}
.footer-wechat-qrcode-cancel-btn {position: absolute; top: 15px; right: 15px; cursor: pointer;}

/*.newsletter-container{margin-bottom:400px;}*/
.signup-title{float:left; border:transparent solid 1px; height:33px; line-height:33px;}
.signup-input-part{ position:relative; float:left;  margin-left:20px; background:transparent; border:1px solid #969696; height:33px; width:360px; border-radius:10px;}
.newsletter-warning{position:absolute; bottom: -24px; left:0; color:#fe95aa; display:none;}
.newsletter-done{position:absolute; bottom: -24px; left:0; color:white; display:none;}
.signup-input{float:left; height:33px; line-height: 33px; width:100%;}
.signup-btn{float:right; background:#3598CB; color:white; padding:0 20px; cursor:pointer; height:33px; line-height:33px;  border:#3598CB solid 1px; border-top-right-radius: 10px;  border-bottom-right-radius: 10px; display:none; cursor:pointer;}
.signup-btn:hover{opacity:0.7;}
.shorten-input{width:234px; border-top-right-radius: 0px;  border-bottom-right-radius: 0px;}
.signup-hover{background:white; border:0;}

/*Product*/
.prod-container-big{margin-bottom:70px;}
.prod-content{margin-bottom:20px;}
.prod-ele{margin-bottom:100px;}
.product-icon {text-align: center; margin-top: 15px;}
.product-icon .small-icon {display: none; margin: 0 auto;}
.product-icon .large-icon {display: block; margin: 0 auto;}
.prod-container-big a:hover h3, .prod-container-big a:hover p, .prod-container-small a:hover h3, .prod-container-small a:hover p {color: #00a0e9; text-decoration: underline;}
.product-learn-more{color:#00a0e9;}

/*Product details*/
.prod-buy-container {margin-bottom:20px;}
.prod-buy-container .prod-buy-icon{text-align:center; margin-bottom:30px;}
.prod-buy-row>div:not(.clear), .prod-buy-input>div:not(.clear), .prod-buy-ele>div:not(.clear){float:left;}
.prod-buy-btn{border-radius: 10px; border:1px solid #424e54; padding:5px 10px; cursor:pointer; width:150px; margin-right:10px; text-align:center; opacity: 0.5; line-height: 25px;}
.prod-buy-btn.selected {opacity: 1;}
.prod-buy-input.database .prod-buy-btn {margin: 10px 10px 10px 0;}
.prod-buy-input.database {margin-bottom: 50px;}
.prod-buy-lang{outline: none; border-radius:10px; border:1px solid #424e54; width: 200px; cursor:pointer;}
.prod-buy-quanity{outline: none; border-radius: 10px; padding:5px 10px; width: 200px; border-color: #424e54 !important;}
.prod-buy-title{width:20%; border:1px solid transparent; padding:5px 10px 5px 0;}
.prod-buy-title h3 {margin: 0;}
.prod-buy-row .pb-title2{border:0; padding:0 10px;}
.prod-buy-content{width:80%;}
.prod-buy-content>div{margin-bottom:20px;}
.prod-buy-symbol{width:5%;}
.prod-buy-text{width:95%;}
.prod-buy-table {margin-bottom: 50px; display: inline-block;}
.prod-buy-table td, .prod-buy-table th{padding:5px 15px; border:1px solid #ddd; text-align:center !important; width:150px;}
.prod-buy-table th{background:#eeeeee; width:150px; font-weight: normal;}
.prod-buy-summary{border-radius:5px; border:1px solid #424e54; padding:30px; background-color: #ffffff; text-align: left; padding-top: 10px;}
.prod-buy-summary.fixed {position: fixed; top: 90px;}
.prod-buy-summary-row {margin-bottom: 10px;}
.prod-buy-summary-title{margin-bottom:15px;}
.prod-buy-summary-desc{list-style-type: disc; padding-left:20px; margin: 0;}
.prod-buy-summary-desc li {margin: 5px 0;}
.prod-buy-summary-items{float:left;}
.prod-buy-summary-price, .prod-buy-summary-discount-price {float:right;}
.prod-buy-summary-price.discount {text-decoration: line-through;}
.prod-price.discount {text-decoration: line-through;}
.prod-discount-price {color: red;}
.prod-buy-summary-container {position: relative; top: 10px;}
.prod-buy-summary-container.bottom {position: absolute; bottom: 0px; right: 0; top: auto;}
.prod-buy-summary-product {float: left;}
.prod-buy-input .error-msg {padding: 0;}
.summary-price-container {float: right;}
.summary-price-container.volume-discount {text-decoration: line-through;}
.prod-buy-summary-row.summary-total {border-top: 1px solid #dcdcdc; padding-top: 30px; margin-bottom: 40px;}
.prod-buy-summary-btn {text-align: center;}
.prod-buy-summary-btn .button {margin: 0 auto;}
.store-page {margin-top: 80px;}
.summary-volume-discount {text-align: right; color: red; display: none;}
.prod-buy-summary-help {position: absolute; bottom: -60px; width: 100%; left: 0; text-align: center;}
.prod-buy-summary *{font-size:14px;}
.prod-buy-summary-title, .prod-buy-summary-title>span, .prod-buy-summary-row.summary-total, .prod-buy-summary-row.summary-total>span, .summary-price{font-size:20px;}
.prod-buy-summary-btn{font-size:16px;}
.prod-buy-input .prod-buy-table-container.tee-size-table {margin-top: 30px !important;}

/*monitor buy page*/
.monitor-buy-page .prod-buy-input-text {border: 1px solid #422e54; border-radius: 10px;}
.monitor-buy-page .prod-buy-quanity {display: inline-block; width: 100px; border: none;}
.monitor-buy-page .prod-buy-input-text span {margin-right: 15px;}
.monitor-buy-page .prod-buy-table th {width:170px;}
.monitor-buy-page .prod-buy-table {margin-bottom: 0px;}

/*Additional services*/
.addition-service-ele{margin-bottom:85px;}
.addition-service-title h3 {display: inline-block; margin-right: 15px;}
.maintenance-plan-ele{border-radius: 5px; border: 1px solid #424e54; padding: 10px; cursor: pointer; margin-bottom:20px; opacity:0.5;}
.maintenance-plan-ele.selected{opacity: 1;}
.maintenance-plan{float:left;}
.maintenance-price{float:right;}
.version-option {display: none;}
.maintenance-plan-ele2{margin-bottom:20px;}
.maintenance-plan-ele2 .plan-price{float:left; font-weight: bold;}
.maintenance-plan-ele2 .plan-quantity{float:right;}
.plan-quantity input {width:100px; border-radius: 10px; border: 1px solid #424e54;}
.plan-price {margin-top: 5px;}
.sub-navigation-bar-page {margin-top: 100px;}
.main-head-row{text-align:center;}
.maint-ele{margin-bottom:50px;}
.faq-btn {margin-left: 20px; cursor:pointer;}
.faq-content{display:none;}
.faq-title{vertical-align:middle;}

/* Download*/
.download-img{margin-bottom:100px;}
.direct-download-banner {background: url("../../../images/02.Product_05_Download_DirectDownload_CloudBannerBG.png") no-repeat center top;}
.direct-download-banner-content {margin-top: 170px; text-align: center; margin-bottom: 100px;}
.dl-title {margin-top: 8px; margin-bottom: 30px;}
.default-section {margin-bottom: 80px;}
.download-button-container {float: left; text-align: center;}
.download-button-container:not(:last-child) {margin-right: 30px;}
.download-location-label {font-size: 14px; margin-bottom: 15px;}
.download-button-container .button {margin-bottom: 15px; line-height: 18px; padding: 8px 30px;}
.download-button-container .temp-button {margin-bottom: 15px; line-height: 18px; padding: 8px 30px;}
.download-essential-link {line-height: 28px; margin-bottom:50px;}
.essentials-download-row{padding-top:20px;}
.download-button-container .button.disable {color: grey; border-color: grey; cursor: auto;}
.download-button-container .button.disable:hover {background-color: transparent;}

/*Survey*/
.support-form-section {margin: 15px 0px;}
.support-form-text-field input, .support-form-text-field select {width: 370px;}
.check-box-section, .text-area-section {margin-bottom: 40px;}
.text-area-section textarea {margin-top: 5px;}
.check-box-section > div:not(.support-form-sub-title):not(.error-msg) {padding-top: 10px; padding-bottom: 10px;}
.check-box-section .others-text-field {line-height: 26px; width: 250px; margin-left: 8px;}
.checkbox-container {width: 25px; float: left;}
.checkbox-label {margin-left: 25px; text-align: left !important; cursor: pointer; line-height: 28px;}
.support-form-checkbox {position: relative; bottom: -4px;}
.form-description {margin: 15px 0px;}
.thank-you-statement {display: none;}
#survey .captcha-container .g-recaptcha>div {margin: 0;}
.article-content span{font-size:14px;}
.article-content{line-height:1.33;}
.support-form-sub-title {font-family:"Rubik"; font-size:20px; line-height: 1.33;}
.txtbox-div{margin-top:20px;}
.privacy-terms .error-msg {padding-left: 0px; margin-top: 3px;}

/*Education*/
.edu-learnMore{text-align:center;}
.app-pro{font-size:20px; font-family:"Rubik";}

/*Feature Matrix*/
.feature-matrix-table{border:0;}
.container .feature-matrix-table tr td{padding: 15px;}
.feature-matrix-table tr td{width:18%; text-align:center;}
.feature-matrix-table tr>td:first-child{width:50%; text-align:left;}
.feature-matrix-table .empty-td{border-top:0; border-left:0;}
.feature-matrix-table .haeding-row td{background-color:#eeeeee;}

.fm-table-container{margin-bottom:75px; display:none;}
.fm-title{float:left; }
.fm-btn{float:right;  cursor:pointer;}
.fm-des{width:65%; border-right:1px #ddd solid;}
.fm-ver{width:35%;}
.fm-section{border:1px #ddd solid; border-bottom:0;}
.fm-title-container{padding:15px; border-bottom:1px #ddd solid; background-color: #eeeeee;}
.fm-content-main-container{display:none;}
.fm-section:first-child .fm-content-main-container{display:block;}
.fm-content-main-container>table {width:100%;}
.fm-content-main-container td{padding:15px; border-bottom:1px #ddd solid;}
.fm-section{border-top:0;}
.fm-section:first-child {border-top:1px #ddd solid;}
.container .feature-matrix-table  .ep-font{color:#ffaa00; border-left: 5px solid #ffaa00 ;border-right: 5px solid #ffaa00 ;}
.container .feature-matrix-table  .ep-start{border-top: 5px solid #ffaa00 ;}
.container .feature-matrix-table  .ep-end{border-bottom: 5px solid #ffaa00 ;}
.fm-content-main-container .ep-font{color:#ffaa00;}
.feature-matrix-fixed-bar {position: fixed; top: 40.5px; height: 57px; background-color: #ffffff; width: 100%; display: none; border-bottom: 1px solid #c9c9c9;}



/* Release Notes*/
.release-notes-ver-container{width:450px; margin:0 auto;}
.release-notes-ver.selected {background-color: #00a0e9; border-color: #0090d2 !important; color: #ffffff;}
.selected + .release-notes-ver {border-left-color: #0090d2;}
.release-notes-ver-container #mac-ver{border-right: 0;}
.release-notes-ver {float:left; width:150px; height:35px; border:1px solid #ddd; line-height:35px; text-align:center; cursor:pointer;  margin-bottom: 85px;}
.release-notes-ver-container #win-ver{border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right:0;}
.release-notes-ver-container #lin-ver{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.container .release-notes-table tr td{padding: 15px; border-left: none; border-right: none;}
.release-notes-table tr td{width:70%;}
.release-notes-table tr>td:first-child{width:20%}
.release-notes-table tr td ol {list-style-type:decimal; list-style-position: inside;}
.release-notes-text{margin-bottom: 85px; text-align: center;}
.release-notes-text a{color:#00a0e9; text-decoration: underline;}
.release-notes-table .haeding-row td{background-color:#eeeeee;}
.release-notes-table a{color:#00a0e9; text-decoration: underline;}
.note-date b, .note-title b {font-family: "Rubik"; font-size: 20px; font-weight: 400;}

/*Manual*/
.os-row {margin: 30px -15px;}
.os-row.last-row {margin-bottom: 100px;}


/*Article*/
.text-row{margin-bottom:100px;}
.article-row{margin-bottom:45px;}
.by-font{font-size:10px;}

/*Shopping cart*/
.navicat-page-title {}
.shopping-cart-table-cell {float: left; min-height: 45px; line-height: 45px;}
.shopping-cart-table-cell:first-child {line-height: 20px; padding: 12px 0px 12px 10px;}
.shopping-cart-table-title {background-color: #eeeeee; border: 1px solid #bfbfbf; font-weight: bold;}
.shopping-cart-table-row {border: 1px solid #bfbfbf; border-top: none;}
.shopping-cart-table-row-left {float: left; width: 80%;}
.shopping-cart-product-cloumn {width: 50%; padding-left: 10px; line-height: auto;}
.shopping-cart-quantity-cloumn {width: 10%; text-align: left;}
.shopping-cart-price-cloumn {width: 20%;}
.shopping-cart-amount-cloumn, .shopping-cart-discount-amount-cloumn {width: 20%;}
.shopping-cart-button-cloumn {float: left; width: 16%;}
.shopping-cart-discount-cloumn {width: 80%; padding-left: 10px;}
.shopping-cart-product-row .shopping-cart-product-cloumn {line-height: normal;}
.shopping-cart-row-right {float: right;}
.shopping-cart-row-left {float: left;}
.shopping-cart-total-amount {font-size: 20px; font-weight: bold; line-height: 40px;}
.shopping-cart-save-quote {line-height: 40px;}
.shopping-cart-save-quote input {width: 290px; float: left; border-top-right-radius: 0px; border-bottom-right-radius: 0px; height: 40px;}
.shopping-cart-save-quote-button {float: left; border-radius: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 0px 15px; background-color: #00a0e9; color: #ffffff; cursor: pointer;}
.shopping-cart-row {margin-top: 30px; margin-bottom: 50px;}
#reseller-name, #reseller-email {text-align: right;}
#reseller-name {margin-top: 50px;}
#tee-redeem-code {width: 350px; margin-right: 15px;}
.tee-redeem-code-input-box, .tee-redeem-code-input-title {display: inline-block;}
.tee-redeem-code-input-title, #check-redeem-code {vertical-align: top;}
.tee-redeem-code-input-title span {line-height: 35px;}
.tee-redeem-code-input-box .error-msg {padding-left: 10px; margin-top: 5px;}

/*Maintanence*/
.main-text{margin-bottom:30px;}
.main-table{width:500px;}
.main-table tr td{width:70%;}
.main-table tr>td:first-child{width:20%}
.main-table .haeding-row td{background-color:#eeeeee;}
.main-table a{color:#00a0e9; text-decoration: underline;}
.main-sub-title{margin-bottom:30px; font-size:28px;}
.main-period-content{width:606px; margin-bottom:30px;}
.main-period-content .period-ele{float:left; width:33%;  margin-right:2px;}
.main-period-content .period-ele.last{margin-right:0;}
.period-bar{width:100%; border: 2px solid #00a0e9; background:#00a0e9; border-radius:5px; height:30px; margin-bottom:5px;}
.period-empty{width:25%; height:100%; float:left; background:white; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.period-ele>div:not(.period-bar){text-align:center;}
.period-des{margin-bottom:20px;}
.period-des>div:not(.clear){float:left;}
.period-des-bullet{border: 2px solid #00a0e9; border-radius:15px; height:30px; width:30px; margin-right:15px; }
.period-des-text{border: 2px solid transparent; height:30px; line-height:30px;}
.blue-bg{background:#00a0e9;}
.white-bg{background:white;}
.main-faq-ol{list-style:decimal; padding-left:20px;}
.main-faq-ol li{margin-bottom:20px; font-size:20px;}
.main-faq-title{margin-bottom:30px;}
.main-faq-ol .main-text{font-size:16px;}
.main-ol-index{list-style: decimal; padding-left: 20px; line-height: 1.33em;}
.main-plan-btn {float: left; width: 200px; height: 35px; border: 1px solid #ddd; line-height: 35px; text-align: center; cursor: pointer;}
.main-plan-btn.selected {background-color: #00a0e9; border-color: #0090d2; color: #ffffff;}
#navicat-main-btn {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#monitor-main-btn {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.main-plan-btn-container {margin-top: 100px;}

/*activation*/
.offline-activation-container textarea{width:100%; height:300px; border-radius:5px;}
.offline-act-btn {display:block; text-align:center;}

/*unsubcribe*/
.unsubscribe-col>div:not(.clear){float:left;}
.unsubscribe-col-title{border:1px solid transparent; height:36px; line-height:36px;}
.unsubscribeText{margin-bottom:50px;}

/*napp techer*/
.napp-tech-title {width:100%; margin-bottom:40px; margin-top:100px; font-size:28px;}
.napp-tech-parties>div{margin-bottom:40px;}
.partner-form-container{padding:45px 65px; border:1px solid #969696; margin-top:50px;}
.partner-form-container h2, .partner-form-container p, .partner-form-container .default-row{text-align:center;}
.partner-form .support-form-field-name {width:40%; float:left; height: 36px; line-height: 36px;}
.partner-form .support-form-text-field {width:60%; float:left;}
.partner-form .error-msg {margin-left: 40%; width:60%; float:left; padding-left: 15px;}
.partner-form-checkbox{width:5%; float:left;}
.partner-form-agreement{width:95%; float:left;}
.partner-form textarea {width: 370px;}
.robot-test-text{margin-bottom:15px; text-align:center;}
.robot-test-ele{text-align:center; margin-bottom:50px;}
.support-form-text-field.academic-year input {width: 150px;}

.napp-section{display:none; margin-top:80px;}
.napp-top-heading{text-align:center;}
.napp-des{text-align:center;}
.napp-tab-container{display:none;}
.napp-tab{float:left; width:50%; padding: 16px 15px; background-color: #dcdcdc; text-align: center; cursor: pointer; margin-top: 10px; border: 1px #969696 solid;
    border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; top: 1px;}
.napp-tab.selected{cursor: initial; background-color: transparent; margin-top: 0px; border-bottom: 1px #ffffff solid;}
.napp-tab.selected > div { margin-top: 10px;}
.napp-form-container{ margin-top: 0;}
.form-content-extend{display:none;}
.uni-domain select{width:178px;}
.support-form-text-field .email-uni-field{width:165px;}
.napp-uni-email-div{float:left;}
.napp-uni-domain{float:left; margin-left: 10px; height: 37px; line-height: 37px;}
.napp-ecnu-email-div, .napp-jnu-email-div{float:left; margin-right:5px; padding-top: 7px; opacity:1 !important;}
.napp-ecnu-email-radio, .napp-jnu-email-radio{width:20px !important;}
.napp-ecnu-text, .napp-jnu-text{float: left; margin-left: 10px; height: 37px; line-height: 37px;}
.napp-ecnu-department-input, .napp-jnu-department-input{float:left; margin-left: 10px;}
.support-form-text-field .napp-uni-email-div input, {width: 115px;}
.support-form-text-field .napp-ecnu-department-input input, .support-form-text-field .napp-jnu-department-input input{width: 80px;}
.napp-ecnu-email-container.disable>div:not(.napp-ecnu-email-div), .napp-jnu-email-container.disable>div:not(.napp-jnu-email-div){opacity:0.6;}

@media only screen and (max-width : 992px) {
	.uni-domain select {width: 177px;}
	.napp-ecnu-email-container.support-form-text-field .napp-uni-email-div input , .napp-jnu-email-container.support-form-text-field .napp-uni-email-div input {width: 108px;}
}
@media only screen and (max-width : 767px) {
	.napp-ecnu-email-container.support-form-text-field .napp-uni-email-div input , .napp-jnu-email-container.support-form-text-field .napp-uni-email-div input { width: 100%;}
	.napp-ecnu-email-container .uni-email-div , .napp-jnu-email-container .uni-email-div { width: 40%;}
	.napp-ecnu-email-container .uni-domain , .napp-jnu-email-container .uni-domain { width: 22%;}
}
@media only screen and (max-width : 575px) {
	.napp-ecnu-email-container .uni-email-div , .napp-jnu-email-container .uni-email-div { width: 35%;}
}

@media only screen and (max-width : 530px) {
	.email-uni-div .uni-email-div {float:none; width: 100%; margin-bottom:10px;}
	.uni-domain.napp-uni-domain{margin-left:0; width:100%;}
	.uni-domain.napp-uni-domain>select{width:100%;}
	.ecnu_email_container .email-uni-div .uni-email-div , .jnu_email_container .email-uni-div .uni-email-div { float: left; width: 30%;}
	.ecnu_email_container .uni-domain.napp-uni-domain , .jnu_email_container .uni-domain.napp-uni-domain { margin-left: 10px; width: 50%; text-align: left;}
	.ecnu_email_container .uni-domain.napp-uni-domain.text-div , .jnu_email_container .uni-domain.napp-uni-domain.text-div {width: 20%;}
	.ecnu_email_container .support-form-text-field .napp-ecnu-department-input input , .jnu_email_container .support-form-text-field .napp-jnu-department-input input { width: 100%;}
	.ecnu_email_container .napp-ecnu-department-input , .jnu_email_container .napp-jnu-department-input { float: left; width: 20%; margin-left: 10px;}
}

.submit-container{text-align: center;}

/*open source*/
.open-source-banner {background: url("../../../images/04.Partner_04_OpenSource_page_Banner.png") no-repeat  center center; position: relative;}
.open-source-title{text-align:center; width:100%; margin-bottom:40px;}
.open-source-parties>div{margin-bottom:35px;}
.open-source-form-checkbox{width:5%; float:left;}
.open-source-form-input textarea{height:100px; padding:10px; line-height: 1.333;}

/*technology partner*/
.tech-partner-banner {background: url("../../../images/04.Partner_08_TechnologyPartner_Banner.png") no-repeat  center center; position: relative;}
.tech-partner-title{text-align:center; width:100%; margin-bottom:40px;}
.tech-partner-parties>div{margin-bottom:35px;}
.tech-partner-form-container{padding:45px 65px; border:1px solid #dcdcdc;}
.tech-partner-form-container h2, .tech-partner-form-container p, .tech-partner-form-container .default-row{text-align:center;}
.tech-partner-form-row{margin-bottom:40px;}
.tech-partner-form-title{width:40%; float:left; height: 36px; line-height: 36px;}
.tech-partner-form-input{width:60%; float:left;}
.tech-partner-form-checkbox{width:5%; float:left;}
.tech-partner-form-agreement{width:95%; float:left;}
.tech-partner-form-input textarea{height:100px; padding:10px; line-height: 1.333;}
.partner-logo {max-width: 100%; margin-top: 20px;}
.tp-company-name{font-size:28px;}
.tp-company-img{text-align:center;}

/*Checkout page*/
.register-page .support-form-field-name {margin-top: 10px;}
.register-page .captcha-container {display: inline-block;}
.checkout-register-table {border: 1px solid #bfbfbf; padding: 10px; text-align: left;}
.address-line-2 {margin-top: 15px;}
#captcha-form {width: 370px; margin-bottom: 50px;}
.checkout-register-table div {line-height: 1.33;}
.checkout-page .shopping-cart-table-row-left {width: 100%;}
.checkout-page .shopping-cart-table-cell {overflow: hidden;}
.checkout-page input {width: 100%;}
.checkout-page .shopping-cart-amount-cloumn, .checkout-page .shopping-cart-discount-amount-cloumn {text-align: right; padding-right: 15px;}
.checkout-page .shopping-cart-price-cloumn {text-align: right;}
.checkout-page .shopping-cart-amount-cloumn input, .checkout-page .shopping-cart-discount-amount-cloumn input, .checkout-page .shopping-cart-price-cloumn input {text-align: right;}
.checkout-register-title {min-width: 250px; display: inline-block;}
.modules-footer .checkout-row {display: none;}
.shopping-cart-table{margin-bottom:15px;}
.paypal_btm button{margin-left:20px;}

.checkout-btn-field{float:left; margin-right:20px;}
.checkout-btn-field:last-child{margin-right:0;}
.payIcon{float:left; text-align:left; background: url(../images/pay_icons.png) no-repeat 0 20px;
    height: 22px;
    float: left;
    width: 39px;
    padding: 0 8px 0 0; margin-top:8px;}

.payIcon.DISCOVER {background-position: 0 -124px;}
.payIcon.VISA {background-position: 0 -31px;}
.payIcon.MASTERCARD {background-position: 0 -62px;}
.payIcon.AMEX { background-position: 0 -93px; margin-right: -10px; width:22px !important;}
.apple-payIcon{display:none;}


/*Register*/
#check_drop_ship {display: none;}
#reseller-drop-ship {display: none;}

/*Partner*/
.partner-banner {background: url("../../../images/04.Partner_00_main_page_Banner.png") no-repeat  center center; position: relative;}
.partner-banner-text, .partner-small-banner-text {background-color: rgba(256, 256, 256, 0.7); position: absolute; bottom: 0; width: 100%;}
.partner-small-banner-text {height: 40px; text-align: center;}
.partner-banner-text h1 {font-size: 48px; margin: 21px 0px;}
.partner-small-banner {height: 200px; position: relative;}
.partner-small-banner.banner-1 {background: url("../../../images/04.Partner_00_LocateReseller.png") no-repeat  center center;}
.partner-small-banner.banner-2 {background: url("../../../images/04.Partner_00_ResellerProgram.png") no-repeat  center center;}
.partner-small-banner.banner-3 {background: url("../../../images/04.Partner_00_TechnologyPartner.png") no-repeat  center center;}
.partner-small-banner.banner-4 {background: url("../../../images/04.Partner_00_Sponsorship.png") no-repeat  center center;}
.partner-small-banner-text h3 {line-height: 40px; margin: 0;}
.partner-small-banner-text p {display: none;}
.partner-small-banner:hover .partner-small-banner-text {background-color: rgba(0, 160, 233, 0.7); height: 70px;}
.partner-small-banner:hover .partner-small-banner-text h3 {color: #ffffff; font-size: 24px; margin-top: 10px; line-height: 1;}
.partner-small-banner:hover .partner-small-banner-text p {color: #ffffff; margin: 5px 0 0 0; display: block;}
.partner-our-customer-title {text-align: center;}
.partner-our-customer-logo img {max-width: 100%;}
.partner-small-banner-section {margin: 80px 0px 20px 0px;}
.partner-captcha-container{margin:50px 0;}

/*Locate a reseller*/
.find-reseller-banner {background: url("../../../images/04.Partner_01_FindReseller_page_Banner.png") no-repeat  center center; position: relative;}
.locator-row {line-height: 37px;}
.locator-row select {margin-left: 20px; width: 250px;}
.locator-label {display: inline-block;}
.locator {margin-top: 25px;}
.locate-reseller-separator {border-top: 1px solid #c9c9c9; margin-top: 100px; margin-bottom: 40px;}
.locate-reseller-table {border: 1px solid #dcdcdc;}
.locate-reseller-table-row {border-top: 1px solid #dcdcdc;}
.locate-reseller-table-row:first-child {border-top: none;}
.locate-reseller-table-logo {float: left; width: 30%; text-align: center;}
.locate-reseller-table-logo img {max-width: 80%; max-height: 150px; margin-top: 20px;}
.locate-reseller-table-content {float: left; width: 70%; padding: 10px; border-left: 1px solid #dcdcdc;}
.locate-reseller-table-label, .locate-reseller-table-details {display: inline-block;}
.locate-reseller-table-label {width: 40%;}
.locate-reseller-table-details {width: 60%;}
.locate-reseller-table-content-row {margin: 10px 0px;}
.locate-reseller-table .default-links {text-decoration: underline !important;}

/*NAPP*/
.napp-banner {background: url("../../../images/04.Partner_05_NAPP_page_Banner.png") no-repeat  center center; position: relative;}
.partner-small-banner.banner-5 {background: url("../../../images/04.Partner_05_Teacher.png") no-repeat  center center;}
.partner-small-banner.banner-6 {background: url("../../../images/04.Partner_05_Student.png") no-repeat  center center;}
.napp-banner.ntu {background: url("../../../images/04.Partner_07_NAPP_Student_ntu_Banner.png") no-repeat  center center; position: relative;}
.academic-year-to {display: inline-block; margin: 0 5px;}


/*Sponsorship*/
.sponsorship-banner {background: url("../../../images/04.Partner_03_Sponsorship_page_Banner.png") no-repeat  center center; position: relative;}
.partner-small-banner.banner-7 {background: url("../../../images/04.Partner_03_AcademicPartnerProgram.png") no-repeat  center center;}
.partner-small-banner.banner-8 {background: url("../../../images/04.Partner_03_OpenSourceProjectLicense.png") no-repeat  center center;}


/*Reseller*/
.reseller-banner {background: url("../../../images/04.Partner_02_Reseller_page_Banner.png") no-repeat  center center; position: relative;}
.reseller-list-style {list-style: inside; margin: 15px 0;}
.reseller-img {height: 200px; margin-top: 15px;}
.reseller-img-1 {background: url("../../../images/04.Partner_02_ResellerProgram.png") no-repeat  center center;}
.reseller-img-2 {background: url("../../../images/04.Partner_02_SoftwareDistributionPartners.png") no-repeat  center center;}
.reseller-img-3 {background: url("../../../images/04.Partner_02_BusinessCooperation.png") no-repeat  center center;}

.show-hide-control {text-decoration: underline; color: #00a0e9; margin-top: 15px;}
.show-hide-control span {cursor: pointer;}
.show-hide-control .hide-btn {display: none;}
.show.show-hide-content {display: block;}
.show.show-hide-control .show-btn {display: none;}
.show.show-hide-control .hide-btn {display: block;}

.pp-title{font-size:28px;}

/*About us*/
.about-us-banner {background: url("../../../images/05.AboutUs_00_Main_banner.png") no-repeat  center center; position: relative;}
.timeline-row{padding: 0 40px; height: 535px;}
.timeline-ele{border-bottom:1px solid #d0d0d0; position:relative; height:50px; width:7.1% !important;}
.timeline-year{position:absolute; left:-15px; bottom: 22px;}
.timeline-point{position:absolute; width:10px; height:10px; border:1px solid #d0d0d0; border-radius:10px; background:#d0d0d0; left: -5px; bottom: -5px; cursor:pointer;}
.tl-point-selected{background:black;}
.tl-end-year{position: absolute; right:-14px; bottom: 22px;}
.timeline-ele .tl-end-point{left:initial; right:-5px;}
.timeline-info{position:absolute; padding:20px; background:white; z-index:300; top: 100px; left: -20px; }
.timeline-info p {text-align:center;}
.tl-end-info{position:absolute; width:auto; padding:20px; background:white; z-index:300; top: 100px; right: -20px; }
.tl-end-info p {text-align:center;}
.timeline-ele .tl-info-2{right: -20px; left: initial;}
.img-cap{height:260px}
.milestone-text-p{margin-bottom:30px;}
.milestone-text-p2{margin-bottom:50px;}
.tl-info-2016, .tl-info-2008, .tl-info-2009, .tl-info-2017, .tl-info-2018, .tl-info-2019 {width:635px;     right: -20px;}
.tl-info-2009{width:850px; left:-260px;}
.tl-info-2017, .tl-info-2018{width:1000px;}
.tl-info-2015{width:1153px; left:-815px;}
.tl-info-2017 .content-div, .tl-info-2016 .content-div, .tl-info-2008 .content-div, .tl-info-2009 .content-div{float:left; width:50%; padding:25px; text-align:left;}
.tl-info-2008 .content-div p{ text-align:left;}
.timeline-arrow-down{ position:absolute; left: -10px; bottom: -35px; width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 13px solid #424e54;}
.tl-end-arrow-down{ position:absolute; right:-10px; bottom: -35px; width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 13px solid #424e54;}
.timeline-ele .show-tl-ele, .tl-info-container.show-tl-ele{display:block;}
.tl-info-container img {max-width:100%;}
.timeline-info-container{display:none;}
.contact-country, .aboutUs-needHelp{text-align:center; margin-bottom:30px;}
.contact-row{; width:525px; margin:0 auto 30px auto;}
.contact-title{float:left; width:110px;}
.contact-row .contact-title-es {width:165px;}
.page-container .contact-row-es{width:610px;}
.contact-text{float:left; width:415px;}
.timeline-title{text-align:center; margin-top:100px;}
.timeline-row-mobile{ position: relative; width: 100%;  max-width: 800px;}
.timeline-wrapper{ position: relative;  height: 45px;  margin: 0 40px 30px 40px;  overflow: hidden;}
.timeline-year-mobile{margin:0 10px; float:left; color:#d0d0d0; position:relative; cursor:pointer;}
.timeline-year-mobile .year-arrow{position:absolute; right:7px; bottom: -20px; width: 0;height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 11px solid #424e54; display:none;}
.tl-year-selected .year-arrow{display:block;}
.timeline-year-bar{position: absolute; z-index: 1; left: 0; top: 0; width:850px; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
.tl-btn-mobile{position: absolute; z-index: 1;  top: 17px;  bottom: auto;  -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  height: 34px;  width: 34px;  white-space: nowrap; cursor:pointer;}
.tl-btn-mobile:hover{opacity:0.7;}
.tl-btn-mobile.next{right:0;}
.tl-btn-mobile.prev{left:0;}
.timeline-row-mobile{display:none;}
.tl-year-selected{color:black;}
.timeline-info-mobile{width: 100%;  padding: 0 20px 20px 20px;    background: white;    text-align: center;}
.contact_country.selected{font-weight:bold; cursor:default;}
.contact-address2-row, .contact-fax-row{display:none;}
.tl-info-2002  .milestone-text-p{text-align:left;}
.tl-info-2003{left:-77px;}
.tl-info-2006{left:-144px;}
.tl-info-2008{left:-164px;}
.tl-info-2010{left:-135px;}
.tl-info-2011{left:-125px;}
.tl-info-2012{left:-245px;}
.timeline-ele .tl-info-2013{right:-50px;}
.timeline-ele .tl-info-2014{right:-40px;}
.tl-info-2015 .milestone-text-p{text-align:right;}
.g-map iframe{width:100%;}
#map_cn, #map_jp{display:none;}

/*Awards*/
.awards-banner {background: url("../../../images/05.AboutUs_02_Awards_banner.png") no-repeat  center center; position: relative;}
.awards-row {border-bottom: 1px solid #dcdcdc; margin-top: 50px; padding-bottom: 40px;}
.awards-row:last-child {border: none;}
.awards-logo {max-width: 100%;}
.awards-logo-container {text-align: center; margin-top: 18px;}

/*Press Release*/
.press-banner {background: url("../../../images/05.AboutUs_03_Press_banner.png") no-repeat  center center; position: relative;}
.press-article {margin-bottom: 100px;}
.press-article-date {margin-bottom: 15px;}
.press-article-date , .press-article-title{font-family: "Rubik"; font-size: 20px; }
.blog .pagination-container {text-align: center; margin-bottom: 100px;}
.blog .pagination {display: block;}
.blog .pagination li {display: inline-block; padding: 0 2%;}
.blog .pagination li span {opacity: 0.5;}
.blog .pagination .pagination-prev {margin-right: 10%;}
.blog .pagination .pagination-next {margin-left: 10%;}
.blog .show-hide-content {display: none;}
.blog .show.show-hide-content {display: block;}


/*Top 10*/
.top10-container *{text-align:center;}
.top10-banner{background: url(../../../images/06.01_Top10Reasons_page_Banner.png) no-repeat center center;}
.top10-banner.es{background: url(../../../images/06.01_Top10Reasons_page_Banner_ES.png) no-repeat center center;}
.top10-banner.cht{background: url(../../../images/06.01_Top10Reasons_page_Banner_CHT.png) no-repeat center center;}
.top10-banner.pl{background: url(../../../images/06.01_Top10Reasons_page_Banner_PL.png) no-repeat center center;}
.tl-info-container{display:none;}

/*Product Info*/
.product-info-desc{font-weight:300;}
.product-info-desc, .whats-new-btn, .product-info-subtitle {text-align: center;}
.product-info-award-logo img {max-width: 100%;}
.system-requirements-table { text-align: center; width: 100%; margin-bottom:150px;}
.system-requirements-table td{border: 1px solid #c9c9c9;}
.system-requirements-title {border-bottom: 1px solid #c9c9c9; background-color: #eeeeee;}
.system-requirements-title h3 {line-height: 50px; margin: 0;}
.system-requirements-details {width: 33%; padding: 15px;}
.system-requirements-details.center {/*border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9;*/}
.product-info-customer {width: 100%; height: 100%;}
.product-info-customer-row{margin:50px 0; padding:50px 0;}
.product-info-customer-col {width: 33%; text-align: center; padding: 0 15px; height: 100%;}
.product-info-customer-col-content {background-color: #f5f6f6; padding: 15px; border-radius: 10px; padding-bottom: 1px;}
.product-info-switcher-row {width: 100%; text-align: center; margin-top: 150px !important; margin-bottom: 50px !important;}
.product-info-switcher-container {overflow: hidden; display: inline-block;}
.product-info-switcher {width: 200px; line-height: 40px; float: left; color: #bfbfbf; border: 1px solid #bfbfbf; cursor: pointer;}
.product-info-switcher:first-child {border-right: 1px solid #0090d2; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.product-info-switcher:last-child {border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.product-info-switcher.selected {border-color: #0090d2; color: #ffffff; background-color: #00a0e9; cursor: auto;}
.product-info-screenshot-section {text-align: center;}
.product-info-screenshot-controller {display: inline-block; width: 80%; color: #707070;}
.product-info-screenshot-number {display: inline-block; border-right: 1px solid #707070; margin-bottom: 15px;}
.product-info-screenshot-number:last-child {border-right: none;}
.product-info-screenshot-number div {text-align: center; margin: 0 7.5px; cursor: pointer;}
.product-info-screenshot-number.selected div {color: #00a0e9;}
.product-info-features-content {display: none; margin-bottom:150px;}
.product-info-screenshot {display: none;}
.product-info-screenshot.show {display: block;}
.product-info-screenshot h3 {margin-top: 40px;}
.product-info-screenshot p {margin-bottom: 40px;}
.product-info-screenshot-section {margin-bottom: 100px;}
.screenshot-container img {max-width: 100%;}
.screenshot-container {cursor: pointer; display: inline-block; position: relative;}
.screenshot-enlarge {background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; top: 0; z-index: 100; display: none; text-align: center; padding: 30px;}
.large-screenshot-container {text-align: center; position: relative; display: inline-block;}
.large-screenshot {max-width: 100%;}
.screenshot-expand {position: absolute; right: 15px; top: 15px; display: none;}
.screenshot-close {position: absolute; right: -20px; top: -20px; cursor: pointer;}
.screenshot-container:hover .screenshot-expand {display: block;}
.large-screenshot-arrow {position: absolute; top: 42%; cursor: pointer; z-index: 1;}
.large-screenshot-arrow.prev-arrow {left: 15px;}
.large-screenshot-arrow.next-arrow {right: 15px;}
.product-info-features-logo {text-align: center;}
.schema-img img {max-width: 100%;}
/*.product-info-features-row p {margin-bottom: 40px;}*/
.product-info-features-row :last-child p {margin-bottom: 0;}
.product-info-customer-col-content img {height: 100%; width: auto;}
.product-info-customer-logo {height: 50px;}
.product-info-customer-logo img {max-width: 120px;}
.product-info-customer-company{margin-bottom:30px; color: #969696;}
.product-info-customer-name{font-family:"Rubik"; font-size:20px; font-weight:400;}
.product-info-customer-triangel {width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #f5f6f6 transparent transparent transparent; margin: 0 auto;}
.customer-banner-container .bx-wrapper .bx-pager.bx-default-pager {bottom: 150px;}
.customer-banner-container .bx-wrapper .bx-pager.bx-default-pager a {text-indent: 0; background-color: #687176; -webkit-border-radius: 5px; border-radius: 5px; width: 25px; height: 25px; margin: 0 11px; color: #ffffff; line-height: 25px;}
.customer-banner-container .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #33b3ed;}
.customer-banner-container .bx-controls.bx-has-pager {height: 200px;}
.customer-banner-container .customer-banner {margin-top: 50px;}

/*Navicat Cloud Info*/
.navicat-cloud-banner  {background: url("../../../images/02.Product_ProductBanner_NavicatCloud.png") no-repeat  center center; position: relative;}
.navicat-cloud-info {text-align: center;}
.navicat-cloud-info p {width: 80%; margin: 15px auto; font-size:20px;}
.navicat-cloud-info-section { margin-top: 50px;}
.navicat-cloud-info-section img{width:100%;}
/*.navicat-cloud-info-section.section-1 {background: url("../../../images/anywhere_background.png") no-repeat  center bottom; position: relative;}
.navicat-cloud-info-section.section-2 {background: url("../../../images/02_Benefit_KeepYourWorkSafe.png") no-repeat  center bottom; position: relative;}
.navicat-cloud-info-section.section-3 {background: url("../../../images/03_Benefit_collaboration_background.png") no-repeat  bottom center; position: relative;}*/
.navicat-cloud-info-desc {font-size: 28px !important; color: #969696; font-weight: 300;}
.navicat-cloud-price-plan {display: inline-block;}
.navicat-cloud-pro-plan, .navicat-cloud-basic-plan {float: right; width: 300px;}
.navicat-cloud-pro-plan-label {line-height: 30px; width: 120px; background-color: #00a0e9; color: #ffffff; margin: 0 auto;}
.navicat-cloud-price-plan-details {line-height: 60px; font-weight: bold;}
.navicat-cloud-price-plan-details.plan-title {font-size: 28px; color: #00a0e9; font-weight: normal;}
.navicat-cloud-pro-plan-content {background-color: #eaf8ff; border: 1px solid #00a0e9;}
.navicat-cloud-pro-plan-content .plan-title {margin-top: 9px;}
.navicat-cloud-basic-plan-content {border: 1px solid #e5e5e5; border-right: none; margin-top: 38px;}
.navicat-cloud-price-plan-details.price-row {line-height: normal; margin-top: 15px; margin-bottom: 15px;}
.navicat-cloud-price-plan-details .button {font-weight: normal; margin-bottom: 50px;}
.navicat-cloud-basic-plan-content .navicat-cloud-price-plan-details:last-child {margin-bottom: 110px;}
span.price {color: #00a0e9;}
.navicat-family-img img {max-width: 100%;}
.navicat-family-section .button{line-height: 75px; padding: 0 80px; font-size: 30px; margin-top: 40px; margin-bottom: 30px;}
.collaboration-productivity-section .button{margin-top: 40px; margin-bottom: 30px;}
/*Navicat collaboration*/
.collaboration-banner {background: url("../../../images/06.04_Collaboration_page_Banner.png") no-repeat  center center; position: relative; height: 400px;}
.collaboration-page {text-align: center;}
.member-icon-container {overflow: hidden; display: inline-block; margin-top: 30px;}
.member-icon {float: left; margin: 0px 10px; position: relative; cursor: pointer;}
.member-icon-cover, .member-icon-text {width: 145px; height: 145px; position: absolute; top: 0; border-radius: 72.5px;}
.member-icon-cover {background-color: #5791f3; opacity: 0.8;}
.member-icon-text {color: #ffffff; line-height: 145px; font-weight: bold; font-size: 24px;}
.member-icon:hover .member-icon-cover, .member-icon:hover .member-icon-text {display: none;}
.member-icon-label {margin-top: 10px; height: 21px; line-height: 21px;}
.member-icon-selector {overflow: hidden; margin: 30px 0;}
.member-icon-btn {float: left; width: 25%; border-right: 1px solid black;}
.member-icon-btn.selected {color: #00a0e9; font-weight: bold;}
.member-icon-btn:not(.selected) span {cursor: pointer;}
.member-icon-btn:last-child {border: none;}
.member-arrow-container {display: inline-block; margin-bottom: 80px;}
.member-arrow {width: 162px; display: inline-block; opacity: 0;}
.member-arrow.active {opacity: 1;}
.member-description {font-size: 20px; position: relative; height: 250px;}
.member-description > div {position: absolute; width: 100%; top: 50px; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0;}
.member-description > div:not(.member-description-default) {margin-top: 50px;}
.member-description-default {margin-top: 30px; color: #448aff;}
.member-description > div.active {display: block; top: 0px; opacity: 1;}
.collaboration-separator {border-bottom: 1px solid #e6e6e6; width: 80%; margin: 30px auto;}
.collaboration-sharing-section {background: url("../../../images/06.04_Collaboration_02_sharing_background.png") no-repeat  center bottom; background-size: 100% auto;}
.collaboration-sharing-arrow {position: absolute; bottom: 270px; cursor: pointer;}
.collaboration-sharing-arrow.mobile {display: none !important;}
.sharing-box-container {overflow: hidden; display: inline-block;}
.sharing-box {width: 330px; float: left; padding: 15px;}
.sharing-icon-label {margin-top: 30px;}
.sharing-query-box {height: 150px; width: 100%; background-color: #ffffff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); margin-top: 30px; margin-bottom: 100px; text-align: left; padding: 25px; line-height: 22px; overflow: hidden;}
.sharing-query-box span {color: #448aff;}
.sharing-query {width: 60%; float: left;}
.sharing-img {width: 40%; float: left; text-align: center;}
.sharing-img img:first-child {margin-top: 12px; margin-bottom: 5px;}
.sharing-img img {display: block; margin: 0 auto;}
.collaboration-activity-section {background: url("../../../images/06.04_Collaboration_03_Activity Log_background.png") no-repeat  center bottom; background-size: 100% auto;}
.activity-log {width: 500px; height: 290px; background-color: #ffffff; display: inline-block; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); margin-bottom: 35px;}
.activity-log-title {height: 40px; background-color: #448aff; line-height: 40px; color: #ffffff; text-align: left !important; padding: 0 30px; font-size: 20px;}
.activity-log-content .activity-log-content-row {height: 80px; text-align: left; overflow: hidden; display: none;}
.activity-log-content-row img {margin: 10px 20px; margin-left: 30px;}
.activity-log-message {margin-top: 20px; margin-left: 110px; padding-right: 15px;}
.activity-log-message span {font-weight: bold;}
.activity-log-img {float: left;}
.activity-log-message-time {font-size: 12px; color: #7b7b7b; margin-top: 5px;}
.activity-log-content-row .activity-log-message > div {text-align: left;}
.collaboration-page p{font-size:20px; font-family:"Rubik";}

/*live support*/
.liveWrapper .LiveHelpButton{display:block; color:#00a0e9;}
#LiveHelpSignInDetails p {margin:10px 0 !important; font-size:12px !important;}
.whiteText{color:white !important;}
.liveWrapper{padding: 10px 30px !important; }
#LiveHelpCallAction, .LiveChatIcon{display:none !important;}


/*language*/
.lang-ele {margin-bottom:70px;     text-align: left!important;}
.lang-title>h1{text-align: left !important;}
.lang-ele *{vertical-align:middle;}

/*What is Navicat Data Modeler*/
.what-is-ndm-banner {background: url("../../../images/06.02_WhatIsNDM_page_Banner.png") no-repeat  center center; position: relative;}
.what-is-ndm-page {text-align: center;}
.what-is-ndm-page h2{font-weight:300; font-size:36px; font-family:"Rubik"; color:#969696;}
.what-is-ndm-main-des {color: #969696; font-weight: 100;}
.what-is-ndm-page .product-info-switcher-row {margin-top: 50px; margin-bottom: 50px;}
.what-is-ndm-page .product-info-switcher {line-height: 35px;}
.what-is-ndm-page-cloud-bg {max-width: 100%;}
.modeling-tools-row {margin-top: 50px;}
.modeling-icon-container {display: inline-block; width: 9.09%; float: left; cursor: pointer;}
.modeling-icon-arrow {opacity: 0; height: 80px;}
.modeling-icon-container:hover .modeling-icon-arrow {opacity: 1;}
.engineering-section {text-align: left;}
.engineering-section .col-sm-6 {padding: 0 8%; margin-top: 80px;}
.ndm-screenshot-selector {display: inline-block; border-radius: 5px; border: 1px solid #00a0e9; margin-bottom: 15px; margin-top: 50px;}
.ndm-screenshot-selector > div:not(.clear) {width: 150px; float: left; color: #00a0e9; height: 60px; padding-top: 13px; cursor: pointer;}
.ndm-screenshot-selector > div:first-child, .ndm-screenshot-selector > div:nth-child(2) {border-right: 1px solid #00a0e9;}
.ndm-screenshot-selector > div.selected {color: #ffffff; background-color: #00a0e9; cursor: auto;}
.second-selector .ndm-screenshot-selector > div:not(.clear) {height: 35px; line-height: 35px; padding-top: 0px;}
.hidden-content {display: none;}
.what-is-ndm-page.download-section p {margin-top: 50px;}
/*.what-is-ndm-page.download-section .button {margin-top: 40px; margin-bottom: 40px;}*/
.what-is-ndm-separator {border-bottom: 1px solid #e6e6e6; width: 80%; margin: 100px auto;}

/*What is Navicat for MongoDB*/
.nav-for-mongodb-section{margin-bottom:150px;}
.nav-for-mongodb-page .object-design-options{margin: 50px 0;}
.nav-for-mongodb-page .schema-img{margin:50px 0;}
.nav-for-mongodb-page .productivity .modeling-icon-container{width:14.2%;}
.nav-for-mongodb-page .modeling-icon-arrow{margin-top:30px;}
.object-design-options span.selected, .data-options span.selected{color:#0090d2;}
.object-design-options span, .data-options span{cursor:pointer;}
.object-design-options span:hover, .data-options span:hover{color:#0090d2;}
.object-design .product-info-features-content , .data .product-info-features-content {display:block;}
.nav-for-mongodb-page .data-options{margin: 50px 0;}
.nav-for-mongodb-section.productivity .title{margin-bottom: 20px;}
.nav-for-mongodb-section.productivity .modeling-icon-arrow {opacity: 0;}
.modeling-icon-container.selected {color:#0090d2;}
.modeling-icon-container.selected .modeling-icon-arrow {opacity:1;}
.nav-for-mongodb-section.productivity .modeling-tools-row .desc {color:#0090d2;}
.modeling-tools-row-mobile { display:none; margin-top:50px;}
.modeling-tools-row-mobile .title{margin-bottom:15px;}
.modeling-tools-row-mobile .options, .nav-for-mongodb-section.productivity .modeling-tools-row-mobile .image{margin-bottom:30px;}
.modeling-tools-row-mobile .options{line-height:30px;}
.modeling-tools-row-mobile .options span {cursor:pointer;}
.modeling-tools-row-mobile .options span.selected{color:#0090d2;}
.what-is-mongodb *{text-align:center;}

@media only screen and (max-width : 991px) {
    .modeling-tools-row-mobile{display:block;}
}

@media only screen and (max-width : 500px) {
    .object-design-options{line-height: 30px;}
}



.code-div{padding: 15px; border: #d2d2d2 solid 1px; margin: 20px 0; width:500px;}
@media only screen and (max-width : 767px) {
    .code-div{    margin: 20px auto; width: 100%;}
}

/*Navicat for Mongodb (Key topics)*/
.navicat-for-mongodb {background: url("../../../images/06.07_Navicat_for_MongoDB_page_Banner.png") no-repeat  center center; position: relative;}
.nav-for-mongodb-page {text-align: center;}
.nav-for-mongodb-page h2{font-weight:300; font-size:36px; font-family:"Rubik"; color:#969696;}
.nav-for-mongodb-main-des {color: #969696; font-weight: 100;}


/*customer*/
.meet-cust-row{padding-bottom:50px; border-bottom:1px #c9c9c9 solid;}
.meet-cust-row select {width:70%;}
.name-list{padding:50px 0 10px 0; border-bottom:1px #c9c9c9 solid; margin-bottom: 100px;}
.name-list>div{margin-bottom:40px; line-height: 21px; height:30px;}
.main .page-container .comment-container>div {text-align:center; line-height:21px;}
.comment-text{margin-bottom:140px;}
.comment-name{margin-bottom:50px;}
.comment-img{margin-bottom:50px;}
.main .cust-comment-row .bx-wrapper .bx-pager, .main  .cust-comment-row .bx-wrapper .bx-controls-auto {bottom:0;}
.comment-img>img{height:55px;}
.country-form-row{text-align:center;}
.country-form-row select{width:400px;}
.country-form-row .section-row{margin-bottom:20px;}
.country-form-row .section-row>div{margin-bottom:10px;}

/*What's New*/
.user-interface-img, .support-img {width:100%}
.whats-new-banner {background: url("../../../images/06.03_WhatsNew_page_Banner.png") no-repeat  center center; position: relative;}
.whats-new-switcher {width: 200px; line-height: 40px; float: left; color: #bfbfbf; border: 1px solid #bfbfbf; cursor: pointer;}
.whats-new-switcher:first-child {border-right: 1px solid #0090d2; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.whats-new-switcher:nth-child(2) {border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.whats-new-switcher.selected {border-color: #0090d2; color: #ffffff; background-color: #00a0e9; cursor: auto;}
.whats-new-switcher-container{width: 400px; margin: 0 auto; margin-bottom:50px;}
.wsn-img-wrapper{width:490px; margin:0 auto;}
.deploy-text li{text-align:left;}
.deploy-img{float:left; width:250px; margin-right:70px;}
.deploy-text{float:left; width:170px; padding-top: 8px;}
.deploy-text li {font-size:24px;}
.whats-new-container .default-section{margin-bottom:100px;}
.whats-new-container .default-section h3{color: #969696; font-size: 36px; font-weight: 300;}
.p-text{margin-bottom:70px;}
.wn-sol{font-size:48px; font-weight:300;}
.wn-introd{font-size:28px; font-weight:300;}

/*release note*/
.note-date{float:left; margin-right:25px;}
.note-title{float:left;}

/* AWS*/
.aws-banner {background: url("../../../images/06.05_AmazonRDS_page_Banner.png") no-repeat  center center; position: relative;}
.aws-switcher {width: 200px; line-height: 50px; float: left; color: #bfbfbf; border: 1px solid #bfbfbf; cursor: pointer;}
.aws-switcher:first-child {border-right: 1px solid #0090d2; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.aws-switcher:nth-child(2) {border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.aws-switcher.selected {border-color: #0090d2; color: #ffffff; background-color: #00a0e9; cursor: auto;}
.aws-switcher-container{width: 400px; margin: 0 auto; margin-top:100px;}
.step-row{border:1px solid #f7a80d;  position: relative;}
.step-row>div:not(.clear){float:left; padding:15px;}
.step-nub{border: 1px solid #f7a80d; background: #f7a80d; color: white; text-align: center; width:50px; height:50px; position: absolute;
    height: 100%;}
.step-title{ margin-left: 50px; line-height:1.33}
.aws-introd{font-family:"Rubik"; font-size:20px;}

/*Navicat Cloud store page*/
.cloud-store-title-row {padding-bottom: 10px; border-bottom: 1px solid #c9c9c9;}
.cloud-store-row {margin: 30px 0px;}
#cloud-store-quantity {width: 60px;}
.cloud-store-row #cloud-store-quantity, .cloud-store-row .button {position: relative; top: 5px;}
.cloud-store-row .button-column {text-align: right;}


/*Product Info*/
.info-container{text-align:center;}
.info-introd{margin-bottom:70px;}
.btn-wrapper-row{width:600px; margin: 0 auto 165px auto;}
.btn-wrapper-row .button{width:230px; text-align:center;}
.btn-wrapper-row a:first-child{margin-right:30px;}
.info-switcher-in3-container{width:600px; margin:0 auto 100px auto;}
.info-switcher-in3 {width: 200px; line-height: 50px; float: left; color: #bfbfbf; border: 1px solid #bfbfbf; cursor: pointer; text-align:center;}
.info-switcher-in3:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right:none;}
.info-switcher-in3:nth-child(3) {border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.info-switcher-in3.selected {border-color: #0090d2; color: #ffffff; background-color: #00a0e9; cursor: auto;}
.IOS-container{display:none;}
.info-ele{margin-bottom:50px;}
.info-ele h3{font-size:28px; font-family: "Rubik"}
.info-ele .s-title{font-size:20px; font-family: "Rubik"; font-weight:300;}
.info-img-row{margin-top:50px;}
.product-info-features-row b {font-size: 20px; font-family: "Rubik"; font-weight: 400;}
.product-info-features-row .feature-row-text{text-align:left; margin-bottom: 50px;}

.info-req-container{border:1px solid #bfbfbf; margin-bottom:150px;}
.info-req-title{height:50px; line-height:50px; background-color:#eeeeee; border-bottom:1px solid #bfbfbf;}
.info-req-text-wrapper{padding:15px;}
.info-req-text-wrapper>div:not(.clear){float:left;}
.req-img{width:20%; padding-top:10px;}
.req-text{width:80%; text-align:left;}
.req-text span{line-height: 20px;}

.ios-app-container{width:650px; margin: 0 auto;}
.ios-app-container>div:not(.clear){float:left;}
.ios-app-img{width:20%;margin-right:8%;}
.ios-app-text{width:72%; text-align:left;}
.ios-app-text span{line-height: 20px;}

.Mac-container{display:none;}
.info-content{margin-bottom:100px;}

.screenshot {
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}


/*Search page*/
#search-form {padding-bottom: 50px; border-bottom: 1px solid #929292; margin-bottom: 50px;}
#search-form .inputbox {width: 500px; display: inline-block; margin-right: 50px;}
.search-results .result-title {font-size: 20px;}
.search-results li {padding: 30px 0px;}
#finder-search fieldset>label {display: block;}


/*nbm container*/
.ndm_container{text-align:center;}
.ndm_container  .info-img-row img {max-width:100%;}
.system-requirements-win {vertical-align: top; padding:15px;}

/*Report Viewer*/
.vr-introd{margin-bottom:100px;}
.system-requirements-win p:first-child{margin-top:0;}
.system-requirements-win p:last-child{margin-bottom:0;}
.nrv-s-sitle{font-family: "Rubik"; font-size:20px;}


/*offline-order*/
.oo-ele{margin-bottom:50px;}


/*rss*/
.rss-ul{margin-left: 20px; font-size: 16px; list-style: initial;}
.rss-title{width:350px; float:left; padding: 15px; border:1px solid #ddd; border-right:0; border-bottom:0;}
.rss-row:last-child .rss-title{border-bottom:1px solid #ddd;}
.rss-info{width:165px; float:left; padding: 15px; border:1px solid #ddd; border-left:0; border-bottom:0;}
.rss-row:last-child .rss-info{border-bottom:1px solid #ddd;}
.rss-title span *, .rss-info span *{vertical-align:middle;}
.rss-hide{opacity:0;}

.ls-ol {    padding-left: 15px; list-style-type:decimal; line-height: 1.5;}

/* Save quotation*/
.quote-info{margin-bottom:30px;}
.quote-info-row{line-height: 25px;}
.quote-info-row>.title{float:left; margin-right:5px;}
.quote-info-row>.info{float:left; font-weight:bold;}
.quote-btn-row{margin-bottom:50px;}
.q-btn-left{float:left;}
.q-btn-right{float:right;}
.q-btn-left>.button{float:left; margin-right:30px;}
.q-btn-right>.button{float:right; margin-left:30px;}
#btn-email{margin-right:0;}
#btn-pq{margin-left:0;}
.quote-table{border-bottom:1px solid #bfbfbf; margin-bottom:20px;}
.quote-table .default-section{margin-bottom:100px;}
.quote-ele{margin-bottom:20px;     line-height: 20px;}
.quote-ele.title{font-size:20px; font-family: "Rubik";}
.quote-sign{padding-bottom:90px; border-bottom:2px black solid;}
.quote-contact-row{text-align:center;}

.quote-table .shopping-cart-row-right{ width:30%; text-align:right;}
.quote-table .shopping-cart-row-left{ width:50%; line-height:20px;}
.sign-br{display:none;}

.country-row, .industry-row {text-align:right;}

/*Blog*/
.blog-banner {background: url("../../../images/05.AboutUs_00_Main_banner.png") no-repeat  center center; position: relative; background-position: center bottom; margin-bottom: 60px;}
.blog-left-column {width: 70%; float: left;}
.blog-right-column {width: 30%; float: right; padding-left: 30px;}
.blog-right-column-title {font-size: 20px; border-bottom: 1px #d2d2d2 solid; padding-bottom: 10px; margin-top: 40px; margin-bottom: 15px;}
.blog-page h2, .blog-page h2 a {color: #00a0e9; font-size: 30px; font-weight: 300;}
.blog-page .blog-sub-title {font-size: 20px; margin-bottom: 20px;}
.blog-page .blog-list {list-style-position: inside;}
.blog-page .blog-list li {line-height: 20px;}
.blog-page #jstree {color: #00a0e9;}
.blog-page li[aria-level="3"] i.jstree-icon {width: 0px;}
.blog-page .jstree-default .jstree-node {margin-top: 15px; margin-bottom: 15px;}
.blog-page .jstree-default .jstree-wholerow {background: transparent !important;}
.blog-page a.jstree-anchor {height: auto; white-space: normal;}
.blog-page .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {background-image: url("../../../images/05.AboutUs_04_expand.svg"); background-position: 0 4px;}
.blog-page .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {background-image: url("../../../images/05.AboutUs_04_hide.svg"); background-position: 0 4px;}
.blog-page .page-header {padding: 0; margin: 0; border-bottom: none;}
.blog-page .a2a_kit a {display: inline-block;}
.blog-page div[itemprop="blogPost"] {margin-bottom: 50px;}
.blog-page div[itemprop="blogPost"] p {margin: 0;}
.blog-page .readmore a.btn {padding-left: 0; color: #00a0e9;}
.blog-page .readmore a.btn:focus {background: white; box-shadow: none;}
.blog-page .blog .pagination-container {margin-bottom: 0px; width: auto;}
#a2apage_dropdown {margin-top: 3px !important;}

/*Subscription plan*/
.sub-plan-container{margin-top:50px; margin-bottom:50px;}
.plan-edition-tab {font-size: 24px;}
.plan-edition-tab {padding:16px 15px; background-color:#dcdcdc; text-align:center; cursor:pointer; margin-top: 10px; border:1px #969696 solid; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; top: 1px;}
.plan-edition-tab.selected {cursor:initial; background-color: transparent; margin-top: 0px; border-bottom: 1px #ffffff solid;}
.plan-edition-tab.selected > div {margin-top: 10px; color: #00a0e9;}
.plan-info{border: 1px #969696 solid; text-align: center; display: flex; flex-wrap: wrap;}
.plan-info-space {height: 30px;}
.plan-info-col:nth-child(4) {border-left: 1px #969696 solid; border-right: 1px #969696 solid;}
.plan-info-col:hover {color: #00a0e9;}
.subscription-details {position: relative; height: 100%;}
.subscription-type {font-size: 24px; margin-bottom: 40px;}
.subscription-price {font-size: 34px; margin-bottom: 40px;}
.subscription-price-des {font-size: 16px; color: rgb(66, 78, 84);}
.subscription-des {margin-bottom: 60px; text-align: left;}
.subscription-des-list {list-style-type: disc; list-style-position: outside; margin-left: 25px; }
.subscription-des-list li {margin: 22px 0px; line-height: 22px;}
.subscription-plan-form {position: absolute; width: 100%; margin: 0 auto; bottom: 0px;}
.plan-info-table{width:100%; border:black 1px solid;}
.plan-info-table td{width:33%; text-align:center; border:black 1px solid; padding:20px;  padding:20px;}
.price-container{height:40px;}
.feature-container{margin:20px 0; height:100px; padding:15px;  background-color:#d6d5d5;}
.plan-info {display:none;}
.plan-info.show-plan {display: flex;}
.per-month-price{font-size:xx-small;}
.plan-separator-mobile {display: none;}

/*Resources page*/
.resources-title-row {position: relative; margin-top: 100px;}
.resources-separator {border-bottom: 1px solid #a0a0a0;}
.resources-title {font-size: 36px; line-height: 45px;}
.resources-type {position: absolute; bottom: 0; right: 0;}
.resources-type-tab {float: left; line-height: 30px; margin-right: 30px; cursor: pointer;}
.resources-type-tab.selected {color: #00a0e9;}
.resources-content {display: flex;
  flex-wrap: wrap;}
.resources-content [class*='col-'] {display: flex;
  flex-direction: column;}
.resources-details {max-width: 80%; color: #424e54; font-weight: bold; margin-top: 55px;}
.resources-details img {max-width: 100%; border: 1px solid #9d9d9d;}
.resources-description {margin-top: 20px;}



/*Discover Monitor 2*/
.section-controller{display: inline-block; width: 100%; color: #707070; text-align:center; margin-top:100px; margin-bottom:90px;}
.item-control{display: inline-block; border-right: 1px solid #707070; margin-bottom: 15px;}
.item-control:last-child {border-right: none;}
.item-control>a{text-align: center; margin: 0 7.5px; cursor: pointer;}
.item-control.selected a {color: #00a0e9;}
.mp-section{padding-top:10px; margin-bottom:140px;}
.mp-section p{text-align:center; margin-bottom:30px;}
.mp-title, .mp-image{text-align: center;}
.mp-section-controller{display: inline-block; width: 100%; color: #707070; text-align:center; margin-bottom:30px;}
.mp-item-control{display: inline-block; border-right: 1px solid #707070; margin-bottom: 15px;}
.mp-item-control:last-child {border-right: none;}
.mp-item-control>div{text-align: center; margin: 0 7.5px; cursor: pointer;}
.mp-item-control.selected div {color: #00a0e9;}
.mp-image img{max-width:100%;}
.lrq-images .mp-image{display:none;}
.lrq-images .mp-image.show{display:block;}
.lrq-images-container{position:relative;}
.lrq-images-container .img_div{position:absolute; top:0; left:0; z-index:10; opacity:0;}
.lrq-images-container .img_div:first-child{position:initial;}
.lrq-images-container .img_div.active{z-index:1000; opacity:1;}
.lrq-img-text {margin-bottom:30px; text-align:center;}

/*Discover Monitor 2.2*/
.monitor-2-2 .schedule-report-icon-container {opacity: 0.5;}
.monitor-2-2 .schedule-report-icon-container.selected {opacity: 1;}
.monitor-2-2 .schedule-report-icon-container .schedule-report-icon-arrow {opacity: 0;}
.monitor-2-2 .schedule-report-icon-container.selected .schedule-report-icon-arrow {opacity: 1;}
.monitor-2-2 .schedule-report-icon img {display: block; margin: 0 auto;}
.monitor-2-2 .schedule-report-icon-desc {width: 100px; margin: 0 auto; text-align: center; margin-bottom: 15px;}
.monitor-2-2 .schedule-report-desc {text-align: center; margin-top: 30px; display: none;}
.monitor-2-2 .schedule-report-desc.selected {display: block;}

/*what is navicat modeler 3 & modeler product info*/
.what-is-ndm-3 {background-color: #13394B;}
.what-is-ndm-3 p, .what-is-ndm-3 h1, .what-is-ndm-3 h3 {color: #ffffff;}
.what-is-ndm-3 .section-controller {margin-bottom: 0;}
.what-is-ndm-3 .section-controller .item-control {color: #ffffff; border-color: #ffffff;}
.what-is-ndm-3 .section-controller .item-control > a {color: #ffffff;}
.what-is-ndm-3 .section-controller .item-control.selected > a {color: #00a0e9;}
.what-is-ndm-3 .modeling-icon-arrow, .product-info-features-content .modeling-icon-arrow {opacity: 1; color: #ffffff;}
.product-info-features-content .modeling-icon-arrow div {color: #424E54;}
.product-info-features-content .modeling-icon-container img {width: auto;}
.what-is-ndm-3 .modeling-icon-arrow img, .product-info-features-content .modeling-icon-arrow img {opacity: 0;}
.what-is-ndm-3 .modeling-icon-container {cursor: initial;}
.what-is-ndm-3 .ndm-screenshot-selector {border-radius: 5px; border: none;}
.what-is-ndm-3 .ndm-screenshot-selector > div {border-color: #ffffff;}
.what-is-ndm-3 .ndm-screenshot-selector > div:not(.clear) {color: #ffffff; border: 1px solid; height: auto; padding: 13px 0;}
.what-is-ndm-3 .ndm-screenshot-selector > div:first-child {border-right: none; border-radius: 15px 0 0 15px;}
.what-is-ndm-3 .ndm-screenshot-selector > div:nth-child(3) {border-left: none; border-radius: 0 15px 15px 0;}
.what-is-ndm-3 .ndm-screenshot-selector > div.selected {border-color: #00a0e9;}
.what-is-ndm-3 .hidden-content-2-container {margin: 30px 0; position: relative;}
.what-is-ndm-3 .hidden-content-2 {position: absolute; height: 100%; width: 100%; top: 0; z-index: -99;}
.what-is-ndm-3 .what-is-ndm-separator {border-color: #13394B;}
.what-is-ndm-3 .second-selector .ndm-screenshot-selector > div:not(.clear) {line-height: initial;}
.modeler_3_container .product-info-switcher:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right:none;}
.modeler_3_container .product-info-switcher:nth-child(3) {border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.modeler_3_container .product-info-switcher.selected {border-color: #0090d2; color: #ffffff; background-color: #00a0e9; cursor: auto;}
.modeler_3_container .section-controller {margin-bottom: 0;}
.modeler_3_container .product-info-switcher-row {margin-top: 100px !important;}

/*************Responsive*****************/
@media only screen and (max-width : 1199px) {
    .locator-row select {margin-left: 0px; width: 230px;}
    .img-cap{height:220px}
    .tl-info-2008{left:-80px;}
    .tl-info-2009{width:765px; left:-265px;}
	.tl-info-2017, .tl-info-2018{width:765px; left:-265px;}
    .tl-info-2009 .cap-img{width:100%;}
    .tl-info-2012{left:-120px;}
    .tl-info-2015 { width: 750px; left: -520px;}
	.timeline-ele .tl-info-2.tl-info-2017 { right: -100px; }
    .tl-info-2015 img{width:100%;}
	.tl-end-info.tl-info-2019 { width: 400px; left: -280px;}
    .tl-end-info { width: 745px; left: -650px;}
    .tl-end-info img{width:100%}

    .banner-title{    line-height: 1;}

    .pl .prod-buy-summary-title>span, .pl .prod-buy-summary-row.summary-total, .pl .prod-buy-summary-row.summary-total>span, .pl .summary-price {font-size: 16px;}
}

@media only screen and (max-width : 991px) {
    .banner-content-mobile .ft-title-banner{font-size:36px;}
    .navbar-nav .menu-item, .cs-btn{display:none !important;}
    .cs-item{border-top:white 1px solid;}
    .nav>.menu-icon{display:block;}
    .prod-buy-summary, .prod-buy-summary-container {position: static !important;}
    .download-ver .button-link{margin-right:10px;}

    .index-large-banner-slider {display: none;}
    .index-small-banner-slider {display: block;}
    .banner-content .banner-title {font-size: 40px;}
    .banner-title{ line-height: 1;}
    /*Locate a reseller*/
    .locator {text-align: center;}
    .locator-label {width: 20%; text-align: left;}
    .locator-row select {margin-left: 0px; width: 250px;}

    /*Navicat Cloud Info*/
    .navicat-cloud-info p {width: 100%;}

    /*customers*/
    .meet-cust-row .empty-row{display:none;}
    .meet-cust-row .country-row{width:340px; margin:0 auto 15px auto; float:none;}
    .meet-cust-row .industry-row{width:340px; margin:0 auto 15px auto; float:none;}
    .meet-cust-row .ft-btn-row{width:340px; margin:0 auto; float:none;}
    .meet-cust-row .ft-btn-row .button{margin: 0 auto; width: 130px; display: block;}

    /*What is Navicat Data Modeler*/
    .modeling-icon-container.row-a {width: 16.66%;}
    .modeling-icon-container.row-b {width: 20%;}
    .whats-new-container img:not(.screenshot-expand, .cp-icons) {width:100%;}
    .deploy-img img, .licensing-imgs img{width:auto;}

    /*product*/
    .product-empty-space {display: none;}

    /*About us */
    .tl-info-2006{left:-120px;}
    .tl-info-2008{left:-170px;}
    .tl-info-2009{left:-250px;}
    .tl-info-2010{left:-135px;}
    .tl-info-2011{left:-125px;}
    .tl-info-2012{left:-80px;}
    .timeline-ele .tl-info-2013{right:-75px;}
    .timeline-ele .tl-info-2014{right:-70px;}

    /*quote*/
    .q-btn-left, .q-btn-right{float:none;}
    .q-btn-left{margin-bottom:30px;}
    .quote-btn-row .button{float:left; margin:0; display:block; margin-right:30px;}
    .quote-col{width:100%;}
    .q-br{display:none;}
    .quote-sign{width:330px;}

    /*checkout*/
    .shopping-cart-row-right{float:none;}
    .shopping-cart-row-left{margin-right:20px;}
    .checkout-btn-field{float:none; margin-right:0; width:190px; margin:0 auto;}
    .checkout-btn-field:last-child { margin: 0 auto;}
    .checkout-btn-field{margin-bottom:20px;}
    .checkout-btn-field:last-child{margin-bottom: 0;}
    #myBtn{float:none;}
    #myBtn, .checkout-btn{width:190px; text-align:center;}

    /*sponsorship*/
    .sponsorship_title{font-size:17px;}
}


@media only screen and (max-width : 767px) {
    .desktop {display: none;}
    .mobile {display: block;}
    .mobile-inline-block {display: inline-block;}
    .desktop-inline-block {display: none;}
    .mobile-list-item {display: list-item;}
    .page-container * {text-align: center;}
    .parallel-button:first-child {margin: 15px auto 0 auto;}
    .button {display: block; margin: 15px auto 0 auto; width: 230px;}
    .screenshot-expand{width: initial !important;}
    .system-requirements-table .nrv-win-td{border-top:none;}

    .banner-content-mobile .banner-title {font-size: 30px;}
    .banner-content-mobile .banner-slogan {font-size: 16px;}
    .banner-content:last-child .banner-title {font-size: 30px;}
    .navbar-nav {margin: 0 !important;}
    .sitemap-container{text-align:center;}
    .sitemap-wrapper{padding:0;}
    .sitemap-wrapper-row>div{padding:0;}
    .sitemap-col{border-bottom: 1px #c9c9c9 solid; padding-right:0;}
    .sitemap-items{height:0; display:none;  padding:0 30px; background-color:#f8f8f8;}
    .sitemap-col .sitemap-btn {display:inline-block;}
    .small-banner-row>div{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .sitemap-container{padding-bottom:0; padding-top:0;}
    .sitemap-wrapper-row{margin:0;}
    .sitemap-title{margin: 10px 0; padding:0; background-color:#eeeeee;}
    .sitemap-title>div{width: 130px; margin: 0 auto;}
    .sitemap-items ul li { padding: 5px 0; margin-bottom:0;}
    .sitemap-items ul li:first-child { padding: 10px 0 5px 0;}
    .sitemap-items ul li:last-child { padding: 5px 0 10px 0;}
    .sitemap-name{float:left;}
    .sitemap-btn{float:right;}

    .sub-navigation-bar-background.expand {z-index: 1; opacity: 0.8;}

    /*landing page*/

    /*.sub-navigation-right {clear: left; float: none; overflow: hidden; background-color: #687176; position: absolute; top: 40px; width: 100%; left: 0px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; max-height: 0px;}*/
    .expand .sub-navigation-right {max-height: 1000px;}
    .sub-navigation-right>div {float: none; margin-left: 50px;}
    .sub-navigation-buy-btn {margin-bottom: 30px;}
    .sub-navigation-expand-button {display: block;}
    .sub-navigation-left.nav-title{display:none;}

    /*footer*/
    .signup-title{float:none; width:177px; margin: 0 auto 15px auto;}
    .signup-input-part{float:none; width:100%; margin: 0 auto;}
    .signup-input{width:70%;}
    .signup-btn{width:30%;}
    #signup-newsletter{padding:0 20px;}
    .signup-newsletter-div{width:auto;}
    .footer-wechat-qrcode-background {width: auto; margin: 0 15px;}


    /*product*/
    .prod-container-big *, .prod-container-small *{text-align:center;}
    .product-icon .small-icon {display: block;}
    .product-icon .large-icon {display: none;}
    .prod-btn-container {width: 100%;}
    .prod-title {margin-top: 15px;}
    .prod-buy-summary-row {clear: both;}

    /*Product Details*/
    .prod-buy-content{width:100%;}
    .prod-buy-row {margin-top: 50px;}
    .prod-buy-row>div:not(.clear), .prod-buy-input>div:not(.clear), .prod-buy-ele>div:not(.clear){float:none;}
    .prod-buy-container * {text-align:center;}
    .prod-buy-symbol{width:22px; margin:0 auto;}
    .prod-buy-title{width:119px; margin:0 auto;}
    .prod-buy-input>div:not(.clear){width: 230px; margin:20px auto 0 auto !important }
    .prod-buy-content .prod-buy-input>.prod-buy-select, .prod-buy-content .prod-buy-input>.prod-buy-input-text{width:200px;}
    .prod-buy-summary-btn{margin:0 auto;}
    .prod-buy-summary-title {text-align: left;}
    .prod-buy-summary-row.summary-total {text-align: left;}
    .prod-buy-text{width:100%;}
    .prod-buy-select, .prod-buy-input-text {width: 100% !important;}
    .prod-buy-lang {width: 100%;}
    .prod-buy-input .prod-buy-table-container.tee-size-table {width: auto;}

    /*Additional services*/
    .addition-service-title h3 {display: block; margin-bottom: 5px; margin-right: 0px;}
    .maintenance-plan-ele > div {float: none;}
    .maintenance-plan-ele .maintenance-price {margin-top: 5px;}

    /*Download*/
    .download-page {text-align: center;}
    .download-ver-title {margin-bottom: 0px;}
    .download-page .button-link {margin-right: 0px;}
    .download-page .button-link .button {display: block; margin-top: 30px;}
    .direct-download-banner-content {margin-top: 200px;}
    .download-button-container:not(:last-child) {margin-right: 0px;}
    .download-button-container {float: none;}
    .direct-download-page .window-linux>div:last-child {margin-top: 50px;}
    .download-essential-link .default-links {display: block;}

    /*Feature Matrix*/
    .fm-table-container{display:block;}
    .feature-matrix-table{display:none;}
    .feature-matrix-fixed-bar.desktop {display: none !important;}

    /*Release Note*/
    .release-notes-ver-container {width: 100%;}
    .release-notes-ver {width: 33%;}

    .support-form-text-field input, .support-form-text-field select {width: 100%;}
    .support-form-field-name {margin-bottom: 10px; font-weight: bold; font-family: "Rubik"; font-weight: 400;}
    .check-box-section .others-text-field {display: inline-block; margin-left: 0px; text-align: left; height: 30px;}
    .error-msg {padding-left: 15px;}
    #survey .captcha-container .g-recaptcha>div {margin: 0 auto;}

    /*header*/
    .nav-bar-container .menu-left-bar .language-icon >a, .language-icon .lang-text{padding-right:5px;}

    /*Article*/
    .article-date, .article-content{margin-bottom:15px;}

    /*shopping cart*/
    .shopping-cart-table-cell {min-height: initial; line-height: normal; text-align: left;}
    .shopping-cart-table-title .shopping-cart-table-cell {line-height: 45px;}
    .shopping-cart-product-name {text-align: left;}
    .shopping-cart-table-row-left {width: 100%}
    .shopping-cart-quantity-cloumn, .shopping-cart-price-cloumn {display: none;}
    .shopping-cart-button-cloumn {clear: both; width: 100%; text-align: center; margin-top: 15px;}
    .shopping-cart-product-cloumn, .shopping-cart-discount-cloumn {width: 75%;}
    .shopping-cart-amount-cloumn, .shopping-cart-discount-amount-cloumn {width: 25%; padding-left: 2%; text-align: center;}
    .shopping-cart-product-row .shopping-cart-product-cloumn {margin-top: 0px;}
    .shopping-cart-table-row {padding: 10px 0px;}
    .shopping-cart-row-left, .shopping-cart-row-right {float: none;}
    .shopping-cart-row .button-link {margin-right: 0px;}
    .shopping-cart-table-row .prod-buy-summary-desc.mobile {margin-bottom: 10px;}
    .shopping-cart-table-cell input {width: 100%;}
    .shopping-cart-save-quote {margin-top: 30px;}
    .shopping-cart-save-quote input {width: 60%;}
    .shopping-cart-save-quote .shopping-cart-save-quote-button {width: 40%;}
    .shopping-cart-table-cell:first-child {padding: 0px 0px 0px 10px;}
    .shopping-cart-maintenance-row {margin: 10px 0;}
    .register-page .captcha-container {display: block;}
    #reseller-name, #reseller-email {text-align: center; margin: 30px 0;}
    #tee-redeem-code {width: 100%; margin-right: 0px;}
    .tee-redeem-code-input-box, .tee-redeem-code-input-title {display: block;}

    /*Maintenance*/
    .main-period-content, .main-table{width:100%;}

    /*upgeade*/
    .upgrade-container *{text-align:center;}
    .upgrade-page .button {margin-bottom: 15px; line-height: 18px; padding: 8px 30px;}

    /*Checkout page*/
    .checkout-page .button {display: block;}
    #captcha-form {width: 100%;}
    .checkout-register-title {display: inline;}

    /*Partner*/
    .partner-banner-text h1 {margin: 15px 0px; font-size: 36px; text-align: center;}
    .partner-small-banner-section {margin: 50px 0px 0px 0px;}
    .partner-form-agreement{line-height:1.33;}
    .partner-our-customer-logo img {margin:0 auto;}
    .partner-our-customer-logo .mobile{margin:0 auto;}

    /*Locate a reseller*/
    .locator-label {width: 100%; text-align: center;}
    .locator-row select {width: 100%;}
    .locate-reseller-table-logo, .locate-reseller-table-content, .locate-reseller-table-label, .locate-reseller-table-details {display: block; width: 100%;}
    .locate-reseller-table-content {border-left: none;}
    .locate-reseller-table-logo img {margin: 50px 0 30px 0;}
    .locate-reseller-table-label {margin-top: 20px;}
    .locate-reseller-table-content-row.phone {margin-bottom: 0px;}
    .locate-reseller-table-content-row.fax {margin-top: 0px;}
    .locate-reseller-table-content-row.fax .locate-reseller-table-label {margin-top: 0;}
    .locate-reseller-table-details {margin-top: 5px;}
    .locate-reseller-table-content-row.country div {display: inline-block; width: auto;}
    .locate-reseller-table-content-row.country .locate-reseller-table-details {margin-left: 5px;}

    /*activation*/
    .offline-act-col{margin-bottom:100px;}

    /*Unsubscribe*/
    .page-container .unsubscribe-col>div{float:none;}
    .unsubscribe-col-title, .unsubscribe-col-input{margin:0 auto; width:100%;}
    .unsubscribe-col-input input[type="text"]{width:400px;}

    /*napp teacher*/
    .partner-form-container{padding:0; border: none;}
    .partner-form .support-form-field-name, .partner-form .support-form-text-field {float:none; width: 100%;}
    .partner-form .error-msg {margin-left: 0; width: 100%;}
    .partner-form textarea {width: 100%;}
    .partner-form-container textarea, .partner-form-container input:not(.button) {text-align: left;}
    .support-form-text-field.academic-year input {width: 45%;}
    .academic-year-to {width: 5%; margin: 0;}

    /*Reseller*/
    .reseller-list-style b {display: block;}
    .pp-title{font-size:20px;}

    /*Press*/
    .press-article {text-align: center;}

    .page-container ul *, .page-container table *, .page-container ol *{text-align:left;}

    /*about us*/
    .timeline-row{display:none;}
    .timeline-row-mobile{display:block;}


    /*top10*/
    .contact-row{width:100%;}
    .contact-title{margin-bottom:10px;}
    .contact-title, .contact-text{width:100%; float:none;}

    .contact-row .contact-title-es {width:100%;}
    .page-container .contact-row-es{width:100%; float:none;}


    /*Product Info*/
    .product-info-desc {font-size: 20px;}
    table.system-requirements-table *, table.product-info-customer * {text-align: center;}
    .system-requirements-details.center {border: 1px solid #c9c9c9; /*border-left: none; border-right: none;*/border-top: none; border-bottom: none;}
    .system-requirements-details {display: block; width: 100%;}
    .product-info-customer-col {display: block; width: 100%;}
    .product-info-switcher-container {width: 100%;}
    .product-info-switcher {width: 50%;}
    .product-info-screenshot-controller {width: 100%;}
    .system-requirements-table td.system-requirements-title{border-bottom:none;}
    .product-info-features-logo{margin-top:30px; margin-bottom:30px;}
    .product-info-customer-col-content {height: auto !important;}


    /*Navicat Cloud Info*/
    .navicat-cloud-price-plan {display: block;}
    .navicat-cloud-pro-plan, .navicat-cloud-basic-plan {float: none; width: 100%;}
    .navicat-cloud-pro-plan .button {width: 80%; margin: 15px auto;}
    .navicat-cloud-pro-plan-content {border: 2px solid #00a0e9;}
    .navicat-cloud-basic-plan-content {margin-top: 0px; border: 1px solid #e5e5e5; border-top: none;}
    .navicat-cloud-price-plan-details {line-height: 50px;}
    .navicat-cloud-price-plan-details:last-child {margin-bottom: 30px !important;}
    .navicat-cloud-price-plan .plan-title {margin-top: 10px;}
    .navicat-family-section .button, .collaboration-productivity-section .button {line-height: 35px; padding: 0 30px; font-size: 16px;}

    /*Navicat Collaboration*/
    .member-icon {float: none; cursor: auto;}
    .member-description-default {display: none !important;}
    .member-description {height: auto;}
    .member-description .member-description-content {opacity: 1; position: relative; top: 0; display: none;}
    .member-description-content.mobile-active {display: block;}
    .member-icon {display: none;}
    .member-icon.mobile-active {display: block;}
    .sharing-box-container {display: block;}
    .sharing-box {width: 100%; float: none; padding: 0; display: none;}
    .sharing-box.selected {display: block;}
    .sharing-query-box {opacity: 1 !important;}
    .sharing-query-box .sharing-query {text-align: left;}
    .member-icon-cover, .member-icon-text {display: none;}
    .default.collaboration-sharing-section {background: url("../../../images/06.04_Collaboration_02_sharing_background_a.png") no-repeat  center bottom; background-size: 100% auto;}
    .collaboration-sharing-section {background: url("../../../images/06.04_Collaboration_02_sharing_background_b.png") no-repeat  center bottom; background-size: 100% auto;}
    .activity-log {width: 100%;}
    .activity-log-content .activity-log-content-row {display: block !important;}
    .collaboration-sharing-arrow.mobile.show {display: block !important;}

    /*sub-nav*/
    .sub-navigation-left{float:none; margin-right:0;}
    .sub-navigation-right{float:none; margin-right:0;}
    .sub-navigation-title{display:block;}
    .sub-navigation-wrapper{display:none; padding-left: 50px;}
    /*.sub-nav-support .sub-navigation-left{float:left;}
    .sub-nav-support .sub-navigation-right{float:left;}*/

    /*customers*/
    .name-list>div{height:60px;}
    .main .page-container .comment-container>div {text-align:center;}
    .meet-cust-row span {display:block; margin-bottom:15px;}
    .meet-cust-row select{width:100%;}
    .meet-cust-row .country-row, .meet-cust-row .industry-row{width:100%;}
	.country-form-row select{width:300px;}

    /*What is Navicat Data Modeler*/
    .what-is-ndm-page .engineering-section {text-align: center;}
    .modeling-icon-container.row-c {width: 25%}
    .modeling-icon-container.row-d {width: 33.33%}
    .engineering-section .col-sm-6 {padding: 0 15px;}
    .ndm-screenshot-selector {display: block;}
    .ndm-screenshot-selector > div:not(.clear) {width: 33.333%;}

    /*Modler 3 product info*/
    .modeler_3_container .product-info-switcher {width: 33%;}

    /* Whats new*/
    .wsn-img-wrapper{width:100%; margin:0;}
    .deploy-img{float:none; width:100%; margin-right:0; margin-bottom:50px;}
    .deploy-text{float:none; width:100%; padding-top: 0;     width: 220px; margin:0 auto;}
    .deploy-text li {font-size:18px;}
    .whats-new-container img:not(.screenshot-expand, .cp-icons, .deploy-img>img) {width:100%;}
    #rock-img{width:100%;}
    .deploy-img img, .licensing-imgs img{width:auto;}
    /*release note*/
    .note-date{float:none; margin-right:0; width:100%}
    .note-title{float:none; width:100%}

    /*AWS*/
    .migration-img{width:100%}
    .aws-switcher-container{width:100%;}
    .aws-switcher{width:50%;}
    .step-title{text-align:left;}
    .aws-banner{background: url(../../../images/06.05_AmazonRDS_page_Banner_770px.png) no-repeat center center;}

    /*Navicat Cloud store page*/
    .cloud-store-row .button, .cloud-store-row #cloud-store-quantity {top: 0px;}
    .cloud-store-row .mobile-inline-block {margin-right: 5px;}
    .cloud-store-row .year-quantity {text-align: left; padding-left: 30px;}
    .cloud-store-row .year-price p {text-align: right; padding-right: 30px;}
    .button-column .button {margin-top: 0px;}

    /*Product info*/
    .btn-wrapper-row{width:100%;}
    .info-switcher-in3-container{width:100%}
    .info-switcher-in3{width:33%;}
    .info-ele img {width:100%;}
    .clients-img-container {text-align: center !important;}
    .ios-app-container{width:100%;}
    .ios-app-container>div:not(.clear) { float: none;}
    .info-req-text-wrapper>div:not(.clear) { float: none;}
    .ios-app-img{width:100%; margin-right:0; margin-bottom:35px;}
    .ios-app-text{width:100%;}
    .req-img { width:100%; text-align:center; margin-right:0; padding-top:0; margin-bottom:35px;}
    .req-text { width: 100%;}
    .product-info-customer-col {height: auto;}
    #trial .pi-btn{margin-top:30px; margin-bottom:15px;}

    /* Navicat Premium*/
    .feature-row-text b {text-align:center; display:inherit;}
    /*Search page*/
    #search-form .inputbox {width: 100%; display: block; margin-right: 0px;}
    .search-results li * {text-align: center;}

    /* Report viewer*/
    .rv-table .system-requirements-content td:first-child{border-bottom:0;}
    .rv-table .system-requirements-content td, .rv-table .system-requirements-title {width:100%; display:block;}

    /*rss*/
    .rss-title{width:100% !important; float:none; border-right: 1px solid #ddd; padding-bottom:0;}
    .rss-info{width:100% !important; float:none; border-top:0; border-left: 1px solid #ddd; }
    .rss-row:last-child  .rss-title{border-bottom:0;}
    .rss-left{text-align:left;}


    .main-period-content .period-ele{float:left; width:32%;  margin-right:2px;}
    #main-subscribe>div {line-height: 25px; padding: 5px 30px;}

    .awards-logo{max-width:300px;}

    /*feature matrix*/
    .fm-content-main-container td {line-height:1.33;}

    .ne-feature-title{text-align:center;}

    /* Save quotation*/
    .quote-table .shopping-cart-row-right {float:none; width:100%;}
    .quote-table .shopping-cart-row-left{float:none; width:100%; text-align:center;}
    .quote-table .default-section { margin-bottom: 80px;}
    .quote-info-row .title{float:none; text-align:left;}
    .quote-info-row .info{float:none; text-align:left; font-weight:bold;}
    .quote-info-row{margin-bottom:25px;}
    .q-btn-left, .q-btn-right{float:none;}
    .quote-btn-row .button{float:none; margin:0; width:230px; margin:0 auto 30px auto !important;}
    .quote-page .shopping-cart-total-amount{margin-bottom: 50px;}
    .shopping-cart-total-amount{margin-bottom:30px;}
    .quote-col *{text-align:center;}
    .quote-col{margin-bottom:50px;}
    .quote-sign{width:100%;}
    .sign-br, .q-br{display:inline;}
    .quote-sign{line-height:20px;}
    #btn-ntbot{line-height: 25px;}
    .quote-ele.title{margin-top: 50px;}

    /*Check out*/
    .checkout-btn{display:block !important; width:200px; margin:0 auto 0 auto !important;}
    #myBtn{display:block; width:200px; margin:0 auto !important; float:none !important;}

    /*sponsorship*/
    .sponsorship_title{font-size:20px;}


    .shopping-cart-row-right, .shopping-cart-row-left{margin:0;}
    .shopping-cart-table-title .shopping-cart-table-cell {line-height: 25px;}

    /*Blog*/
    .blog-banner {margin-bottom: 0px;}
    .blog-left-column {width: 100%; float: auto;}
    .blog-right-column {width: 100%; float: auto; padding-left: 0px; text-align: left;}
    .blog-right-column * {text-align: left;}

    /*Maintenance*/
    .main-plan-btn {width: 50%;}

    /*Subscription plan*/
    .sub-plan-container .row {margin: 0;}
    .plan-info.show-plan {display: block;}
    .plan-edition-tab {font-size: 14px; padding: 10px; line-height: 28px;}
    .plan-edition-tab.selected {font-size: 16px; line-height: 32px;}
    .plan-edition-tab:not(#noncomerical) div {line-height: 28px;}
    .plan-edition-tab#noncomerical.selected > div {margin-top: 6px;}
    .subscription-plan-form {position: relative;}
    .plan-info-col:nth-child(4) {border: none;}
    .plan-separator-mobile {display: block; background-color: #969696; height: 1px; margin-top: 30px; margin-bottom: 30px;}
    .subscription-type {font-size: 24px; margin-bottom: 30px;}
    .subscription-price {font-size: 34px; margin-bottom: 30px;}
    .subscription-des {margin-bottom: 30px;}
    .plan-separator-mobile {float: none;}

    /*Resources page*/
    .resources-type {position: relative;}
    .resources-type-tab {width: 50%; margin-right: 0; margin-top: 20px;}
    .resources-details {max-width: 100%;}

    /*Discover Monitor 2.2*/
    .monitor-2-2 .schedule-report-icon-container {width: 20%; float: left;}
    .monitor-2-2 .schedule-report-icon-container img {max-width: 100%;}
    .monitor-2-2 .schedule-report-icon-desc {display: none;}
    .monitor-2-2 .schedule-report-icon-desc .schedule-report-icon-arrow {margin-top: 15px;}
}
@media only screen and (max-width : 320px) {
    .small-banner-container>div{width:100%;}


}


/*

@media (max-width:750px) and (min-width:320px) {

}​

@media (max-width:970px) and (min-width:750px) {

}​

@media (max-width:1170px) and (min-width:970px) {

}​


*/


/**********Promotion Banner*******************/
.promotion-banner {
    background-image: -moz-linear-gradient( 91deg, rgb(157,193,139) 0%, rgb(106,155,100) 41%, rgb(54,117,60) 100%);
  background-image: -webkit-linear-gradient( 91deg, rgb(157,193,139) 0%, rgb(106,155,100) 41%, rgb(54,117,60) 100%);
  background-image: -ms-linear-gradient( 91deg, rgb(157,193,139) 0%, rgb(106,155,100) 41%, rgb(54,117,60) 100%);
  bottom: 4px;
  position: relative;
}
.promotion-banner-img {
    max-width: 100%;
}
.promotion-banner-img-container {
    text-align: center;
}
.promotion-banner-content * {
    color: #ffffff;
}
.promotion-banner-content h1 {
    font-size: 24px;
    margin: 15px 0px;
    margin-top: 50px;
}
.promotion-banner-content p {
    font-size: 16px;
}
.promotion-banner-content .button {
    border-color: #ffffff;
}
.promotion-banner-content .button:hover {
    background-color: transparent;
    color: #ffffff;
}

#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 24px;
    margin-bottom: -18px;
    margin-top: 20px;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #83b387;
    display: inline-block;
}

#clockdiv div > span{
    width: 60px;
    padding: 15px;
    border-radius: 3px;
    background: #529258;
    display: inline-block;
    color: #ffffff;
}

#clockdiv .smalltext{
    font-size: 14px;
    margin-top: 5px;
    color: #ffffff;
}

@media only screen and (max-width : 991px) {
    .promotion-banner-img {
        margin-top: 40px;
    }
    /*.promotion-banner-content h1 {
        margin-top: 15px;
    }*/
}

@media only screen and (max-width : 767px) {
    .promotion-banner-img {
        margin-top: 0px;
    }
    .promotion-banner-content * {
        text-align: center;
    }
    #clockdiv {
        display: block;
        margin: 0;
    }
    .promotion-banner-content h1 {
        margin-top: 15px;
    }
}