/******************		      from Duncan CSS	  	*********************/
.pull-left{
	float: left;
}

.pull-right{
	float: right;
}
/******************		report building		  *******************/
.separatorWrapToCenter {
    display: table-cell;
    text-align: center;
    width: 3000px;
    height: 10px;
}

/******************		links		  *******************/

.navicat-default-links:hover{
	color: #004e7a;
}

.navicat-default-links:visited{

}

.navicat-default-links:active{

}

/******************		our customer		  *******************/

.navicat-ourcustomer-table{
	/*padding: 8px 12px 4px;*/
	display: table;
	/*line-height: 40px;*/
}

.navicat-ourcustomer-column{
	width: 46%;
	height : 50px;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	display: table-row;
	border-bottom: 1px solid #ddd;
}

.navicat-ourcustomer-column > span > a{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	color: #0184ce;
}

.navicat-ourcustomer-column > span > span{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}



/*
.navicat-ourcustomer-table td {

    line-height: 30px;
}

.navicat-ourcustomer-table tr td {

}

.navicat-ourcustomer-table tr td:first-child, .navicat-ourcustomer-table tr td:last-child {
    border-bottom: 1px solid #e6e6e6;
    width: 48%
}*/

/******************		product		  *******************/

.products_col{
	width: 220px;
}

.products_keytopic{
	/*width: 150px;*/
	width: 180px;
}

.navicat-product-table {
    width: 100%;
    background-color:white;
    border-collapse:collapse;

}

.navicat-product-table tr td {
    padding: 0px 0px 20px 20px;
}

.navicat-product-table tr td span{
	color: #323232;
	font-size: 1em;
	width: 90%;
	display: block;
	padding: 5px 0 0px 0;
}

#products_square{
	width: 6px;
	height: 6px;
	float: left;
	margin-top: 10px;
}
#products_content{
	
}

#products_content > span{
	font-size: 1em;
	font-weight: 600;
}

.navicat-default-subtitle-noFloat{
	font-weight: 700;
}

.navicat-product-topBackgroundImage { z-index: -1; }
.navicat-product-whatNewText{ position: absolute; top: 295px; left: 373px; }
.navicat-product-top10ReasonText{ position: absolute; top: 295px; left: 660px; }
.navicat-product-whatNavicatText{ position: absolute; top: 295px; left: 74px; }


#featureMatrixHeaderTableFixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}

.navicat-feature-table-top-fixed {
    overflow: hidden;
    display: inline-block;
    width: 700px;
}



#goCC{
	background-color: #409ac9;
	color: white;
	font-size: 18px;
	text-decoration: none;
	border-radius: 5px;
	padding: 5px;
}
#goCC:hover{
	background-color: #4bb2e7;
}
#goCC:active{
	background-color: #3681a8;
}


.scrollup{
    width:50px;
    height:50px;
    display:none;
    text-indent:-9999px;
    background: url('../../../images/scrolltop.png') no-repeat;
	z-index: 20;
}

/******************		      End of Duncan CSS	  	*********************/


/******************		      from Johnny CSS	  	*********************/

.fw {
  width: 100%;
}

/******************		      End of Johnny CSS	  	*********************/


/******************		      bottom sitemap style	  	*********************/

.bottom-sitemap-item{
  font-size: 0.875em;
  line-height: 1.429em !important; 
  padding-top: 10px;
  font-weight: 400;
}

.bottom-sitemap-header{
  font-size: 1em;
  line-height: 1.143em;
  padding-top: 10px;
  font-weight: 600;
}




/******************		       End of bottom sitemap style	  	*********************/


/******************		       Marketing pages style	  	*********************/

.navicat-marketing-title{
	font-size: 60px;
	letter-spacing: -0.025em;
}

.navicat-marketing-subtitle{
	font-size: 36px; 
	font-weight: 400;
}

.navicat-marketing-intro{
	font-size: 24px; 
	font-weight: 300;
}

.navicat-marketing-subtitle2{
	font-size: 28px; 
	font-weight: 400;
}

.navicat-marketing-content{
	font-size: 16px;
	float: left;
	margin-top: 10px;
	line-height: 20px;
}

/******************		       End of Marketing pages style	  	*********************/

/******************		      article content style	  	*********************/
.top10-back-to-top{
  font-size: 8px;
  float: right;
  margin-top: 100px;
}

#top10-container{
	margin-bottom: 150px;
}

.navicat_top10_section{
	text-align: center;
	margin-top: 100px;
}

.navicat-top10-content-container{
	margin-top: 30px;
	font-size: 1.125em;
}

.rss a{
	color: #409ac9;
}

.navicat-default-title{
	font-size: 40px;
	font-weight: 600;
}

.navicat-default-subtitle{
	font-family: 'Lato', "Lucida Sans Unicode", "Lucida Grande", "Heiti TC", "Microsoft JhengHei", sans-serif;
	font-size: 1.5em;
	font-weight: 700;
}

.navicat-default-subtitle4{
	font-size: 18px;
	font-weight: 600;
}

.navicat-default-subtitle2{
	font-family: 'Lato', "Lucida Sans Unicode", "Lucida Grande", "Heiti TC", "Microsoft JhengHei", sans-serif;
	font-size: 1.125em;
	font-weight: 400;
	padding: 50px 0px 10px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}

.navicat-default-subtitle3{
	font-size: 1.125em;
	font-weight: 700;
	padding: 20px 0px 0px 0px;
	margin-top: 20px;
	width: 100%;
}

.navicat-OS-title{
	font-size: 28px;
}

.navicat-default-intro{
	font-family: 'Lato','source-han-sans-traditional',sans-serif;
	font-size: 1.375em;
	line-height: 1.364em;
	font-weight: 300;
	color: #000;
	margin-top: 10px;
	-webkit-text-stroke: 0.02em rgba(50,50,50,0.50);
}

.navicat-default-content{
	font-size: 1.0em;
	line-height: 1.375em;
	margin-top: 10px;
}


.navicat-default-content ul{
	margin-left: 20px;
	list-style: disc !important;
}

.navicat-default-content2{
	font-size: 1.143em;
	line-height: 1.286em;
	margin: 15px 0px 15px 0px;
}

.navicat-default-content ul{
	list-style: none;
}

.navicat-default-section{
	float: left;
	position: relative;
	padding: 50px 0px 50px 0px;
	border-bottom: 1px solid #e6e6e6;
}

.navicat-default-section2{
	float: left;
	position: relative;
	padding: 50px 0px 200px 0px;
}

.navicat-default-highlight{
  color: #409ac9;
}

.navicat-default-important{
  color: red;
}

.navicat-float-left{
	float: left;
	width: 100%;
}

.navicat-default-through{
	text-decoration: line-through;
}

.navicat-default-color{
	color: #409ac9;
}

.navicat-premium-color{
	color: #e9c442;
}

.navicat-mysql-color{
	color: #40a000;
}

.navicat-mariadb-color{
	color: #c3996c;
}

.navicat-sqlserver-color{
	color: #f09020;
}

.navicat-oracle-color{
	color: #cc2222;
}

.navicat-sqlite-color{
	color: #5ebc84;
}

.navicat-pgsql-color{
	color: #10a0b0;
}

.navicat-datamodeler-color{
	color: #646464;
}

.navicat-reportviewer-color{
	color: #62a5c0;
}

.navicat-default-links{
	color: #0184ce;
}

.navicat-default-seperator{
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid grey;
}

.navicat-fm-dot{
	width: 8px;
	height: 8px;
	background: url('/images/stories/img_FM_dot.png') no-repeat;
}

.clear{
	clear: both;
}

.navicat-border-div{
	border: 1px solid #e6e6e6;
	display: inline-block;
	padding: 20px;
	margin-top: 20px;
}

.navicat-font12{
	font-size: 12px;
}

ol{
	margin-left: 20px;
}

.tab-content{
	display: inline-block;
}

.tab-button-group{
	width: 600px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	display: inline-block;
}

.tab-to-win-btn, .tab-to-mac-btn, .tab-to-ios-btn{
	height: 64px;
	float: left;
	width: 50%;
}

.tab-button-group-2 > .tab-to-win-btn, .tab-button-group-2 > .tab-to-mac-btn, .tab-button-group-2 > .tab-to-ios-btn{
	height: 64px;
	float: left;
	width: 33%;
}

.tab-to-win-btn.active, .tab-to-mac-btn.active, .tab-to-ios-btn.active{
	background-image: url('../../../images/stories/img_blueDownArrow.png');
	background-repeat:no-repeat;
	background-position: 50% 100%;
}

.tab-to-win, .tab-to-mac, .tab-to-ios{
	height: 36px;
	width: 100%;
	float: left;
	cursor: pointer;
	font-size: 24px;
	font-weight: 400;
	padding-top: 18px;
	color: #505050;
}

.tab-to-win:hover, .tab-to-mac:hover, .tab-to-ios:hover{
	text-decoration: none;
}

.tab-to-win.active, .tab-to-mac.active, .tab-to-ios.active{
	background-color: #409AC9;
	color: #ffffff !important;
	border: 1px solid  #409AC9;
	/* Firefox */
    -moz-transition: all 0.1s ease-in;
    /* WebKit */
    -webkit-transition: all 0.1s ease-in;
    /* Opera */
    -o-transition: all 0.1s ease-in;
    /* Standard */
    transition: all 0.1s ease-in;
}

