abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:0 0
}

 ::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
  color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;  
}

:-ms-input-placeholder {  
  color: #fff;  
}
body {
	line-height:1;
	background:#fff;
	font-family:Roboto, sans-serif;
	color:#999;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
nav ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:'';
	content:none
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:0 0;
	text-decoration:none;
	color:#6c9; cursor:pointer;
	transition:color .3s;
	-webkit-transition:color .3s
}
a:hover {
	color:#5cadad
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:700
}
del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
input, select { text-align:center;

}
h1, h2 {
	color:#666
}
h1 {
	font-size:42px
}
h2 {
	font-size:34px
}
h3 {
	font-size:28px
}
h4 {
	font-size:22px
}
h5 {
	font-size:16px
}
h6 {
	font-size:8px
}
p {
	margin:5px 0;
	line-height:22px
}
#topContainer {
	width:100%;
	position:fixed;
	background:url(../newimg/background.jpg) no-repeat center;
	background-size:cover;
	top:0;
	z-index:1
}
.popup-with-zoom-anim{ float:left;}
#contentWrapper {
	position:relative;
	z-index:10;
	top:0;
	transition:all .5s;
	-webkit-transition:all .5s
}
#navigationWrap {
	position:relative;
	 /* margin:30px 0 100px 0; */
       margin:20px 0 100px 0; /*ottom margin dependa on headerHeight-50 in theme.js*/
	width:100%
}
#navigationWrap1 {
	position:relative;
	 /* margin:30px 0 100px 0; */
       /*margin:20px 0 0px 0;*/ /*ottom margin dependa on headerHeight-50 in theme.js*/
	   margin:0px 0 0px 0;
	width:100%
}
.menuWrap {
	text-align:right
}
.mainMenu {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	margin-top:50px
}
.mainMenu li {
	display:inline-block;
	margin-left:5px;
	/*font-size:14px;*/
	font-size:13px;
	font-weight:500;
	text-transform:uppercase
}
.mainMenu li a {
	color:#fff;
	/*line-height:14px;*/
	line-height:20px; cursor:pointer;
	/*padding:10px 20px;*/
	padding:10px 10px;
	text-decoration:none;
	background:0 0;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	/*transition:all .3s;*/
	/*-webkit-transition:all .3s*/
}
.whiteBgSection {background:#fff;position:relative; padding:90px 0px 0px 50px;}
.middle-bg-blu{background-position: 0px 3715.2px; background: #FFF url(../newimg/bg-texture-blu.jpg);}
.middle-bg-lines{background-position: 0px 3715.2px; background: #FFF url(../newimg/stripes-1.png) repeat ; }
.middle-bg-lines-2{background-position: 0px 3715.2px; background: #FFF url(../newimg/stripes-2.png) repeat ;}/*6dc3cd 5fc1a7*/
.bottom-grey-color{background:#fff url(../img/bottom-bg.jpg) no-repeat center;}
.green-background{background:url(../img/bottom-img.jpg) no-repeat center;}

.Support-bg{background:#fff url(../img/bottom-bg.jpg) no-repeat center;}
.get-app-bg{background-image: url(../img/bottom-img.jpg); background-position: 0px 6424.8px;}
.menuActive a {
	color:#5cadad!important;
	background:#fff!important
}
.mainMenu li a.singup {
	border:1px solid #fff;
	padding:10px 20px; margin-bottom:5px;
}
.mainMenu li a:hover {
	color:#5cadad;
	background:#fff
}

.menuWrap {
	text-align:right
}
.signup-for-div {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	margin-top:50px
}
.signup-for-div li {
	display:inline-block;
	margin-left:5px;
	/*font-size:14px;*/
	font-size:13px;
	font-weight:500;
	text-transform:uppercase
}
.signup-for-div li a {
	color:#fff;
	/*line-height:14px;*/
	line-height:20px; cursor:pointer;
	/*padding:10px 20px;*/
	padding:10px 10px;
	text-decoration:none;
	background:0 0;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	/*transition:all .3s;*/
	/*-webkit-transition:all .3s*/
}

.menuActive a {
	color:#5cadad!important;
	background:#fff!important
}
.signup-for-div li a.singup {
	border:1px solid #fff;
	padding:10px 20px;
}
.signup-for-div li a:hover {
	color:#5cadad;
	background:#fff
}





#followMenu {
	width:100%;
	position:fixed;
	background:#f7f7f7;
	background-size:cover;
/*	padding:30px 0;*/
		padding:30px 0 10px 0 ;
	z-index:20;
	overflow:hidden;
	display:none;
	text-align:center;
	border-bottom:1px solid #e1e1e1
}
#followMenu .mainMenu li a {
	color:#666
}
#followMenu .mainMenu .menuActive a, #followMenu .mainMenu li a:hover {
	background:#6c9!important;
	color:#fff!important
}

#loginform{ color:#fff;}
#followMenu img {
	max-height:100%;
/*	height:50px*/
}
#followMenu .small-logo img { height:auto !important; }
#followMenu .mainMenu {
	margin:0 auto;
	/*left:10%; width:70%;*//*added*/
}
.small-logo-grp { float:left;}
.sliderText {
	/* font-size:70px; */
	font-size:50px;
	line-height:80px;
	color:#fff;
	font-weight:100
}
.sliderText span {
	font-weight:300
}
.sliderButtonWrap a {
	margin:0 15px
}
.ls-bottom-nav-wrapper {
	bottom:30%;
	right:35%;
	position:absolute!important
}
#responsiveMenuToggle {
	position:fixed;
	top:0;
	right:0;
	z-index:20;
	padding:10px;
	font-size:30px;
	background:#6c9;
	display:none;
	cursor:pointer;
	color:#fff
}
#demoStyle {
	position:fixed;
	top:0;
	left:-140px;
	z-index:20;
	padding:10px;
	background:#6c9;
	font-size:18px;
	width:120px;
	transition:left .3s;
	-webkit-transition:left .3s
}
.demoStyleActive {
	left:0!important
}
#demoStyle i {
	position:absolute;
	right:-45px;
	top:0;
	padding:10px;
	font-size:30px;
	background:#6c9;
	cursor:pointer
}
#demoStyle {
	color:#fff
}
#demoStyle ul {
	list-style:none;
	margin:0
}
#demoStyle ul li {
	margin:10px 0
}
#demoStyle ul li a {
	color:#fff;
	text-decoration:underline
}
#demoStyle ul li a:hover {
	color:#fff
}
.section-80-130 {
	padding:50px 0 50px 0px;
} 
 .section-80-80 {
	padding:50px 0 50px 0px;
} 
.section-60-60 {
	padding:60px 0
}

