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: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
  color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #ccc;  
}

:-ms-input-placeholder {  
  color: #ccc;  
}
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%
}

.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
}












.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
}




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
}

.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 #B0ADAD;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	color:#0a0a0a;
	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; height: 44px;}
.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%;}

.sectionDescription
{
    padding-bottom:15px;
}
.login-text-div{ margin:0 auto; width:360px;}
.float-right{ float:right; width:49%; height:0px;}
.forgot-password-text{cursor:pointer; color:#000; 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:#000; 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: #696868;
    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;
}


.tasks-list-cb {
  display: none;
}

.tasks-list-mark {
  position: relative;
  display: inline-block;
  vertical-align: top;
 /* margin-right: 12px;*/
  width: 20px;
  height: 20px;
  border: 2px solid #c4cbd2;
  border-radius: 12px; background:#fff;
}
.tasks-list-mark:before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  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;
}

@media only screen and (max-width :320px) and (max-width :480px)
{
    .login-text-div{ margin:0 auto; width:100%!important;}

    .sectionDescription {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 15px;
}
   .float-right {
    float: right;
    height: 0;
    width: 55%;
}

    button, input[type="submit"]
    {
           padding: 12px 24px;
    }
 .row {
   
    margin: 0 auto;
    
    width: 96%;
}


     div-100 {
    height: 44px;
    margin: 0 auto;
    width:97%;
}
    .login-button-facebook
    {
        width: 72%!important;
    }
    .login-button-linkedin
    {
         width: 72%!important;
    }

    .login-button-gplus
    {
         width: 72%!important;
    }


}

@media only screen and (max-width :481px) 
{
  
.row {
    left: 10px;
    margin: 0 auto;
    right: 10px;
    width: 96%;
}

   

    div-100 {
    height: 44px;
    margin: 0 auto;
    width:97%;
}
    .login-button-facebook
    {
        width: 80%;
    }
    .login-button-linkedin
    {
         width: 80%;
    }

    .login-button-gplus
    {
         width: 80%;
    }

    
    
}
@media only screen and (max-width :480px)
{
    .login-button-facebook
    {
        width: 75%;
    }
    .login-button-linkedin
    {
         width: 75%;
    }

    .login-button-gplus
    {
         width: 75%;
    }

}

@media only screen and (min-width :481px) and (max-width :499px)
{

     
    .login-button-facebook
    {
        width: 75%;
    }
    .login-button-linkedin
    {
         width: 75%;
    }

    .login-button-gplus
    {
         width: 75%;
    }

}
@media only screen and (max-width :500px) and (min-width : 400px) {
       
    }
        .login-button-facebook
    {
        width: 75%;
    }
    .login-button-linkedin
    {
         width: 75%;
    }

    .login-button-gplus
    {
         width: 75%;
    }
    
    }

@media only screen and (max-width :600px) and (min-width : 501px)
{
   

    .login-button-facebook
    {
        width: 75%;
    }

    .login-button-linkedin
    {
        width: 77%;
    }

    .login-button-gplus
    {
        width: 77%;
    }
}
@media only screen and (max-width :767px) and (min-width : 601px)
{

   


@media only screen and (max-width : 768px)
{

   


@media only screen and (min-width :320px) {
        
  
    
      
    }