.tab-to-win{
	background-color: white;
	border: 1px solid #e6e6e6;
	border-right: none;
}

.tab-to-mac{
	background-color: white;
	border: 1px solid #e6e6e6;
}
.tab-to-ios{
	background-color: white;
	border: 1px solid #e6e6e6;
}

.navicat-gallery-description, .navicat-btn-gallery1, .navicat-btn-gallery2, .navicat-btn-gallery-controller, .navicat-btn-gallery-controller2{
	list-style: none;
	position: relative;
	height: 46px;
}

.navicat-btn-gallery1{
	min-height: 500px;
	height: 530px;
}

.navicat-btn-gallery2{
	min-height: 540px;
	height: 530px;
}

.navicat-gallery-description li, .navicat-btn-gallery1 li, .navicat-btn-gallery2 li{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.navicat-gallery-description li:first-child, .navicat-btn-gallery1 li:first-child, .navicat-btn-gallery2 li:first-child{
	display: inline-block;
}

.navicat-gallery-description li{
	text-align: center;
	width: 100%;
}

.navicat-btn-gallery-controller{
	position: relative;
	margin: 0 auto;
	width: 500px;
}

.navicat-btn-gallery-controller2{
	position: relative;
	margin: 0 auto;
	width: 960px;
}

.navicat-btn-gallery-controller li{
	width: 123px;
	display: inline-block;
	float: left;
}

.navicat-btn-gallery-controller2 li{
	width: 238px;
	display: inline-block;
	float: left;
}

.gallery-btn{
	height: 40px;
	border: 1px solid #e6e6e6;
	border-right: none;
	cursor: pointer;
	text-align: center;
}

.navicat-btn-gallery-controller li:last-child, .navicat-btn-gallery-controller2 li:last-child{
	border-right: 1px solid #e6e6e6;
}

.gallery-btn:hover{
	background-color: #409AC9;
	color: white;
}

.gallery-btn.active{
	background-color: #409AC9;
	color: white;
}

/******************			end article content style	  *******************/


.navicat_top_most{
  height: 20px;
  width: 100%;
  background-color: #1E1E1E;
  min-width: 960px;
}

.navicat_top_most_container{
  width: 960px;
  height: 20px;
  margin:0 auto;
  font-size: 0.75em;
  line-height: 1.143em;
  font-weight: 400;
  padding-top: 2px;
}

#cart_top, #signin_top, #lan_top, #search_top{
	float: right;
	margin-right: 15px;
	color: #e6e6e6;
	cursor: pointer;
}
#cart_top .text{
	width: 76px\9;
}
#signin_top .text{
	width: 50px\9;
}

.navicat-lang-swicher {
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.navicat-lang-swicher .dropdown {
	position: absolute;
	z-index: 1000;
	border-radius: 5px 5px 5px 5px;
	border-top: none;
	border-bottom: none;
	background: #fff;
	list-style: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	max-height: 0;
	overflow: hidden;
	box-shadow: 0 1px 7px rgba(0,0,0,0.3);
}

.navicat-lang-swicher .dropdown  li{
	padding: 0px 15px;
}

.navicat-lang-swicher .dropdown  li:hover{
	background-color: #f0f0f0;
}

.navicat-lang-swicher .dropdown li a {
	display: block;
	text-decoration: none;
	color: #323232;
	padding: 10px 0 10px 3px;
	transition: all 0.3s ease-out;
	border-bottom: 1px solid #e6e8ea;
}

.navicat-lang-swicher .dropdown li:last-child  a{
	border-bottom: none;
}

.navicat-lang-swicher .dropdown  li a:hover{
	color: #0184ce;
}

.navicat-lang-swicher.active {
	box-shadow: none;
	border-bottom: none;
	color: white;
}

.navicat-lang-swicher.active .dropdown {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	max-height: 600px;
}

.cart_top_left{
	float: left;
	width: auto\9;
}

.icon-basket{
	width: auto\9;
}


#items{
	float: left;
	width: auto;
	margin-left: 3px;
	background-color: #dc0d17;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
	background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
	color: #fff;
	height: 15px;
	line-height: 15px;
	-webkit-background-clip: padding-box;
	display: inline-block;
	font-size: 0.857em;
	padding: 0 3px;
	-webkit-border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
	-webkit-font-smoothing: subpixel-antialiased;
}

.navicat_navigation_container{
  background-color: #1E1E1E;
  height:80px;
  min-width: 960px;
}

.navicat_navigation_menu{
  width: 960px;
  margin:0 auto;
}

.navicat_search_container{
  height: 30px;
  width: 100%;
  position: relative;
  top: -50px;
  float: left;
  z-index: 1999;
  min-width: 960px;
}

.navicat_navigation_subcontainer{
  width: 960px;
  margin:0 auto;
}

#navicat_search{
  width: 960px;
  margin:0 auto;
  position: relative;
  top: 80px;
  display: none;
}

.search_search{
  float: right;
}

.search_text, .search_icon{
  float: left;
}

.inputbox_search{
  
}

.search_text{
	width: 180px;
}

.search_icon{
  margin-left: -20px;
  margin-top: 5px;
}

#navicat_slider_container{
  min-width: 960px;
  /* background: #FFFFFF;
    background: -moz-linear-gradient(top,  #FFFFFF 0%, #F1F1F1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1));
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F1F1F1 100%);
    background: -o-linear-gradient(top,  #FFFFFF 0%,#F1F1F1 100%);
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#F1F1F1 100%);
    background: linear-gradient(top,  #FFFFFF 0%,#F1F1F1 100%);
  -moz-box-shadow:inset 0px 0px 1px 0px #777777;
    -webkit-box-shadow:inset 0px 0px 1px 0px #777777;
      box-shadow:inset 0px 0px 1px 0px #777777;
	*/
	background: url('../banner/images/img_bannerBackground.png') repeat-x;
}

#main_container{
  width: 100%;
  padding-bottom: 40px;
}

.navicat_slider{
  width: 100%;
  margin:0 auto;
  position: relative;
  border-bottom: 1px solid #dcdcdc
}

.navicat_navicat_home{
  float: left;
  margin-top: 8px;
}

.navicat_sponsorslider_container{
  width: 100%;
  min-width: 960px;
  height: 500px;
  position: relative;
  /*background: url('../images/frontpage-customersbar.png') repeat-x;*/
}

.navicat-partner-slider-title{
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: 1.125em;
	font-weight: 300;
	color: #656565;
	padding-top: 20px;
}

.navicat_sponsorslider{

}

.footer{

}

.footer_msg{
	width: 100%; 
	float: left; 
	margin-top: -10px; 
	font-size: 0.750em !important;
}

.footer_media{
  float: right;
  list-style-type: none;
}

.footer_media li{
  display: inline-block;
  margin-left: 5px;
  font-size: 1.5em;
}

.footer_media li a span{
	width: 25px;
	height: 25px;
	color: #505050;
	/* Firefox */
    -moz-transition: all 0.1s ease-in;
    /* WebKit */
    -webkit-transition: all 0.1s ease-in;
    /* Opera */
    -o-transition: all 0.1s ease-in;
    /* Standard */
    transition: all 0.1s ease-in;
}

.icon-sina-weibo:hover{
  color: #d52b2b;
}
.icon-play:hover{
  color: #0099de;
}
.icon-emo-squint:hover{
  color: #ff6600;
}
.icon-rss:hover{
  color: #ff9900;
}
.icon-facebook:hover{
  color: #3b5999;
}
.icon-twitter:hover{
  color: #00bef6;
}
.icon-gplus:hover{
  color: #d04027;
}
.icon-linkedin:hover{
  color: #0073b2;
}
.icon-youtube:hover{
  color: #932420;
}
.icon-rss:hover{
  color: #ff9900;
}

.breadcrumbs{
  margin-top: 10px;
}
.breadcrumbs ul.breadcrumb li a, .breadcrumbs ul.breadcrumb li span{
	float: left;
}


/* @media screen and (min-width: 658px) {
  .navigation_bar{
    display: none;
  }
  
  .menu_mobile{
    display: none;
  }
}

@media screen and (max-width: 657px) {
  .body .container {
    padding: 50px 0 0 0;
    width: auto !important;
  }
  
  .footer .container {
    padding: 50px 0 0 0;
    width: auto !important;
  }
  
  .navigation {
    position: fixed;
    top: -6px;
    left: 0;
    width: 100%;
  }
  
  .navigation_bar{
    width: 100%;
    height: 35px;
    display: visible;
    background-color: #615c5c;
  }
  
  .navigation_bar .bar_left{
    color: #fff;
    position: relative;
    float: left;
    top: 7px;
    left: 10px;
    font-size: 20px;
  }
  .navigation_bar .bar_right{
    position: relative;
    float: right;
    top: 7px;
    right: 10px;
    height: 24px;
    width: 35px;
    background: url(../images/icon_launch.jpg);
    cursor: pointer;
  }

} */

.logoheader {
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  width: 100%;
}
.logoheader1 {
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
}
.logoheader2 {
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
}

