body {
     /*background:url(../img/bg-texture-black.png) !important;*/
     
     background: white;
     color: #0e1a35;
     font-family: "Geometria Light", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
 }
textarea::-webkit-scrollbar {
	width: 5px;
    background-color: rgba(10, 139, 165, 0.31);
    border-radius: 5px;
}
textarea::-webkit-scrollbar-thumb {
     border-radius: 5px;
    background: #01d5ff;
}
 
 .login_frm {
     margin-top: 241px;
     margin-right: 39px;
 }
 .aplite-logo {
     margin: 0 auto;
 }
 .logo img {
     width: 150px;
 }
 @font-face {
     font-family: roboto-thin;
     src: local('font/Roboto-Thin.ttf');
     font-weight: 200 !important
 }
 /*--------talk on task 1-8-16----------*/
.navbar-custom .nav li a:hover {
    color: rgb(196, 237, 251);
}
 .started {
     border-radius: 50px;
     background: #ffffff;
     height: 50px;
     text-transform: capitalize;
     width: 150px;
     color: #00aff0;
     font-weight: bold;
     margin-top: 5px;
     padding-top: 13px;
     /*border: 2px solid #00aff0;*/
 }
 .started:hover {
     box-shadow: 1px 2px 6px #026f96;
     color: #026f96;
 }
 .intro {
     display: table;
     width: 100%;
     height: 100%;
     padding: 70px 0 0 0;
     text-align: center;
     color: white;
     background: url(../img/dashborad.png) no-repeat bottom center scroll;
     background-color: rgb(118, 222, 237);
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     margin-top: -21px;
     z-index: 99;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     text-transform: inherit;
 }
 @media (min-width: 1500px) {
     .intro {
         padding: 180px 0 0 0;
     }
 }
 @media (min-width: 1920px) {
     .intro {
         padding: 155px 0 0 0;
     }
 } 
 @media (min-width: 768px) {
     .intro .intro-body .brand-heading {
         font-size: 3.2vw;
         font-family: roboto;
         font-weight: 600;
         margin-bottom: 10px;
     }
     .navbar-custom.top-nav-collapse {
         background-color: #414149 !important;
         color: white;
         text-align: center;
     }
     .introdution {
         padding-top: 220px;
     }
     p {
         margin: 0 0 35px;
         font-size: 16px;
         line-height: 1.6;
         letter-spacing: 1.1px;
     }
     .navbar>.container .navbar-brand,
     .navbar>.container-fluid .navbar-brand {
         margin-left: 20px;
         padding-top: 7px;
     }
     .container-fluid>.navbar-collapse {
         margin-right: 20px;
     }
     .intro .intro-body .intro-text {
         margin-bottom: 20px;
         font-size: 1.5vw;
     }
     .carousel-indicators {
         bottom: -40px;
         width: 50%;
     }
 }
 header {
     position: relative;
 }
 .slider {
     /*position: absolute;
    top: 381px;
    left: 112px;*/
 }
 .slider-img img {
     width: 85%;
 }
 .intro .intro-body {
     display: block;
     margin-top: 80px;
 }
 #about .col-md-4 img {
     vertical-align: baseline;
     width: 18%;
     margin-bottom: 10px;
 } 
 #download {
     padding-top: 0px;
 }
 .download-section img {
     width: 100%;
     margin-left: 30px;
 }
 .download-section {
     background-color: transparent;
     background-image: none;
     color: #0e1a35;
     padding: 150px 0 50px 0;
 }
 .all-browser {
     width: 84%;
     text-align: -webkit-left;
     margin: auto 170px;
     padding-top: 50px;
 }
 .all-browser h1 {
     font-family: roboto;
 }
 .all-browser ul {
     padding-left: 0;
     color: #00aff0;
     font-size: large;
     letter-spacing: 0.4px;
 }
 .all-browser li {
     list-style: none;
     text-align: left;
     padding-top: 10px;
     font-weight: 600;
 }
 .all-browser li span {
     margin-left: 10px;
 }
 .task-view {
     width: 94%;
     text-align: -webkit-left;
     margin: 0 auto;
 }
 .status {
     width: 39%;
     text-align: -webkit-left;
     margin: 100px auto 45px;
 }
 .status h1 {
     font-family: roboto;
     font-size: 2.7vw;
 }
 .status p {
     width: 80%;
     text-align: left;
 }
 .all-browser p {
     width: 84%;
     color: #525252;
 }
 .introdution p {
     width: 90%;
     margin: auto;
     color: #525252;
 }
 .task-bg {} .change-task {
     padding-top: 100px;
     padding-bottom: 100px;
     color: white;
     background: url(../img/net-bg.png) no-repeat bottom center scroll;
     background-size: cover;
     background-attachment: fixed;
  /*background: rgba(0,190,233,1);	
	background: -moz-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,190,233,1)), color-stop(100%, rgba(104,222,240,1)));
	background: -webkit-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
	background: -o-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
	background: linear-gradient(to bottom, #00afd6 0%, #81e8f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bee9', endColorstr='#68def0', GradientType=0 );*/   
 }
 .Tot_app .status{
	 width: 58.33333333%;
	 margin: 150px auto 45px;
 }
 .Tot_app .status h2{
	font-family: roboto;
    font-size: 2.3vw;
 }
 .Tot_app .status p {
    line-height: 28px;
	width: 90%;
}
.home7-get-btn, .home7-get-btn2 {
    width: 177px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    height: 58px;
	transition: all 0.5s;
}