.section-40-40 {
	padding:0px 0px 20px 0px;
}
.section-90-90 {
	padding:100px 0px 100px 0px!important;
}

.section-90-80 {
	padding:120px 0 80px 0px;
}
.section-160-160 {
	padding:160px 0
}
/*.section-160-30 {
	padding:160px 0 30px
}*/

.section-20-70 {
	padding:90px 0 0px 0px;
}

.section-70-70 {
	padding:70px 0
}

.grayBgSection {
	position:relative;
	background:#f5f5f5
}
.textureBgSection {
	position:relative;
	background-size:cover;
	background-color:#fff;
	background-position:0 0
}
.sectionDescription, .sectionTitle {
	text-align:center
}
.sectionTitle {
	font-size:45px;
	line-height:40px;
	font-weight:100
}
.sectionDescription {
	font-size:24px;
	line-height:32px;
	font-weight:300
}
.titleSeparator {
	width:40px;
	height:4px;
	margin:20px auto;
	background:#6c9
}
.grayBgSection, .whiteBgSection {
	color:#999
}
.textureBgSection, .textureBgSection .sectionDescription, .textureBgSection .sectionTitle {
	color:#fff
}
.textureBgSection .titleSeparator {
	background:#fff
}
.hide-desktop {
	display:none
}
.separator160, .separator80 {
	height:80px
}
.separator40 {
	height:40px
}
.separator20 {
	height:90px
}
.alignTextCenter {
	text-align:center
}
.triangleTop {
	position:absolute;
	top:-160px;
	width:100%;
	height:160px;
	display:block;
	z-index:99
}
.triangleBottom {
	position:absolute;
	bottom:-160px;
	width:100%;
	height:160px;
	display:block;
	z-index:99
}



.iconColWrap {
	text-align:center; 
   
}