.banner{
  margin: -16px auto;
}

#content{
  margin: 0px auto;
}

.navicat-article-contain{
  
}

.sub-menus{
  position: relative;
  z-index: 5;
}

.item-page{
  width: 100%;
}


/****************                download page                  *************/
.customoracle_goldenpartner{
	margin-top: 20px;
	margin-left: -10px;
}


.navicat-download-table-top{
  width: 100%;
  margin: 20px 0px 20px 0px;
}

.navicat-download-table-top tr td:first-child{
  height: 210px !important;
  width: 140px;
  vertical-align: top;
}

.navicat-download-table-top tr td{
  vertical-align: top;
}

.navicat-download-table{
   width: 100%;
   table-layout: fixed;
}

.navicat-download-table tr{
  height: 160px;
}

.navicat-download-table tr td{
  width: 138px;
  vertical-align: top;
}

.navicat-download-table tr td:nth-child(2){
  width: 258px;
  vertical-align: top;
}

.navicat-download-table tr td:nth-child(4){
	width: 158px;
    vertical-align: top;
}

.download-item{
}

.download-trail-desc{
  font-size: 0.875em;
  line-height: 1.333em;
  margin-top: 50px;
}
.download-trail-desc img{
  margin-top: 10px;
}

.download-chooseOS{
  
}

.download-chooseOS tr:first-child td{
  background-color: rgb(220, 220, 220);
  padding: 10px 50px 10px 15px;
  font-size: 1.143em;
  line-height: 1.286em;
}

.download-chooseOS tr td{
  background-color: rgb(243, 243, 243);
  padding: 2px 20px 2px 30px;
}

.download-chooseOS tr td ul{
  list-style-image: url('/images/stories/download/img_blueArrow.png');
}

.download-chooseOS tr td ul li{
  margin-bottom: 5px;
}

.download-chooseOS tr td ul li a{
  color: black;
}

.download-chooseOS tr td ul li a:hover{
  color: rgb(1,132,206);
  text-decoration: none;
}

.navicat-download-table tr td img{
  float: left;
}

.download-item-div{
  width: 100%;
  border: 1px solid red;
}

.download-item-div img{
  float: left;
}

.download-item-title-top{
  float: left;
  font-size: 28px;
  color: #323232;
  padding-top: 10px;
  padding-left: 30px;
  width: 50%;
}

.download-item-details-top{
  float: left;
  font-size: 1em;
  line-height: 1.333em;
  padding-left: 20px;
  padding-top: 8px;
}

.download-item-details-top a{
  color: #0184ce;
}

.weight600{
	font-weight: 600;
}

.title1{
	float: left;
	display: block;
	width: 100%;
}

.title2{
	float: left;
	margin-top: -5px;
}

.note{
	float: left;
	font-weight: normal; 
	font-size: 0.75em;
}

.download-item-trial-top{
  width: 160px;
  height: 30px;
  float: left;
  margin-top: 20px;
  margin-left: 30px;
}

.download-item-trial-top span{
  float: left;
  color: white;
  padding-top: 15px;
  margin-left: 13px;
}

.download-item-title{
  float: left;
  color: #323232;
  padding-left: 20px;
}

.font15{
	font-size: 1.5em;
}

.font125{
	font-size: 1.125em;
}

.font1{
	font-size: 1em;
}

.download-item-title a{
  float: left;
}
/*    color for the font  */
.mysql-learnmore{
  color: #0184ce;
}
.mariadb-learnmore{
  color: #0184ce;
}
.sqlserver-learnmore{
  color: #0184ce;
}
.oracle-learnmore{
  color: #0184ce;
}
.sqlite-learnmore{
  color: #0184ce;
}
.pgsql-learnmore{
  color: #0184ce;
}
.dm-learnmore{
  color: #0184ce;
}
.rv-learnmore{
  color: #0184ce;
}
.ess-learnmore{
  color: #0184ce;
}

.download-item-trial{
  float: left;
  font-size: 10px;
  padding-top: 10px;
  padding-left: 30px;
}

.essential-download{
	max-width: 126px\9;
	width: 126px;
}

.back-to-top{
  font-size: 12px;
  float: right;
  margin-top: 30px;
}

.back-to-top a{
  color: grey !important;
}

.os-title{
  font-size: 1.333em;
  font-weight: 600;
  float: left;
  margin-left: 10px;
  margin-top: 16px;
}

.dl-version{
  font-size: 0.778em;
  float: left;
  margin-left: 10px;
  margin-top: 26px;
}

.location{
	font-size: 0.667em;
	
}

.location-no{
	position: relative;
	margin-top: -8px;
}
/*----------------------premium---------------------------------*/
.navicat-premium-download-table, .navicat-mysql-download-table, .navicat-mariadb-download-table, .navicat-sqlserver-download-table,
.navicat-oracle-download-table, .navicat-sqlite-download-table, .navicat-pgsql-download-table,
.navicat-datamodeler-download-table, .navicat-reportviewer-download-table{
  width: 100%;
  font-size: 1.125em;
  margin-bottom: 100px;
}

.navicat-premium-download-table tr td:first-child, .navicat-mysql-download-table tr td:first-child, .navicat-mariadb-download-table tr td:first-child, .navicat-sqlserver-download-table tr td:first-child,
.navicat-oracle-download-table tr td:first-child, .navicat-sqlite-download-table tr td:first-child, .navicat-pgsql-download-table tr td:first-child,
.navicat-datamodeler-download-table tr td:first-child, .navicat-reportviewer-download-table tr td:first-child{
  width: 16%;
  vertical-align: top;
}

.navicat-premium-download-title, .navicat-mysql-download-title, .navicat-mariadb-download-title, .navicat-sqlserver-download-title,
.navicat-oracle-download-title, .navicat-sqlite-download-title, .navicat-pgsql-download-title,
.navicat-datamodeler-download-title,.navicat-reportviewer-download-title, .navicat-mariadb-download-title{
  font-size: 30px;
  float: left;
  text-align: left;
  width: 100%;
  margin-top: 14px;
}

.navicat-premium-download-title-img{
  float: left;
  margin-top: 14px;
}

.navicat-download-reglinks{
  width: 60% !important;
  margin: 0 auto;
}
.navicat-download-reglinks a{
  font-size: 14px !important;
  color: rgb(1, 132, 206);
}

#navicat-download-window, #navicat-download-macos, #navicat-download-linux{
  width: 100%;
  margin: 20px 0px 0px 0px;
} 

#navicat-download-window  tr td:first-child, #navicat-download-macos  tr td:first-child, #navicat-download-linux tr td:first-child{
  width: 61%;
  text-align: left;
}

#navicat-download-window  tr td, #navicat-download-macos  tr td, #navicat-download-linux tr td{
  width: 13%;
  padding: 5px 0px 5px 0px;
  text-align: center;
  position: relative;
}

#navicat-download-window img, #navicat-download-macos img, #navicat-download-linux img{
  text-align: center;
}

.dl-btn{
	width: 24px;
	height: 21px;
	margin: 0 auto;
	background: url("../../../images/stories/download/download-btn.png") 0px 0px;
}

.dl-btn:hover{
	background: url("../../../images/stories/download/download-btn.png") 24px 0px;
}

.explain{
	padding:50px 0px 200px 0px;
	font-size: 0.75em;
}

#win-logo, #mac-logo, #linux-logo{
  float: left;
}


.download-seperator{
  border-bottom: 1px solid grey;
}

.submitAnddownload{
	border: none;
	padding: 5px 30px 5px 30px;
	font-weight: 600;
	font-size: 1.286em;
}

.reset{
	border: none;
	padding: 5px 30px 5px 30px;
	margin-left: 10px;
	font-weight: 600;
	font-size: 1.286em;
}

.submit{
	border: none;
	padding: 5px 30px 5px 30px;
	font-weight: 600;
	font-size: 16px;
}

/****************                end  download page                  *************/

/****************                store page                  *************/
.navicat-store-table{
  width: 100%;
}

.navicat-store-table tr{
  height: 250px;
  vertical-align: top;
}

.navicat-store-table tr td{
  position: relative;
}

.navicat-store-table tr:first-child{
  height: 300px !important;
  border-bottom: 1px solid #c8c8c8;
}

.navicat-store-table tr:first-child td{
  padding-bottom: 20px;
}

/* .navicat-store-table tr td:nth-child(2){
  width: 210px;
} */

.navicat-store-table tr td.navicat-store-item-icon{
  width: 180px;
  vertical-align: bottom;
}

.store-item-title{
  float: left;
  font-size: 24px;
  padding-top: 100px;
  padding-left: 30px;
  width: auto;
}

.store-item-title-top{
  float: left;
  position: relative;
  font-size: 24px;
  padding-top: 40px;
  margin-left: 30px;
  width: auto;
}

.store-item-details{
  float: left;
  position: relative;
  font-size: 14px;
  margin-top: 10px;
  padding-left: 30px;
  width: auto;
}

.navicat-buy-button{
  float: left;
  position: absolute;
  margin-left: 30px;
  bottom: 0px;
}

.navicat-buy-button-top{
  float: left;
  margin-left: 30px;
  margin-top: 10px;
}