.home7-get-btn {
    background: url(../img/android_app.png)  no-repeat center;
    margin-right: 20px;
}
.home7-get-btn2 {
    background: url(../img/ios_app.png)  no-repeat center;
}
.home7-get-btn:hover, .home7-get-btn2:hover{
	box-shadow: 0px 3px 20px #1a98b3;
    border-radius: 12px;	
}
 .ui-design {
     padding-top: 125px;
     padding-bottom: 80px;
 }
 .ui-design h1,
 .pricing-grids h1,
 .contact-as h2 {
     font-family: roboto;
 }
 .ui-design img {
     width: 80%;
     margin-top: 50px;
}
 .ui-design p {
     width: 70%;
     margin: 0 auto;
 }
 .review,
 .terms-body,
 .aboutus-body {
     padding-top: 100px;
     padding-bottom: 100px;
 }
 .aboutus-body {
    padding-top: 30px;
 }
 .review .sign-in,
 .submit,
 .purchase {
     position: relative;
     border-radius: 50px;
     background: #ffffff;
     height: 45px;
     width: 160px;
     font-weight: bolder;
     color: #00aff0;
     font-size: 15px;
     border: 1px solid;
     margin: 0 auto;
 }
 .review .sign-in:hover,
 .purchase:hover {
     background: #00aff0;
     color: white;
     border: none;
 }
 .submit:hover {
   background: #00afd6;
    color: white;
    border-color: #00afd6;
 }
 .review .sign-in:focus,
 .purchase:focus {
     outline: none;
 }
 .review h2 {
     color: #00aff0;
     margin-bottom: 60px;
 }
 .review h4 {
     font-family: roboto;
     font-size: 2.2vw;
     margin-bottom: 60px;
 }
 .review p {
     font-size: 16px;
     line-height: 1.6;
     font-weight: bolder;
     letter-spacing: 1.1px;
     width: 80%;
     margin: auto;
 }
 .ui-design h5 {
     font-size: 2.2vmin;
     line-height: 1.6;
     text-align: center;
     width: 70%;
     font-weight: normal;
     margin: 50px auto;
     letter-spacing: normal;
 }
 footer {
     background: #363636;
     clear: both;
     overflow: hidden;
	 padding: 50px 0 25px;
 }
 .fw100,
 .copy {
     color: lightgray;
 }
 .copy {} [data-icon]:before,
 .i-check:before,
 .i-close:before,
 .i-drive:before,
 .i-dropbox:before,
 .i-earth:before,
 .i-email:before,
 .i-facebook:before,
 .i-features-calendar:before,
 .i-features-dragndrop:before,
 .i-features-dropbox:before,
 .i-features-emailforward:before,
 .i-features-mentions:before,
 .i-features-pastedirectly:before,
 .i-features-pinposts:before,
 .i-features-privateboard:before,
 .i-features-shared:before,
 .i-features-theeye:before,
 .i-googleplus:before,
 .i-linkedin:before,
 .i-mail:before,
 .i-phone:before,
 .i-pinterest:before,
 .i-play:before,
 .i-right:before,
 .i-twitter:before,
 .i-up:before,
 .i-youtube:before {
     display: inline-block;
     font-family: "fontawesome";
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
 }
 .i-facebook:before {
     content: "\f09a";
 }
 .i-twitter:before {
     content: "\f099";
 }
 .i-linkedin:before {
     content: "\f0e1";
 }
 .i-pinterest:before {
     content: "\f231";
 }
 .i-googleplus:before {
     content: "\f0d5";
 }
 .i-youtube:before {
     content: "\f167";
 }
 footer .links .group {
     padding-left: 5%;
 }
 col-md-height {
     display: table-cell;
     float: none;
     height: 100%;
 }
 footer .links .logo .social a {
     font-size: 14px;
	 margin: 0 5px;
     color: #fff;
     -webkit-transition: color 0.1s ease-in-out;
     transition: color 0.8s ease;
 }
 .col-md-middle a {
	 padding: 3px 7px;
    border: 3px solid white;
 }
 .copy {
     margin:17px 45px;
 }
 .tc {
     text-align: center;
 }
 .group-links a {
     color: #c4edfb;
 }
 .group-links a:hover {
     color: #00aff0;
 }
 footer .links .logo .social a:hover {
     color: #00aff0;
     border-color: #00aff0;
 }
 .footer-logo .aplite-logo {
    width: 130px;
}
 .no-background h2 {
     display: inline-block;
     /* padding: 0 15px;*/
	 width:100%;     
     position: relative;
 }
 .no-background h2:before,
 .no-background h2:after, 
 .flow_ryt h2:after, 
 .team_left h2:after {
     background: #ddd;
     content: "";
     display: block;
     height: 1px;
     position: absolute;
     top: 31px;
     width: 50%;
 }
 .flow_ryt h2:after{
	left: auto;
    right: 0;
    width: 89px;
    margin-right: -16px;
 }
  .team_left h2:after {
	left: 0;
    right: auto;
    width: 89px;
    margin-left: -16px;
  }
 
 .no-background h2:before {
     right: 78%;
 }
 .no-background h2:after {
     left: 78%;
 }
 .no-background {
     overflow: hidden;
     text-align: center;
 }
  .no-background h2 img, 
 .flow_ryt h2 img, 
 .team_left h2 img {
     height:76px;
 }
 
 .sign-in {
     display: inline-block;
     /* padding: 0 15px;*/
     
     position: relative;
 }
 .sign-in:before,
 .sign-in:after {
     background: #ddd;
     content: "";
     display: block;
     height: 1px;
     position: absolute;
     top: 50%;
     width: 250%;
 }
 .sign-in:before {
     right: 105%;
 }
 .sign-in:after {
     left: 105%;
 }
 /*------slider---------*/
 
 .round ul {
     height: 393px;
     width: 800px;
     border-radius: 1000px 1000px 0 0;
     border: 2px solid #f7f7f7;
     border-bottom: none;
     background: none;
     margin: 0 auto;
     position: relative;
 }

 .round ul li {
     border-radius: 50px;
     list-style: none;
     background: url(../img/round-li.png) no-repeat;
     background-size: cover;
	 /* background:rgba(78, 191, 208, 0.66); */
     width: 90px;
     height: 90px;
     position: absolute;
     z-index: 70;
     z-index: 100;
     padding: 27px 27px;
 }
 .round ul li img {
     width: 100%;
 }

 #topcontrol {
     bottom: 30px !important;
     right: 25px !important;
     opacity: .6 !important;
 }
 #topcontrol:hover {
     opacity: 1 !important;
 }
 .introdution h4 {
     margin-bottom: 27px;
 }

 #slider .navBulletsWrapper {
     right: 25px;
 }
 @media screen and (max-width: 1400px) {
     .status h1,
     .all-browser h1 {
         font-size: 36px;
     }
     .status {
         margin: 45px 40px;
     }
     p {
         font-size: 14px;
     }
     .slider {
         top: 375px;
         left: 0;
     }
     .intro {
         height: 119%;
     }
 }
 @media screen and (max-width: 1450px) {
     .slider-img {
         left: 170px !important;
     }
 }
 @media screen and (min-width: 1366px) {
     .intro {
         height: 100%;
     }
 }
 @media screen and (max-width: 1366px) {
     .intro {
         height: 100%;
     }
 }
 @media screen and (min-width: 1850px) {
     .intro .intro-body {
         margin-top: 123px;
     }
 }
 .carousel-control {
     color: transparent;
 }
 h1 {
     font-size: 2.9vw;
 }
 h2 {
     font-size: 2.5em;
 }
 /*p {
  font-size: 1.8vmin ;
}*/
 
 .slider {
     margin: 80px 0 0 0;
     height: auto;
 }
 .slider-img {
     padding: 40px 40px 0 0;
 }
 .slider-img p {
     width: 450px;
     margin: 0px auto;
     margin-bottom: 24px;
     font-size: 2.2vmin;
     font-family: roboto;
     font-weight: 600;
 }
 .slider-img strong {
     font-size: 1.6vw;
     line-height: 2.7;
     color: #414149;
     font-family: "Geometria Light", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
 }
 /*-------------------------------------------Contact form css -----------------------------------------*/
 /*Form*/
 
 .contact-as {
     padding-top: 75px;
     padding-bottom: 75px;
     color: white;
     background: rgba(0, 190, 233, 1);
     background: -moz-linear-gradient(top, rgba(0, 190, 233, 1) 0%, rgba(104, 222, 240, 1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 190, 233, 1)), color-stop(100%, rgba(104, 222, 240, 1)));
     background: -webkit-linear-gradient(top, rgba(0, 190, 233, 1) 0%, rgba(104, 222, 240, 1) 100%);
     background: -o-linear-gradient(top, rgba(0, 190, 233, 1) 0%, rgba(104, 222, 240, 1) 100%);
     background: -ms-linear-gradient(top, rgba(0, 190, 233, 1) 0%, rgba(104, 222, 240, 1) 100%);
     background: linear-gradient(to bottom, #00afd6 50%, #81e8f7 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00bee9', endColorstr='#68def0', GradientType=0);
 }
 #box {
     border: 1px solid rgb(82, 211, 239);
     box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
     background: rgba(255, 187, 187, 0.1);
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     top: 50px;
     padding: 0 10%;
 }
 #box h2 {
     text-align: center;
     color: #fff;
     padding-top: 20px;
 }
 /*custom*/
 
 .input-group-addon {
     background: #fff !important;
     color: #00aff0 !important;
 }
 .myfont {
     font-family: roboto;
     font-weight: 700;
 }
 .custglyp {
     color: #fff !important;
     font-size: 36px !important;
     vertical-align: middle;
     position: relative;
 }
 .algn {
     vertical-align: middle;
 }
 .respo span {
     position: absolute;
     padding-left: 50px;
 }
 .custom {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 41px;
     text-align: center;
 }
 .company-detail {
     padding-right: 0;
     text-align: center;
     display: none;
 }
 .fail-msg {
    display: none;
    text-align: center;
 }
 .company {
     font-size: 3.5vmin;
 }
 .custom-btn {
     border-radius: 60px !important;
     -webkit-border-radius: 60px !important;
     -moz-border-radius: 60px !important;
     background-color: #00aff0 !important;
     border: none !important;
     width: 120px;
     height: 40px;
 }
 .custom-btn:hover {
     border: none !important;
     background-color: #fff !important;
     color: #00aff0 !important;
 }
 @media screen and (max-width: 992px) {
     .custom {
         padding-left: 15%!Important;
         padding-top: 100px;
         padding-bottom: 100px;
     }
 }
 .form-control {
     margin: 20px 0 0 0;
 }
 .textarea-box {
     max-width: 97%;
     padding: 19px 0em !important;
 }
 .input {
     position: relative;
     z-index: 1;
     display: inline-block;
     margin: 0 1em;
     width: calc(100% - 1em);
     vertical-align: top;
 }
 .input__field {
     position: relative;
     display: block;
     float: right;
     padding: 0.8em;
     width: 60%;
     border: none;
     border-radius: 0;
     background: #f0f0f0;
     color: #aaa;
     font-weight: bold;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     -webkit-appearance: none;
     /* for box shadows to show on iOS */
 }
 .input__field:focus {
     outline: none;
 }
 .input__label {
     display: inline-block;
     float: right;
     padding: 0 1em;
     width: 40%;
     color: #6a7989;
     font-weight: normal;
     letter-spacing: 0.5px;
     font-size: 70.25%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 .input__label-content {
     position: relative;
     display: block;
     padding: 1.6em 0;
     width: 100%;
     color: white;
 }
 .graphic {
     position: absolute;
     top: 0;
     left: 0;
     fill: none;
 }
 .icon {
     color: #ddd;
     font-size: 150%;
 }
 .input--hoshi {
     overflow: hidden;
 }
 .input__field--hoshi {
     margin-top: 2em;
     padding: 1.9em 1em;
     width: 100%;
     background: transparent;
     color: #414149;
     /*text-transform: capitalize;*/
 }
 .textarea-box .input__field--hoshi {
     margin-top: 1em;
     /*padding: 1.5em 1em;
*/
 }
 .input__label--hoshi {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 0 0.25em;
     width: 100%;
     font-size: 1.2em;
     height: calc(100% - 0.5em);
     text-align: left;
     pointer-events: none;
 }
 .input__label-content--hoshi {
     position: absolute;
 }
 .input__label--hoshi::before,
 .input__label--hoshi::after {
     content: '';
     position: absolute;
     top: -6px;
     left: 0;
     width: 100%;
     height: calc(100% - 10px);
     border-bottom: 1px solid #ffffff;
 }
 .textarea-box .input__label--hoshi::before,
 .textarea-box .input__label--hoshi::after {
     height: calc(100% - 6px);
 }


 
 .input__label--hoshi::after {
     margin-top: 2px;
     border-bottom: 4px solid red;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
 }
 .input__label--hoshi-color-1::after,
 .textarea-box.input__label--hoshi-color-1::after {
     border-color: #ffffff;
 }
 .input__field--hoshi:focus + .input__label--hoshi::after,
 .input--filled .input__label--hoshi::after {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
 .input--filled .input__label-content--hoshi {
     -webkit-animation: anim-1 0.3s forwards;
     animation: anim-1 0.3s forwards;
 }
 @-webkit-keyframes anim-1 {
     50% {
         opacity: 0;
         -webkit-transform: translate3d(1em, 0, 0);
         transform: translate3d(1em, 0, 0);
     }
     51% {
         opacity: 0;
         -webkit-transform: translate3d(-1em, -40%, 0);
         transform: translate3d(-1em, -40%, 0);
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, -40%, 0);
         transform: translate3d(0, -40%, 0);
     }
 }
 @keyframes anim-1 {
     50% {
         opacity: 0;
         -webkit-transform: translate3d(1em, 0, 0);
         transform: translate3d(1em, 0, 0);
     }
     51% {
         opacity: 0;
         -webkit-transform: translate3d(-1em, -40%, 0);
         transform: translate3d(-1em, -40%, 0);
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, -40%, 0);
         transform: translate3d(0, -40%, 0);
     }
 }
 .fa-phone:before,
 .fa-map-marker:before,
 .fa-envelope-o:before {
     line-height: 3;
 }
 .submit {
     width: 200px;
     font-size: 14px;
     margin-top: 2em;
     background: #6be0f3;
     color: #f3f4f5;
     position: relative;
 }
