/*///////         RESET CSS PART         ///////*/ 
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big, cite, code, em, img, ins, small, strike, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, footer, header, hgroup, nav, section {
	display: block;
}
a {
	border: none;
	text-decoration: none;
	color: #19984f;
}
* {
	margin: 0px;
	padding: 0px;
}
img {
	max-width: 100%;
}

/*//////////////   VIDEO POPUP         ////////*/

/*/////////////////////////////////////////////////         POP UP VIDEO PART         /////////////////////////////////////////////////*/

.cm-popup {
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	height: 100%;
	z-index: 9999999;
	top: 0px;
	position: fixed;
	display: none;
}
.cm-videos {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DEDEDE;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	top: 100px;
	z-index: 999999999;
	display: none;
	opacity: 1;
	max-width: 860px;
	position: fixed;/*transition: all ease 0.8s;
    	-moz-transition: all ease 0.8s;
    	-ms-transition: all ease 0.8s;
    	-o-transition: all ease 0.8s;
    	-webkit-transition: all ease 0.8s;*/
}
.video-part {
	padding: 30px;
}
#ifrm {
	width: 800px;
	height: 450px;
}
.popup-close {
	cursor: pointer;
	height: 24px;
	position: absolute;
	right: 2px;
	top: 9px;
	width: 24px;
}




/*///////         COADING STARTS         ///////*/
body {
	font-family: open sans;
	background: #f7f7f7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/*///////         MENU BAR PART         ///////*/ 
 
.menu-bar {
	width: 100%;
	min-height: 80px;
	overflow: hidden;
	background: #ffffff;
	border-bottom: 1px solid #e9e9e9;
	position:fixed;
	top:0;
	z-index:9999;
}
.logo img {
	padding: 25px 0 0 30px;
	float: left;
}
.menu {
	border-top: 1px solid #f7f7f7;
	float: right;
	height: 29px;
	line-height: 29px;
	min-width: 120px;
	padding: 23px 30px 0 0px;
}
.menu li {
	background: #ffffff;
	float: left;
	margin-left: 30px;
}
.menu li a {
	color: #333;
	font-size: 12px;
	font-weight: 600;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}
.menu li a:hover {
	color: #19984f;
}
.menu .selected {
	color: #19984f;
}
.menu .menu-signin, .menu .menu-signup {
	width: 90px;
	height: 34px;
	border: 1px solid #e2e2e2;
	text-align: center;
	text-transform: uppercase;
	line-height: 30px;
}
.menu .menu-signup {
	background: #f0483e;
	margin-left: 25px;
	border: 0px solid #e2e2e2;
}
.menu .menu-signup a {
	color: #fff;
}
.menu .menu-signup a:hover {
	color: #fff;
}
.align-980{
	max-width:980px;	
	margin:0 auto;
}

.align-1200{
	max-width:1200px;	
	margin:0 auto;
}

.white-bg{
	background:#fff;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;	
}

/*///////         CONTENT PART CODING STARTS         ///////*/
.main {
	overflow: hidden;
	margin-top:81px;
}
.content-part {
	margin: 40px auto 20px;
	max-width: 980px;
	overflow: hidden;
	width: 100%;
}
.content-part h1 em {
	display: block;
	font-size: 18px;
	margin-top:12px;
	color: #666;
	font-style: normal;
	letter-spacing: 0;
	font-weight:400;
}
h1 {
	color: #333;
	font-size: 32px;
	font-weight: 300;
	line-height: 30px;
	padding-bottom: 20px;
	text-align: center;
	letter-spacing: 0px;
	text-transform: none;
}
h1 span {
	font-style: normal;
	font-weight: 600;
}
.features-content-part h1 {
	text-transform: none;
	font-size: 28px;
}
/* - - - - - - - - - - - - - FEATURES PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */

.inner {
	overflow: hidden;
	margin: 0 5px 10px;
	position: relative;
	z-index: 10;
	background: #fff;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);
}
.features-content-part {
	padding:40px 0 0;
}
.feature-nav {
	overflow: hidden;
	margin: 20px auto 0;
	max-width: 760px;
}
.feature-nav li {
}
.feature-nav li a {
	color: #666;
	display: block;
	font-size: 13px;
	padding: 0 15px;
	font-weight: 600;
	text-transform: uppercase;
	height: 36px;
	line-height: 36px;
	float: left;
	text-decoration: none;
	border: 1px solid #e2e2e2;
	transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	background: #f1f1f1;
}
.feature-nav li a:hover {
	color: #333;
}
.feature-nav .cur a {
	background: #fff;
	color: #19984f;
	border-bottom: 2px solid #ddd;
}
.feature-nav .cur a:hover {
	color: #19984f;
}
.main-desc {
	color: #666;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 35px auto 0;
	padding: 0 30px 35px;
	text-align: center;
	width: 790px;
}
.download-apps {
	margin: 30px auto 0;
	width: 280px;
	overflow: hidden;
}
.download-apps img {
	margin:0;
}
.download-apps a {
	float: left;
	margin: 0 10px;
	opacity: 0.7;
}
.features-section {
//	margin: 0 auto 25px;
	overflow: hidden;
	padding: 60px 30px 70px;
	text-align: left;
}
.centeralign-features {
	text-align: center;
}
#features-page .data-on-heading {
	text-align: center;
	margin-bottom: 20px;
	line-height: 22px;
}
#features-page .data-on-desc {
	text-align: center;
	margin: 0;
}
.features-section .dual-section {
	width: 45%;
	padding: 30px 1%;
	float: left;
	overflow: hidden;
	text-align: left;
}
.features-section .right-margin {
	margin-right: 5%;
}
.features-image {
	max-width: 570px;
	float: left;
	padding-top: 10px;
	text-align: center;
	position:relative;
}
.features-image img {
	max-width: 100%;
}
.features-desc {
	width: 44%;
	float: left;
}
#features-page h2, .centeralign-features h2 {
	color: #333;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 35px;
	padding-bottom: 10px;
	margin: 0 auto;
}
.centeralign-features p {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
.features-section img {
	margin-bottom: 0;
}
.features-section p, .centeralign-features p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}
.features-section .list-view {
	text-align: left;
	max-width: 750px;
}
.features-desc .list-view {
	list-style: disc;
}
.features-section .list-view li {
	margin: 0px 0 20px 0;
	color: #666;
	font-size: 13px;
	line-height: 22px;
	overflow:hidden;
	//background:url("../images/customers/list-bullet.png") no-repeat scroll 3px 9px rgba(0, 0, 0, 0);
	padding-left:20px;
}
.dual-section h3 {
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 22px;
}
.dual-section p {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 14px;
	padding: 0 5% 0 0;
}
.action {
	width: 320px;
	margin: 30px 0 0;
	overflow: hidden;
}
.action a {
	background: none repeat scroll 0 0 #f0483e;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: 42px;
	line-height: 42px;
	margin: 0 12px 0 0;
	text-transform: uppercase;
	width: 145px;
	float: left;
	cursor: pointer;
	text-align: center;
}


.action .trynow {
	background: none repeat scroll 0 0 #f0483e;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 12px 0 0;
	text-transform: uppercase;
	width: 100px;
	float: left;
	cursor: pointer;
	text-align: center;
}

.action .watchvideo {
	background: none repeat scroll 0 0 #fff;
	color: #333;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(0,0,0,0.1) inset;
	font-size: 12px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 12px 0 0;
	text-transform: uppercase;
	width: 120px;
	float: left;
	cursor: pointer;
	text-align: center;
}

.watchvideo:hover{
	background: none repeat scroll 0 0 #fff;
	color: #333;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.3) inset, -1px -1px 0 rgba(0,0,0,0.3) inset;	
}


.yesyoucan-links {
	overflow: hidden;
}
.bigsavings-part {
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	width: 940px;
}
.big-imagepart {
	width: 202px;
	overflow: hidden;
	float: left;
	padding-top: 20px;
	margin-right: 40px;
	text-align: center;
}
.big-contentpart {
	width: 680px;
	overflow: hidden;
	float: left;
}
.bigsavings-part h3 {
	color: #333;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 35px;
	padding-bottom: 10px;
}
.bigsavings-part p {
	font-size: 15px;
	line-height: 26px;
	padding: 0;
	margin: 0 0 25px 0px;
}
.yesyoucan-links h3 {
	width: 96%;
	font-weight: 400;
	margin: 10px 0;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	letter-spacing: 0;
	background: url("../images/features/youcan-arrow.png") no-repeat 0 6px transparent;
	padding: 0 0 0 30px;
}
.yesyoucan-links h3 a {
	color: #666;
	text-decoration: underline;
}
.multipleway-part {
	overflow: hidden;
}
.centeralign-features .action {
	margin: 20px auto 0;
}
.multipleway-part .list-view, .multipleway-part .yesyoucan-links {
	width: 46%;
	float: left;
	margin: 0 2%;
}
.multipleway-part .yesyoucan-links {
	margin-top: 10px;
}
/* - - - - - - - - - - - - - OVERVIEW PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */


/*///////         OVERVIEW PART         ///////*/

.overview, .case-study, .testimonial {
	max-width: 980px;
	margin: 0 auto;
	background: #f7f7f7;
}
.overview-part {
	max-width: 980px;
	margin: 0 auto;
	padding: 30px 2% 50px;
	overflow: hidden;
}
.overview-detail {
	margin: 0 auto 50px;
	overflow: hidden;
}
.overview-description {
	width: 41%;
	float: left;
	margin-left:2%;
}
.overview-description p {
	color: #333;
	display: block;
	float: left;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 20px;
}

.overview-description p em {
	color:#333;
	font-weight:600
}

.overview-video {
	float: left;
	width: 50%;
	margin-right: 5%;
	padding-right:0px;
	text-align: center;
	border-right:1px solid #ccc;
	min-height:280px;
}
.overview-video img {
	max-width: 100%;
	padding: 15px;
}
.show-applist {
	font-size: 18px;
	color: #333;
	width: 100%;
	font-weight: 600;
	text-align: center;
	margin: 20px auto 15px;
	text-transform: uppercase;
	cursor: pointer;
 }
.show-applist h4 {
	padding: 0 0px;
	border-bottom: 1px solid #d2d2d2;
	font-weight: 600;
	max-width: 410px;
	margin: 0 auto;
		 -moz-transition:.3s ease-out;
	 -webkit-transition:.3s ease-out;
	 -o-transition:.3s ease-out;
	 -ms-transition:.3s ease-out;
	 transition:.3s ease-out;

 }
.show-applist .signupnow {
	padding: 0 0px;
	border-bottom: 1px solid #d2d2d2;
	font-weight: 600;
	max-width: 410px;
	margin: 0 auto;
	background: #f0483e;
	padding: 12px 0;
	width: 250px;
	font-size: 14px;
	color: #fff;
}
.signupnow a {
	color: #fff;
}
.bouncing-arrow-part {
	background: none repeat scroll 0 0 #38b3e1;
	border-radius: 100% 100% 100% 100%;
	cursor: pointer;
	height: 60px;
	margin: 40px auto ;
	position: relative;
	text-align: center;
	width: 60px;
	 -moz-transition:.3s ease-out;
	 -webkit-transition:.3s ease-out;
	 -o-transition:.3s ease-out;
	 -ms-transition:.3s ease-out;
	 transition:.3s ease-out;
	animation:1s ease-out infinite bouncing-arrow-part  ;
}

.ripple {
 	 width:60px;
	 height:60px;
	 border-radius:100%;
	 background:#38b3e1; 
	 z-index:1;
	 
	 opacity:0.5;
	 animation:0.6s ease-out infinite ripple-effect ;
	 position:absolute;
	 top:0px;
	 left:0px;
}

.ripple-effect{
	 -moz-transform:scale(2,2);
	 -webkit-transform:scale(2,2);
	 -o-transform:scale(1.75,1.75);
	 -ms-transform:scale(1.75,1.75);
	 transform:scale(1.75,1.75);
	 opacity:0;
	 -moz-transition:.6s ease-out;
	 -webkit-transition:.6s ease-out;
	 -o-transition:.6s ease-out;
	 -ms-transition:.6s ease-out;
	 transition:.6s ease-out;
}