.store-back-to-top{
  font-size: 8px;
  float: right;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.store-back-to-top a{
  color: grey !important;
}

#message {
  width: 230px;
  /*height: 164px;*/
  background-color: #FAFAFA;
  border: 1px solid #CCCCCC;
  position: fixed; 
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  -moz-border-radius: 4px 4px 4px 4px;
  visibility: hidden;
  filter: alpha(opacity=90);
  opacity:0.9;
  -moz-opacity: 0.9;
}

#message a{
	color: #409ac9;
}

#message-title{
	background: #000000;
	color: #ffffff;
	padding: 10px;
}
#message-content{
	padding: 10px;
}


.sponsorship-table{
	padding: 8px 12px 4px;
	display: table;
}

.sponsorship-column{
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	display: table-row;
	border-bottom: 1px solid #ddd;
}

.sponsorship-column > span{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

.sponsorship-column > span > a{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	color: #0184ce;
}

/****************                end  store page                *************/


/****************               ess  store page                  *************/
.navicat-ess-store-table{
  width: 100%;
  margin-top: -50px;
}

.navicat-ess-store-table tr{
  height: 240px;
  vertical-align: top;
}

.navicat-ess-store-table tr td{
  position: relative;
}

.navicat-ess-store-table tr td.navicat-ess-store-item-icon{
  width: 180px;
  vertical-align: bottom;
}

.store-ess-item-title{
  float: left;
  font-family: inherit;
  font-size: 24px;
  padding-top: 90px;
  margin-left: 30px;
  width: 100%;
}

.store-ess-item-details{
  float: left;
  position: relative;
  font-family: inherit;
  font-size: 12px;
  margin-top: 10px;
  margin-left: 30px;
  width: 100%;
}
/****************                end ess  store page                  *************/

/****************                   buy item page                 *************/
#navicat-store-window, #navicat-store-macos, #navicat-store-linux{
  width: 100%;
  margin: 20px 0px 20px 0px;
} 

#navicat-store-window  tr td:first-child, #navicat-store-macos  tr td:first-child, #navicat-store-linux tr td:first-child{
  width: 55%;
  text-align: left;
}

#navicat-store-window  tr td, #navicat-store-macos  tr td, #navicat-store-linux tr td{
  width: 15%;
  padding: 5px 0px 5px 0px;
  text-align: center;
  vertical-align:middle;
  font-size: 14px;
}

#navicat-store-window img, #navicat-store-macos img, #navicat-store-linux img{
  text-align: center;
}

#win-logo, #mac-logo, #linux-logo{
  float: left;
}

.navicat-premium-store-table, .navicat-mysql-store-table, .navicat-mariadb-store-table, .navicat-sqlserver-store-table,
.navicat-oracle-store-table, .navicat-sqlite-store-table, .navicat-pgsql-store-table,
.navicat-datamodeler-store-table, .navicat-reportviewer-store-table{
  width: 100%;
}

.navicat-premium-store-table tr td:first-child, .navicat-mysql-store-table tr td:first-child, .navicat-mariadb-store-table tr td:first-child, .navicat-sqlserver-store-table tr td:first-child,
.navicat-oracle-store-table tr td:first-child, .navicat-sqlite-store-table tr td:first-child, .navicat-pgsql-store-table tr td:first-child,
.navicat-datamodeler-store-table tr td:first-child, .navicat-reportviewer-store-table tr td:first-child{
  width: 16%;
  vertical-align: top;
}

.navicat-premium-store-title, .navicat-mysql-store-title, .navicat-mariadb-store-title, .navicat-sqlserver-store-title,
.navicat-oracle-store-title, .navicat-sqlite-store-title, .navicat-pgsql-store-title,
.navicat-datamodeler-store-title,.navicat-reportviewer-store-title{
  font-size: 30px;
  float: left;
  text-align: left;
  width: 100%;
  margin-top: 14px;
}


.store-seperator{
  border-bottom: 1px solid grey;
}

.navicat-buy-quantity{
  width: 20px;
}

.navicat-item-price{
  float: right;
  font-family: inherit;
  font-size: 18px;
}

.navicat-item-price span{
  font-size: 26px;
  font-family: inherit;
}

.paypal_icons1, .paypal_icons2{
  float: right;
  margin-top: 20px;
}

.paypal_icons1{
  padding-top: 5px;
  margin-left: 10px;
}

.add-to-cart-button{
  font-size: 1em;
  font-weight: 400;	
  float: right;
  margin-bottom: 6px;
  min-width: 120px;
  height: 26px;
  cursor: pointer;
  border: none;
}


.shoppingcart-item-title{
  float: left;
  font-size: 16px;
  width: 100%;
  font-weight: 500;
}

.shoppingcart-item-details{
  float: left;
  position: relative;
  font-size: 12px;
  width: 100%;
}

.shoppingcart-item-details ul{
  list-style: none;
  margin-top: 0px;
}

#discount_qty{
  border: none;
  text-align: center;
}

.total_value{
  font-size: 24px;
  font-weight:500;
}

.shopping-cart-form-title{
  font-size: 22px;
  width:100%;
  float: left;
}

.shopping-cart-form-subtext{
  font-size: 10px;
  float: left;
  margin-top: 10px;
}

.shopping-cart-form-input{
  width: 95% !important;
  border: 1px solid grey !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  margin-bottom: 0px !important;
  color: rgb(145, 145, 145) !important;
}

.shopping-cart-form-input-process{
  width: 95% !important;
  border: 1px solid grey !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  margin-bottom: 0px !important;
  color: rgb(145, 145, 145) !important;
}

.shopping-cart-form-select{
  width: 98% !important;
  border: 1px solid grey !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  color: rgb(145, 145, 145) !important;
}

.shopping-cart-paypal-icons1, .shopping-cart-paypal-icons2{
	float: right;
}

#save_btm, #continue_btm, #checkout_btm, #edit_btm, #worldpay_btm, #paypal_btm, #braintree_btm {
	float: left;
	margin-left: 15px;
	cursor: pointer;
	font-weight: 600;
	font-size: 1em;
}

.save_btm{
	width: 136px;
}

.save_btm_text{
	display:table-cell;
	width: 136px;
	height: 36px;
	text-align: center; 
	vertical-align: middle;
}

#continue_btm{
	width: 170px;
}

.continue_btm_text{
	display:table-cell;
	width: 170px;
	height: 36px;
	text-align: center; 
	vertical-align: middle;
}

#checkout_btm{
	width: 170px;
	height: 36px;
}

.checkout_btm_text{
	display:table-cell;
	width: 170px;
	height: 36px;
	text-align: center; 
	vertical-align: middle;
}

#edit_btm{
	width: 136px;
}

.edit_btm_text{
	display:table-cell;
	width: 136px;
	height: 30px;
	text-align: center; 
	vertical-align: middle;
}

#worldpay_btm{
	width: 260px;
}

.worldpay_btm_text{
	display:table-cell;
	width: 260px;
	height: 30px;
	text-align: center; 
	vertical-align: middle;
}

#paypal_btm{
	width: 216px;
}

.paypal_btm_text{
	display:table-cell;
	width: 216px;
	height: 30px;
	text-align: center; 
	vertical-align: middle;
}

#braintree_btm{
	width: 216px;
}

.braintree_btm_text{
	display:table-cell;
	width: 216px;
	height: 30px;
	text-align: center; 
	vertical-align: middle;
}

.navicat-checkout-table{
	width: 100%;
}

.navicat-checkout-table tr td{
	text-align: left;
}

.navicat-checkout-table tr td:nth-child(3){
	text-align: center;
}

.navicat-checkout-table tr td:last-child{
	text-align: right;
}

.cd_icon{
	margin-left: 6px;
}

/****************                end  buy item page                *************/

/****************               what's new page                *************/
.navicat_banner_container{
  background: url('../../../images/stories/WhatsNew/img_bg_whatsnewsBanner.png') repeat-x;
  background-size: 1px 720px;;
}

.whatisnew-header-table, .whatisnavicat-header-table{
	position: relative;
	margin: 0 auto;
	margin-top: 40px;
	width: 780px;
	text-align: center;
}

.mysql-header-table{
	position: relative;
	margin-top: 0px;
	width: 700px;
}

.whatisnew-header-table .intro-wrapper{
	position: relative;
	display: block;
	height: 123px;
}

.mysql-requirement-table{
	position: relative;
	margin-top: 0px;
	width: 100%;
}

.mysql-requirement-table .intro-wrapper{
	position: relative;
	display: block;
	height: 138px;
}

.whatisnavicat-header-table .intro-wrapper{
	position: relative;
	display: block;
	height: 155px;
}

.intro-wrapper > table{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.intro-wrapper > span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.whats-new-intro{
	display: block;
	text-align: center;
}

.chose-platform{
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	font-weight: 600;
	margin-top: 50px;
}

.navicat-page-banner{
  width: 960px;
  min-width: 960px;
  position: relative;
  margin: 0px auto;
}

.content-warpper{
	padding-bottom: 200px;
	font-size: 1em;
	line-height: 1.333em;
	font-weight: 400;
}

#whats-new-for-win, #whats-new-for-mac, #whats-new-for-ios,
#whats-navicat-for-win, #whats-navicat-for-mac, #whats-navicat-for-ios{
	/*position: relative;*/
}