.submit.active, .submit:active {
    outline: 0;
    box-shadow: none;
} 
.submit.focus, .submit:focus, .submit:hover{
	color:white;
}

 .submit:hover {
     padding-left: 0;
 }
 .submit:before {
     right: 0%;
     opacity: 0;
     top: -11px;
 }
 .submit:hover:before {
     right: 9%;
     opacity: 1;
     top: -11px;
 }
 .submit:before {
     position: absolute;
     height: 100%;
     font-size: 15px;
     line-height: 4.5;
     color: #fff;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     font-family: fontawesome;
 }
 
 .sub_content .btn-default[disabled]:hover {
    background-color: #fba78a;
    border-color: transparent;
}
 
 .icon-arrow-right:before {
     content: "\f1d8";
 }
 /*---------------------------------------------------*/
 @media screen and (max-width: 1400px) {
     .submit:hover::before {
         right: 11%;
         opacity: 1;
         /*top: -1px;*/
     }
     .submit:before {
         right: 0%;
         opacity: 0;
     }
 }
 .contact-frm {
     margin-top: 2em;
 }
 /*----------------------contact form css end -------------------------------*/
 /*-------------------------------price page css start 12-8-16---------------------------------------------------------------*/
 
 .pricing {
     padding: 100px 0px;
     /*background: #f5f5f5;*/
 }
 /*table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 2vmin;
    font-weight: bold;
    line-height: 1.8em;
    font-style: normal;
    border-collapse:separate;
	padding: 0 22px 0 22px;
}
.table1 thead th{
    padding:15px 10px;
    color:#fff;
    text-shadow:1px 1px 1px #02b0d7;
    border:1.5px solid #f5f5f5;
    border-bottom:3px solid #9ED929;
     background: rgba(0,190,233,1);	
background: -moz-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,190,233,1)), color-stop(100%, rgba(104,222,240,1)));
background: -webkit-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: -o-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: -ms-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: linear-gradient(to top, #00afd6 0%, #81e8f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bee9', endColorstr='#68def0', GradientType=0 );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #02b0d7;
    background-color:#9DD929;
    border:1.5px solid #f5f5f5;
    border-right:3px solid #4cd1ea;
    padding:0px 10px;
    background: rgba(0,190,233,1);	
background: -moz-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,190,233,1)), color-stop(100%, rgba(104,222,240,1)));
background: -webkit-linear-gradient(left, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: -o-linear-gradient(top, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: -ms-linear-gradient(left, rgba(0,190,233,1) 0%, rgba(104,222,240,1) 100%);
background: linear-gradient(to left, #00afd6 0%, #81e8f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bee9', endColorstr='#68def0', GradientType=0 );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
     color: #03b0d7;
    font-size: 1.2vw;
    text-align:center;
    padding:10px 0px;
    
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:rgba(204, 232, 243, 0.74);
    border: 1.9px solid #f5f5f5;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png)
}	

.table_shadow
{
	box-shadow: 0px 3px 5px lightgrey;
}*/
 
 .table1 {
     margin: 0 auto;
     width: 83%;
	 border:none;
 }
 .table1 th {
     height: 48px;
     line-height: 48px !important;
     border-bottom: 1px solid #ccc;
     margin-right: 0;
     overflow: hidden;
     width: 182px;
     font-weight: normal;
     font-size: 1.18em;
     padding: 0 !important;
 }
 .table1 td {
     height: 48px;
     line-height: 48px !important;
     border-bottom: 1px solid #ccc;
     margin-right: 0;
     overflow: hidden;
     width: auto;
     padding: 0 !important;
 }
 .table1 td img {
     width: 20px;
     margin: 14px 0;
 }
 span.price {
     font-weight: 200;
     display: inline-block;
     color: #00aff0;
     font-size: 22px;
 }
 .ui-widget-content {
     border: 1px solid #bdc3c7;
     background: #e1e1e1;
     color: #222222;
     margin-top: 4px;
 }
 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 3.5em;
     /*5.2em;*/
     /* 	height: 2.2em; */
     
     cursor: default;
     margin: 0 -10x auto !important;
     text-align: center;
     /* 	line-height: 30px; */
     
     color: #FFFFFF;
     font-size: 15px;
 }
 .ui-slider .ui-slider-handle .glyphicon {
     color: #FFFFFF;
     margin: 0 3px;
     font-size: 11px;
     opacity: 0.5;
 }
 .ui-corner-all {
     border-radius: 20px;
 }
 /*.ui-slider-horizontal .ui-slider-handle {
	top: -.9em;
}*/
 
 .ui-state-default,
 .ui-widget-content .ui-state-default {
     border: 1px solid #f9f9f9;
     background: #3498db;
 }
 .ui-slider-horizontal .ui-slider-handle {
     margin-left: -0.5em;
 }
 .ui-slider .ui-slider-handle {
     cursor: pointer;
 }
 .ui-slider a,
 .ui-slider a:focus,
 .submit:focus {
     cursor: pointer;
     outline: none !important;
 }
 .price,
 .lead p {
     font-weight: 600;
     font-size: 2vw;
     display: inline-block;
     line-height: 60px;
     color: #00aff0;
 }
 label {
     display: inline-block;
     /*     font-weight: 700; */
     
     margin-bottom: 5px;
     /*     font: normal 12px courier !important; */
 }
 .glyphicon-chevron-right:before {
     content: ">";
     font-size: 110%;
 }
 .glyphicon-chevron-left:before {
     content: "<";
     font-size: 110%;
 }
 .glyphicon {
     display: inline-block;
     font-family: 'Glyphicons Halflings';
     font-style: normal;
     font-weight: 400;
     line-height: 1;
     position: relative;
     top: 1px;
 }
 .price-slider {
     margin-bottom: 70px;
 }
 .ui-slider-range-min {
     background: #2980b9;
 }
 #handle {
     width: 3em;
     height: 3em;
     text-decoration: none;
     cursor: pointer;
 }
 #handle label {
     position: relative;
     line-height: 100%;
     margin-top: 8px;
     display: none;
 }
 #handle:hover label {
     display: block;
     top: -35px;
 }
 .price {
     padding: 11px 0;
 }
 .employee {
     color: #525252;
     font-size: 1.5vw;
 }
 .employee span {
     font-weight: 600;
     color: #00aff0;
 }
 .pricing h1 {
     margin: 5vmin 0 5vmin 0;
     font-family: roboto;
 }
 .pricing hr,
 #contact hr {
     display: block;
     height: 1px;
     border: 0;
     margin: 0em 0 1.4em 0;
     padding: 0;
     background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
     background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);
     background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);
     background-image: -o-linear-gradient(left, #fff, #ccc, #fff);
     width: 50%;
     left: 25%;
     position: relative;
     border: none;
 }
 #contact hr {
     background-image: -webkit-linear-gradient(left, #40cbe7, #f3f2f2, #45cee8);
     background-image: -moz-linear-gradient(left, #40cbe7, #f3f2f2, #45cee8);
     background-image: -ms-linear-gradient(left, #40cbe7, #f3f2f2, #45cee8);
     background-image: -o-linear-gradient(left, #40cbe7, #f3f2f2, #45cee8);
     margin-bottom: 3.5em;
 }
 .no-employee {
     margin: 6em 0;
     border-top: 1px solid #afafaf;
 }
 .pack-detail {
     padding: 30px 0;
     border-right: 1px solid #afafaf;
 }
 .pack-detail p {
     text-align: left;
     margin-right: 10px;
     font-size: 1em;
     color: #6b6b6b;
     letter-spacing: 0.2px;
 }
 .right-circle {
     float: left;
     height: 40px;
     width: 40px;
     background: #00aff0;
     border: none;
     border-radius: 50%;
     padding: 10px;
     color: white;
     font-size: 1.2em;
     margin-left: 95px;
     margin-right: 20px;
 }
 .purchase {
     margin-top: 1em;
 }
 /*---------------------price css end -------------------------------------------------*/
 
 .carousel-control.left,
 .carousel-control.right {
     background: none;
 }
 .c-logo {
     line-height: 6;
 }
 .c-logo img {
     width: 21%;
 }
 /*--------terms & condiction-----------*/
 
 .terms,
 .policy,.sitemap {
     background: url(../img/terms-banner.png) no-repeat bottom center scroll;
     background-size: cover !important;
     height: auto;
     padding: 129px 0 27px 0;
 }
 .terms-title,
 .policy-title,
 .aboutus-title {
     width: 485px;
     text-align: -webkit-left;
     padding: 49px 0px;
     border: 2.5px solid white;
     border-left: none;
 }
 .terms-title h1,
 .policy-title h1,
 .aboutus-title h1 {
     /*font-size:2vw;*/
     
     margin-left: 0;
     margin-bottom: 0;
     color: white;
     font-family: roboto;
 }
 .terms-title h1:before,
 .policy-title h1:before,
 .aboutus-title h1:before {
     background: white;
     content: "";
     display: block;
     height: 40px;
     position: absolute;
     /* left: 14%; */
     
     top: 0;
     width: 2.5px;
 }
 .terms-title h1:after,
 .policy-title h1:after,
 .aboutus-title h1:after {
     background: white;
     content: "";
     display: block;
     height: 40px;
     position: absolute;
     width: 2.5px;
     bottom: 0%;
	 text-transform: capitalize;
 }
 .terms-body h2 {
     font-family: roboto;
 }
 .terms-body p {
     color: #868686;
 }
 .policy {
     background: url(../img/document-banner.png) no-repeat bottom center scroll;
     background-size: cover;
 }
 .policy-title {
     width: 400px;
 }
 .long-text {
     width: 44% !important;
 }
 /*---select box--*/
 /* Custom dropdown */
 
 .custom-dropdown {
     position: relative;
     display: inline-block;
     vertical-align: super;
     margin: 10px;
     /* demo only */
 }
 .custom-dropdown,
 .custom-dropdown select {
     outline: none;
 }
 .custom-dropdown select {
     background-color: #00aff0;
     color: #fff;
     font-size: inherit;
     padding: 0.3em 0 0.3em 1em;
     padding-right: 3.5em;
     border: 0;
     margin: 0;
     border-radius: 3px;
     text-indent: 0.01px;
     text-overflow: '';
     -webkit-appearance: button;
 }
 .custom-dropdown::before,
 .custom-dropdown::after {
     content: "";
     position: absolute;
     pointer-events: none;
 }
 .custom-dropdown::after {
     /*  Custom dropdown arrow */
     
     content: "\25BC";
     height: 1em;
     font-size: .625em;
     line-height: 1;
     right: 1.2em;
     top: 50%;
     margin-top: -.5em;
 }
 .custom-dropdown::before {
     /*  Custom dropdown arrow cover */
     
     width: 2em;
     right: 0;
     top: 0;
     bottom: 0;
     border-radius: 0 3px 3px 0;
 }
 .custom-dropdown::before {
     background-color: rgb(0, 149, 204);
 }
 .custom-dropdown::after {
     color: rgba(0, 0, 0, .4);
 }
 /*-----------Registration css-------------*/
 
 .reg {
     padding-top: 70px;
     padding-bottom: 63px;
     /* background: url(../img/header-bg.png) no-repeat bottom center ;
    background-color: #51c1de;*/
     
     min-height: 971px;
 }
 #registration {
     background: #f5f5f5;
     border: 1px solid #e1edef;
     border-radius: 6px;
     height: auto;
     margin: 20px auto 0;
     width: 473px;
     position: relative;
     box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.65);
     padding: 10px 15px;
     overflow: hidden;
 }
 #registration form {
     margin: 40px auto 20px auto;
 }
 #registration input[type="email"],
 #registration input[type="text"] {
     height: 50px;
     line-height: 41px;
     font-size: 16px;
     outline: none;
     width: 400px;
     padding: 0 10px;
     margin: 0;
     border-radius: 4px;
     margin: 5px;
 }
 #registration input[type="password"]:focus,
 #registration input[type="text"]:focus {
     box-shadow: 0 0 4px 1px rgba(55, 166, 155, 0.3);
     outline: 2px solid #74d6eb;
 }
 .show-password {
     display: block;
     height: 16px;
     margin: 26px 0 0 28px;
     width: 87px;
 }
 #registration input[type="submit"] {
     width: 50px;
     height: 50px;
     display: block;
     font-family: Arial, "Helvetica", sans-serif;
     font-size: 16px;
     font-weight: bold;
     color: #fff;
     text-decoration: none;
     text-transform: uppercase;
     text-align: center;
     /* text-shadow: 1px 1px 0px #37a69b; */
     
     padding-top: 3px;
     margin: -63px 0 0 1038px;
     position: absolute;
     cursor: pointer;
     border: none;
     background-color: #2f3a4c;
     background-image: linear-gradient(top, #3db0a6, #3111);
     /* border-top-left-radius: 5px; */
     
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
     /* border-bottom-left-radius: 5px; */
     
     box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.65);
 }
 #registration input[type="submit"]:active {
     /* top:3px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #31524d, 0px 5px 3px #999;*/
     
     background: #414149;
 }
 .reg_submit {
     border-radius: 5px;
     width: 200px;
     font-size: 1.8vmin;
     margin-top: 0.2em;
     background: #414149;
     color: lightgrey;
     padding: 10px;
     position: relative;
 }
 .reg_submit:before {
	position: absolute;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-family: fontawesome;
 }
 .reg_submit:before {
     right: 0%;
     opacity: 0;
     top: 10px;
 }
 .reg_submit:hover:before {
     right: 4%;
     opacity: 1;
 }
 .reg_submit:hover {
     color: white;
     background: #2f3a4c
 }
 .out {
     margin-top: 30px;
     color: #2f3a4c;
     margin-bottom: 5px;
 }
 .verify {
     background: #17aa56;
     color: #fff;
     min-width: 175px;
     line-height: 17px;
     font-size: 1.8vmin;
     overflow: hidden;
     padding: 10px;
     border-radius: 5px;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
	 position: relative;
 }
 .resend {
     background: #414149;
 }
 .resend:hover {
     background: #a94442;
 }
 .verify:focus,
 .verify:active:focus {
     outline: none;
     color: white;
 }
 .verify:active {
     background: #1d8e4e;
     top: 2px;
 }
 .verify span {
     display: inline-block;
     width: 100%;
     height: 100%;
     -webkit-transition: all 0.3s;
     -webkit-backface-visibility: hidden;
     -moz-transition: all 0.3s;
     -moz-backface-visibility: hidden;
     transition: all 0.3s;
     backface-visibility: hidden;
     text-transform: capitalize;
 }
 .verify:before {
     position: absolute;
     height: 100%;
     width: 100%;
     line-height: 2.3;
     font-size: 150%;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     font-family: fontawesome;
     opacity: 0;
 }
 .verify:active:before {
     color: #703b87;
 }
 .verifya:hover span {
     -webkit-transform: translateY(300%);
     -moz-transform: translateY(300%);
     -ms-transform: translateY(300%);
     transform: translateY(300%);
     color: white;
 }
 .verifya:before {
     left: 0;
     top: -100%;
 }
 .verifya:hover:before {
     top: -10px;
     opacity: 1;
     color: white;
 }
 .icon-cart:before {
     content: "\f00c";
 }
 .icon-rotate:before {
     content: "\f0e2";
 }
 #loading {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.44);
    z-index: 999;
    top: 0;
	left:0;
}
 #loading img {
     position: absolute;
     top: 45.5% !important;
     left: 47.5% !important;
     width: 60px;
     height: 60px;
 }
 .valMsg {
     color: red;
 }
 h5 {
     color: rgb(65, 65, 73);
     margin: 2em 0 0 0;
     font-weight: 400;
 }
 #showdata h5 {
     text-transform: none;
	 line-height: 1.42;
 }
 #showdata {
     padding-left: 27px;
     padding-right: 27px;
     text-align: center;
     /*word-break: break-all;*/
 }
 .reg_submit:focus {
     color: lightgray;
     outline: none;
 }

 /*---------------About Us Css-----------------------------------------*/
 
 .aboutus {
     background: url(../img/aboutus.jpg) no-repeat bottom center scroll;
     background-size: cover;
     height: auto;
     padding: 176px 0 27px 0;
 }
 /*.aboutus-title
{
	width: 350px;
}*/
 
 .aboutus-body h2,
 .aboutus-body h3, .aboutus-body h4 {
     font-family: roboto;
 }
 .aboutus-body ul{
	padding-left: 15px;
    font-size: 16px;
	letter-spacing: 1.1px;
 }
  .aboutus-body ul li, .terms-body ul li {
	  padding-bottom: 10px;
  }
 
 .fa-file-text:before {
     content: "\f15c";
 }
 .fa-refresh:before {
     content: "\f021";
 }
 .fa-rocket:before {
     content: "\f135";
 }
 .fa-desktop:before {
     content: "\f108";
 }
 .fa-dashboard:before,
 .fa-tachometer:before {
     content: "\f0e4";
 }
 .fa-database:before {
     content: "\f1c0";
 }
 .about-feature i.fa {
     margin-right: 8px;
 }
  .about-feature h3{
	  padding-left:0;
  }
 .fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 .aboutus-body p {
     margin-bottom: 20px;
     position: relative;
     z-index: 1;
 }
 .about-feature {
     padding-top: 42px;
 }
 .about-feature-m h4 {
     margin-top: 25px;
     margin-bottom: 20px;
 }
 .Member-rund{
	 top:258px;	
	 left:-37px;
 }
 .filter-rund{
	 bottom:240px;
	 left:75px;
 }
 .chat-rund{
	 bottom:241px; 
	 right:75px;	 
 }
 .task-rund{
	 top:-46px;
	 right:351px;
 }