.icon-divimg{ background: none repeat scroll 0 0 #fff;
    border: 2px solid #6c9;
    border-radius: 100px;
    height: 50px;
    margin: 10px auto;
    padding: 25px;
    text-align: center;
    width: 50px;
	 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
- See more at: http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html#sthash.5CMgLZTQ.dpuf
	}
.icon-divimg:hover {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
- See more at: http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html#sthash.5CMgLZTQ.dpuf
   
}





.iconColWrap i.fa {
	min-width:30px;
	font-size:32px;
	border:2px solid #6c9;
	color:#6c9;
	padding:40px;
	background:0 0;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	cursor:default;
	transition:background .3s, color .3s;
	-webkit-transition:background .3s, color .3s;
	transform:translate3d(0px, 0, 0);
	-webkit-transform:translate3d(0px, 0, 0);
	margin-bottom:35px
}
.iconColWrap:hover i.fa {
	color:#fff;
	background:#6c9
}
.iconColWrap h2 {
	font-size:20px!important;
	color:#666; font-weight:normal;
	margin-bottom:25px;
	line-height:28px;
	transition:color .3s;
	-webkit-transition:color .3s
}
.iconColWrap:hover h2 {
	color:#6c9
}
.iconColWrap p {
	font-size:14px;
	color:#666;
	font-weight:300;
	line-height:22px
}
.iconRightColWrap {
	transform:translate(0, 0) translate3d(0px, 0, 0);
	-webkit-transform:translate(0, 0) translate3d(0px, 0, 0);
	transition:transform .3s;
	-webkit-transition:-webkit-transform .3s;
	margin-bottom:40px
}
.iconRightColWrap:hover {
	transform:translate(-10px, 0);
	-webkit-transform:translate(-10px, 0)
}
.rightColTextWrap {
	float:right;
	text-align:right;
	max-width:70%;
	margin-right:20px
}
.iconRightColWrap i.fa {
	font-size:32px;
	border:2px solid #6c9;
	color:#6c9;
	padding:25px;
	background:0 0;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	cursor:default;
	transition:background .3s, color .3s;
	-webkit-transition:background .3s, color .3s;
	float:right;
	min-width:30px;
	text-align:center
}
.iconRightColWrap:hover i.fa {
	color:#fff;
	background:#6c9
}
.iconRightColWrap h2 {
	font-size:24px;
	color:#666;
	margin-bottom:10px;
	line-height:28px;
	transition:color .3s;
	-webkit-transition:color .3s
}
.iconRightColWrap:hover h2 {
	color:#6c9
}
.iconRightColWrap p {
	font-size:16px;
	color:#999;
	font-weight:300;
	line-height:22px
}
.iconLeftColWrap {
	transform:translate(0, 0) translate3d(0px, 0, 0);
	-webkit-transform:translate(0, 0) translate3d(0px, 0, 0);
	transition:transform .3s;
	-webkit-transition:-webkit-transform .3s;
	margin-bottom:40px
}
.iconLeftColWrap:hover {
	transform:translate(10px, 0);
	-webkit-transform:translate(10px, 0)
}
.leftColTextWrap {
	float:left;
	text-align:left;
	max-width:70%;
	margin-left:20px
}
.iconLeftColWrap i.fa {
	font-size:32px;
	border:2px solid #6c9;
	color:#6c9;
	padding:25px;
	background:0 0;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	cursor:default;
	transition:background .3s, color .3s;
	-webkit-transition:background .3s, color .3s;
	float:left;
	min-width:30px;
	text-align:center
}
.iconLeftColWrap:hover i.fa {
	color:#fff;
	background:#6c9
}
.iconLeftColWrap h2 {
	font-size:24px;
	color:#666;
	margin-bottom:10px;
	line-height:28px;
	transition:color .3s;
	-webkit-transition:color .3s
}
.iconLeftColWrap:hover h2 {
	color:#6c9
}
.iconLeftColWrap p {
	font-size:16px;
	color:#999;
	font-weight:300;
	line-height:22px
}
.buttonBig, .dlButton {
	font-size:18px;
	line-height:18px;
	color:#fff;
	text-decoration:none;
	padding:18px 35px;
	border:2px solid #fff;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	transform:translate3d(0px, 0, 0);
	display:inline-block;
	background-color:transparent;
	transition:color .3s, background-color .3s!important;
	-webkit-transition:color .3s, background-color .3s!important
}
.buttonBig:hover, .dlButton:hover {
	background:#fff;
	color:#5cadad
}
.dlButton {
	font-size:24px;
	text-align:left;
	padding:8px 35px 8px 15px;
	margin:0 15px;
	z-index:5;
	position:relative
}
.dlButton i {
	float:left;
	font-size:34px;
	margin-right:18px;
	margin-top:4px
}
.dlButton .dlButtonWrap {
	font-size:14px;
	float:right
}
.dlButton .dlButtonSmall {
	font-size:24px
}
.testWrapper {
	overflow:hidden
}
.revViewport {
	width:10000px;
	position:relative;
	transform:translate(0px, 0) translate3d(0px, 0, 0);
	-webkit-transform:translate(0px, 0) translate3d(0px, 0, 0);
	transition:transform .8s;
	-webkit-transition:-webkit-transform .8s
}
.revWrap {
	display:block;
	float:left;
	opacity:0;
	transition:all .3s;
	-webkit-transition:all .3s
}
.revWrapActive {
	opacity:1!important
}
.revLeft {
	float:left;
	width:100px;
	max-width:100px;
	position:relative
}
.revRight {
	float:right;
	width:600px;
	position:relative
}
.revCustomer {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:2px solid #fff;
	position:relative
}
.revBubble {
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	/*padding:30px 40px;*/
		padding:10px 40px
}
.arrowLeftRev {
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-right:10px solid #fff;
	position:absolute;
	left:-10px;
	top:45px
}
.revText {
	color:#000;
	font-weight:300;
	font-size:16px;
	line-height:24px;
	margin-bottom:10px
}
.revAuthor {
	font-size:16px;
	line-height:28px;
	color:#4e8eb2;
}
.revStars {
	vertical-align:middle;
	margin-left:8px
}
#revsNavi {
	text-align:center;
	margin:60px auto 0
}
.revBullet {
	display:inline-block;
	width:10px;
	height:10px;
	background:0 0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:2px solid #fff;
	margin-right:10px;
	cursor:pointer
}
.revBulletActive {
	background:#fff;
	cursor:default
}