.whats-new-section, .whats-navicat-section{
	width: 960px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-top: 100px;
}

.whats-new-section a, .whats-navicat-section a{
	color: #0184ce;
}

.whats-new-section a:hover, .whats-navicat-section a:hover{
	text-decoration: none;
}

.whats-new-section > .section-title, .whats-navicat-section > .section-title {
	margin: 0 auto;
	margin-top: 50px;
	display: inline-block;
	width: 100%;
}

.whats-new-section > .section-screen-shot, .whats-navicat-section > .section-screen-shot {
	margin: 0 auto;
	margin-top: 30px;
	display: inline-block;
}

.section-screen-shot .warpper{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 650px;
}

.section-screen-shot ul{

}

.whats-new-section > .section-content, .whats-navicat-section > .section-content {
	width: 780px;
	margin: 0 auto;
	margin-top: 30px;
}

.whats-new-section > p, .whats-navicat-section > p{
	width: 780px;
	margin: 0 auto;
	margin-top: 30px;
}


.whatsnew-title, .whatsnavicat-title{
  font-size: 1.5em;
  font-weight: 600;
}

.header_title{
	font-size: 60px; 
	font-family: 'Lato', "Lucida Sans Unicode", "Lucida Grande", "Heiti TC", "Microsoft JhengHei", sans-serif;
}

/****************              end what's new page                *************/




/****************              start navicat cloud                *************/
.navicat-cloud-cover{
	background-image: url("../../../images/stories/navicatCloud/imgNavicatCloudBackground.png");
	background-repeat:repeat-x;
	
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
	background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background:   -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background:    -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background:     -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background:        linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	
	
	height: 100%;
	width: 100%;
}

.navicat-cloud-cover-content{
	display: block;
	position: relative;
	min-width:273px;
	max-width: 548px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}

.navicat-cloud-logo, .navicat-cloud-text{
	margin: 0 auto;
	text-align: center;
}

.navicat-cloud-text{
	margin-top: 25px;
}

.navicat-cloud-bg{
	margin-top: 57px;
	text-align: center;
}

.caret{
	width: 100%;
	position: absolute;
	bottom: 20px;
	visibility: hidden;
}

.caret.show {
	visibility: visible;
}

.caret .button {
	margin: 0 auto; 
	cursor: pointer;
}

.caret .button .scroll-text {
	display: block; 
	color: #0184ce; 
	font-weight: 400; 
	text-align:center;
	opacity: 0; 
	-webkit-transition: opacity .25s ease-in-out; 
	-moz-transition: opacity .25s ease-in-out; 
	transition: opacity .25s ease-in-out; 
}

.caret .button:hover .scroll-text { 
	opacity: 1; 
}

.caret .button .scroll-arrow { 
	opacity: 0; 
}

.caret.show .button .scroll-arrow { 
	display: block; 
	margin: 0 auto; 
	width: 21px;
	opacity: 1; 
	-webkit-animation-name: arrow; 
	animation-name: arrow; 
	-webkit-animation-duration: 4s; 
	animation-duration: 4s; 
	-webkit-animation-iteration-count: infinite; 
	animation-iteration-count: infinite; 
}

@-webkit-keyframes arrow { 0% { -webkit-transform: translate3d(0, 0px, 0); opacity: 0; }
  60% { -webkit-transform: translate3d(0, 12px, 0); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 12px, 0); opacity: 0; } }

@keyframes arrow { 0% { transform: translate3d(0, 0px, 0); opacity: 0; }
  60% { transform: translate3d(0, 12x, 0); opacity: 1; }
  100% { transform: translate3d(0, 12px, 0); opacity: 0; } }

#navicat-cloud-content{
	width:100%; 
}

.navicat-cloud-section{
	height: 600px;
	max-height: 600px;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background-position: 50% 50%;
}

/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.navicat-cloud-section{
		min-width: 1920px;
	}
}*/

.navicat-cloud-section p{
	width: 780px;
	text-align: center;
	margin: 0 auto;
}

.navicat-cloud-section.morning {
	background-image: url("/images/stories/navicatCloud/navicat-cloud-heroimage01.png");
}

.navicat-cloud-section.morning.cht {
	background-image: url("/images/stories/navicatCloud/CHT/navicat-cloud-heroimage01.png");
}

.navicat-cloud-section.morning.es {
	background-image: url("/images/stories/navicatCloud/ES/navicat-cloud-heroimage01.png");
}

.navicat-cloud-section.morning.de {
	background-image: url("/images/stories/navicatCloud/DE/navicat-cloud-heroimage01.png");
}

.navicat-cloud-section.morning.pl {
	background-image: url("/images/stories/navicatCloud/PL/navicat-cloud-heroimage01.png");
}

.navicat-cloud-section.morning.fr {
	background-image: url("/images/stories/navicatCloud/FR/navicat-cloud-heroimage01.png");
}

.navicat-cloud-section.afternoon {
	background-image: url("/images/stories/navicatCloud/navicat-cloud-heroimage02.png");
}

.navicat-cloud-section.afternoon.cht {
	background-image: url("/images/stories/navicatCloud/CHT/navicat-cloud-heroimage02.png");
}

.navicat-cloud-section.afternoon.es {
	background-image: url("/images/stories/navicatCloud/ES/navicat-cloud-heroimage02.png");
}

.navicat-cloud-section.afternoon.de {
	background-image: url("/images/stories/navicatCloud/DE/navicat-cloud-heroimage02.png");
}

.navicat-cloud-section.afternoon.pl {
	background-image: url("/images/stories/navicatCloud/PL/navicat-cloud-heroimage02.png");
}

.navicat-cloud-section.afternoon.fr {
	background-image: url("/images/stories/navicatCloud/FR/navicat-cloud-heroimage02.png");
}

.navicat-cloud-section.evening {
	background-image: url("/images/stories/navicatCloud/navicat-cloud-heroimage03.png");
}

.navicat-cloud-section.evening.cht {
	background-image: url("/images/stories/navicatCloud/CHT/navicat-cloud-heroimage03.png");
}

.navicat-cloud-section.evening.es {
	background-image: url("/images/stories/navicatCloud/ES/navicat-cloud-heroimage03.png");
}

.navicat-cloud-section.evening.de {
	background-image: url("/images/stories/navicatCloud/DE/navicat-cloud-heroimage03.png");
}

.navicat-cloud-section.evening.pl {
	background-image: url("/images/stories/navicatCloud/PL/navicat-cloud-heroimage03.png");
}

.navicat-cloud-section.evening.fr {
	background-image: url("/images/stories/navicatCloud/FR/navicat-cloud-heroimage03.png");
}

.navicat-cloud-section > .wrapper{
	width: 960px;
	position: relative;
	margin: 0 auto;
}

.navicat-cloud-section.morning > .wrapper > .title{
	position: absolute;
	top: 100px;
	left: 0%;
}

.navicat-cloud-section.morning > .wrapper > .title img{
	margin-left: 2px;
}

.navicat-cloud-section .text, .navicat-cloud-section p{
	font-size: 1.125em;
	line-height: 1.444em;
}

.navicat-cloud-section.morning > .wrapper > .text{
	position: absolute;
	top: 150px;
	left: 0%;
	text-align: left;
	color: #fff;
	width: 480px;
}

.navicat-cloud-section.afternoon{
	text-align: center;
}

.navicat-cloud-section.afternoon > .wrapper > .title{
	width: 100%;
	position: absolute;
	top: 60px;
}

.navicat-cloud-section.afternoon > .title > img{
	
}

.navicat-cloud-section.afternoon > .wrapper > .text{
	position: relative;
	top: 110px;
	color: #000;
	width: 620px;
	margin: 0 auto;
}

.navicat-cloud-section.evening{
	text-align: center;
}

.navicat-cloud-section.evening > .wrapper > .title{
	width: 100%;
	position: absolute;
	top: 60px;
}

.navicat-cloud-section.evening > .title > img{
	
}

.navicat-cloud-section.evening > .wrapper > .text{
	position: relative;
	top: 110px;
	color: #000;
	width: 620px;
	margin: 0 auto;
}

.navicat-cloud-section.navicatcloud {
	margin-top: 85px;
	/*height: 400px !important;*/
	min-height: 950px !important;
}

.navicat-cloud-section a{
	color: #0184ce;
}

.introtext p {
	margin-top: 30px;
}

/****************              end navicat cloud                ****************/

/******************			rewrite the menu style	  *****************/
.item735 div.floatck{
	margin-left: -198px !important;
	display: none;
}

.item500 div.floatck{
	display: none !important;
}

.item500:hover > a,
.item500:hover > span.separator {
	background:none !important;
}

.item771 div.floatck{
	margin-left: -375px !important;
	display: none;
}

.item802 div.floatck{
	margin-left: -450px !important;
	display: none;
}

.item816 div.floatck{
	margin-left: -545px !important;
	display: none;
}

.item508, .item509, .item510, .item511, .item512, .item513, .item514, .item515,
.item620, .item622, .item624, .item626, .item628, .item630, .item632{
	display: none !important;
	visibility: hidden;
}