.hr-rund{
	 right:-37px;
	 top:258px;
 }
 
 .fa-2x {
     font-size: 2em;
 }
 .contact-span {
     margin: 0 1em;
     width: calc(100% - 1em);
     color: #414149;
 }
 .contact-span span {
     padding: 0 2.5%;
     font-size: 1.2em;
 }
 .contact-textarea-box {
     width: inherit;
     background: transparent;
     border: none;
     position: relative;
     border-bottom: 1px solid white;
     transition: all 200ms ease;
     padding-top: 25px;
     padding-left: 1em;
     height: 80px;
     font-weight: bold;
 }
 .contact-textarea-box:focus {
     outline: none;
     border-bottom: 4px solid #00AAFF;
     transition: all 1s ease;
     height: 95px;
     color: #414149;
     text-transform: capitalize;
 }
 
.terms-body ul {
    padding-left: 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #5a5a5a;
	letter-spacing: 1.1px;
}
.Type-data{
	margin-bottom:5px;
}

 @media (max-width: 845px) {
     .navbar>.container .navbar-brand,
     .navbar>.container-fluid .navbar-brand {
         margin-left: -15px;
     }
     .container-fluid>.navbar-collapse {
         margin-right: -15px;
     }
     .nav>li>a {
         padding: 15px 11px;
     }
 }
