.product-logo{
	background:url('../images/icon-books.png') no-repeat left center;
}
.product-header{
	background:#f0fbf8;
}
 .product-menu .selected {
  box-shadow: 0 -2px 0 #48bbb4 inset;
 }
 .learnmore a,.side-nav li a:hover,.side-nav li a .selected,.learn-more a{
background:#48bbb4
 }
 .all-features li .selected,.resources-part .learnmore,.integrations p a,.whats-new a,.sub-feature a,.features-main-page p a,.customer-cont-area a,.case-study-part p span,.faq-part p a{
color:#48bbb4;
 }

.customer-nav {
    max-width: 300px;
	margin-top:40px;
}
.case-study-part li h3{
text-align:left;
}
.all-features ul{
	 max-width: 700px;
}
.footer-links{
	max-width:550px;
}



/*Pricing Page CSS*/
.pri-iner-table1 h2{
	font-weight:400;
}
.pri-iner-table1 h2 b{
	font-weight:600;
}
.faq-part li {
margin-left:0;
margin-right:5%;
min-height:140px;
}

.one-col .hdr-p a{
color:#fff;
}
.pri-table {
    margin: 0 auto 70px;
    padding-top: 30px;
    text-align: left;
    width: 980px;
	overflow:hidden;
	
}

.pri-iner-table1 {
    float: left;
    padding-top: 20px;
    width: 560px;
	padding-bottom:30px;
}
.pri-iner-table1 h2 {
	padding-bottom:40px;
	font-size: 24px;
}
.gr-sign {
	background:#48bbb4;
	color: #FFFFFF;
	font-size: 14px;
	padding: 15px 28px;
	text-transform: uppercase;
	font-weight:600;
	text-align: center;
}

.pri-table h1 {
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 30px;
	padding:0px;
	text-align:left;
	text-transform:none;
	letter-spacing:-1.5px;
}

.pri-table h1 span {
    font-weight: 300;
}

.list-pri li {
    font-size: 15px;
    margin: 20px 0;
}

.list-pri div {
    border-bottom: 1px dashed #E1E0E0;
    padding-bottom: 14px;
}

.list-pri span.dot {
    background: none repeat scroll 0 0 #00ADD5;
    border-radius: 5px 5px 5px 5px;
    float: left;
    font-weight: 300;
    height: 10px;
    margin-right: 10px;
    margin-top: 5px;
    width: 10px;
}

.list-pri span {
    font-weight: 600;
}

.pri-iner-table2 {
	width: 320px;
	text-align: center;
	border: solid 1px #ddd;
	float: right;
	box-box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	background: #fff;
	margin: 0 auto 0 30px
}
.tbl-tp-bnd {
	background: #fff;
	padding: 50px 20px 0;
	padding-bottom: 0;
}

.tbl-bdy-bnd {
	font-size: 14px;
	color: #292929;
	line-height: 28px;
	background: #fff;
	text-transform: uppercase;
	padding: 0px 25px 40px
}
.tbl-bdy-bnd p {
	line-height: 10px;
	font-size: 16px;
	margin-top:20px;
	text-transform: capitalize; color: #666;
}

.pln-nme {
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
	font-weight:600;
	margin-top:40px
}
.pln-dec {
	color: #666;
	font-weight: 300;
	font-size: 14px
}
.price {
	color: #1a1a1a;
	margin-top: 20px;
	font-size: 24px;
}
.price .doler { color: #666;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
	position: relative;
    top: -8px;
}
.price .val {
	color: #333333;
	font-size: 36px;
	font-weight: 600;
	line-height: 50px;
	padding-bottom: 5px;
	font-family: "微软雅黑";
}
.price .peri {
	font-size: 32px
}



.div960 {
	width: 970px;
	margin: 0 auto
}

.pricing-part1 {
	overflow: hidden;
	clear: both;
	margin: 0 0 10px 0;
}
.pricing-types, .price-part {
	width: 227px;
	overflow: hidden;
	float: left;
	border-left: 1px solid #e6e6e6;
	background: #fff;
	position: relative
}
.pri-tb {
	overflow: auto;
	border-top: solid 1px #ececec;
}
.pri-tb h5 {
	font-size: 20px;
	text-align: left;
	margin-bottom: 5px;
	font-weight: 400;
	color:#00ADD5;
}
.pri-tb p {
	text-align: left; color: #666;
    font-size: 13px;
    line-height: 22px;
}
.pri-tb li {
	float: left;
	width: 28%;
	border-right: solid 1px #ddd;
	padding: 20px 20px 40px 20px;
	min-height: 90px;
}

.try-nw {
	background: none repeat scroll 0 0 #00ADD5;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	margin: 30px auto;
	padding: 15px 28px;
	text-transform: uppercase;
	width: 200px;
	text-align: center;
}

.hdr-p {
	font-size: 18px;
	color: #777;
	width: 860px;
	margin: 0px 0 20px
}