.item600{
	display: none !important;
	visibility: hidden;
}
/**********************************			CHT		******************************/
.item1026 div.floatck{
	margin-left: -162px !important;
	display: none;
}

.item1040 div.floatck{
	margin-left: -290px !important;
	display: none;
}

.item1043 div.floatck{
	margin-left: -354px !important;
	display: none;
}

.item1047 div.floatck{
	margin-left: -450px !important;
	display: none;
}

/**********************************			KR		******************************/
.item1461 div.floatck{
	margin-left: -162px !important;
	display: none;
}

.item1475 div.floatck{
	margin-left: -338px !important;
	display: none;
}

.item1478 div.floatck{
	margin-left: -402px !important;
	display: none;
}

.item1482 div.floatck{
	margin-left: -466px !important;
	display: none;
}

/**********************************			PL		******************************/
.item1243 div.floatck{
	margin-left: -152px !important;
	display: none;
}

.item1257 div.floatck{
	margin-left: -342px !important;
	display: none;
}

.item1260 div.floatck{
	margin-left: -414px !important;
	display: none;
}

.item1264 div.floatck{
	margin-left: -499px !important;
	display: none;
}

/**********************************			ES		******************************/
.item1683 div.floatck{
	margin-left: -160px !important;
	display: none;
}

.item1697 div.floatck{
	margin-left: -382px !important;
	display: none;
}

.item1700 div.floatck{
	margin-left: -465px !important;
	display: none;
}

.item1704 div.floatck{
	margin-left: -558px !important;
	display: none;
}


/**********************************			FR		******************************/
.item1975 div.floatck{
	margin-left: -160px !important;
	display: none;
}

.item1990 div.floatck{
	margin-left: -449px !important;
	display: none;
}

.item1993 div.floatck{
	margin-left: -544px !important;
	display: none;
}

.item1998 div.floatck{
	margin-left: -641px !important;
	display: none;
}

/**********************************			DE		******************************/
.item2072 div.floatck{
	margin-left: -162px !important;
	display: none;
}

.item2085 div.floatck{
	margin-left: -290px !important;
	display: none;
}

.item2089 div.floatck{
	margin-left: -354px !important;
	display: none;
}

.item2094 div.floatck{
	margin-left: -450px !important;
	display: none;
}

/**********************************			RU  	******************************/
.item2294 div.floatck{
	margin-left: -162px !important;
	display: none;
}

.item2296 div.floatck{
	margin-left: -290px !important;
	display: none;
}

.item2297 div.floatck{
	margin-left: -354px !important;
	display: none;
}

.item2298 div.floatck{
	margin-left: -500px !important;
	display: none;
}

.menu-level2-item{
	color: black;
	font-size: 1em;
	padding: 5px 0 0px 0;
}
.menu-level2-item:hover{
	text-decoration: none;
	color: rgb(1,132,206);
}
#products_sub {
	margin-top: 5px !important;
}
#products_sub a{
	margin-top: 5px !important;
}

#products_sub a:hover{
	text-decoration: none;
}

#products_sub a:hover span{
	color: rgb(1,132,206);
}

#products_main > span{
	font-size: 1em;
	font-weight: 600;
}

/**********************************			PT		******************************/
.item2763 div.floatck{
	margin-left: -162px !important;
	display: none;
}

.item2765 div.floatck{
	margin-left: -290px !important;
	display: none;
}

.item2766 div.floatck{
	margin-left: -354px !important;
	display: none;
}

.item2767 div.floatck{
	margin-left: -450px !important;
	display: none;
}

/**********************************			IT		******************************/
.item2559 div.floatck{
	margin-left: -192px !important;
	display: none;
}

.item2573 div.floatck{
	margin-left: -290px !important;
	display: none;
}

.item2577 div.floatck{
	margin-left: -354px !important;
	display: none;
}

.item2582 div.floatck{
	margin-left: -450px !important;
	display: none;
}

/******************			end rewrite the menu style	  *****************/


/******************			product page style	  *******************/
.navicat-product-table-style1{
	font-family: "Lucida Grande", "Heiti TC", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	width: 100%;
	float: left;
}
.navicat-product-table-style1 tr:first-child td:first-child, .navicat-product-table-style1 tr:first-child td:nth-child(3), .navicat-product-table-style1 tr:first-child td:nth-child(5){
	width: 30%;
	height: 50px;
}
.navicat-product-table-style1 tr:first-child td:nth-child(2), .navicat-product-table-style1 tr:first-child td:nth-child(4){
	width: 5%;
	height: 50px;
}

.navicat-product-table-style1 ul{
	list-style: none;
	font-size: 0.75em;
}

.navicat-product-table-style1 tr:nth-child(2) td{
	vertical-align: top;
}

.navicat-product-table-style2{
	float: left;
	width: 100%;
}

.navicat-product-table-style2 tr td{
	vertical-align: top;
	height: 160px;
}

.navicat-product-table-style2 tr td:nth-child(2){
	width: 220px;
}

.navicat-product-table-style3{
	float: left;
	width: 100%;
}

.navicat-product-table-style3 tr td{
	vertical-align: top;
	height: 160px;
}

.navicat-product-table-style3 tr td:nth-child(1){
	width: 220px;
}

.navicat-product-info-content{
	width: 65.714%;
	float: left;
}

.navicat-product-info-img{
	width: 31.428%;
	float: left;
	margin-left: 2.857%;
}

.navicat-product-info-img-large{
	text-align: center;
	margin-top: 20px;
}

.navicat-product-info-content-large{
	margin-top: 20px;
}

.detail-section{
	width: 100%;
	display: inline-block;
	float: left;
}

.general-content{
	width: 100%;
	display: inline;
}

.details-content{
	width: 100%;
}

.navicat-feature-table-top tr td{
	width: 6%;
}

.navicat-feature-table-top tr td:first-child{
	padding: 0px 0px 0px 5px;
	height: 20px;
	width: auto;
}
.navicat-feature-table-top tbody tr:last-child{
	border-bottom: 1px solid #e6e6e6;
	font-size: 10px;
}

.navicat-feature-table tr td{
	border: 1px solid #e6e6e6;
	border-top: 1px solid transparent;
	width: 6%;
}

.navicat-feature-table tr:first-child{
	background-color: #fafafa;
}

.navicat-feature-table tr td:first-child{
	padding: 0px 0px 0px 5px;
	height: 50px;
	width: auto;
}

.navicat-feature-table tr td:nth-child(even){
	
}

.navicat-release-note-intro{
	/*font-size: 1.143em;*/
}


/******************			end product page style	  *******************/


/****************              start navicat ios                *************/
.navicat-ios-intro{
	font-family: 'Lato','source-han-sans-traditional',sans-serif;
	font-size: 1.5em;
	line-height: 1.333em;
	-webkit-text-stroke: 0.02em rgba(50,50,50,0.50);
	font-weight: 300;
}

#navicat-ios-content{
	width: 100%;
	max-width: 1440px;
	height: 8369px;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
}

.navicat-ios-section{
	width: 100%;
	position: absolute;
	text-align: center;
}

.navicat-ios-section p{
	width: 780px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.125em;
	line-height: 1.333em;
	font-weight: 400;
}

.introtext a, .learn_more{
	color: #0184ce;
}

.introtext a:hover, .learn_more:hover{
	text-decoration: none;
}

.learn_more_arrow{
	position: absolute;
	margin-left: 7px;
	-webkit-transition: -webkit-transform .15s ease,margin-left .15s ease;
	-moz-transition: -moz-transform .15s ease,margin-left .15s ease;
	-o-transition: -o-transform .15s ease,margin-left .15s ease;
	transition: transform .15s ease,margin-left .15s ease;
}

a:hover .learn_more_arrow{
	margin-left: 11px;
}

.section-separator{
	width: 620px;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	margin: 0 auto;
	margin-top: 100px;
}

.navicat-ios-section.intro{
	height: 681px;
	background-image: url('../../../images/stories/products/ios/introBG.png');
	background-repeat:no-repeat;
	background-position: 50% 50%;
	z-index: 2;
}

.navicat-ios-logo{
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	position: absolute;
	top: 133px;
}

.navicat-ios-logo > .logo{
	width: 100%;
	text-align: center;
}

.navicat-ios-logo > .introtext{
	width: 940px;
	text-align: center;
	margin: 0 auto;
	margin-top: 140px;
}

.introtext p{
	margin-top: 20px;
}

.introtext p span{
	font-weight: 600;
}

.appstore-wrapper{
	position: relative;
	width: 214px;
	margin: 0 auto;
}

.appstore-wrapper img:hover {
	opacity: 0;
}

.appstore-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.navicat_appicon{
	margin-top: 100px;
}


.navicat-ios-section.cyo{
	/*top: 1213px;*/
	top: 1447px;
}

.navicat-ios-appstore-top{
	position: absolute;
	top: 971px;
	width: 100%;
}

.navicat-ios-section.syde{
	/*top: 2278px;*/
	top: 2512px;
}

.navicat-ios-section.syq{
	/*top: 3508px;*/
	top: 3742px;
}

.navicat-ios-section.iyp{
	/*top: 4519px;*/
	top: 4753px;
}

.navicat-ios-section.cyc{
	/*top: 5789px;*/
	top: 6023px;
}