.Member_circle{
    top:258px; 
    left:-37px;
}
.filter_circle{
    bottom:240px;
    left:75px;
}
.chat_circle{
    bottom:241px;
     right:75px;
}
.task_circle{
    top:-46px;
    right:351px;
}
.hr_circle{
    right:-37px;
    top:258px;
}
 
 
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus input:-webkit-autofill,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0px 1000px transparent inset;
     transition: background-color 5000s ease-in-out 0s;
 }
 input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
     background-color: transparent !important;
     background-image: none;
 }
 #input-x-error,
 #input-y-error,
 #input-z-error {
     height: 10px;
     position: absolute;
     bottom: 4px;
	 color: #d5ff00;
 }
 .img-box {
    display: block;
    height: 80px;
    width: 80px;
    border: 2px solid white;
    border-radius: 40px;
    background: #70dbec;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 5px;
    left: 5px;
}
  .round ul li:hover .img-box{
	 background: white;	 
 }

 .hr{
	background: url(../img/24hr.png) no-repeat;
    margin: 0 auto;
    background-position: center;
 }
  .round ul li:hover .hr{
	background: url(../img/24hr-hover.png) no-repeat;
	 background-size: 55%;
    margin: 0 auto;
    background-position: center;
 }
 .chat{
	background: url(../img/chat.png) no-repeat;
    margin: 0 auto;
    background-position: center;
 }
  .round ul li:hover .chat{
	background: url(../img/chat-hover.png) no-repeat;
	background-size: 55%;
    margin: 0 auto;
    background-position: center;
 }
 .task{
	background: url(../img/task-white.png) no-repeat;
    margin: 0 auto;
    background-position: center;
 }
  .round ul li :hover .task{
	background: url(../img/task.png) no-repeat;
	 background-size: 55%;
    margin: 0 auto;
    background-position: center;
 }
 .Member{
	background: url(../img/Member.png) no-repeat;
    margin: 0 auto;
    background-position: center;
 }
  .round ul li :hover .Member{
	background: url(../img/Member-hover.png) no-repeat;
	 background-size: 55%;
    margin: 0 auto;
    background-position: center;
 }
 .filter{
	background: url(../img/filter.svg) no-repeat;
    margin: 0 auto;
    background-position: center;
 }
  .round ul li :hover .filter{
	background: url(../img/filter-hover.svg) no-repeat;
	background-size: 55%;
    margin: 0 auto;
    background-position: center;
 }
  .hr,.chat, .task, .Member, .filter{
	display: block;
    height: 75px;
    width: 75px;
	background-size: 55%;
 }
 