.overviewpage-banner-part {
    background: linear-gradient(to right, #D6E5E4 0%, #E1EFEB 45%, #FDEED5 90%) repeat scroll 0 0 transparent;
    padding-top: 40px;
	max-height:560px;
}

/*
@keyframes bouncing-arrow-part {
    0% {
        background:10px solid #fff;
    }
	25% {
        border:10px solid #d7f3fe;
    }
	50% {
        border:10px solid #c8eefc;
    }
	75% {
        border:10px solid #ace3f8;
    }
	100% {
        border:10px solid #c8effe;
    }
}

/*

@keyframes bouncing-arrow-part {
    0% {
        border:10px solid #fff;
    }
	25% {
        border:10px solid #d7f3fe;
    }
	75% {
        border:10px solid #c8eefc;
    }
	100% {
        border:10px solid #ace3f8;
    }
}


.ripple {
 	 width:60px;
	 height:60px;
	 border-radius:100%;
	 background:#38b3e1; 
	 z-index:1;
	 
	 opacity:0.75;
	 animation:0.3s ease-out infinite ripple-effect ;
	 position:absolute;
	 top:0px;
	 left:0px;
}

.ripple-effect{
	 -moz-transform:scale(1.5,1.5);
	 -webkit-transform:scale(1.5,1.5);
	 -o-transform:scale(1.5,1.5);
	 -ms-transform:scale(1.5,1.5);
	 transform:scale(1.5,1.5);
	 opacity:0;
	 -moz-transition:.3s ease-out;
	 -webkit-transition:.3s ease-out;
	 -o-transition:.3s ease-out;
	 -ms-transition:.3s ease-out;
	 transition:.3s ease-out;
}
*/

.bouncing-arrow {
	left: 20px;
	position: absolute;
	top: 18px;
	z-index:9999;	
}

 

/*
@keyframes bouncing-arrow {
    0% {
        top: 10px;
    }
    10% {
        top: 13px;
    }
    20% {
        top: 16px;
    }
    30% {
        top: 19px;
    }
    40% {
        top: 22px;
    }
	50% {
        top: 25px;
    }
    60% {
        top: 22px;
    }
    70% {
        top: 19px;
    }
    80% {
        top: 16px;
    }
    90% {
        top: 13px;
    }
	100% {
        top: 10px;
    }
	
	

}

@-webkit-keyframes bouncing-arrow {
 0% {
        top: 10px;
    }
    10% {
        top: 13px;
    }
    20% {
        top: 16px;
    }
    30% {
        top: 19px;
    }
    40% {
        top: 22px;
    }
	50% {
        top: 25px;
    }
    60% {
        top: 22px;
    }
    70% {
        top: 19px;
    }
    80% {
        top: 16px;
    }
    90% {
        top: 13px;
    }
	100% {
        top: 10px;
    }

}

@-moz-keyframes bouncing-arrow {
 0% {
        top: 10px;
    }
    10% {
        top: 13px;
    }
    20% {
        top: 16px;
    }
    30% {
        top: 19px;
    }
    40% {
        top: 22px;
    }
	50% {
        top: 25px;
    }
    60% {
        top: 22px;
    }
    70% {
        top: 19px;
    }
    80% {
        top: 16px;
    }
    90% {
        top: 13px;
    }
	100% {
        top: 10px;
    }
}

@-ms-keyframes bouncing-arrow {
  0% {
        top: 10px;
    }
    10% {
        top: 13px;
    }
    20% {
        top: 16px;
    }
    30% {
        top: 19px;
    }
    40% {
        top: 22px;
    }
	50% {
        top: 25px;
    }
    60% {
        top: 22px;
    }
    70% {
        top: 19px;
    }
    80% {
        top: 16px;
    }
    90% {
        top: 13px;
    }
	100% {
        top: 10px;
    }
}


@-o-keyframes bouncing-arrow {
 0% {
        top: 10px;
    }
    10% {
        top: 13px;
    }
    20% {
        top: 16px;
    }
    30% {
        top: 19px;
    }
    40% {
        top: 22px;
    }
	50% {
        top: 25px;
    }
    60% {
        top: 22px;
    }
    70% {
        top: 19px;
    }
    80% {
        top: 16px;
    }
    90% {
        top: 13px;
    }
	100% {
        top: 10px;
    }
}
*/


#appsListingCon {
	transition: 0.8s ease;
	-moz-transition: 0.8s ease;
	-ms-transition: 0.8s ease;
	-o-transition: 0.8s ease;
	-webkit-transition: 0.8s ease;
	position: relative;
	top: 0px;
}
.creator-apps-list {
	max-width: 980px;
	border-top: 5px solid #606060;
	padding: 30px 10px 0px;
	text-align: center;
	overflow: hidden;
	margin: 30px auto;
}
.creator-apps-list li {
	font-size: 15px;
	color: #444;
	margin: 10px auto;
	font-family: 'Merriweather', serif;
}
.apps-list-quote {
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
}
.apps-list-quote h3 {
	color: #333;
	font-size: 32px;
	margin-bottom: 5px;
	font-weight: 600;
}
.apps-list-quote p {
	color: #666;
	font-size: 18px;
	font-weight: 400;
}
.build-yourapp {
	background: none repeat scroll 0 0 #F0483E;
	margin: 0 auto;
	max-width: 270px;
}
.build-yourapp a {
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	font-weight: 600;
	height: 44px;
	line-height: 43px;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.overview-quote1 {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	width: 200px;
	height: 200px;
	border-radius: 100%;
	color: #fff;
	font-weight: 400;
	position: absolute;
	display: none;
	background: #38b3e1;
	top: 10000px;
	right: 40px;
}
.overview-quote1:after {
	background: none repeat scroll 0 0 #cfedf8;
	border-radius: 100% 100% 100% 100%;
	content: "";
	height: 70px;
	position: absolute;
	right: 200px;
	top: 0;
	width: 70px;
	z-index: -99;
}
.overview-quote2 {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	width: 200px;
	height: 200px;
	border-radius: 100%;
	color: #fff;
	font-weight: 400;
	position: absolute;
	display: none;
	background: #2bc5b5;
	top: 9200px;
	left: 40px;
}
.overview-quote2:after {
	background: none repeat scroll 0 0 #CFF2EE;
	border-radius: 100% 100% 100% 100%;
	content: "";
	height: 70px;
	left: 130px;
	position: absolute;
	top: -70px;
	width: 70px;
	z-index: -99;
}
.overview-quote3 {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	width: 225px;
	height: 225px;
	border-radius: 100%;
	color: #333;
	font-weight: 400;
	position: absolute;
	display: none;
	background: #ffc14f;
	top: 8400px;
	right: 40px;
}
.overview-quote3:after {
	background: none repeat scroll 0 0 #F2E8C7;
	border-radius: 100% 100% 100% 100%;
	content: "";
	height: 70px;
	position: absolute;
	right: 200px;
	top: 170px;
	width: 70px;
	z-index: -99;
}
.overview-quote1, .overview-quote2, .overview-quote3 {
	
}
.overview-quote1 em, .overview-quote2 em, .overview-quote3 em {
	display: block;
	font-style: normal;
	margin-top: 67px;
}
/*
.overview-quote:after{
border-bottom: 8px solid transparent;
border-left: 0 solid #047AA9;
border-right: 22px solid #53A9CB;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.8) inset;
content: "";
height: 0;
position: absolute;
right: 163px;
top: 96px;
width: 0;
z-index: -99;}

.overview-quote:before{
background: none repeat scroll 0 0 #7ECBE8;
content: "";
height: 90px;
position: absolute;
right: 164px;
top: 14px;
width: 35px;
z-index: -99;
}
*/

/*
.overview-quote:after{
	border-bottom: 50px solid transparent;
	border-left: 0 solid #38B3E1;
	border-right: 60px solid #38B3E1;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.8) inset;
	content: "";
	height: 0;
	position: absolute;
	right: 184px;
	top: 47px;
	width: 0;
	z-index: -99;
}
.overview-quote:before{
	border-top: 50px solid transparent;
	border-left: 50px solid #38B3E1;
	border-right: 0px solid #38B3E1;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.8) inset;
	content: "";
	height: 0;
	position: absolute;
	right: 184px;
	top: 0px;
	width: 0;
	z-index: -99;
}*/


.overview-quote1 span, .overview-quote2 span, .overview-quote3 span {
	font-weight: 600;
	font-size: 18px;
}
.quote1-selected {
	right: 60px;
}
.quote2-selected {
	left: 60px;
}
.quote3-selected {
	right: 60px;
}
.customer-tweeted {
	overflow: hidden;
	max-width: 320px;
	position: absolute;
	display: none;
}
.customer-tweeted img {
	border-radius: 100%;
	margin-left: 25px;
}
.customer-tweeted p {
	margin-top: 30px;
	border-top: 5px solid #38b3e1;
	border-bottom: 2px solid #38b3e1;
	padding: 20px 25px;
	text-align: center;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	color: #666;
	line-height: 21px;
}
.customer-tweeted p:after {
	border-color: transparent transparent transparent #38B3E1;
	border-style: solid;
	border-width: 25px 0 0 25px;
	content: "";
	height: 0;
	left: 50px;
	position: absolute;
	top: 72px;
	width: 0;
}
.customer-tweeted p:before {
	border-color: transparent transparent transparent #F5F5F5;
	border-style: solid;
	border-width: 20px 0 0 20px;
	content: "";
	height: 0;
	left: 55px;
	position: absolute;
	top: 84px;
	width: 0;
	z-index: 999;
}
.customer-tweeted1 {
	left: 30px;
	top: 7500px;
}
.customer-tweeted2 {
	right: 30px;
	top: 7000px;
}
.customer-tweeted3 {
	left: 30px;
	top: 6500px;
}
.customer-tweeted4 {
	right: 30px;
	top: 6000px;
}
.customer-tweeted5 {
	left: 30px;
	top: 5500px;
}
.customer-tweeted6 {
	right: 30px;
	top: 5000px;
}
.customer-tweeted2 p, .customer-tweeted6 p {
	border-top: 5px solid #2bc5b5;
	border-bottom: 2px solid #2bc5b5;
	color: #666;
}
.customer-tweeted2 p:after, .customer-tweeted4 p:after, .customer-tweeted6 p:after{
	border-color: transparent #2bc5b5 transparent transparent ;
	border-width:25px 25px 0 0;
	left:230px;
	top:71px;
}
.customer-tweeted2 p:before, .customer-tweeted4 p:before, .customer-tweeted6 p:before{
	border-color: transparent #F5F5F5 transparent transparent ;
	border-style: solid;
	border-width: 20px 20px 0 0px;
	left:230px;
}



.customer-tweeted3 p {
	border-top: 5px solid #ffc14f;
	border-bottom: 2px solid #ffc14f;
	color: #666;
}
.customer-tweeted3 p:after {
	border-color: transparent transparent transparent #ffc14f;
}
.customer-tweeted4 p {
	border-top: 5px solid #e66957;
	border-bottom: 2px solid #e66957;
	color: #666;
}
.customer-tweeted4 p:after {
	border-color: transparent #e66957 transparent transparent ;
}
.customer-tweeted p span {
	display: block;
	margin-top: 10px;
	color: #999;
	font-weight: 400;
	font-size: 12px;
}
.customer-tweeted2 img, .customer-tweeted4 img, .customer-tweeted6 img, .customer-tweeted8 img, .customer-tweeted10 img{
	margin-left:225px;
}

/* - - - - - - - - - - - - - YES YOU CAN PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */

/*///////         BANNER PART        ///////*/


.yesyoucan-part {
	width: 100%;
	overflow: hidden;
	background: #f7f8f9;
}
.yesyoucan-questions {
	width: 60%;
	background: #f7f7f7;
 //padding: 8% 0% 14%;
	float: left;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.yesyoucan-questions ul {
	width: 30000px;
	overflow: hidden;
	position: relative;
	transition: ease 0.75s;
	left: 0px;
	margin-left: 10%;
}
.yesyoucan-questions li {
	float: left;
	margin: 0 0.5% 0 0;
	width: 3%;
	position: relative;
}
.yesyoucan-questions li h2 {
	font-size: 72px;
	font-weight: 300;
	line-height: 90px;
	color: #666;
	letter-spacing: -3px;
}
.yesyoucan {
	width: 20%;
	background: #f1f1f1;
	padding: 0% 10%;
	float: left;
	position: fixed;
	right: 0;
	box-shadow: 1px 0 0 #e2e2e2 inset;
	-moz-box-shadow: 1px 0 0 #e2e2e2 inset;
	-ms-box-shadow: 1px 0 0 #e2e2e2 inset;
	-o-box-shadow: 1px 0 0 #e2e2e2 inset;
	-webkit-box-shadow: 1px 0 0 #e2e2e2 inset;
}
.yesyoucan img {
	max-width: 100%;
	position: relative;
	transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	-ms-transition: all ease 0.8s;
	-o-transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;
}
.sliding-part {
	position: absolute;
	left: 30%;
	bottom: 0;
}
.slider-nav {
	width: 200px;
	margin: 0 auto;
	position: absolute;
	bottom: 90px;
	height: 25px;
	left: 50%;
	margin-left: -100px;
	z-index: 999;
}
.slider-nav .yes-left-arrow {
	position: absolute;
	left: 0;
	cursor: pointer;
}
.slider-nav .yes-right-arrow {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.slider-nav .yes-nav {
	text-align: center;
	cursor: pointer;
}
.lotmore {
	height: 62px;
	line-height: 62px;
	font-size: 14px;
	color: #333;
	text-align: center;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: #fff;
	z-index: 9999;
}
.all-question {
	position: fixed;
	z-index: 999;
	width: 60%;
	border-top: 1px solid rgba(0,0,0,0.10);
	top: 100%;
	left: 0%;
	transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	-ms-transition: all ease 0.8s;
	-o-transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;
}
.all-question-list {
}
.close-all-question {
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
}
.all-question-list li {
	background: #f7f7f7;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	padding: 12px 3% 12px 6%;
	color: #666;
	font-size: 16px;
	text-align: left;
}
.all-question-list .cani {
	font-size: 30px;
	font-weight: 400;
	color: #333;
	padding: 10px 3%;
}
/* - - - - - - - - - - - - - CUSTOMERS PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */

.customer-heading-part {
	overflow: hidden;
	padding: 15px 0 20px;
	margin: 0 5px 5px;
}
.customer-heading-part h2 {
	color: #666;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: 30px;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}
.customer-heading-part h2 span {
	font-weight: 600;
}
.customer-heading-part p {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 26px;
	margin:5px auto 40px;
	text-align: center;
	padding: 0 9%;
}

.customer-heading-part .heading-description{
	font-size: 26px;
	font-weight: 400;
	color: #333;
	line-height: 26px;
	margin:5px auto 40px;
	text-align: center;
	padding: 0 9%;

	
}
.customer-heading-part p span {
	font-weight: 600;
}
.free-signup, .startnow {
	max-width: 180px;
	margin: 0 auto 0px;
	background: #f0483e;
}
.startnow {
	max-width: 140px;
	margin: 0 auto;
	background: #f0483e;
}
.free-signup a {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
}
.customer-nav {
	overflow: hidden;
	margin: 0px auto 15px;
	max-width: 500px;
}
.customer-nav li {
	border: 1px solid #e2e2e2;
	color: #718191;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: 600;
	height: 34px;
	line-height: 34px;
	list-style: none outside none;
	padding: 3px 0px;
	text-align: left;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
	background: #f8f8f8;
}
.customer-nav .customers-selected {
	font-weight: 600;
	background: #fff;
	border-bottom: 2px solid #ddd;
}
.customer-nav .customers-selected a {
	color: #19984f;
}
.customer-nav li a {
	color: #666;
	width: 100%;
	display: block;
	font-weight: 600;
	padding:0 30px;
}
.ourcustomers-list {
	overflow: hidden;
	margin: 0 1% 40px;
    transition:ease 0.75s;
    -moz-transition:ease 0.75s;
    -o-transition:ease 0.75s;
    -webkit-transition:ease 0.75s;
    -ms-transition:ease 0.75s;

}
.ourcustomers-list li {
	border:1px solid #e2e2e2;
	width: 18.5%;
	-moz-width: 20%;
	-ms-width: 20%;
	-o-width: 20%;
	-webkit-width: 20%;
	float: left;
	text-align: center;
	height: 150px;
	background: #f9f9f9;
	margin:5px;
	transition: all 0.5s ease 0s;
	opacity:0;
}
.ourcustomers-list .loading{
    transition:ease 0.75s;
    -moz-transition:ease 0.75s;
    -o-transition:ease 0.75s;
    -webkit-transition:ease 0.75s;
    -ms-transition:ease 0.75s;
	opacity:1;
}
.ourcustomers-list li img {
	padding: 28px 0 0;
}
.customers {
	overflow: hidden;
	transition:ease 0.75s;
    -moz-transition:ease 0.75s;
    -o-transition:ease 0.75s;
    -webkit-transition:ease 0.75s;
    -ms-transition:ease 0.75s;

}
.customers-type {
	width: 29.333%;
	padding: 0 2%;
	float: left;
	overflow: hidden;
	margin-bottom:30px;
}
.customers-type h3 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	padding-bottom: 10px;
	text-align: Left;
	text-transform: uppercase;/*	border-bottom:1px solid #c2c2c2;
*/}
.customers-type li {
	padding: 10px 15px 10px 25px;
	color: #666;
	border-bottom: 1px dashed #e2e2e2;
	font-size: 14px;
	background:url(../images/customers/list-bullet.png) no-repeat 5px 17px; 
	
}
/* - - - - - - - - - - - - - CASE STUDY PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */

.casestudy-list {
	max-width: 970px;
	margin: 0 auto 20px;
	padding: 0px 2.5% 0;
}
.casestudy-list li {
	width: 43%;
	padding: 35px 2%;
	margin: 0 1.35% 25px;
	background: #fff;
	text-align: center;
	float: left;
	height: 400px;
	border: 1px solid #e5e5e5;
}
.casestudy-img-height {
	min-height: 85px;
	margin-bottom: 20px;
}
.casestudy-list li h3 {
	font-size: 24px;
	line-height: 25px;
	margin: 0px auto 5px;
	color: #333;
	font-weight: 400;
}
.casestudy-list .tm {
	font-size: 9px;
	position: relative;
	top: -10px;
}
.casestudy-list li h4 {
	font-size: 12px;
	line-height: 21px;
	margin: 0px auto 20px;
	color: #aaa;
	font-weight: 400;
}
.casestudy-list li p {
	font-size: 14px;
	line-height: 22px;
	margin: 0px auto 25px;
	color: #666;
	font-weight: 400;
	padding: 0 3%;
}
.casestudy-list .readmore {
	max-width: 120px;
	margin: 0 auto;
}
.casestudy-list .readmore a {
	border: 1px solid rgba(0,0,0,0.1);
	height: 38px;
	display: block;
	width: 100%;
	line-height: 38px;
	font-size: 12px;
	line-height: 38px;
	margin: 0px auto 20px;
	color: #777;
	font-weight: 600;
	text-transform: uppercase;
	background: #f7f7f7;
}
.casestudy-list .readmore a:hover {
	border: 1px solid rgba(0,0,0,0.3);
	color: #333;
}
/* - - - - - - - - - - - - - CASE STUDY DETAIL PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */

.casestudy-bannerpart {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 4%;
}
.casestudy-detail-list {
	margin: 30px auto 0;
	padding: 0 5%;
	overflow: hidden;
}
.casestudy-detail-list li {
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: left;
}
.casestudy-detail-list .right-aligned {
	padding: 0 0 0 5%;
}
.casestudy-detail-list li h3 {
	font-size: 21px;
	color: #333;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 28px;
	margin-bottom: 15px;
}
.casestudy-detail-list li p {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	padding: 0;
}
.casestudy-detail-list .casestudy-detail-cus-quote {
	background: #f7f7f7;
	padding: 35px 5%;
	float: left;
	width: 40%;
}
.casestudy-detail-cus-quote .open-quote-left {
	text-align: left;
	display: block;
}
.casestudy-detail-cus-quote .open-quote-right {
	text-align: right;
	display: block;
}
.casestudy-detail-cus-quote h5 {
	font-size: 20px;
	line-height: 32px;
	color: #666;
	font-family: 'Merriweather', serif;
	font-weight: 400;
	padding: 0 0 0 8%;
}
.casestudy-detail-cus-quote h5 em {
	color: #9ac029;
	font-style: normal;
}
/* - - - - - - - - - - - - - TESTIMONIAL PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */

.testimonial-list {
	max-width: 970px;
	margin:0px 0px 20px;
	padding:0 5px;
}
.testimonial-list ul{
	width:303px;
	float:left;
}
.testimonial-list ul:first-child{
	margin-right:25px;
}

.testimonial-list ul:last-child{
	margin-left:25px;
}
.testimonial-list li {
	min-height: 100px;
	position: relative;
	background:#fff;
	margin:5px 0 25px;
	padding:30px;
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-ms-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-o-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
}
.testimonial-list .customer-photo {
	border: 1px solid #e2e2e2;
	border-radius: 100% 100% 100% 100%;
	transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease;
	width:54px;
	margin-bottom:10px;
}
.testimonial-list li h3 {
	font-size: 14px;
	line-height: 21px;
	margin: 0px 0 5px 0;
	color: #19984f;
	font-weight: 400;
	font-family: 'Merriweather', serif;
	transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease;
}
.testimonial-list li h4 {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	font-weight: 400;
	font-family: 'Merriweather', serif;
	font-style:italic;
}
.testimonial-list li p {
	color: #666;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	margin: 0 auto 15px;
	position: relative;
	text-align: left;
	padding:0 0 20px 0;
	border-bottom:1px dashed #e2e2e2;
}

/* - - - - - - - - - - - - - APPS GALLERY PAGE CODING STARTS- - - - - - - - - - - - - - - - - - - -  */


/*///////         APPS GALLERY PART         ///////*/

.appsgallery-nav {
	overflow: hidden;
	margin: 20px auto 35px;
	max-width: 980px;
}
.appsgallery-nav li {
	float: left;
	text-decoration: none;
	height: 38px;
	border: 1px solid transparent;
	transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	margin: 0 5px;
}
.appsgallery-nav li:hover .appsgallery-nav-hover {
	border-bottom: 0px solid #CCCCCC;
	color: #333;
}
.appsgallery-nav li a {
	border-bottom: 1px solid #CCCCCC;
	color: #666;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 0 20px;
	padding: 9px 0 3px;
	text-align: left;
	text-transform: uppercase;
}
.appsgallery-nav .cur {
	border: 1px solid #d2d2d2;
	background: #fff;
}
.appsgallery-nav .cur a {
	font-weight: 600;
	color: #333;
	border-bottom: 0px solid #CCCCCC;
}
.apps-gallery-detail {
	margin: 20px auto 30px;
	max-width: 980px;
	overflow: hidden;
	padding: 10px 0 20px;
}
.apps-gallery-detail li {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	float: left;
	margin: 0 1.25% 25px;
	height: 370px;
	padding: 30px 3%;
	width: 24.5%;
}
.apps-detail-heading img {
	margin-bottom: 15px;
	opacity: 0.75;
}
.apps-detail-heading h2 {
	color: #333;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 15px;
}
.apps-detail-heading p {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	margin: 0 2% 0 0;
	padding: 0 0 25px;
}
.apps-detail-heading .related-links {
	overflow: hidden;
}
.related-links a {
	color: #777777;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 600;
	height: 27px;
	line-height: 27px;
	margin-right: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 90px;
}
.related-links .livedemo {
	background: none repeat scroll 0 0 #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.related-links a:last-child {
	background: none repeat scroll 0 0 #19984f;
	color: #fff;
	height: 29px;
	line-height: 29px;
	width: 92px;
}
.related-links .livedemo:hover {
	color: #333;
	border: 1px solid rgba(0, 0, 0, 0.4);
}
.apps-type {
	overflow: hidden;
}
.apps-type li {
	height: 36px;
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	max-width: 500px;
}
.apps-type li h5 {
	height: 36px;
	line-height: 36px;
	width: 32%;
	float: left;
	font-size: 14px;
	color: #666;
	padding: 0 4%;
	font-weight: 600;
	background: #fff;
	box-shadow: -1px 0 0 #e5e5e5 inset;
	-moz-box-shadow: -1px 0 0 #e5e5e5 inset;
	-ms-box-shadow: -1px 0 0 #e5e5e5 inset;
	-o-box-shadow: -1px 0 0 #e5e5e5 inset;
	-webkit-box-shadow: -1px 0 0 #e5e5e5 inset;
}
.apps-type li p {
	height: 36px;
	line-height: 36px;
	width: 52%;
	font-size: 14px;
	color: #888;
	background: #f7f7f7;
	padding: 0 4%;
	float: left;
	font-weight: 600;
}
/*///////         PRICING PART         ///////*/

.pricing-part {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #e2e2e2;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075);
	margin: 20px 0 50px;
	overflow: hidden;
}
.plans, .express-plan {
	width: 60%;
	overflow: hidden;
	float: left;
	background: #fff;
	padding: 40px 0;
	text-align: center;
	height:625px;
	box-shadow:-1px 0 0 #e2e2e2;
}

.plans h4 {
	color: #333;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	padding: 0 0 5px;
	text-transform: uppercase;
	letter-spacing: -0.25px;
}
.plans p {
	color: #777;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 0 0 10px;
}
.express-plan {
	width: 40%;
	background: #fffef1;
}
.plan-list {
	float: left;
}
.three-column {
	width: 33.13%;
}
.two-column {
	width: 49%;
}
.pricing-heading {
	height: 180px;
	text-align: center;
	line-height: 120px;
}
.pricing-heading h2 {
	color: #333;
	font-size: 36px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
.catogry-heading {
	color: #333;
	display: block;
	font-size: 21px;
	font-weight: 400;
	margin-bottom: 15px;
	padding: 15px 0 0;
}
.sub-text {
	color: #AAAAAA;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 0 0;
}
.pricing-trynow {
	background: none repeat scroll 0 0 #F0473E;
	font-size: 12px;
	font-weight: 600;
	line-height: 32px;
	margin: 15px auto;
	text-align: center;
	width: 140px;
}
.pricing-trynow a {
	color: #FFFFFF;
	display: block;
	height: 32px;
	text-transform: uppercase;
	width: 100%;
}
.pricing-heading .free {
	line-height: 120px;
	font-size: 30px;
}
.plans-offer {
	overflow: hidden;
	padding: 0 0 20px 20%;
	width: 80%;
}
.plans-offer li {
	height: 28px;
	line-height: 28px;
	text-align: left;
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-bottom: 7px;
}
.plans-offer li span, .new {
	text-align: left;
	font-size: 8px;
	line-height: 7px;
	color: #fff;
	padding: 1px 2px 1px;
	background: #19984f;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	top: -2px;
}
.forever-free {
	background: #fff;
	margin: 60px auto;
	max-width: 980px;
	border: 1px dashed #d2d2d2;
	position: relative;
	overflow:hidden;
	text-align:center;
}

.free-plans{
	width:43.8%;
	float:left;
	padding: 25px 3%;
	border-right:1px dashed #e2e2e2;
}
.forever-free h5 {
	font-size: 21px;
	line-height: 20px;
	color: #333;
	font-weight:400;
}
.forever-free p {
	font-size: 14px;
	line-height: 15px;
	color: #666;
	margin-top: 12px;
}
.forever-free p span {
	font-size: 13px;
	line-height: 12px;
	color: #444;
	margin-right: 15px;
	background: url(../images/tick.png) no-repeat center left;
}
.forever-free p span em {
	height: 6px;
	width: 10px;
	border-radius: 100%;
	display: inline-block;
	margin: 0 4px 0 0;
	position: relative;
	bottom: 1px;
}
.freeplan-signup {
	background: none repeat scroll 0 0 #F0473E;
	font-size: 12px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	width: 100px;
	margin:20px auto 5px;
}
.freeplan-signup a {
	display: block;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
}

.nonprofit {
	float: left;
	width: 44%;
	padding: 25px 3%;
}
.nonprofit h2 {
	color: #333;
	font-size: 21px;
	font-weight: 400;
	margin-bottom: 10px;
}
.nonprofit img {
	margin: 10px 0 15px;
}
.nonprofit p {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	margin:0 auto;
}
.nonprofit p a {
	color: #19984f;
}


.faq-part {
	max-width: 980px;
	margin: 0px auto 20px;
	border-bottom: 1px solid #e5e5e5;
	padding: 25px 0 15px;
	overflow: hidden;
}
.faq-part li {
	width: 23%;
	margin: 0 1% 25px;
	float: left;
}
.faq-part li h3 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  min-height: 60px;
}
.faq-part p {
	font-size: 14px;
	line-height: 22px;
	color: #666;
	margin-right: 10px;
	float: left;
}
.faq-part p a {
	color: #19984F;
}
/* ADD ONS PART */

.addons-area {
	overflow: hidden;
	padding-bottom: 30px;
	clear:both;
}
.addons-part {
	width: 100%;
}
.addons {
	text-align:center;
}
.addons h2 {
	font-size:21px;
	font-weight:600;
	color:#333;
}
.addons-list {
	border: 1px solid #e5e5e5;
	border-bottom: 0px solid #e5e5e5;
	overflow: hidden;
	font-size:12px;
	text-align:left;
}
.addons-description {
	color: #666;
	padding: 5px 0 25px 0;
	font-size:14px;
}
.addons-row {
	border-bottom: 1px solid #e2e2e2;
	width: 100%;
	clear: both;
	overflow: hidden;
	background:#fff;
}
.addons-row p {
	float: left;
}
.addon-label {
  background: none repeat scroll 0 0 #F2F2F2;
  border-right: 1px solid #E2E2E2;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 5px 15px 20px;
  width: 300px;
}
.addon-label-records {
  background: none repeat scroll 0 0 #F2F2F2;
  border-right: 1px solid #E2E2E2;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  padding: 25px 5px 30px 20px;
  width: 300px;
}
.addon-value {
	padding: 15px 5px 15px 20px;
	font-size:14px;
}
.addon-value-records1 {
  border-bottom: 1px dotted #E2E2E2;
  padding: 10px 5px 10px 20px;
  width: 625px;
}
.addon-value-records2 {
	padding: 10px 5px 10px 20px;
}

.start-today {
	width: 400px;
	margin: 35px auto 20px;
	overflow: hidden;
}
.start-today span {
	font-size: 15px;
	font-weight: 400;
	display: block;
	text-align: center;
	color: #333;
}
.start-today a {
	width: 220px;
	height: 44px;
	text-align: center;
	margin: 10px auto;
	line-height: 44px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	background: none repeat scroll 0 0 #F0473E;
	display: block;
}
.customer-contact {
	border: 1px dashed #d2d2d2;
	margin: 35px auto 30px;
	max-width: 410px;
	overflow: hidden;
	padding: 30px 3% 45px 33%;
	position: relative;
	background:#fff;
}
.customer-contact h2 {
	font-size: 21px;
	line-height: 20px;
	color: #333;
	margin:10px 0 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.customer-contact p {
	font-size: 16px;
	line-height: 23px;
	color: #666;
	padding: 0 0 15px 0px;
}
.customer-contact p span {
	font-size: 18px;
	font-weight: 400;
	color: #19984f;
}
.sales-team {
	position: absolute;
	left: 50px;
	top: 40px;
}
.getstarted-box {
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 1px solid #E2E2E2;
	padding: 50px 0;
	text-align: center;
}
.common-getstarted-part {
	width: 100%;
	max-width: 400px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
.common-getstarted-part p {
	font-size: 18px;
	margin-bottom: 15px;
	color: #666;
}
.common-getstarted-part a {
	margin: 0 auto;
}
/*/////////////////////////////////////////////////         GETTING STARTED PAGES PART START         /////////////////////////////////////////////////*/
.maxwidth-1200 {
	max-width: 1200px;
}
#build-apps {
	position: relative
}
.letsbuild-part{
		background: #d6e5e4; /* Old browsers */
background: -moz-linear-gradient(left, #d6e5e4 0%, #e1efeb 45%, #fdeed5 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d6e5e4), color-stop(45%,#e1efeb), color-stop(90%,#fdeed5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #d6e5e4 0%,#e1efeb 45%,#fdeed5 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #d6e5e4 0%,#e1efeb 45%,#fdeed5 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #d6e5e4 0%,#e1efeb 45%,#fdeed5 90%); /* IE10+ */
background: linear-gradient(to right, #d6e5e4 0%,#e1efeb 45%,#fdeed5 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5e4', endColorstr='#fdeed5',GradientType=1 ); /* IE6-9 */
padding:60px 0 40px;
		
}
.build-banner {
		max-width: 980px;
		margin:0 auto;
}
.build-banner h1 {
	font-size: 36px;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
.build-banner h1 span {
	font-weight: 600;
}
.build-bg {
	height: 480px;
	max-width: 100%;
	width: 100%;
}
.buidapps-features {
	overflow: hidden;
	margin: 0 0 30px;
}
.buidapps-desc {
	text-align: center;
	max-width: 750px;
	margin: 0 auto;
	font-size: 16px;
	color: #666;
}
.buidapps-features li {
	margin: 40px 0.05% 5px;
	overflow: hidden;
	padding: 10px 4%;
	width: 25%;
	float: left;
	text-align: center;
	border-left: 1px dashed #c2c2c2;
}
.buidapps-features li:first-child {
	border: none;
}
.buidapps-features li img {
	margin-bottom: 20px;
}
.buidapps-features li h4 {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin-bottom: 10px;
	text-transform:uppercase;
}
.buidapps-features li p {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 20px;
	min-height: 60px;
}
.buidapps-features li p span {
	color: #333;
	font-weight: 600;
}
.buildapps-link {
	margin: 0 auto;
	overflow: hidden;
	width: 230px;
}
.buildapps-link a {
	background: #F0483E;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	width: 105px;
}
.buildapps-link a:first-child {
	color: #333;
	font-size: 11px;
	font-weight: 400;
	height: auto;
	line-height: 20px;
	margin-bottom: 10px;
	text-decoration: underline;
	background: none;
	display:none;
}
.buildapps-link a:first-child:hover {
	background: none;
}
.action a {
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  margin: 0 12px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 118px;
}


.help-links {
	padding: 0px 0 40px;
	overflow: hidden;
}
.help-links li {
	float: left;
	overflow: hidden;
	padding: 0 4.5%;
	text-align: left;
	width: 41%;
}
.help-links li img {
	margin-top: 15px;
}
.help-links li h3 {
	color: #333;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	margin-bottom: 20px;
}
.help-links h3 a {
	font-weight: 600;
	color:#333;
}
.help-links li p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	font-weight: 400;
	max-width: 400px;
	margin: 0 auto;
}


.help-section{
	overflow:hidden;
	border-top:1px solid #e2e2e2;
	padding:40px 0 40px;	
}

.help-section h2{
	font-size: 25px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	margin: 0 auto 40px;
	text-align:center;
}

.help-types{
	overflow:hidden;
}

.online-help{
	float:left;
	width:30%;	
}

.online-help h3, .videos-help h3, .contact-help h3{
	font-size:18px;
	font-weight:600;
	line-height:24px;
	margin-bottom:20px;	
	color:#333;
	text-transform:uppercase;
}

.online-help li, .videos-help li{
	text-decoration:underline;
	margin:0 0 15px 0;
	padding:0px 0 0px 25px;
	font-size:15px;
	background:url("../images/customers/list-bullet.png") no-repeat scroll 5px 8px transparent;
}

.online-help li a, .videos-help li a{
	color:#666;
	
}

.videos-help{
	float:left;
	width:40%;	
}

.videos-help li{
	background:url("../images/features/youcan-arrow.png") no-repeat scroll 0 center transparent;
}



.contact-help{
	float:left;	
	width:30%;
}

.contact-help img{
	margin-bottom:5px;	
}

.contact-help p{
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:22px;
	margin-bottom:15px;
	max-width:225px;
}

.contact-help a{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #777777;
	display: block;
	float: left;
	font-family: 'open sans',sans-serif,arial;
	font-size: 12px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 20px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 175px;	
}

.contact-help a:hover{
	border: 1px solid rgba(0, 0, 0, 0.25);
	color: #333;
}


/*/////////////////////////////////////////////////         POP UP VIDEO PART         /////////////////////////////////////////////////*/

.cm-popup {
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	height: 100%;
	z-index: 9999999;
	top: 0px;
	position: fixed;
	display: none;
}
.cm-videos {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DEDEDE;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
	top: 100px;
	z-index: 999999999;
	display: none;
	opacity: 1;
	max-width: 860px;
	position: fixed;
	/*transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	-ms-transition: all ease 0.8s;
	-o-transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;*/
}
.video-part {
	padding: 30px;
}
#ifrm {
	width: 800px;
	height: 450px;
}
.popup-close {
	position: absolute;
	right: 4px;
	top: 4px;
	cursor: pointer;
	width: 24px;
	height: 24px;
}
.popup-close .close-icon {
	background: none repeat scroll 0 0 #333;
	height: 20px;
	left: 12px;
	position: absolute;
	top: 3px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 1px;
}
.popup-close .close-icon2 {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.no-margin{
	margin:0;	
}

#Top {
	background: url("../images/top.png") no-repeat scroll left 0px transparent;
	border: 1px solid #d2d2d2;
	bottom: 15px;
	color: #666;
	cursor: pointer;
	font-size: 10px;
	font-weight: 600;
	height: 16px;
	padding-top: 34px;
	position: fixed;
	right: 15px;
	text-align: center;
	text-transform: uppercase;
	transition: display 0.5s ease;
	width: 50px;
	z-index: 9999999;
	display: none;
}
#Top:hover {
	background-position: left -50px;
}



/* DATA DRIVE DECISION BAR CHART ANIMATION CSS */

	.chart{
		left: 100px;
    position: absolute;
    top: 117px;

	}
	.chart li{
		width:70px;
		list-style:none;
		float:left;
		margin-right:50px;
		color:#fff;
		text-align:center;
		font-size:12px;
		
	}
	#red{
		
		background:#ea6a4f;
		position:relative;
		line-height:70px;
		transition:ease 0.5s;
		-moz-transition:ease 0.5s;
		-webkit-transition:ease 0.5s;
		-ms-transition:ease 0.5s;
		-o-transition:ease 0.5s;
		transition-delay:0.25s;
		box-shadow:0 -4px 0 #d16040 inset;
		-moz-box-shadow:0 -4px 0 #d16040 inset;
		-ms-box-shadow:0 -4px 0 #d16040 inset;
		-o-box-shadow:0 -4px 0 #d16040 inset;
		-webkit-box-shadow:0 -4px 0 #d16040 inset;
		
		
	}
	#green{
		background:#89c75c;
		position:relative;
		line-height:150px;
		transition:ease 0.75s;
		-moz-transition:ease 0.75s;
		-webkit-transition:ease 0.75s;
		-ms-transition:ease 0.75s;
		-o-transition:ease 0.75s;
		transition-delay:0.4s;
		box-shadow:0 -4px 0 #7fb756 inset;
		-moz-box-shadow:0 -4px 0 #7fb756 inset;
		-ms-box-shadow:0 -4px 0 #7fb756 inset;
		-o-box-shadow:0 -4px 0 #7fb756 inset;
		-webkit-box-shadow:0 -4px 0 #7fb756 inset;

	}
	#blue{
		background:#6dc3dc;
		position:relative;
		line-height:225px;
		transition:ease 1s;
		-moz-transition:ease 1s;
		-webkit-transition:ease 1s;
		-ms-transition:ease 1s;
		-o-transition:ease 1s;
		transition-delay:0.55s;
		box-shadow:0 -4px 0 #66b6cd inset;
		-moz-box-shadow:0 -4px 0 #66b6cd inset;
		-ms-box-shadow:0 -4px 0 #66b6cd inset;
		-o-box-shadow:0 -4px 0 #66b6cd inset;
		-webkit-box-shadow:0 -4px 0 #66b6cd inset;

	}
	
	.rGrow{
		height:1px;
		top:200px;
	}
	.gGrow{
		height:1px;
		top:200px;
	}
	.bGrow{
		height:1px;
		top:200px;
	}
	.animationStart .rGrow{
		height:70px;
		top:130px;
		
	}
	.animationStart .gGrow{
		height:150px;
		top:50px
	}
	.animationStart .bGrow{
		height:225px;
		top:-25px;
	}
	
	.animationStart .rGrow span{
		opacity:1;
		transition-delay:0.7s;
	}
	.animationStart .gGrow span{
		opacity:1;
		transition-delay:0.9s;
	}
	.animationStart .bGrow span{
		opacity:1;
		transition-delay:1.1s;
	}
	
	.chart span{
		transition:ease 1.5s;
		-moz-transition:ease 1.5s;
		-webkit-transition:ease 1.5s;
		-ms-transition:ease 1.5s;
		-o-transition:ease 1.5s;
		opacity:0;
	}





/*Feature page animation*/

#FB{
	position:relative;
	left:0;
	top:0px;
	z-index:999;	
}