.clintImg {
	background:#fff;
	padding:4px; float:left;
	border:1px solid #e6e6e6;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; margin:10px 5px;
	border-radius:5px;
	transition:border-color .4s;
	-webkit-transition:border-color .4s;
	max-width:140px
}

.signin-field{ margin-top:15px;}

.screenImg {
	background:#fff;
	padding:8px;
	border:1px solid #e6e6e6;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	transition:border-color .4s;
	-webkit-transition:border-color .4s;
	max-width:261px
}
.screenImg:hover {
	border-color:#6C9
}
#screensViewportWrap {
	position:relative
}
#screensOfHide {
	overflow:hidden
}
#screensWrap {
	text-align:center
}
#screensWrapOuter {
	width:10000px;
	position:relative;
	transform:translate(0px, 0) translate3d(0px, 0, 0);
	-webkit-transform:translate(0px, 0) translate3d(0px, 0, 0);
	transition:transform .5s;
	-webkit-transition:-webkit-transform .5s
}
.screen-item img {
	display:block
}
#screensWrap span {
	margin-top:30px;
	font-size:16px;
	line-height:20px;
	display:inline-block
}
.screensFilters {
	text-align:center;
	margin:0 auto 70px!important
}
button, input[type=submit] {
	text-transform:uppercase;
	background:#fff;
	/*border:2px solid #ccc;*/
	border:1px solid #ccc;
	color:#999;
	font-weight:500;
	margin:0 5px;
	padding:12px 36px;
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	border-radius:45px;
	font-size:14px;
	cursor:pointer;
	transition:color .3s, background .3s, border-color .3s;
	-webkit-transition:color .3s, background .3s, border-color .3s;
	outline:0 transparent
}
button.active, button:hover, input[type=submit]:hover {
	color:#fff;
	background:#6C9;
	border-color:#6C9
}
.screensArrows {
	position:absolute;
	top:50%;
	font-size:32px;
	margin-top:-30px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:2px solid #ccc;
	padding:5px 15px;
	line-height:32px;
	color:#ccc;
	transition:color .3s, background .3s, border-color .3s;
	-webkit-transition:color .3s, background .3s, border-color .3s;
	opacity:.5;
	z-index:5
}
.screensArrows i {
	cursor:default
}
.screensArrowsActive, .screensArrowsActive i {
	cursor:pointer;
	opacity:1
}
.screensArrowsActive:hover {
	color:#fff;
	border-color:#fff;
	background:#6C9
}
#screensLeftAr i {
	margin-right:2px
}
#screensRightAr i {
	margin-left:2px
}
#screensLeftAr {
	left:-80px
}
#screensRightAr {
	right:-80px
}
.screenImg {
	min-height:495px
}
.embed-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
	max-width:100%;
	height:auto
}
.embed-container embed, .embed-container iframe, .embed-container object {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.floatingPhone {
	position:absolute;
	width:40%;
	height:100%;
	right:0%;
	bottom:-40px;
	background:url(../newimg/demoimg/phone2.png) no-repeat;
	background-position:0 100%;
	background-size:cover
}
input:not([type=submit]) {
	background:none;
	width:88%;
	font-size:16px;
	margin-bottom:20px;
	padding:12px 16px; text-align:left;
	border:1px solid #FFF;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	color:#FFF;
	transition:border-color .6s;
	-webkit-transition:border-color .6s
}
textarea {
	width:87%;
	padding:15px 16px;
	font-size:16px;
	resize:none;
	margin-bottom:20px !important;
	border:1px solid #FFF;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	color:#FFF;
	font-family:Roboto, sans-serif;
	transition:border-color .6s;
	-webkit-transition:border-color .6s;
	background:none;
	
}
input:focus, textarea:focus {
	outline:0 transparent;
	border-color: none;
	background:none;
}
input[type=submit] {
	font-size:18px;
	padding:12px 35px;
	margin:0;
	color:#FFF;
	background:#6c9;
	border-color:#6C9;
}
.del-fa {
	font-size:26px;
	border:2px solid #6C9;
	color:#6C9;
	padding:12px;
	min-width:26px;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
#formSubmitMessage {
	margin:20px 0
}
.fa-form-wait {
	margin-left:10px;
	margin-top:20px
}
.footerContact td {
	vertical-align:middle;
	padding-bottom:20px;
	line-height:22px;
	font-size:16px;
}
.fa.fa-facebook.facebook{background:#204385;}


.fa.fa-twitter.twitter  {background:#2aa9e0;}


.fa.fa-google-plus.gplus { background:#d3492c; }


.fa.fa-linkedin.linkedin { background:#0085ae; }


.fa.fa-bold.blogcon { background:#f57d02; }


.footerContact td a{
color:#fff;
}
.footerContact td.socialicons-grp{
	padding-top:20px;
}

.socialicons{ width:30px; height:30px; border-radius:5px;}

.footerContact td.socialicons{
	vertical-align:middle;
	padding-bottom:20px;
	float:left;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
- See more at: http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html#sthash.5CMgLZTQ.dpuf
}

.footerContact td.socialicons:hover{
-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
- See more at: http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html#sthash.5CMgLZTQ.dpuf
   	
	}

.iconTd100 {
	width:100%
}

.iconTd {
	width:25%
}



.footer {
	width:100%;
	
	background-size:cover;
	/*text-align:center;*/
	font-size:14px;
	color:#fff
}
.footer p {
	font-size:14px;
	color:#fff;
	line-height:24px
}
.footer i.fa {
	font-size:18px;
	border:2px solid #fff;
	color:#fff;
	padding:13px;
	min-width:18px;
	background:0 0;
	-webkit-border-radius:350px;
	-moz-border-radius:350px;
	border-radius:350px;
	transition:background .3s, color .3s;
	-webkit-transition:background .3s, color .3s;
	transform:translate3d(0px, 0, 0);
	-webkit-transform:translate3d(0px, 0, 0);
	margin:0 10px;
	text-align:center;
}
.footer i.fa:hover {
	color:#6c9;
	background:#fff
}
.footer p a {
	color:#9fc
}

.aligncenter { text-align:center; padding-bottom:30px;}

/*login-page*/



.login i.fa {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    
    color: #fff; float:left;
    font-size:25px; border:solid #bef3dc 1px;
    margin:0px 0px!important;
  
    padding:10px 18px; width:25px;
	 border-radius:30px 0px 0px 30px; 
          border-right:none;
    text-align: left;
    transform: translate3d(0px, 0px, 0px);
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
}

.div-100{ width:100%; margin:10px 0px;}
.login-button-facebook{
	
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:#204385;
    border-color: #bef3dc #bef3dc #bef3dc -moz-use-text-color;
    border-image: none;
    border-radius: 0 30px 30px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #fff;
    float: left;
    font-size: 17px;
    margin-left: -7px;
    padding: 14px 0 14px 14px;
    width: 78%;
	

	}
	  
.forgot-password-div { padding: 5px 10px 20px 18px;
    width: 88%;} 
	  
.login-button-linkedin{
	background:#0085ae; border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; 
	color:#fff; border-radius:0px 30px 30px 0px; 
    border-left:none; margin-left:-7px; float:left; width:78%;}
	  
		  
.login-button-gplus{background:#d3492c;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
          border-left:none; margin-left:-7px; float:left; width:78%;}		  		  

.login-button-me{background:#573494;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px;border-left:none; margin-left:-7px; float:left; width:78%;}
.login-button-eb{background:#f6682F;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px;border-left:none; margin-left:-7px; float:left; width:78%;}

.login-text-div{ margin:0 auto; width:32%;}
.float-right{ float:right; width:45%; clear:#fff; height:0px;}
.forgot-password-text{cursor:pointer; color:#fff; font-size:14px;}
.forgot-password-text a{cursor:pointer; color:#fff; font-size:14px;}
.forgot-check-box{float:left; width:7%; text-align:left;}

.keep-me{cursor:pointer; color:#fff; font-size:14px;  } 
.login-button{width:96%!important; text-align:center!important; margin-bottom:20px !important; margin-top:15px !important; font-size:15px!important;
 background:#fff url(../newimg/button-bg.jpg) left bottom repeat-x!important; color:#666!important; cursor:pointer;}

.reset-password{ margin-bottom:20px; font-size:15px!important; background:#fff url(../newimg/button-bg.jpg) bottom  repeat-x!important; color:#666!important; float:left;}
.cancel-button{ float:right; margin-bottom:20px; font-size:15px!important; background:#fff url(../newimg/button-bg.jpg) bottom  repeat-x!important; color:#666!important; text-align:center!important;}

.terms-service{color:#fff; font-size:13px; text-align:center; width:80%; margin:5px auto; line-height:20px;}


.span-or {
    background-color: #5bc199;
    color: #fff;
    font-size: 19px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 50px;
}
.login-or {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}

.hr-or {
    background-color: #fff;
    height: 1px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.padding-left{ padding-left:86px;}


.text-feild-login{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px!important;
    padding: 12px 5px 12px 12px;
    transition: border-color 0.6s ease 0s;
    width:92%/*!important;*/}
	
	
input[type=checkbox] {
	visibility: hidden;
}


/* SQUARED FOUR */
.squaredFour {
position: relative; float:left; margin-right:15px;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width:18px;
	height:18px;
	top: 0;
	border-radius:10px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 6px;
	height:3px;
	background: transparent;
	top:5px;
	left: 5px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}	


/* ============================================================
  LOGIN-PAGE
  ============================================================ */

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
/*input.cmn-toggle-round + label {
  padding: 2px; float:right;
  width: 35px;
  height: 15px; margin-top:-3px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width:17px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left:20px;
}*/
/* ============================================================
/*check-box*/



.tasks-list-cb {
  display: none;
}
.tasks-list-item{ margin:0px; padding:0px;}
.tasks-list-mark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
 /* margin-right: 12px;*/
  width: 18px;
  height: 18px;
  border: 1px solid #c4cbd2;
  border-radius: 12px; background:#fff;
}
.tasks-list-mark:before {
  content: '';
  display: none;
  position: absolute;
  top: 50%; font-weight:normal;
  left: 50%;
  margin: -5px 0 0 -6px;background:#fff;
  height: 4px;
  width: 8px;
  border: solid #39ca74;
  border-width: 0 0 4px 4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tasks-list-cb:checked ~ .tasks-list-mark {
  border-color: #39ca74;
}
.tasks-list-cb:checked ~ .tasks-list-mark:before {
  display: block;
}

.tasks-list-desc {
  font-weight: bold;
  color: #8a9a9b;
}
.tasks-list-cb:checked ~ .tasks-list-desc {
  color: #34bf6e;
  text-decoration: line-through;
}



/* .width100 { width:100% !important;} */