.round ul li img {
    width: 54%;
    margin: 17px;
}
#registration .image-preview-input 
{
	position: relative;
	overflow: hidden;
	margin: 0px;    
	color: #333;
	background-color: #fff;
	border-color: #ccc;    
}
#registration .image-preview-input input[type=file] 
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 192px;
}
#registration .image-preview-input-title 
{
	margin-left:2px;
}
#registration .input-group-btn 
{
	float: right;
}
#registration .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group 
{
	z-index: 2;
	float: right;
	top: 6px;
	margin-right: 23px;
	background: white;
	padding: 13px;
}

#registration .btn.btn-default.image-preview-input:hover 
{
	background: #68dff0;
	border: 1px solid #68dff0;
}
#registration .image-preview #cmpImg
{
    margin-left: 19px;
}
#registration .modal-sm 
{
	width: 401px;
	margin-top: 320px;
	text-align: center;
} 
#registration .modal-footer 
{
	padding: 15px;
	text-align: center;
	border-top:none;
} 
#registration .modal-sm .btn-success 
{
	color: #fff;
	border-radius: 4px;
}
#registration .modal-sm .btn-default:focus, .btn-default:hover {
	border: 1px solid #68dff0;
	color: #fff;
	background-color: #68dff0;
}
#registration .modal-sm .btn-default
{
	border-radius: 4px;
}
#registration .modal-sm .btn-success a 
{
	color: #fff;
}
.modal-backdrop {
  position: relative;
}
.modal{
	 background: rgba(0, 0, 0, 0.44);
}
.modal-body h5{
	text-transform: inherit;
}