#WB{
	position:relative;
	left:0;
	top:0px;
	z-index:99;	
}

.fielddd
{
	position:absolute;
}

.hide
{
	display:none;
}

.nodfields
{
	background:url("../images/features/dragdrop/drag-drop-txt.png") no-repeat;
	width:207px;
	height:51px;
}

.singlelinedd
{
	background:url("../images/features/dragdrop/single-line.png") no-repeat;
	width:122px;
	height:38px;
}

.singleline-sel
{
	background:url("../images/features/dragdrop/order-selected.png") no-repeat;
	width:255px;
	height:76px;
}

.singleline-nosel
{
	background:url("../images/features/dragdrop/order-notselected.png") no-repeat;
	width:255px;
	height:76px;
}

.radiodd
{
	background:url("../images/features/dragdrop/radiobutton.png") no-repeat;
	width:122px;
	height:38px;
}

.radio-sel
{
	background:url("../images/features/dragdrop/category-selected.png") no-repeat;
	width:255px;
	height:105px;
}

.radio-nosel
{
	background:url("../images/features/dragdrop/category-notselected.png") no-repeat;
	width:255px;
	height:105px;
}

.numberdd
{
	background:url("../images/features/dragdrop/number.png") no-repeat;
	width:122px;
	height:38px;
}