.navicat-ios-section.navicatcloud{
	/*top: 6845px;*/
	top: 7079px;
}

.navicat-ios-section.tech-spec{
	/*top: 7460px;*/
	top: 7694px;
}

/***********************************CHT****************************************/
#navicat-ios-content-cht{
	width: 100%;
	max-width: 1440px;
	height: 8369px;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
}

.navicat-ios-section.cyo-cht{
	/*top: 1213px;*/
	top: 1447px;
}

.navicat-ios-appstore-top-cht{
	position: absolute;
	top: 911px;
	width: 100%;
}

.navicat-ios-section.syde-cht{
	/*top: 2278px;*/
	top: 2512px;
}

.navicat-ios-section.syq-cht{
	/*top: 3508px;*/
	top: 3742px;
}

.navicat-ios-section.iyp-cht{
	/*top: 4519px;*/
	top: 4753px;
}

.navicat-ios-section.cyc-cht{
	/*top: 5789px;*/
	top: 6023px;
}

.navicat-ios-section.navicatcloud-cht{
	/*top: 6845px;*/
	top: 7079px;
}

.navicat-ios-section.tech-spec-cht{
	/*top: 7460px;*/
	top: 7694px;
}


/***********************************CHT****************************************/

/***********************************FR****************************************/
#navicat-ios-content-fr{
	width: 100%;
	max-width: 1440px;
	height: 8463px;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
}

.navicat-ios-section.cyo-fr{
	top: 1541px;
}

.navicat-ios-appstore-top-fr{
	position: absolute;
	top: 1065px;
	width: 100%;
}

.navicat-ios-section.syde-fr{
	top: 2606px;
}

.navicat-ios-section.syq-fr{
	top: 3836px;
}

.navicat-ios-section.iyp-fr{
	top: 4847px;
}

.navicat-ios-section.cyc-fr{
	top: 6117px;
}

.navicat-ios-section.navicatcloud-fr{
	top: 7173px;
}

.navicat-ios-section.tech-spec-fr{
	top: 7788px;
}


/***********************************FR****************************************/

/***********************************DE****************************************/
#navicat-ios-content-de{
	width: 100%;
	max-width: 1440px;
	height: 8532px;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
}

.navicat-ios-section.cyo-de{
	top: 1541px;
}

.navicat-ios-appstore-top-de{
	position: absolute;
	top: 1065px;
	width: 100%;
}

.navicat-ios-section.syde-de{
	top: 2606px;
}

.navicat-ios-section.syq-de{
	top: 3836px;
}

.navicat-ios-section.iyp-de{
	top: 4847px;
}

.navicat-ios-section.cyc-de{
	top: 6186px;
}

.navicat-ios-section.navicatcloud-de{
	top: 7212px;
}

.navicat-ios-section.tech-spec-de{
	top: 7857px;
}

.navicat-ios-section.tech-spec-de > .appstore-wrapper{
	margin-top: 50px;
}
/***********************************DE****************************************/

.navicat-ios-section.tech-spec > .appstore-wrapper{
	margin-top: 50px;
}

.app-store-badge-table{
	margin: 0 auto;
	text-align: center;
}

.app-store-logo-cell{
	width: 214px;
}

.app-store-logo-cell > .appstore-wrapper{
	margin-top: 50px;
}

.app-store-logo-separate-cell{
	width: 20px;
}

.app-store-badge-intro{
	text-align:center;
	margin-top: 100px;
	font-size: 1em;
}

.app-store-badge-intro-product-page{
	text-align:center;
	margin-top: 150px;
	font-size: 1em;
}

/****************              end navicat ios                *************/



/******************			 company page	   *******************/
#subscribe_name, #subscribe_email,#unsubscribe_name, #unsubscribe_email{
	margin-top: 8px;
	width: 160px !important;
}

#subcribe_btn{
	width: 100px;
	height: 26px; 
	/* background: url('/images/stories/company/btn_subsribe.png') no-repeat; */
	cursor: pointer;
}

.subcribe_btn_text{
	display:table-cell;
	width: 100px;
	height: 26px;
	text-align: center; 
	vertical-align: middle;
}

.unsubcribe_btn{
	width: 120px;
	height: 26px; 
	/* background: url('/images/stories/company/btn_unsubsribe.png') no-repeat; */
	border: none;
	cursor: pointer;
}

.unsubcribe_btn_text{
	display:table-cell;
	width: 120px;
	height: 26px;
	text-align: center; 
	vertical-align: middle;
}

#result{
	margin-top: 50px;
}

/******************			end company page	  *******************/

  .promotionbox { margin: 0 auto; width: 960px; margin-bottom: 24px; margin-top: 10px;}
    .promotionbox ul { width:98%; zoom:1; margin: 0 auto;}
    .promotionbox ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
    .promotionbox ul li { 
      display:inline;
      float:left; 
      position:relative; 
      z-index:1; 
      width:32%; 
      height:auto;  
      margin-left:2%; 
      border-top:1px solid #f2f2f2;
      -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.35);
         -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.35);
          box-shadow: 0px 2px 5px rgba(0,0,0,.35);
          box-shadow: 0px 2px 8px rgba(0,0,0,.35) \0/IE9;	
    }
    .promotionbox ul li.first-child { margin-left:0%; }
    .promotionbox ul li.last-child { margin-left:2%; _margin-left:70px; }

  .promotionbox ul li a {
	  display:block;
	  height: auto;
	  cursor:pointer;
	  background-image: url('/images/small_banner/frontpage-base.png');
	}
	.promotionbox ul li a div:nth-child(1n) { }
	.promotionbox ul li a div:hover {
	  /* background:#f0f0f0;
	  background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,0)), color-stop(100%, rgba(224,224,224,.3)));
	  background:-webkit-linear-gradient(top, rgba(249,249,249,0) 50%, rgba(224,224,224,.3) 100%);
	  background:   -moz-linear-gradient(top, rgba(249,249,249,0) 50%, rgba(224,224,224,.3) 100%);
	  background:    -ms-linear-gradient(top, rgba(249,249,249,0) 50%, rgba(224,224,224,.3) 100%);
	  background:     -o-linear-gradient(top, rgba(249,249,249,0) 50%, rgba(224,224,224,.3) 100%);
	  background:        linear-gradient(top, rgba(249,249,249,0) 50%, rgba(224,224,224,.3) 100%); */
	}
	.promotionbox ul li .curve-down { /* display:inline-block; */ height:180px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
	.promotionbox ul li .curve-down:nth-child(1n) { 
	  border:none;
	  /* -webkit-border-radius:100% / 33px;
		 -moz-border-radius:100% / 33px;
		  border-radius:100% / 33px;
	  -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
		 -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
		  box-shadow:0 8px 3px -5px rgba(0,0,0,.2); */
	}
	.promotionbox ul li a img { 
	  display:block;
	margin: 0 auto;
	}
  
  .reflection { 
  position:relative;
  background-color: color: #f9f9f9;
  border-top:1px solid #f2f2f2;
  border-bottom:none;
  -webkit-box-shadow: 0px -2px 5px rgba(0,0,0,.08);
     -moz-box-shadow: 0px -2px 5px rgba(0,0,0,.08);
          box-shadow: 0px -2px 5px rgba(0,0,0,.08);
          box-shadow: 0px -2px 8px rgba(0,0,0,.08) \0/IE9;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
  }
  .reflection img { 
    -webkit-transform: scaleY(-1); 
       -moz-transform: scaleY(-1); 
        -ms-transform: scaleY(-1); 
         -o-transform: scaleY(-1); 
            transform: scaleY(-1); 
    filter: flipv; opacity:0.15; 
    filter: alpha(opacity='15');
  } 
  
  .overlay { position:absolute; top:0px; left:0px; width:260px; height:180px;
    background-image: -moz-linear-gradient( center bottom, rgb(245,245,245) 60%, rgba(245,245,245,0) 75%); 
    background-image:   -o-linear-gradient( rgba(245,245,245,0) 25%, rgb(245,245,245) 40%); 
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(245,245,245)), color-stop(0.75, rgba(245,245,245,0))); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 );
  }
  
  
  
/*********************************			Error pages			**************************************/
.navicat_error_title{
	text-align: center;
	font-size: 1.714em;
	font-weight: 600;
}

.navicat_error_content{
	font-size: 1.286em;
}

.navicat_error_footer{
	margin-top: 31px;
}

.well p{
	text-align: center;
}