/*-------------site map--------------*/
.sitemap {
     background: url(../img/sitemap.jpg) no-repeat bottom center scroll;
}

.sitelinks{
	display: block;
    border: 2px solid #535353;
    padding: 14px 19px;
	font-family: roboto;
	color:#0e1a35;
	font-size: 1.5em;
    margin-bottom: 20px;
	font-weight: 700;
}

.page_links ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.page_links li{
	float: none; 
  width: 100%;
}

.page_links li>a{
  display: block; 
  width: 100%; 
  padding: 20px; 
  border-left: 5px solid; 
  position: relative; 
  z-index: 2;
  text-decoration: none;
  color: #444;
  box-sizing: border-box;  
  -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
}
	

.page_links li > a:hover{ border-color:#3acdec; color: #fff;}
.page_links li:first-child a{ border-left: 10px solid #3acdec; }
.page_links li:nth-child(2) a{ border-left: 10px solid #3acdec; }
.page_links li:nth-child(3) a{ border-left: 10px solid #3acdec; }
.page_links li:nth-child(4) a{ border-left: 10px solid #3acdec; }
.page_links li:nth-child(5) a{ border-left: 10px solid #3acdec; }
.page_links li:nth-child(6) a{ border-left: 10px solid #3acdec; }
.page_links li:last-child a{ border-left: 10px solid #3acdec; }

.page_links li > a:after { 
  content: "";
  height: 100%; 
  left: 0; 
  top: 0; 
  width: 0px;  
  position: absolute; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  z-index: -1;
}

.page_links li >a:hover:after{ width: 100%; }
.page_links li:first-child a:after, .page_links li:nth-child(2) a:after, .page_links li:nth-child(3) a:after, .page_links li:nth-child(4) a:after, .page_links li:nth-child(5) a:after, .page_links li:nth-child(6) a:after, .page_links li:last-child a:after{ background: #3acdec; }

@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot');
  src:  url('../font/icomoon.eot') format('embedded-opentype'),
    url('../font/icomoon.ttf') format('truetype'),
    url('../font/icomoon.woff') format('woff'),
    url('../font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa-rss{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font: normal normal normal 12px/1 FontAwesome;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-rss:before {
  content: "\e900";
}
.carousel-inner:before{
    content: "";
    background: url(../img/mockup.png) no-repeat;
    height: 100%;
    width: 100%;
    display: flex;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 12px;
}
.angry-animate{
	-webkit-animation:bounce-in 1s ease 0s 1 normal;
	-moz-animation:bounce-in 1s ease 0s 1 normal;
	-ms-animation:bounce-in 1s ease 0s 1 normal;
	animation:bounce-in 1s ease 0s 1 normal;
}

@-webkit-keyframes bounce-in {
	0%{ opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }
	50%{ opacity: 1; -webkit-transform: scale(1.0); transform: scale(1.0); }
	70%{ -webkit-transform: scale(0.9); transform: scale(0.9); }
	100%{ -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bounce-in {
	0%{ opacity: 0; transform: scale(.3); }
	50%{ opacity: 1; transform: scale(1.0); }
	70%{ transform: scale(0.9); }
	100%{ transform: scale(1); }
}
.embed-responsive-16by9{
	box-shadow: 0px 3px 20px #b8b8bd;
    border-radius: 6px;
    width: 81%;
    margin: 0 auto;
    background: transparent;
    padding-bottom: 45.6%;
}

/*---------- @media (min-width: 1366px)-------------*/
@media (min-width: 1366px) {
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{
		padding: 29px 96px 48px;
	}
}
@media (max-width: 1680px) {
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{
		    padding: 29px 76px 48px;
	}
}
@media (max-width: 1500px) {
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{
		padding: 29px 69px 48px;
	}
}	
/*---------- @media (max-width: 1366px)-------------*/
@media (max-width: 1366px) {
	.verifya:hover:before {
		top: -2px;
	} 
	.reg {
		padding-top: 0px;
		padding-bottom: 55px;
		min-height: 788px;
	}	
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{
		    padding: 27px 65px 43px;
	}
}
/*---------- @media (max-width: 1318px)-------------*/
@media (max-width: 1318px) {	
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{
		padding: 20px 62px 32px;
	}
}
/*---------- @media (max-width: 1280px)-------------*/
@media (max-width: 1280px) {
	.verifya:hover:before {
		top: -3px;
	}
	.reg {
		padding-top: 0;
		padding-bottom: 0;
		min-height: 704px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 24px 59px 32px;
	}
	
 }
/*---------- @media (max-width: 1198px)-------------*/
@media (max-width: 1198px) {
     .all-browser {
         width: auto;
         text-align: -webkit-left;
         margin: auto 22px;
         /*padding-top: 50px;*/
     }
     .all-browser p {
         width: auto;
     }
     .status h1,
     .all-browser h1 {
         font-size: 34px;
     }
     p {
         line-height: 1.5;
     }
     .status {
         margin: 19px auto;
         width: 50%;
     }
     .ui-design h5 {
         width: 86%;
         font-weight: normal;
         margin: 40px auto;
     }
     .table1 th {
         font-size: 1.03em;
     }
     .review h2 {
         font-size: 2em;
     }
     .aboutus-body h4 {
         font-size: 14px;
     }
     .table1 th {
         width: auto;
     }
     .long-text {
         width: 51% !important;
     }
     .right-circle {
         margin-left: 18px;
     }
	 .reg {
		padding-top: 71px;
		padding-bottom: 63px;
		min-height: 789px;
	}
	.verifya:hover:before {
		top: -5px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 24px 48px 25px;
	}	
 }
 /*--------------------@media width:768px-----------------------------------*/
 @media (max-width: 768px) {
	.intro {
		height: 71%;
	}
	.reg {
		height: 101.7%;
	}
    .no-background h2::before, .no-background h2::after, .flow_ryt h2::after, .team_left h2::after{
        top:21px;
    }
	 .flow_ryt h2::after, .team_left h2::after{
        display: none;		 
	 } 
	 .navbar-brand {
         padding: 8px 15px;
     }
     .nav>li>a {
         padding: 15px 10px;
     }
     .navbar>.container .navbar-brand,
     .navbar>.container-fluid .navbar-brand {
         margin-left: 0px;
     }
	 .table1 td, .table1 th{		 
		line-height: 30px !important;
	 }
	 .navbar-custom
	 {
		background: #414149 !important
	 }
	 .c-logo img {
		width: 9%;
	 }	
	 #about .col-xs-12 img {
		 vertical-align: baseline;
		 width: 17%;
		 margin-bottom: 0px;
	 }
	 #about .col-xs-12 p{
		 margin-bottom:60px;
	 }
      .no-background h2::before, .no-background h2::after, .flow_ryt h2::after, .team_left h2::after{
        display: none;       
     }
    .no-background h2::before, .no-background h2::after, .flow_ryt h2::after, .team_left h2::after{
        top:21px;
    }
	.c-logo img {
		width: 13%;
	}	
	.task_circle {
		right: 279px;
	}
	.filter_circle {
		left: 32px;
	}
	.chat_circle {
		bottom: 241px;
		right: 37px;
	}
	.round ul{
		width:650px;
	}
	.slider-img {
		padding: 72px 30px 0 0;
	}	
	.slider-img p {
		width: 350px;
	}
	.slider-img strong {
		font-size: 2.6vw;
	}
	.clear{
		clear: both;
	}
	.introdution {
		padding-top: 150px;
	}
	.download-section{
		padding: 70px 0 50px 0;
	}
	.change-task{
		padding-bottom: 30px;
	}
	.status {
		margin: 60px auto;
		width: 100%;
		text-align: -webkit-center;
	}
	.status p{
		text-align: -webkit-center;
	}
	body{
		overflow-x: hidden;
	}
	.filter-rund {
		left: 37px;
	}
	.chat-rund {
		right: 34px;
	}
	.task-rund{
		right: 276px;
	}
	.ui-design img {
		width: 100%;
	}
	.price, .lead p{
		font-size: 3vw;
	}
	.employee {
		font-size: 2.5vw;
	}
	.review {
		padding-top: 0;
		overflow:hidden;
	}
	.download-section img
	{
		margin-top:-112px;
	}
	.review h2 {
		font-size: 2.8vw;
	}
	.verify{
		min-width: 100%;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding:21px 72px 41px;
	}
	
}


 /*---------------------------@media (max-width: 650px)---------------------*/
 @media (max-width: 650px) {
	 .slider{
		display:none
	}
	.introdution {
		padding-top: 100px;
	}
	 
	.download-section img {
		margin-top: 0;
	}
	.round ul {
		width: 538px;
		height: 313px;
	}
	.round ul li{
		width: 70px;
		height: 70px;
	}
	.img-box{
		height: 60px;
		width: 60px;
	}
	.hr, .chat, .task, .Member, .filter {
		height: 55px;
		width: 55px;
	}
	.Member-rund {
    top: 215px;
	}
	.hr-rund {
		top: 215px;
	}
	.filter-rund {
		left: 24px;
		bottom: 186px;
	}
	.chat-rund {
		right: 24px;
		bottom: 186px;
	}
	.task-rund {
		right: 225px;
		top: -37px;
	}
	#about .col-xs-12 img {
		margin-bottom:0px;
	}
	h1 {
		font-size: 4vw;
	}
	.intro .intro-body .brand-heading {
		font-size: 30px;
	}	
	#registration form {
		margin: 40px AUTO 20px auto;
		padding: 0 5px 0 0;
	}
	#login1 a{
		padding-left:25px;
	}
	.verifya:hover:before {
		top: -5px;
		font-size: 20px;
	}
	#loading img {
		left: 40.5% !important;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 17px 60px 29px;
	}
	.Tot_app .status {
		width: 100%;
	}
	.App_design_mob img{
		width:60%;
	}
	.home7-get-btn, .home7-get-btn2{
		width: 137px;
		background-size: 100% !important;	
	}
}

 /*---------------------------@media (max-width: 450px)---------------------*/
 @media (max-width: 450px) {
	.intro {
		height: 71%;
	}
	.reg {
		min-height: 100%;
	}
    .round ul li {
        width: 64px;
		height: 64px;
    }
	.slider-img p {
		width: 200px;		
		margin: 13px auto;
	}
    .img-box {
		height: 55px;
		width: 55px;
    }
    .hr, .chat, .task, .Member, .filter {
        display: block;
        height: 46px;
        width: 46px;
        background-size: 55%;
    }
    .round ul {
        height: 178px;
        width: 350px;
    }
	.Member_circle{
		top: 94px;
		left: -25px;
	}
	.filter_circle{
		bottom: 107px;
		left: 28px;
	}
	.chat_circle{
		bottom: 107px;
		right: 28px;
	}
	.task_circle{
		top: -32px;
		right: 136px;
	}
	.hr_circle{
		right: -22px;
		top: 94px;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 15px;
	}
	.slider-img {
		padding: 40px 40px 0 0;
	}
	.pack-detail p{
		padding-left: 47px;
	}
	.c-logo img {
		width: 30%;
	}
	.tc{    
		padding: 15px;
	}
	.tc {
		padding-top: 29px;
	}
	.contact-as,.contact-as .form-group{
		padding-left: 0px;
		padding-right: 0px;		
	}
	.change-task{
		padding-top: 70px;
		padding-bottom: 0;
	}
	.price,.employee{
		font-size:15px;		
	}
	.round ul {
		width: 410px;
		height: 235px;
	}	
	#registration{
		width: 405px;
	}
	#registration input[type="email"], #registration input[type="text"]{
		width: 370px;
	}
	.sign-in:before, .sign-in:after{
		display:none;
	}
	.pricing{
		overflow:hidden;
	}
	.verify{
		font-size: 14px;
	}
	#registration .modal-sm {
		width: 404px;
		margin-top: 327px;
	}
	#registration .input-group-btn:last-child>.btn	{
		margin-right: 10px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 31px 40px 28px;
	}	
}
 
 /*---------------------------*/
 @media (max-width: 375px) {
	.pack-detail p {
		padding-left: 0;
	}
	#registration{
		margin: 20px 5px;
		width:365px;
	}
	#registration input[type="email"], #registration input[type="text"]{
		width:100%;
	}
	#registration .image-preview #cmpImg {
		width: 330px;
	}	
	.reg_submit {
		margin-left: 5px;
		width: 100%;
		font-size:14px;
	}
	.intro .intro-body .intro-text {
		font-size: 15px;
	}
	.reg .intro-body {
		margin-top: 0px;
	}
	#registration .modal-sm {
		width: 354px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 31px 37px 28px;
	}
	
}
 /*-------------------------*/