.number-sel
{
	background:url("../images/features/dragdrop/quantity-selected.png") no-repeat;
	width:255px;
	height:76px;
}

.number-nosel
{
	background:url("../images/features/dragdrop/quantity-notselected.png") no-repeat;
	width:255px;
	height:76px;
}
	
	
.noscript
{
	background:url("../images/features/dragdrop/drag-drop-txt-script.png") no-repeat;
	width:197px;
	height:24px;
}

.ifdd
{
	background:url("../images/features/dragdrop/if-box.png") no-repeat;
	width:130px;
	height:23px;
}

.ifscript
{
	background:url("../images/features/dragdrop/if-condition.png") no-repeat;
	width:197px;
	height:55px;
}

.alertdd
{
	background:url("../images/features/dragdrop/alert-box.png") no-repeat;
	width:130px;
	height:23px;
}

.ifalertscript
{
	background:url("../images/features/dragdrop/if-alert.png") no-repeat;
	width:197px;
	height:85px;
}

.elsedd
{
	background:url("../images/features/dragdrop/else-box.png") no-repeat;
	width:130px;
	height:23px;
}

.ifelsescript
{
	background:url("../images/features/dragdrop/if-alert-else.png") no-repeat;
	width:197px;
	height:135px;
}

.ifelsealertscript
{
	background:url("../images/features/dragdrop/if-alert-else-alert.png") no-repeat;
	width:197px;
	height:175px;
}