.bg-co {
    background: none repeat scroll 0 0 #333333;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
	display:none; 
}
.popup-main h4 {
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    margin: 30px 0 60px;
}
.plan-compare {
	margin:40px 0;
	overflow:hidden;
}
.plan-compare a {
	text-decoration:none;
	color:#333;
	padding:10px;
	border:1px solid #222;
	display:block;
	float:left;
}
.plan-compare a:hover {
	background:#fff;
	border:1px solid #999;
}
.notification-bar {
	font-size: 14px;
background: #FEFFED;
padding: 5px;
}

.feat-i {
	width:285px;
	float:left;
}
.feat-i h3 {
	clear: both;
    font-size: 20px;
    line-height: 28px;
    margin: 10px 0 15px;
}
.hdr-txt {
  color: #000;
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 60px;
    text-align: center;
}
/* Pricing page CSS end */
/* Add on page CSS Start */
.iphone-app-store, .android-play-store, .windows-store, .amazon-store, .paypal, .checkout, .brain, .paypal-pro, .stripe, .authorize, .zoho-crm, .zoho-projects, .gapps, .chrome-web-store, .track1099, .tax1099 {
	background:url(../images/add-on-icon-1.png) left top no-repeat;
	width:180px;
	height:75px;
	display:block;
	margin-bottom:30px;
}
.iphone-app-store {
	background-position:-505px 2px;
}
.android-play-store {
	background-position:-502px -84px;
}
.windows-store {
background-position:-248px -472px;
}
.amazon-store {	
background-position:-484px -169px;
}
.paypal {
	background-position:-60px -109px;
}
.checkout {
	background-position:-60px -176px;
}
.brain {
	background-position:-490px -254px;
}
.paypal-pro {
	background-position:-62px -371px;
}
.stripe {
	background-position:-60px -242px;
}
.authorize{
	background-position:-30px -60px;
}
.zoho-crm {
	background-position:-228px -63px;
}
.zoho-projects {
	background-position:-243px -143px;
}
.gapps {
	background-position:-235px -217px;
}
.chrome-web-store {
	background-position:-483px -460px;
}
.track1099 {
	background-position:-243px -551px;
}
.tax1099 {
	background-position:-243px -385px;
}
/* Add on page CSS End */
/* Case Study page CSS Start */
.cathy-logo, .jerome-logo, .richard-logo, .pragya-logo, .keng-logo {
    background: url("../images/cus-face.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin:10px auto 25px;
}
.cathy-logo {
    background-position: 4px -109px;
    height: 100px;
    width: 190px;
}
.jerome-logo {
    background-position: 8px -350px;
    height: 100px;
    width: 260px;
}
.richard-logo {
    background-position: 8px -240px;
    height: 100px;
    width: 190px;
}
.pragya-logo {
    background-position: -184px -110px;
    height: 100px;
    width: 190px;
}
.keng-logo {
    background-position: -184px -230px;
    height: 100px;
    width: 190px;
}
/* Case Study page CSS End */

/* Quick Links CSS */
.quick-links {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    margin-top: -95px;
    max-height: 190px;
    position: fixed;
    right: -200px;
    top: 50%;
  transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
	  -moz-transition: all 1s ease 0s;


    width: 190px;
    z-index: 1010;
}
.quick-links h4 {
border-bottom:1px solid #f5f5f5;    color: #333;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 20px;
	text-transform:uppercase;
}
.quick-links h4 span {
    background-position: -360px 0;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 6px;
    width: 8px;
	opacity:.1
}
.quick-links h4:hover span{
opacity:.4;
}
.quick-links ul {
    padding: 5px 15px;
}
.quick-links li {
    background-position: -360px -27px;
    border-top: 1px dotted #f0f0f0;
    display: block;
    font-size: 12px;
	font-weight:400;
    padding: 8px 0 8px 20px;
}
.quick-links li:first-child{
border:none;
}
.quick-links a {
    color: #333;
}
.ql-open {
    background-color: rgba(255, 255, 255, 1);
    background-position: -333px 6px;
    border: 1px solid #bbb;
    cursor: pointer;
    height: 16px;
    margin-top: -95px;
    opacity: 0.5;
    padding: 6px 8px;
    position: fixed;
    right: -50px;
    top: 50%;
    transition: all 1s ease 1s;
	    -moz-transition: all 1s ease 1s;

    -webkit-transition: all 1s ease 1s;

    width: 8px;
    z-index: 1000;
}
/* End of Quick Links CSS */

/* Testimonial page CSS Start */
.pragya-face, .jerome-face, .cathy-face, .keng-face, .richard-face, .xavier-face {
    background: url("../images/cus-face.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 72px;
    width: 72px;
}
.pragya-face {
    background-position: -410px -2px;
}
.jerome-face {
    background-position: -213px -4px;
}
.cathy-face {
    background-position: 0 -6px;
}
.keng-face {
    background-position: -318px -6px;
}
.richard-face {
    background-position: -104px -1px;
}
.xavier-face {
    background-position: -410px -2px;
}