@media (max-width: 360px) {
	.pack-detail p {
		padding-left: 0;
	}
	#registration{
		margin: 20px 5px;
		width: 350px;
	}
	#registration input[type="email"], #registration input[type="text"]{
		width:100%;
	}
	#registration .image-preview #cmpImg {
		width: 315px;
	}
	#registration .input-group-btn:last-child>.btn
	{
		margin-right: 10px;
	}
	.reg_submit {
		margin-left: 5px;
		width: 100%;
		font-size:14px;
	}
	.intro .intro-body .intro-text {
		font-size: 15px;
	}
	.reg .intro-body {
		margin-top: 0px;
	}
	
	
 }
/*------------------------------*/ 
 @media (max-width: 320px){
	 #registration {
		width: 310px;
	}	
	#registration .image-preview #cmpImg {
		width: 275px;
	}
	.reg .intro-body .intro-text {
		font-size: 13px;
	}
	.started{
		margin-bottom: 35px;
	}
	#registration form {
		margin: 00px AUTO 20px auto;
	}
	#showdata {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		word-spacing: 5px;
		padding-top: 20px;
	}
	#registration .modal-sm {
		width: 300px;
		margin-top: 203px;
	}	
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 36px 32px 28px;
	}
 }
.getLink #registration
{
    margin-top: 60px;
}
.getLink h5 {
  margin: 60px 0 20px 0;
}

.showMain{
    float: right;
    margin-right: 30px;
}
.attachment-full {
    width: 100%;
}
.sign-in#login3 a {
    color: #41414a !important;
}
.requiredField {
    position: absolute;
    color: red;
    right: 5px;
    top: 20px;
    font-size: 22px;
}