/*************************                  for multiple media                 ******************************/
/*
@media (min-width: 768px) and (max-width: 979px) {
  .promotionbox { margin: 80px 0 0 10px; width: 100%;}
  .promotionbox ul { width:100%; zoom:1; margin-left:5px; margin: 0 0 0 0;}
  .promotionbox ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
  .promotionbox ul li { 
    display:inline;
    float:left; 
    position:relative; 
    z-index:1; 
    width:168px; 
    height:132px; 
    margin-left:8px; 
    border-top:1px solid #f2f2f2;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.35);
       -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.35);
        box-shadow: 0px 2px 5px rgba(0,0,0,.35);
        box-shadow: 0px 2px 8px rgba(0,0,0,.35) \0/IE9;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
  }
  .promotionbox ul li.first-child { margin-left:0; }
  .promotionbox ul li.last-child { margin-left:10px; _margin-left:8px; }

  .promotionbox ul li a { display:block; cursor:pointer;
    background:#f6f6f6;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
    background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
    -webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
       -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
  }
  .promotionbox ul li a:nth-child(1n) { border-color:#fff;}
  .promotionbox ul li a:hover {
    background:#f0f0f0;
    background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
    background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
  }
  .promotionbox ul li .curve-down { display:inline-block; height:132px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
  .promotionbox ul li .curve-down:nth-child(1n) { 
    border:none;
    -webkit-border-radius:100% / 33px;
       -moz-border-radius:100% / 33px;
        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
        box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
  }
  .promotionbox ul li a img { 
    display:block;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
  }
  
  .reflection { 
    position:relative;
    background-color: color: #f9f9f9;
    border-top:1px solid #f2f2f2;
    border-bottom:none;
    -webkit-box-shadow: 0px -2px 5px rgba(0,0,0,.08);
       -moz-box-shadow: 0px -2px 5px rgba(0,0,0,.08);
        box-shadow: 0px -2px 5px rgba(0,0,0,.08);
        box-shadow: 0px -2px 8px rgba(0,0,0,.08) \0/IE9;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
  }
  .reflection img { 
    -webkit-transform: scaleY(-1.0);
       -moz-transform: scaleY(-1); 
      -ms-transform: scaleY(-1); 
       -o-transform: scaleY(-1); 
        transform: scaleY(-1); 
    filter: flipv; opacity:0.15; 
    filter: alpha(opacity='15');
  } 
  
  .overlay { position:absolute; top:0px; left:0px; width:168px; height:132px;
    background-image: -moz-linear-gradient( center bottom, rgb(245,245,245) 60%, rgba(245,245,245,0) 75%); 
    background-image:   -o-linear-gradient( rgba(245,245,245,0) 25%, rgb(245,245,245) 40%); 
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(245,245,245)), color-stop(0.75, rgba(245,245,245,0))); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 );8
  }
  
}

@media (max-width: 767px) {
  .promotionbox { margin: 15% 0 0 2%;}
  .promotionbox ul { width:100%; zoom:1; margin-left:5px; margin: 0 0 0 0;}
  .promotionbox ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
  .promotionbox ul li { 
    display:inline;
    float:left; 
    position:relative; 
    z-index:1; 
    width:23%; 
    margin-left:2%; 
    border-top:1px solid #f2f2f2;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
  }
  .promotionbox ul li.first-child { margin-left:0; }
  .promotionbox ul li.last-child { margin-left:2%; _margin-left:8px; }

  .promotionbox ul li a { display:block; cursor:pointer;
    background:#f6f6f6;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
    background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
    -webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
       -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
  }
  .promotionbox ul li a:nth-child(1n) { border-color:#fff;}
  .promotionbox ul li a:hover {
    background:#f0f0f0;
    background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
    background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
  }
  .promotionbox ul li .curve-down { display:inline-block; height:auto; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
  .promotionbox ul li .curve-down:nth-child(1n) { border:none;
    -webkit-border-radius:100% / 33px;
       -moz-border-radius:100% / 33px;
        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
        box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
  }
  .promotionbox ul li a img { display:block;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.35);
       -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.35);
        box-shadow: 0px 2px 5px rgba(0,0,0,.35);
        box-shadow: 0px 2px 8px rgba(0,0,0,.35) \0/IE9;
  }
  
  .reflection { 
    position:relative;
    background-color: color: #f9f9f9;
    border-top:1px solid #f2f2f2;
    border-bottom:none;
    -webkit-box-shadow: 0px -2px 5px rgba(0,0,0,.08);
       -moz-box-shadow: 0px -2px 5px rgba(0,0,0,.08);
        box-shadow: 0px -2px 5px rgba(0,0,0,.08);
        box-shadow: 0px -2px 8px rgba(0,0,0,.08) \0/IE9;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
  }
  .reflection img { 
    -webkit-transform: scaleY(-1); 
       -moz-transform: scaleY(-1); 
      -ms-transform: scaleY(-1); 
       -o-transform: scaleY(-1); 
        transform: scaleY(-1); 
    filter: flipv; opacity:0.15; 
    filter: alpha(opacity='15');
  } 
} */

.new-product-page {
	display: inline;
	color: red;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	font-size: 10px;
	position: relative;
	bottom: 2px;
}

.new-product-page-color{
}

.new-product-page-color.active{
	color: white !important;
}

#navicat-cloud-scrolling{
	width: 100%;
	height: 80%;
	position: absolute;
	z-index: 1;
	display: block;
}

.pricing-plan-table{
	width: 780px;
	margin-top: 30px;
}

.pricing-plan-cell{
	max-width: 380px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	color: #0184ce;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.pricing-plan-price{
	font-size: 2em;
	line-height: 1.8;
}

.pricing-plan-content{
	color: #323232;
	font-size: 1.125em;
}

.ios-button-section{
	width: 700px;
	position: relative;
	padding-top: 100px;
}

.store-ios-btn {
	min-width: 121px;
	background: url(../../../images/stories/store/AppStoreBadgeS.png) no-repeat;
	width: 100%;
	height: 39px;
	-moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.store-ios-btn:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover.png) no-repeat;
}

.store-ios-btn.cht {
	background: url(../../../images/stories/store/AppStoreBadgeS-CHT.png) no-repeat;
}

.store-ios-btn.cht:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-CHT.png) no-repeat;
}

.store-ios-btn.pl {
	background: url(../../../images/stories/store/AppStoreBadgeS-PL.png) no-repeat;
}

.store-ios-btn.pl:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-PL.png) no-repeat;
}

.store-ios-btn.es {
	background: url(../../../images/stories/store/AppStoreBadgeS-ES.png) no-repeat;
}

.store-ios-btn.es:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-ES.png) no-repeat;
}

.store-ios-btn.fr {
	background: url(../../../images/stories/store/AppStoreBadgeS-FR.png) no-repeat;
}

.store-ios-btn.fr:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-FR.png) no-repeat;
}

.store-ios-btn.de {
	background: url(../../../images/stories/store/AppStoreBadgeS-DE.png) no-repeat;
}

.store-ios-btn.de:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-DE.png) no-repeat;
}

.store-ios-btn.kr {
	background: url(../../../images/stories/store/AppStoreBadgeS-KR.png) no-repeat;
}

.store-ios-btn.kr:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-KR.png) no-repeat;
}

.store-ios-btn.ru {
	background: url(../../../images/stories/store/AppStoreBadgeS-RU.png) no-repeat;
}

.store-ios-btn.ru:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-RU.png) no-repeat;
}

.store-ios-btn.it {
	background: url(../../../images/stories/store/AppStoreBadgeS-IT.png) no-repeat;
}

.store-ios-btn.it:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-IT.png) no-repeat;
}

.store-ios-btn.pt {
	background: url(../../../images/stories/store/AppStoreBadgeS-PT.png) no-repeat;
}

.store-ios-btn.pt:hover {
	background: url(../../../images/stories/store/AppStoreBadgeSHover-PT.png) no-repeat;
}


.debugger-switcher-container {
	text-align: center;
	margin-top: 20px;
}

.debugger-switcher {
	display: inline-block;
}

.debugger-element {
	float: left;
	width: 200px;
	border: 1px solid #e6e6e6;
	cursor: pointer;
	line-height: 40px;
}

.debugger-pgsql {
	border-left: none;
}

.debugger-element.active {
	color: #ffffff;
	background-color: #409ac9;
}

.case-study-container {
	margin-top: 50px;
}

.case-study {
	float: left;
	margin-bottom: 100px;
}

.case-study:nth-child(odd) {
	margin-right: 20px;
}

.case-study-img {
	margin-right: 20px;
	float: left;
}

.case-study-content {
	float: left;
	max-width: 180px;
}

.case-study-content p {
	margin-top: 10px;
}

.testimonial-container {
	margin-top: 50px;
}

.testimonial-case {
	width: 298px;
	height: 540px;
	border: 1px solid #919191;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 50px;
	float: left;
}

.testimonial-case:nth-child(odd) {
	margin-right: 20px;
}

.testimonial-case-logo {
	margin-bottom: 20px;
	text-align: center;
	height: 60px;
}

.testimonial-case-logo img {
	max-height: 60px;
}

_:-ms-fullscreen, :root .case-study:nth-child(odd), :root .testimonial-case:nth-child(odd) {
	margin-right: 19px;
}

.g-recaptcha-container {
	display: inline-block;
	margin-left: 200px;
}

.g-recaptcha {
	margin-bottom: 15px;
}

.volume-discount-module {
	margin-top: 30px;
	font-size: 14px;
}

.discount-table {
	border: 1px solid #00aeef;
	border-radius: 4px;
	line-height: 40px;
	display: inline-block;
	margin-top: 10px;
}

.discount-table-column {
	float: left;
	width: 108px;
	text-align: center;
}

.discount-table-column.last {
	border-left: 1px solid #00aeef;
}

.discount-table-title {
	color: #ffffff;
	font-weight: bold;
	background-color: #00aeef;
}

.discount-table-cell {
	border-top: 1px solid #00aeef;
}