.marker
{
	background:url("../images/features/dragdrop/marker.png") no-repeat;
	width:15px;
	height:15px;
}
/*Feature page animation ends*/



 /******************************************************************************************************************************************\
																	FOOTER PART																 
 \******************************************************************************************************************************************/


.footer {
	background: #333;
	overflow:hidden;
	color:#999;
	padding:40px 2.5%;
}

/******************************************************************************************************************************************\
																	FOOTER SUB LINKS PART																 
 \******************************************************************************************************************************************/

.footer-parts {
	border-bottom: 1px solid #444040;
    padding: 10px 0;
   max-width:980px;
   overflow:auto;
   margin:0 auto 1px;
	box-shadow:0 1px 0 #262626;
	-moz-box-shadow:0 1px 0 #262626;
	-ms-box-shadow:0 1px 0 #262626;
	-o-box-shadow:0 1px 0 #262626;
	-webkit-box-shadow:0 1px 0 #262626; 
}

.sub-footer{
	width:22%;
	overflow:auto;
	float:left;
	padding:0 1.5%;
	text-align:left;
}

.sub-footer h5{
	font-size:14px;
	font-weight:600;
	color:#aaa;
	margin-bottom:15px;
	text-transform:uppercase;
	line-height:22px;
}

.sub-footer ul{
	margin:0 0 25px;
}

