@charset "utf-8";
/* CSS Document */
.relative {
    position: relative;
}
.inner-header {
    z-index: 500;
    background: #fff;
}
.banner {
    z-index: 600;
    position: relative;
    background: url(../images/bottom-shadow.png) no-repeat center bottom;
    padding: 0 0 25px 0;
}
.banner ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.banner ul li {
    min-height: 590px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slider-text {
    position: absolute;
    z-index: 1600;
    top: 30%;
}
.slider-text h1 {
    font-size: 48px;
    color: #fff;
    line-height: 48px;
    padding: 0 0 35px 0;
}
.view-button {
    background: #70c770;
    color: #fff;
    display: inline-block;
    height: 69px;
    line-height: 69px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 20px;
    border: 0;
    font-size: 23px;
    margin-bottom: 8px;
    min-width: 183px;
}
.demo-button {
    background: #399ade;
    color: #fff;
    display: inline-block;
    height: 69px;
    line-height: 69px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 20px;
    border: 0;
    font-size: 23px;
    margin-bottom: 8px;
    min-width: 183px;
}
.secondary-content {
    background-image: none !important;
    background-color: #fff !important;
    border-top: 0 !important;
    padding: 20px 0 20px 0;
}
.secondary-content h2 {
    font-size: 43px;
    color: #3c3c3c;
    padding: 0 0 10px;
}
.text-green {
    color: #70c770 !important;
}
.text-blue {
    color: #399ade !important;
}
strong.text-blue {
    font-weight: normal;
}
.secondary-content h3 {
    font-size: 27px;
    color: #3c3c3c;
    padding: 0 0 5px 0 !important;
}
.secondary-content h3 strong {
    font-weight: 700;
}
.responsive-img img {
    width: 100%;
    height: auto;
}
.text-uppercase {
    text-transform: uppercase;
}
.secondary-content h4 {
    font-size: 18px;
    color: #5d5f5b;
    padding: 0 0 10px 0;
}
.graph-img img {
    width: 100%;
    height: auto;
    border: 1px solid #cccccc;
    margin-bottom: 16px;
}
.text-11 {
    font-size: 11px;
}
.margin-auto {
    margin: 0 auto !important;
    float: none !important;
}
.content-box {
    padding: 0 0 50px 0;
}
.home-testimonial {
    position: relative;
    background: #e7f4fd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 25px 20px;
    margin-bottom: 45px !important;
}
.home-testimonial p {
    font-size: 27px;
    color: #1b6ca5;
    padding: 0;
    line-height: 36px !important;
}
.home-testimonial p strong {
    font-weight: 700;
}
.home-testimonial p cite {
    font-size: 17px;
    color: #1b6ca5;
    padding: 0;
    font-weight: 400;
}
.testi-arrow {
    position: absolute;
    bottom: -17px;
    right: 80px;
}
.buttons-area {
    padding-top: 30px;
    padding-bottom: 70px;
}
.highlighted-box {
    background: #e2f1ff;
    padding: 40px 0 20px 0;
}
.highlighted-box h2 {
    font-size: 28px;
    padding: 0 0 10px 0;
}
.highlighted-box h3 {
    font-weight: 400;
    color: #5d5f5b;
    font-size: 22px;
}
.highlighted-box p a {
    font-weight: 700;
}
.green-content {
    background: #70c770;
    padding: 50px 0 5px;
    margin-bottom: 50px;
}
.green-content h3, .green-content p {
    color: #fff;
}
.green-content h3 {
    padding-bottom: 50px !important;
}
.green-content .span4 img {
    margin-bottom: 20px;
}
.green-content .span4 p {
    padding-bottom: 45px;
}
.green-content .view-button {
    background: #2e7d2e !important;
}
.shadow-devider {
    background: url(../images/devider-shadow.png) no-repeat center bottom;
    padding: 40px 0;
}
.problem-section h3 {
    font-size: 18px;
    font-weight: 400;
}
.underline {
    text-decoration: underline;
}
.underline:hover {
    text-decoration: none;
}
.blue-content {
    background: #399ade;
    padding: 50px 0 5px;
    margin-bottom: 50px;
}
.blue-content h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}
.blue-content h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
.blue-content p {
    color: #fff;
}
.blue-content .demo-button {
    background: #1b5c8a !important;
}
#slider li .container {}
.admin-form {
    padding: 80px 0 100px;
}
.admin-form input[type=text], .admin-form input[type=password] {
    background-color: #fff;
    border: 1px solid #e5e6e7;
    height: auto;
    font-size: 14px;
    color: #504f4f;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    background-repeat: no-repeat;
    padding: 15px 10px;
    font-family: 'Roboto', sans-serif;
    border-radius: 0px !important;
}
.input-email, .input-password, .input-name {
    padding-left: 64px !important;
}
.input-block-level.input-name, .input-name {
    background-image: url(../images/icon-name.png);
    background-repeat: no-repeat;
}
.input-block-level.input-email, .input-email {
    background-image: url(../images/icon-email.png);
    background-repeat: no-repeat;
}
.input-block-level.input-password, .input-password {
    background-image: url(../images/icon-password.png);
    background-repeat: no-repeat;
}
.admin-form p {
    margin: 0;
    padding: 0 0 30px;
}
.forgot-link {
    font-size: 18px;
    color: #70c770;
    text-decoration: underline;
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 500;
}
.forgot-link:hover {
    color: #70c770;
    text-decoration: none;
}
.button-green, .button-blue {
    font-size: 24px;
    color: #fff;
    border: 0;
    padding: 15px 25px;
    margin: 0 2px 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.button-green {
    background: #70c770;
}
.button-blue {
    background: #399ade;
}
.button-blue:hover, .button-green:hover {
    opacity: 0.9;
}
/** Start tab-container **/
.tab-container {
    border: 1px solid #70c770;
    position: relative;
}
.content-tab {
    border-top: 1px solid #70c770;
    border-bottom: 1px solid #70c770 !important;
    margin-bottom: 10px;
    padding: 20px;
}
.input-block-level {
    padding: 15px 10px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    color: #504f4f;
    background: #fff;
    border-radius: 0px;
    height: auto;
}
.customSelect {
    background-color: #fff !important;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px !important;
    padding: 14px 10px;
    vertical-align: middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #919191 !important;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.customSelectInner {
    background: url(../images/select-arrow.png) no-repeat scroll right center;
    color: #919191 !important;
}
.tab-container h3 {
    padding-left: 20px;
    padding-bottom: 0;
    margin: 0;
    font-size: 24px;
    color: #1b5c8a;
}
.tab-container h4 {
    color: #1b5c8a;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.tab-container h4.heading-black {
    color: #000 !important;
}
.close-tab {
    margin-right: 5px;
}
.add-link {
    font-size: 14px;
    color: #504f4f;
    text-decoration: none;
}
.add-link:hover {
    text-decoration: underline;
}
.review-content p {
    padding: 10px 0 15px;
    color: #504f4f;
    font-size: 14px;
}
.review-content p strong {
    font-size: 16px;
}
.business-info {
    padding-top: 80px;
}
.business-info h3 {
    color: #399ade;
    font-size: 24px;
}
.business-info p {
    color: #505050;
    font-size: 14px;
}
.timing-bar {
    background: #2d3131;
    padding: 10px 15px 0px;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
}
.timing-bar span {
    padding-left: 35px;
    padding-right: 10px;
}
.timing-bar .pull-left {
    padding-top: 15px;
}
.timing-bar .button-blue, .timing-bar .button-green {
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
}
.video-placeholder {
    border: 1px solid #e7e7e7;
}
.img-responsive {
    width: 100%;
    height: auto;
}
.clock-in h3 {
    color: #399ade;
    font-size: 24px;
}
.clock-in table {
    border-collapse: separate;
    border-spacing: 5px;
    border: 0;
}
.clock-in td {
    background: #e7f4fd;
    text-align: center;
    padding: 16px 5px 16px;
    border: 1px solid #c4ddee;
}
.check-out .input-block-level {
    background: #f8fcfe;
}
.check-out .customSelect {
    background-color: #f8fcfe !important;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px !important;
    padding: 14px 10px;
    vertical-align: middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #919191 !important;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.sign-up-text {
    font-size: 14px;
    color: #504f4f;
    line-height: 24px;
    padding-bottom: 45px;
    padding-top: 10px;
}
.sign-up-confirmation {
    border: 1px solid #6fc770;
    margin-bottom: 20px;
}
.sign-up-confirmation p {
    padding: 30px;
}
.sign-up-confirmation button {
    margin: 10px;
    border-radius: 5px;
}
.total-amount {
    color: #504f4f;
    font-size: 18px;
    padding-bottom: 80px;
}
.forgot-pass {
    background: #71c770;
    padding-top: 30px;
    position: relative;
}
.forgot-pass-tip {
    position: absolute;
    top: -18px;
    right: 120px;
}
.forgot-pass h1 {
    color: #fff;
    padding-bottom: 20px;
}
.forgot-pass p {
    color: #fff;
}
.button-d-green, .button-d-blue {
    font-size: 24px;
    color: #fff;
    border: 0;
    padding: 10px 25px;
    margin: 0 2px 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.button-d-green {
    background: #2e7d2e;
}
.button-d-blue {
    background: #1c5c8a;
}
.button-blue:hover, .button-green:hover {
    opacity: 0.9;
}
.signin-link {
    color: #fff;
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
    font-weight: 500;
}
.signin-link:hover {
    color: #fff;
    text-decoration: none;
}
.input-field {
    background: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 0;
    color: #504f4f;
    font-size: 14px;
    height: auto;
    padding: 15px 10px;
}
.check-out .input-field, .clock-in-form .input-field, .input-field {
    background: #f8fcfe !important;
}
.button-green.button-browse {
    padding: 10px 25px;
}
.clock-in-form {
    padding: 15px;
}
.clock-in-form label {
    padding-top: 10px;
}
.clock-in-form button {
    margin-top: 25px;
    border-radius: 5px;
    padding-left: 45px;
    padding-right: 45px;
    margin-right: 5px;
}
.filterbox {
    background: #e7f4fd;
    padding: 20px;
    0px;
    border: 1px solid #b8e0fb;
}
.filterbox label span {
    color: #1b5c8a;
    font-weight: bold;
}
.search-box {
    background: #e7f4fd;
    padding: 20px 13px 5px;
    border: 1px solid #b8e0fb;
}
.search-box label {
    color: #1b5c8a;
    font-weight: bold;
    padding-right: 20px;
    padding-top: 5px;
}
.search-box input {
    border-radius: 0px;
    padding-left: 10px;
}
.search-box button {
    background: #70c770;
    color: #fff;
    font-weight: bold;
}
.task-form {
    margin-top: 15px;
}
.add-task {
    border: 1px solid #70c770;
    padding: 20px;
    margin-top: 15px;
}
.add-task input, .add-task select, .add-task textarea {
    background: #f8fcfe;
    border: 1px solid #d3ebfc;
}
.date-button {
    background: #f8fcfe;
    border-radius: 0px !important;
    padding: 15px;
    border: 1px solid #d3ebfc;
    margin-bottom: 20px !important;
    width: 180px;
    margin-right: 20px !important;
}
.status-button {
    background: #f8fcfe;
    border-radius: 0px !important;
    padding: 15px;
    border: 1px solid #d3ebfc;
    margin-bottom: 20px !important;
    width: 120px;
}
.date-button:hover, .status-button:hover {
    background: #f8fcfe;
}
.calender-dropdown-menu {
    position: absolute;
    right: -46px;
    top: 52px;
}
.task-list-text {
    margin-top: 15px;
    font-weight: bold;
}
.task-list-text label {
    font-weight: bold;
}
.task-select .customSelect {
    background-color: #f8fcfe !important;
}
.popup-wrapper {
    border: 1px solid #70c770;
    padding: 15px;
    margin-top: -1px;
    position: relative;
}
.popup-wrapper .button-green, .popup-wrapper .button-blue {
    font-size: 18px;
}
.dl-horizontal dt {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
.dl-horizontal dd {
    margin-bottom: 15px;
}
.task-form td.active {
    background: url(../images/active-tip.png) no-repeat 52px 39px;
    position: relative;
    z-index: 100;
}
.popup-wrapper .close-tab {
    position: absolute;
    right: 1px;
    top: 1px;
}
.radio-wrap {
    display: inline;
    position: relative;
    padding-right: 10px;
}
.radio-popup {
    position: absolute;
    top: 43px;
    left: 0;
    background: #e7f4fd;
    border: 1px solid #b4defb;
    padding: 10px;
    z-index:10;
}
.radio-popup .tip-blue {
    position: absolute;
    top: -17px;
    left: 10px;
}
.radio-popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.radio-popup li {
    color: #504f4f;
    font-size: 14px;
}
.radio-popup li a {
    color: #504f4f;
    text-decoration: none;
}
.close-comment-wrap {
    border: 1px solid #70c770;
    padding: 15px;
    margin-top: -1px;
}
.close-comment-wrap label {
    font-size: 16px;
    color: #505050;
    padding-top: 10px;
}
.close-comment-wrap .customSelect {
    background-color: #ebf6fd !important;
}
.popup-wrap {
    display: inline;
    position: relative;
}
.popup-wrapper .dl-horizontal span {
    display: inline-block;
}
.popup-wrapper .dl-horizontal span.active {
    background: url(../images/active-tip.png) no-repeat center 53px;
    position: relative;
    z-index: 100;
}
.browse-img {
    margin-bottom: 50px;
}
.browse-img .userimg-cont {
    margin: 0px 20px 15px -15px;
}
.blue-browse {
    border-radius: 5px;
    padding: 10px 20px;
    /* margin-left: 15px; */
}
.popup-confirmation {
    background: #e7f4fd;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
}
.popup-confirmation p {
    font-size: 16px;
    color: #000000;
}
.confirmation-close {
    position: absolute;
    top:0;
    right: 0;
}
.view-statistics {
    margin-bottom: 15px;
}
.view-statistics button , .view-statistics a{
    cursor: pointer;
    margin-top: 8px;
    padding-top: 10px;
    border-radius: 5px;
}
.statistics-bar {
    background: #399ade;
    padding: 20px;
}
.statistics-bar p {
    color: #fff;
    font-size: 24px;
}
.statistics-table {
    background: #f4f4f4;
    width: 100%
}
.statistics-table th {
    padding: 25px;
    color: #757577;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.statistics-table td {
    border: 1px solid #ededed;
    padding: 1% 3% 3% 1%;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #757577;
}
.statistics-table .empty-cell {
    background: #f8f8f8;
}
.current-date {
    color: #ff7f46 !important;
}
.about-us-pic {
    border: 5px solid #e2e2e2;
}
.about-us-text p {
    color: #504f4f;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.close-link {
    position: absolute;
    right: 2px;
    top: -2px;
}
.see-result h6 {
    color: #1b5c8a;
    font-size: 16px;
    margin-bottom: 20px;
}
.placeholder-video {
    margin-bottom: 25px;
}
.text-20 p {
    font-size: 20px;
    line-height: 33px;
    padding-bottom: 50px;
    font-weight: 300;
}
.text-20 p strong {
    font-weight: 500;
}
.package-pricing {
    margin-bottom: 0 !important;
}
.package-pricing h2 {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 30px;
}
.package-box {
    background: #effdef;
    padding: 30px 20px 10px;
    margin-bottom: 50px;
}
.package-box h3 {
    font-size: 31px;
    color: #575757;
    font-weight: 700;
    padding-bottom: 15px !important;
}
.limited-time {
    font-size: 17px;
    color: #ca3b3b !important;
    text-transform: uppercase;
    padding-bottom: 8px;
    font-style: italic;
}
.save-count {
    font-size: 30px;
    font-weight: 700;
    color: #70c770 !important;
    font-style: italic;
}
.blue-area {
    background: #399ade;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
}
.blue-area h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 2px;
}
.upto-text span {
    font-size: 16px;
    font-weight: 500;
}
.upto-text strong {
    font-size: 40px;
    font-weight: 500;
}
.price {
    color: #fff;
    font-size: 73px;
    font-weight: 500;
}
.price span {
    font-size: 40px;
}
.lock-rate {
    color: #ca3b3b !important;
    font-weight: 500;
    font-size: 17px;
    font-style: italic;
}
.block {
    display: block;
}
.upto-text {
    font-size: 20px;
    font-weight: 300;
    padding-top: 20px;
    display: inline-block;
}
.upto-text strong {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    top: 5px;
}
.text-employees {
    font-size: 18px;
    display: block;
    padding-top: 10px;
}
.ex-amount {
    color: #8b8b8b !important;
    text-decoration: line-through;
    font-size: 26px;
    font-weight: 700;
    font-style: italic;
}
.ex-amount span {
    font-size: 16px !important;
    position: relative;
    top: -8px;
}
.package-box .button-green {
    width: 100%;
    border-radius: 4px;
}
.list-check {
    padding-bottom: 25px;
}
.list-check h4 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.list-check p {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 40px;
}
.list-check ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.list-check li {
    background: #effdef;
    border-radius: 4px;
    margin-bottom: 4px;
    font-size: 19px;
    font-weight: 700;
    color: #427c42 !important;
    padding: 18px 28px;
}
.list-check li span {
    background: url(../images/check-list.png) no-repeat left;
    display: inline-block;
    padding: 0 0 0 42px;
}
.list-check .button-blue {
    border-radius: 4px;
    width: 100%;
    font-size: 29px;
}
.button-blue span {
    font-size: 18px;
    font-weight: 300;
    display: block;
}
.features-included h2 {
    padding-bottom: 60px;
}
.features-included h2 span {
    display: block;
    font-weight: 300;
}
.features-box {
    background: #d9effe;
    border-radius: 4px;
    position: relative;
    padding: 80px 50px 20px;
    margin-bottom: 80px;
}
.features-box h3 {
    color: #399ade;
    font-weight: 700;
    font-size: 26px;
}
.features-box p {
    color: #676767;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}
.features-icon {
    position: absolute;
    top: -55px;
    left: 0;
    width: 100%;
    text-align: center;
}
.features-box .features-inner-box {
    font-size: 15px;
    color: #0f5586;
    background: #c8e7fd;
    float: left;
    width: 30%;
    margin-left: 1%;
    min-height: 100px;
    padding: 10px 1%;
    line-height: 24px;
}
.blue-list {
    list-style: disc;
}
.blue-list li {
    font-size: 16px;
    color: #399ade;
    font-weight: 500;
    margin-bottom: 5px;
}
.features-included {
    padding-bottom: 50px !important;
}
.features-included .button-green {
    border-radius: 4px;
}
.padd-none {
    padding-bottom: 0 !important;
}
/** End tab-container **/
@media (max-width: 1200px) {
    .timing-bar .button-blue, .timing-bar .button-green {
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
    }
    .timing-bar {
	background: #2d3131;
	padding: 10px 15px 0px;
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
    }
}
@media (max-width: 980px) {
    .banner .row-fluid .span6 {
	width: 70%;
    }
    .timing-bar span {
	padding-left: 10px;
	padding-right: 10px;
    }
    .timing-bar .pull-left, .timing-bar .pull-right {
	float: none;
	margin-bottom: 8px;
	text-align: center;
    }
    .price {
	font-size: 50px;
    }
    .save-count {
	font-size: 25px;
    }
    .limited-time {
	font-size: 13px !important;
    }
}
@media (max-width: 979px) {
    .forgot-pass {
	background: #71c770;
	margin-left: -115px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
    .signin-link {
	color: #fff;
	display: inline-block;
	font-weight: 500;
	margin-top: 10px;
	text-decoration: underline;
	text-align: right;
	padding-bottom: 10px;
    }
}
@media (max-width: 965px) {
    .forgot-pass {
	background: #71c770;
	margin-left: -110px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
}
@media (max-width: 930px) {
    .forgot-pass {
	background: #71c770;
	margin-left: -90px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
}
@media (max-width: 890px) {
    .forgot-pass {
	background: #71c770;
	margin-left: -70px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
}
@media (max-width: 870px) {
    .forgot-pass {
	background: #71c770;
	margin-left: -60px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
}
@media (max-width: 800px) {
    .forgot-pass {
	background: #71c770;
	margin-left: -30px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
}
@media (max-width: 768px) {
    .slider-text h1 {
	color: #FFFFFF;
	font-size: 19px;
	line-height: 20px;
	padding: 0 0 22px;
	font-weight: 700;
    }
    .secondary-content {
	padding: 15px 0 20px;
    }
    #slider {
	min-height: 350px;
    }
    .banner .row-fluid .span6 {
	width: 100%;
    }
    .forgot-pass {
	background: #71c770;
	margin-left: -20px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
    .features-box .features-inner-box {
	float: none;
	width: 96%;
	margin-left: 0;
	min-height: 100px;
	padding: 10px 2%;
	margin-bottom: 5px;
    }
    .price {
	font-size: 73px;
    }
    .save-count {
	font-size: 30px;
    }
    .limited-time {
	font-size: 17px;
    }
}
@media (max-width: 575px) {
    .statistics-table td {
	padding: 1%;
    }
    .statistics-table th {
	padding: 1%;
    }
}
@media (max-width: 360px) {
    .slider-text {
	position: absolute;
	top: 27%;
	z-index: 1600;
    }
    #slider {
	min-height: 260px;
    }
    .slider-text h1 {
	padding-bottom: 11px;
    }
    .secondary-content {
	margin-top: 15px;
    }
    .forgot-pass {
	background: #71c770;
	margin-left: 0px;
	padding-top: 30px;
	position: relative;
    }
    .forgot-pass-tip {
	position: absolute;
	top: -18px;
	left: 30px;
    }
}

/*New Page CSS End*/
/* edit account page css changes on 17th August, 2017 -- start */
.custom-input-group input{
    float: left;
    width: calc(100% - 100px);
    height: 59px;
}
.custom-input-group button{
    float: right;
    width: 95px;
}

.input-block-level:hover,
.input-block-level:focus{
    outline: none !important;
}
.subdomain-addon{
    position: relative;
}
.subdomain-addon input{
    position: relative;
    padding-right: 30%;
}   
.subdomain-addon span{
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
    color: #545454;
}
.color-pallete{
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
    padding: 15px;
    margin-bottom: 20px;
    float: left;
    position: relative;
    width: 100%;
}
.color-picker-wrapper {
    margin-left: 0px !important;
    margin-bottom: 15px;
    min-width: 135px;
    display: inline-block;
    width: 32%;
}
.color-picker-wrapper h4{
    font-size: 22px;
    font-weight: bold;
}
.color-picker-wrapper p{
    text-align: left;
}
.color-picker-wrapper label{
    font-size: 12px;
}
.color-picker-wrapper .farbtastic, 
.color-picker-wrapper .farbtastic .wheel{
    margin: 0 auto;
}
.color-pallete .iframe-wrap{
    margin-left: 0 !important;
}
/* edit account page css changes on 17th August, 2017 -- end */
@media screen and (max-width: 1024px){
 .subdomain-addon input{
    padding-right: 45%;
 }   
}