.sub-footer li{
	font-size:13px;
	font-weight:400;
	margin:10px 0;
	line-height:20px;
}


.sub-footer li a{
	color:#777;
}

/*/////////////////////////////////////////////////     COMMON FOOTER PART         /////////////////////////////////////////////////*/
.common-footer {
	background: #333;
	overflow: hidden;
	color: #666;
	padding: 30px 0 0px;
	text-align: center;
}
.common-footer  p {
	font-size: 12px;
	line-height: 18px;
	margin: 5px auto;
}
.common-footer  .zoholinks {
	color: rgba(200,200,200,0.05);
	margin:8px 0;
	font-size:14px;
}
.common-footer .zoholinks a {
	font-size: 12px;
	color: #666;
	font-weight: 400;
	display:inline-block;
	padding:0 8px;
}
.social-icons {
	text-align: center;
	overflow: hidden;
	margin: 10px auto 0;
}
.social-icons a {
	text-align: center;
	line-height: 15px;
	padding: 0 10px;
}
.social-icons li:first-child {
	padding: 0px;
}
 
/* Case-study video page design */

.wrapper {
	width: 1200px;
    margin: 60px auto 0;
}
.customer-section {
	clear: both;
	overflow: hidden;
}
.wrapper h2 {
	font: 300 30px open sans;
	letter-spacing: -0.5px;
	padding: 0 0 70px;
	text-align: center;
	padding: 80px 0 0;
}
.customer-part {
	width: 39%;
	background: #fff;
   padding: 5% 5% 2%;
	float: left;
	min-height: 594px;
}
.customer-part h3 {
	font-family: open sans;
	font-size: 27px;
	font-weight: 300;
	line-height: normal;
	padding: 20px 0 10px;
}
.customer-part p {
	color: #666666;
	font: 300 20px/30px open sans;
	letter-spacing: -0.3px;
	padding: 5px 0 20px;
}
.customer-part .readabout {
	background: url("../images/arrow.png") no-repeat scroll right 9px rgba(0, 0, 0, 0);
	color: #333333;
	display: inline;
	font: 15px open sans;
	padding: 0 20px 0 0;
	width: 251px;
	text-decoration: underline;
}
.customer-part a {
	color: #333333;
	display: inline;
	font: 15px open sans;
	padding: 0 20px 0 0;
	width: 251px;
}
.customer-part a:hover {
	text-decoration: underline;
}
.customer-part:last-child {
	border-left: 1px solid #ebebeb;
}
.customer-part:hover {
	background: #ffcb00;
	transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.client {
	clear: both;
	margin: 0 auto;
	max-width: 850px;
	overflow: hidden;
	padding: 100px 0;
}
.client ul {
	margin: 0 auto;
}
.client li {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #E2E2E2;
	float: left;
	height: 140px;
	line-height: 230px;
	margin: 5px;
	text-align: center;
	width: 18.5%;
}
.client li span {
	background-image: url("../images/customer-sprite.png") ;
	background-repeat:no-repeat;
	display: block;
	height: 90px;
	margin: 25px auto 0;
	text-align: center;
	width: 90px;
}
.client .hp {
	background-position: 0 0;
}
.client li:hover .hp {
	background-position: 0 -90px;
}
.client .sony {
	background-position:  -90px 0px ;
}
.client li:hover .sony {
	background-position:  -90px -90px ;
}
.client .dhl {
	background-position:  -180px 0px ;
}
.client li:hover .dhl {
	background-position:  -180px -90px ;
}
.client .paypal {
	background-position:  -270px 0px ;
}
.client li:hover .paypal {
	background-position:  -270px -90px ;
}
.client .honeywe {
	background-position:  -360px 0px ;
}
.client li:hover .honeywe {
	background-position:  -360px -90px ;
}
.client .harvard {
	background-position:  -540px 0px ;
}
.client .bbc {
	background-position:  -450px 0px ;
}
.client li:hover .harvard {
	background-position:  -540px -90px ;
}
.client .pixar {
	background-position:  -630px 0px ;
}
.client li:hover .pixar {
	background-position:  -630px -90px ;
}
.client .ikea {
	background-position:  -720px 0px ;
}
.client li:hover .ikea {
	background-position:  -720px -90px ;
}
.client .alstom {
	background-position:  -810px 0px ;
}
.client li:hover .alstom {
	background-position:  -810px -90px ;
}
.client .dbschenker {
	background-position:  0px -180px ;
}
.client li:hover .dbschenker {
	background-position:  0px -270px ;
}
.client .lenovo {
	background-position:  -90px -180px ;
}
.client li:hover .lenovo {
	background-position:  -90px -270px ;
}
.client .thomson {
	background-position:  -180px -180px ;
}
.client li:hover .thomson {
	background-position:  -180px -270px ;
}
.client .pbs {
	background-position:  -270px -180px ;
}
.client li:hover .unesco {
	background-position:  -360px -270px ;
}
.client .unesco {
	background-position:  -360px -180px ;
}
.client li:hover .oxfam {
	background-position:  -450px -270px ;
}
.client .oxfam {
	background-position:  -450px -180px ;
}
.client .computerworld {
	background-position:  -540px -180px ;
}
.client li:hover .cambridge {
	background-position:  -630px -270px ;
}
.client .cambridge {
	background-position:  -630px -180px ;
}
.client li:hover .acs {
	background-position:  -720px -270px ;
}
.client .acs {
	background-position:  -720px -180px ;
}
.client li:hover .adobe {
	background-position:  -810px -270px ;
}
.client .adobe {
	background-position:  -810px -180px ;
}
.client li:hover .deloitte {
	background-position:  0px -450px ;
}
.client .deloitte {
	background-position:  0px -360px ;
}
.client li:hover .accenture {
	background-position:  -90px -450px ;
}
.client .accenture {
	background-position:  -90px -360px ;
}
.client li:hover .ge {
	background-position:  -180px -450px ;
}
.client .ge {
	background-position:  -180px -360px ;
}
.client .saint-gobain {
	background-position: -270px -335px ;
}
.client li:hover .merck {
	background-position:  -360px -450px ;
}
.client .merck {
	background-position:  -360px -360px ;
}
.client li:hover .ebay {
	background-position:  -450px -450px ;
}
.client .ebay {
	background-position:  -450px -360px ;
}
.client li:hover .pearson {
	background-position:  -540px -450px ;
}
.client .pearson {
	background-position:  -540px -360px ;
}
.client li:hover .tetrapak {
	background-position:  -630px -450px ;
}
.client .tetrapak {
	background-position:  -630px -360px ;
}
.client li:hover .she {
	background-position:  -720px -450px ;
}
.client .she {
	background-position:  -720px -360px ;
}
.client li:hover .hubspot {
	background-position:  -810px -450px ;
}
.client .hubspot {
	background-position:  -810px -360px ;
}
.client li:hover .dct {
	background-position:  0 -630px ;
}
.client .dct {
	background-position:  0 -540px ;
}
.client .logitech {
	background-position:  -90px -540px ;
}
.client li:hover .oracle {
	background-position:  -180px -630px ;
}
.client .oracle {
	background-position:  -180px -540px ;
}
.client li:hover .carlson {
	background-position:  -270px -630px ;
}
.client .carlson {
	background-position:  -270px -540px ;
}
.client li:hover .starwood {
	background-position:  -360px -630px ;
}
.client .starwood {
	background-position:  -360px -540px ;
}
.video {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #F4F4F4;
	margin-top: 80px;
	overflow: hidden;
	padding: 7% 9%;
	width: 82%;
}
.video:hover {
	background: #ffcb00;
	transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.video span {
	font-size: 28px;
	 margin-bottom: -15px;
    margin-top: 15px;
	float: left;
	font-weight: 300;
	display: block;
}
.video a {
	color: #333333;
	display: inline;
	float: right;
	font: 15px open sans;
	margin: 40px 0;
	padding-right: 20px;
}
.video a span {
	background: url("../images/arrow.png") no-repeat scroll right 9px rgba(0, 0, 0, 0);
}
.video a:hover {
	text-decoration: underline;
}
.sign_up {
	max-width: 1200px;
	margin: 0 auto;
}
.sign_up h2 {
	font: 300 24px open sans;
	letter-spacing: -0.5px;
	padding: 0 0 70px;
	text-align: center;
	padding: 0px 0 20px;
}
.sign_up a {
	background: none repeat scroll 0 0 #5AB46C;
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	font-weight: 600;
	height: 42px;
	line-height: 42px;
	margin: 0 auto 100px;
	text-align: center;
	text-transform: uppercase;
	width: 180px;
}
.pB {
	padding-bottom: 83px;
}
/*Innerpage_1 Start Css*/
.content {
	width: 980px;
	margin: 0 auto;
}
.contentInner {
	margin: 100px 0px 50px;
}
.contentInner h2 {
	color: #333333;
	font-size: 24px;
	font-weight: 600;
	margin-top: 15px;
	padding-bottom: 15px;
}
.contentInner p {
	font-weight: 300;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 30px;
}
.video-1 {
	background: #fff;
	padding: 8% 9% 10%;
	width: 82%;
	border: 1px solid #f4f4f4;
	margin-top: 50px;
}
.video-1:hover {
	background: #ffcb00;
	transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.video-1 span {
	font-size: 20px;
	float: left;
	font-weight: 300;
	display: block;
	padding-top: 20px;
}
.video-1 a {
	background: url("../images/arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	width: 165px;
	color: #333333;
	display: inline-block;
	float: right;
	font: 15px open sans;
	margin: 25px 0px;
}
.video-1 a:hover {
	text-decoration: underline;
}
.contentTop {
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.contentLeft {
	max-width: 600px;
	float: left;
}
.contentRight {
	max-width: 270px;
	float: right;
	border-left: 3px solid #ffcc00;
	padding: 3px 0 10px 30px;
	margin-top: 75px;
}
.contentRight h5 {
	color: #333333;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: 34px;
}
.contentRight em {
	border-bottom: 1px solid #000000;
	display: block;
	margin: 20px 0 0;
	width: 50px;
}
.mT {
	margin-top: 70px;
}
/*Innerpage_1 End Css*/




/*Innerpage_2 Start Css*/
.contentInner h3 {
	font-weight: 500;
	font-size: 18px;
	color: #333333;
	padding-bottom: 15px;
	margin-top: 15px;
}
.contentInner li {
	background: url("../images/dotted.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 10px;
	padding-left: 20px;
}


/*Innerpage_2 End Css*/