﻿@charset "utf-8";
/* CSS Document */

/*----------------------Common Classes--------------------------*/
html {
    overflow-y: scroll;
}

body {
    margin: 0px;
    padding: 0px;
    color: #595959;
    height: 100% !important;
    font-family: Helvetica Neue;
}

.containerBox {
    margin: auto;
    width: 1020px;
    width: 60%;
    min-width: 1020px;
}

.containerBox_main {
    margin: auto;
    width: 1200px;
    /*width:60%;*/
    min-width: 1020px;
}

.headerBg {
    background-color: #2f2a2a;
    height: 357px;
    padding: 45px 0px;
}

.headerOrangeBar {
    background: url(../images/orange_bg.png) repeat-x;
    width: 100%;
    padding: 16px 0px;
    height: 33px;
}

.header_menu_bar_lowerIE {
    background: url(../images/header_bg.png) repeat-x;
    width: 100%;
    top: 0px;
}

.header_menu_bar {
    background: url(../images/header_bg.png) repeat-x;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 1;
}

.header_menu {
    height: 94px;
}

.header_menu_text {
    font-family: Helvetica Neue;
    font-size: 20px;
    font-weight: bold;
    color: #e5e5e5;
}

.middle_menu {
    margin: auto;
}

.wapp_logo {
    color: #e5e5e5;
    font-family: Raleway-Bold;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 9px;
}

.why_need_wapp_txt {
    font-family: Raleway-Bold;
    font-size: 30px;
    text-align: center;
    color: #e63f40;
    width: 860px;
    margin: auto;
}

.icon_four {
    text-align: center;
    width: 248px;
}

.black_tittle_txt {
    font-family: Helvetica Neue;
    font-size: 22px;
    text-align: center;
    color: #3f3f3f;
    text-transform: uppercase;
}

.txtGrey {
    color: #A6A6A6;
}

.dark_red_tittle_txt {
    color: #f53624;
    color: #f53624;
    font-family: "Raleway-Bold";
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}

.gray_content_txt {
    color: #a2a2a2;
    font-family: "HelveticaNeue-Light";
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.6;
}

.hight_FF_36 {
    height: 36px;
}

.contactUS_gray_txt {
    color: #A2A2A2;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.6;
}

.gray_content_txt_underline {
    font-family: Helvetica Neue;
    font-size: 18px;
    color: #a2a2a2;
    border-bottom: #a2a2a2 2px solid;
}

.gray_cointener {
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    margin: 30px auto auto;
}

.blue-container {
    background-color: #4696ce;
    color: #ffffff;
    font-family: Raleway !important;
    font-size: 18px;
    margin: auto;
    vertical-align: middle;
    padding: 10px 70px;
    width: 350px;
    text-align: center;
}

.bgTextGrey {
    color: #ccc !important;
}

.bgDarkGrey {
    background-color: #505050;
}

.margin_auto {
    margin: auto;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.text_align_right {
    text-align: right;
}

.text_align_center {
    text-align: center;
}

.posRelative {
    position: relative;
}

.posAbsolute {
    position: absolute;
}

.marginAuto {
    margin: auto;
}

.disp_none {
    display: none;
}

.disp_block {
    display: block;
}

.txtCenter {
    text-align: center;
}

.headingWhiteBig {
    color: #f0f0f0;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 30px;
}

.headingWhite_24 {
    color: #f0f0f0;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.headingWhiteMedium {
    color: #f0f0f0;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.headingDarkGreyMedium {
    color: #313131;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.headingWhiteSmall {
    color: #f0f0f0;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
}

.headingWhiteSmallBold {
    color: #ffffff;
    font-family: Helvetica Neue;
    font-size: 17px;
}

.headingGreySmall {
    color: #7f7f7f;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    line-height: 27px;
}

.headingBlueRalewayBig {
    color: #106ca8;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 30px;
}

.headingBlueRalewayBig {
    color: #000;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 25px; /*color: #4799C9;font-family: Raleway-Bold,Arial,Helvetica,sans-serif;font-size: 36px;*/
}

.headingBlueRaleway {
    color: #106ca8;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 22px;
}

.headingLiteBlueRaleway {
    color: #106ca8;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.headingRedRaleway {
    color: #e63f40;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 22px;
}

.headingRedHelvetica {
    color: #e63f40;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: bold;
}

.headingGreenHelvetica {
    color: #05AF66;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: bold;
}

.headingGreenHelveticaThin {
    color: #05AF66;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 21px;
}

.headingRedRalewaySmall {
    color: #e63f40;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.headingLiteBlueSmall {
    color: #add0ef;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.headingLiteBlueSmallHelvetica {
    color: #add0ef;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
}

.headingLiteGreySmallHelvetica {
    color: #bcbcbc;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
}

.topButtons {
    padding: 0px 0px;
    float: right;
    width: 345px;
    margin-top: 25px;
}

    .topButtons ul {
        margin: 0px;
        padding: 0px;
    }

    .topButtons li {
        font-family: Helvetica Neue;
        float: left;
        list-style: none;
        cursor: default;
        border: 1px solid #ffffff;
        text-align: center;
        padding: 7px 15px;
        color: #000000;
        text-transform: uppercase;
        margin-left: 7px;
        font-weight: bold;
    }

        .topButtons li:hover {
            cursor: pointer;
            border: 1px solid #000000;
            background: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

        .topButtons li a {
            text-decoration: none;
            color: #000000;
        }

        .topButtons li:hover > a {
            text-decoration: none;
            color: #000000;
        }

        .topButtons li.mnu_selected {
            color: #000000;
            cursor: default;
            border: 1px solid #000000;
            background: none;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

#topBanner {
    width: 100%; /*or 70%, or what you want*/
    height: 388px; /*or 70%, or what you want*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 85px;
}

    #topBanner img {
        width: 100% !important;
        height: 388px;
    }

.topBannerSignUpWindow {
    width: 380px;
    height: 348px;
    background-color: #ffffff;
    padding: 20px;
    color: #7F7F7F;
    -webkit-box-shadow: 0px -8px 5px 2px #4a4a4a;
    -moz-box-shadow: 0px -8px 5px 2px #4a4a4a;
    box-shadow: 0px -8px 5px 2px #4a4a4a;
    z-index: 0;
    position: absolute;
    margin-left: 270px;
}

.appsVideos {
    width: 305px;
    height: 227px;
    background: url(../images/apps.jpg) no-repeat;
    cursor: pointer;
}

.SignUpPopWindow {
    width: 560px;
    background-color: #ffffff;
}

input.hmSignUpInputBox:-ms-input-placeholder {
    color: #cccccc;
}


.tsk_hm_inputbx:hover {
    border: 1px #9CFFFF solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tsk_hm_inputbx:focus {
    border: 1px #9CFFFF solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tsk_hm_inputbx:active {
    border: 1px #FFF solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tittle_NoSelect {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #a7cee2;
    font-size: 22px;
}

.tittle_Select {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    font-size: 22px;
}

.width_179 {
    width: 179px;
}

.hmSignUpInputBox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #363636;
    padding: 10px;
    width: 318px;
}

input.signUpInputBox:-ms-input-placeholder {
    color: #cccccc;
}

.signUpInputBox {
    width: 195px;
    border: 1px solid #ebebeb;
    background-color: #fbfbfb;
    color: #696969;
    padding: 15px 42px 15px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input.loginInputBox:-ms-input-placeholder {
    color: #cccccc;
}


input.hmsignUpInputBox:-ms-input-placeholder {
    color: #cccccc;
}

.hmsignUpInputBox {
    width: 327px;
    border: 1px solid #ebebeb;
    background-color: #fbfbfb;
    color: #696969;
    padding: 15px 42px 15px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.loginInputBox {
    width: 555px;
    border: 1px solid #ebebeb;
    background-color: #fbfbfb;
    color: #696969;
    padding: 15px 42px 15px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.errorBoxHm {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
    color: #FF7E7E;
    padding: 13px 10px 3px 3px;
    z-index: -1;
}

.errorBox {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
    color: #EA3B28;
    padding: 10px 10px 3px 10px;
    z-index: -1;
}

.errorBoxSignUp {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
    color: #EA3B28;
    padding: 10px 10px 0px 10px;
    z-index: -1;
}

.allErrorBox {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    color: #EA3B28;
    padding: 5px;
}

.allSuccsessBox {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    color: #05AF66;
    padding: 5px;
}

.zIndex {
    z-index: 0;
}

.bgBlue {
    background-color: #4696ce;
}

.hmSignUpButton {
    background-color: rgb(0, 178, 104);
    border: 1px solid rgb(0, 178, 104);
    border-radius: 3px;
    color: #ffffff;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 10px 0 7px;
    text-align: center;
    margin-left: 10px;
    width: 100px;
}

    .hmSignUpButton:hover {
        background-color: #059559;
        text-align: center;
        width: 100px;
        color: #ffffff;
        font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
        padding: 10px 0px 7px 0px;
    }

.disabledButton {
    background-color: #B2B2B2;
    color: #ffffff;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px 25px;
    cursor: default;
}

.blueButton {
    background-color: #3791C5;
    color: #ffffff;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px 25px;
}

    .blueButton:hover {
        background-color: #e63f40;
        color: #ffffff;
        font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
        padding: 10px 25px;
    }

    .blueButton:focus {
        background-color: #e63f40;
        color: #ffffff;
        font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
        padding: 10px 25px;
    }

    .blueButton:focus {
        background-color: #e63f40;
        color: #ffffff;
        font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
        padding: 10px 25px;
    }

.signupErrorBoxPos {
    top: 50px;
    width: 487px;
}

.signUpButtonPos {
    top: -2px;
    left: 40%;
}

.loginButtonPos {
    top: 17px;
    left: 37.1%;
}


.errorBoxPos {
    top: 41px;
    width: 477px;
    display: none;
}

.hmSignupErrorBoxPos {
    display: none;
    top: 40px;
    width: 255px;
}

.loginButtonPos {
    top: 17px;
    left: 43%;
}

.resetButtonPos {
    top: 17px;
    left: 34%;
}

.resendInviteButtonPos {
    top: 17px;
    left: 36%;
}

.takeMeBackButtonPos {
    top: 17px;
    left: 49%;
}

.homeButtonPos {
    top: 17px;
    left: 19.5%;
}


.icon_UserName {
    position: absolute;
    top: 10px;
    right: 1px;
    height: 27px;
    width: 28px;
    /*background-image: url("../images/home_page_all_icons.png");*/
    background-position: -494px -25px;
    background-repeat: no-repeat;
}

.icon_Email {
    position: absolute;
    top: 10px;
    right: -56px;
    height: 28px;
    width: 28px;
   background-image: url("/Content/dist/Login/images/home_page_all_icons.png");
    background-position: -496px -67px;
    background-repeat: no-repeat;
}

.icon_Password {
    position: absolute;
    top: 10px;
    right: 2px;
    height: 28px;
    width: 23px;
    /*background-image: url("../images/home_page_all_icons.png");*/
    background-position: -496px -109px;
    background-repeat: no-repeat;
}

.icon_arrow {
    width: 22px;
    height: 37px;
}

.icon_chkbx {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 30px;
    margin-top: -6px;
}


.txtGreyHelvetica {
    color: #b1b1b1;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
}

.txtGreyDarkHelvetica {
    color: #808080;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
}

.font_workapp_born {
    font-family: 'Helvetica Neue';
    font-size: 18px;
    color: #6f6f6f;
}

.font_hear_from_you {
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #eb3f40;
}

.contactUS_Subtext {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 27px;
    color: #EB3F40;
}

.margin_Top_1 {
    margin-top: 1px;
}

.privatePolicy_subHeading {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 26px;
    color: #EB3F40;
}

.font_increase_inficiancy {
    font-family: 'Helvetica Neue';
    font-size: 15px;
    color: #eb3f40;
}
/*----------------------Font End--------------------------*/



.line_color {
    color: #ebebeb;
    width: 860px;
    height: 5px;
}

.footerHome {
    background-color: #4386b0;
}

.footer {
    background-color: #4386b0;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.clr {
    clear: both;
}
/*----------------------Monali end--------------------------*/



.pad_top_btm_10 {
    padding: 10px 0px;
}

/*----------------------Padding End--------------------------*/

/*----------------------Height--------------------------*/
.height_35 {
    height: 35px;
    clear: both;
}
.height_10 {
    height: 10px;
}

.height_5 {
    height: 5px;
}
/*----------------------Width--------------------------*/
.width_860 {
    width: 860px;
}

.width_810 {
    width: 810px;
}

.width_775 {
    width: 775px;
}

.width_750 {
    width: 750px;
}

.width_724 {
    width: 724px;
}

.width_675 {
    width: 675px;
}

.width_560 {
    width: 560px;
}

.width_555 {
    width: 555px;
}

.width_580 {
    width: 580px;
}

.width_505 {
    width: 505px;
}

.width_550 {
    width: 550px;
}

.width_535 {
    width: 535px;
}

.width_510 {
    width: 510px;
}

.width_435 {
    width: 435px;
}

.width_520 {
    width: 520px;
}

.width_405 {
    width: 405px;
}

.width_418 {
    width: 418px;
}

.width_410 {
    width: 410px;
}

.width_400 {
    width: 400px;
}

.width_397 {
    width: 397px;
}

.width_396 {
    width: 396px;
}

.width_395 {
    width: 395px;
}

.width_394 {
    width: 394px;
}

.width_390 {
    width: 390px;
}

.width_345 {
    width: 345px;
}

.width_340 {
    width: 340px;
}

.width_335 {
    width: 335px;
}

.width_330 {
    width: 330px;
}

.width_320 {
    width: 320px;
}

.width_314 {
    width: 314px;
}

.width_312 {
    width: 312px;
}

.width_300 {
    width: 300px;
}

.width_296 {
    width: 296px;
}

.width_295 {
    width: 295px;
}

.width_290 {
    width: 290px;
}

.width_285 {
    width: 285px;
}

.width_284 {
    width: 284px;
}

.width_283 {
    width: 283px;
}

.width_280 {
    width: 280px;
}

.width_270 {
    width: 270px;
}

.width_265 {
    width: 265px;
}

.width_210 {
    width: 210px;
}

.width_215 {
    width: 215px;
}

.width_230 {
    width: 230px;
}

.width_240 {
    width: 240px;
}

.width_360 {
    width: 360px;
}

.width_380 {
    width: 380px;
}

.width_440 {
    width: 440px;
}

.width_453 {
    width: 453px;
}

.width_465 {
    width: 465px;
}

.width_490 {
    width: 490px;
}

.width_500 {
    width: 500px;
}

.width_262 {
    width: 262px;
}

.width_238 {
    width: 238px;
}

.width_260 {
    width: 260px;
}

.width_255 {
    width: 255px;
}

.width_235 {
    width: 235px;
}

.width_205 {
    width: 205px;
}

.width_187 {
    width: 187px;
}

.width_198 {
    width: 198px;
}

.width_192 {
    width: 192px;
}

.width_180 {
    width: 180px;
}

.width_175 {
    width: 175px;
}

.width_145 {
    width: 145px;
}

.width_135 {
    width: 135px;
}

.width_125 {
    width: 125px;
}

.width_112 {
    width: 112px;
}

.width_95 {
    width: 95px;
}

.width_90 {
    width: 90px;
}

.width_75 {
    width: 75px;
}

.width_70 {
    width: 70px;
}

.width_55 {
    width: 55px;
}

.width_50 {
    width: 50px;
}

.width_45 {
    width: 45px;
}

.width_35 {
    width: 35px;
}

.width_25 {
    width: 25px;
}

.width_20 {
    width: 20px;
}

.width_15 {
    width: 15px;
}

.width_13 {
    width: 13px;
}

.width_10 {
    width: 10px;
}

.width_5 {
    width: 5px;
}

.width_385 {
    width: 385px;
}

.left_261 {
    left: 261px;
}
/*-------------------------------------------------Scroll To Top--------------------------------------------------*/
/*#toTop {
    display: none;
    position: fixed;
    bottom: 70px;
    right: 200px;
    width: 40px;
    height: 40px;
    background-image: url("../images/top.png");
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); 
    outline: none;
    z-index: 5;
}*/

    #toTop:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }
/*-----------------------------------------------All Popup Starts----------------------------------------------------*/
.loader {
    background: url(../images/loader.gif) center center no-repeat;
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 8000;
}

#ws-lightbox-outer {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #ffffff url(../images/loader.gif) center center no-repeat;
}

    #ws-lightbox-outer iframe {
        overflow: hidden;
        padding: 0;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }



#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

    .jquery-script-center ul {
        width: 212px;
        float: left;
        line-height: 45px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .jquery-script-center a {
        text-decoration: none;
    }

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}
/*-----------------------------------------------Prasanta Start----------------------------------------------------*/

.outer-container {
    width: 100%;
    float: left;
    padding: 50px 0;
}

.outer-container-grey {
    background: #f3f3f3;
}

.outer-container-bluebg {
    background-color: #1E3C60;
}

.outer-container-shadow {
    background: #f3f3f3 url("../images/shadow.png") no-repeat center top;
}

.outer-container .inner-container {
    width: 100%;
    max-width: 1150px;
    padding: 0 15px;
    margin: 0 auto;
}

    .outer-container .inner-container .main-container {
        width: 100%;
        float: left;
    }

.grey-line {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d8d8d8;
}

.outer-container-grey h2, .outer-container-grey h2, .outer-container-bluebg h2 {
    color: #595959;
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    font-size: 35px;
    padding: 0;
    margin: 0 0 40px 0;
    text-align: center;
}

.outer-container-grey h2, .outer-container-bluebg h2 {
    color: #fafafa;
}

.colcontainer {
    width: 100%;
    float: left;
    background: none;
}

    .colcontainer .col3 {
        box-sizing: border-box;
        width: 33.33%;
        float: left;
        padding: 0 30px;
        text-align: center;
    }

        .colcontainer .col3 .biggreycircle {
            display: inline-block;
            padding: 20px;
            border: 1px solid #595959;
            border-radius: 50%;
            overflow: hidden;
        }

        .colcontainer .col3 .heading {
            float: left;
            width: 100%;
            color: #595959;
            font-size: 17px;
            margin: 25px 0 10px 0;
            padding-bottom: 10px;
        }

            .colcontainer .col3 .heading h4 {
                font-size: 20px;
                margin: 0 0 5px 0;
                font-weight: normal;
            }

        .colcontainer .col3 .team-content {
            float: left;
            width: 100%;
            font-size: 16px;
            color: #595959;
            line-height: 22px;
        }

.button-container {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 25px;
}

    .button-container .each-button {
        display: inline-block;
        margin: 0 10px;
    }

.button-container-submit {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -19px;
}

.container-full {
    width: 100%;
    float: left;
}

.width_5col {
    width: 20%;
    float: left;
}

.shadow_Box {
    height: 15px;
    width: 100%;
    float: left;
    background: #FFFFFF url("../images/shadow.png") no-repeat center top;
}

.homeDownloadcontainer {
    width: 100%;
    float: left;
}

    .homeDownloadcontainer .Downloadeachcol {
        width: 33.33%;
        padding: 10px 2%;
        float: left;
        text-align: center;
        border-right: 1px solid #dedbdb;
        box-sizing: border-box;
    }

    .homeDownloadcontainer .lastcol {
        border: none;
    }

    .homeDownloadcontainer .download-icon {
        float: left;
        width: 100%;
    }

        .homeDownloadcontainer .download-icon img {
            text-decoration: none;
            border: none;
        }

    .homeDownloadcontainer .download-heading {
        float: left;
        width: 100%;
        color: #000;
        font-size: 20px;
        color: #000;
        padding-bottom: 10px;
        min-height: 35px;
        font-weight: normal;
    }

        .homeDownloadcontainer .download-heading a {
            text-decoration: none;
            color: #000;
        }

            .homeDownloadcontainer .download-heading a:hover {
                color: #017bac;
            }

/*-----------------------------------------------Prasanta End----------------------------------------------------*/

/*-----------------------------------------------Sidd----------------------------------------------------*/

.pad_top_12 {
    padding-top: 12px;
}

.width_120 {
    width: 120px;
}

.height_47 {
    height: 47px;
}

.pad_top_9 {
    padding-top: 9px;
}

.height_70 {
    height: 70px;
}

.mainButtn {
    color: #e5e5e5;
    cursor: pointer;
    font-family: raleway;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 15px;
    text-align: center;
    text-transform: uppercase;
}

.mainButtn_white {
    border: 2px solid #fafafa;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #fafafa;
    width: 157px;
}

    .mainButtn_white:hover {
        background-color: #fafafa;
        color: #E63F40;
    }

.mainButtn_blue {
    border: 2px solid #75afce;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    color: #105ca5;
    width: 157px;
}

    .mainButtn_blue:hover {
        background-color: #75afce;
        color: #fafafa;
    }

.mainButtn_red {
    border: 2px solid #e63f40;
    border-radius: 20px;
    color: #e63f40;
    text-decoration: none;
    width: 157px;
}

    .mainButtn_red:hover {
        background-color: #e63f40;
        color: #fafafa;
        text-decoration: none;
    }


.fon_white {
    color: #FFFFFF !important;
}

.people_white_tittle_txt {
    color: #fafafa;
    font-family: Raleway;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.white_content_txt {
    color: #e0e0e0;
    font-family: "HelveticaNeue-Light";
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.people_tittle_txt {
    font-family: Helvetica Neue;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    text-transform: uppercase;
}
.thick_border_blue {
    border: 1px #35afce solid;
}


.thick_border_blue_vertical {
    border-right: 1px solid #35afce;
    height: 414px;
    width: 498px;
}

.productivityBg {
    background: #eb3c43 url(../images/bgProductivity_RedWhite.jpg) no-repeat center -185px;
    min-width: 1024px;
    width: 100%;
    height: 665px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.containerBox_IMG {
    background: url(../images/work_with_people_BG.jpg) no-repeat center center;
    min-width: 1024px;
    width: 670px;
    height: 448px;
   
}

/*-----------------------------------------------All_Icon_CSS----------------------------------------------------*/


.pad_left_145 {
    padding-left: 145px;
}

.pad_left_212 {
    padding-left: 212px;
}
/*-----------------------------------------------NewUIChanges-CSS----------------------------------------------------*/
.margin_top_338 {
    margin-top: 338px;
}

.margin_top_10 {
    margin-top: 10px;
}

.margin_top_20 {
    margin-top: 20px;
}

.headerTransWhiteBar {
    background: url(../images/TransparentWhiteImage.png) repeat-x;
    width: 100%;
    height: 37px;
    z-index: 0;
}

.headerTransWhiteBar_txt {
    font-family: Helvetica Neue;
    font-size: 16px;
    color: #404040;
    width: 268px;
    font-weight: bold;
}

.pad_left_379 {
    padding-left: 379px;
}

.pad_right_405 {
    padding-right: 405px;
}

.width_100prcnt {
    width: 100%;
}

.width_1000 {
    width: 1000px;
}

.width_100 {
    width: 100px;
}

.width_375 {
    width: 375px;
}

.width_480 {
    width: 480px;
}

.logoFontBlack {
    font-family: OstrichSans-Black, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #000000;
    letter-spacing: 3px;
}

.logoFontGrey {
    font-family: OstrichSans-Black, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #b3b3b3;
    letter-spacing: 3px;
}

.logoFontBlack_16 {
    font-family: OstrichSans-Black, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    letter-spacing: 3px;
}

.logoFontGrey_16 {
    font-family: OstrichSans-Black, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #b3b3b3;
    letter-spacing: 3px;
}

.pad_right_104 {
    padding-right: 104px;
}

.pad_left_214 {
    padding-left: 214px;
}

.pad_left_278 {
    padding-left: 278px;
}

.why_need_wapp_txt_Black_Bold {
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-align: center;
    color: #000000;
    width: 860px;
    margin: auto;
}

.why_need_wapp_txt_Black {
    color: #000000;
    font-size: 24px;
    text-align: center;
    font-family: "Raleway";
    padding: 20px;
    color: #333;
}

.height_28 {
    height: 28px;
}
/*-----------------------------------------------BrowserUpgradePage----------------------------------------------------*/
.curser_pointer {
    cursor: pointer;
}

.broOutline {
    border: 2px solid #D8D8D8;
    padding: 20px;
}

.headingBlack {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.headingBlueHelvetica {
    color: #086dbd;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
}

.pad_right_32 {
    padding-right: 32px;
}

.width_680 {
    width: 680px;
}

.icon_txt {
    font-family: Helvetica Neue;
    font-size: 16px;
    color: #404040;
    font-weight: bold;
}

.icon_txt_blue {
    font-family: Helvetica Neue;
    font-size: 16px;
    color: #086dbd;
    /*	font-weight:bold;*/
    text-decoration: none;
}


.logoFontBlack_45 {
    font-family: OstrichSans-Black, Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #000000;
    letter-spacing: 3px;
}

.logoFontGrey_45 {
    font-family: OstrichSans-Black, Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #b3b3b3;
    letter-spacing: 3px;
}

.width_276 {
    width: 276px;
}
/*-----------------------------------------------BrowserUpgradePage----------------------------------------------------*/

/*-----------------------------------------------bikram----------------------------------------------------*/
.pad_20_10 {
    padding: 20px 10px;
}

.pad_22_10 {
    padding: 22px 10px;
}

.pad_12_10 {
    padding: 12px 10px;
}

.pad_10_10 {
    padding: 10px 10px;
}

.pad_13 {
    padding: 13px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*-----------------------------------------------bikramend----------------------------------------------------*/
/*-----------------------------------------------Sagar----------------------------------------------------*/
.range-slider {
    width: 200px;
    height: 20px;
    margin: 0 auto 1em;
    position: relative;
    cursor: pointer;
}

    .range-slider:before {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #105CA5;
    }

    .range-slider div {
        display: block;
        height: inherit;
        position: relative;
        z-index: 2;
        background-color: #105CA5;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        width: 20px;
        height: 20px;
    }

.padT24_30 {
    padding: 24px 30px;
}

.width_1760 {
    width: 1760px;
}
/*-----------------------------------------------Sagarend----------------------------------------------------*/

/*-----------------------------------------------WA_THROUGH----------------------------------------------------*/
.left {
    float: left;
}

.right {
    float: right;
}

.clearfix {
    clear: both;
}

.quarter {
    width: 23.9%;
}

.center-text {
    text-align: center;
}

.font16px {
    font-size: 16px;
}

.font14px {
    font-size: 14px;
}

.font12px {
    font-size: 12px;
}

.font10px {
    font-size: 10px;
}

.white {
    color: #ffffff;
}

#page-wrapper {
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
}

#header {
    /*background: #fff none repeat scroll 0 0;*/
    /*background:url(../images/header_bg.png) repeat-x;*/
    height: 72px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 550; /*border-bottom:1px solid #333;*/
}

    #header .menubar {
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
    }

    #header #logo-container {
        padding: 10px 0;
        /*margin-left:30px;*/
        cursor: pointer;
    }

    #header #menu-container {
        padding: 10px 0 0;
    }

        #header #menu-container ul {
            list-style: none;
            font-size: 14px;
            font-family: Helvetica Neue;
        }

            #header #menu-container ul li a {
                display: inline;
                margin: 0 10px;
                color: #1d1d1d;
                padding: 5px 8px;
                border: 1px solid #fff;
                font-weight: bold;
                font-size: 16px;
                cursor: pointer;
                text-decoration: none;
            }

                #header #menu-container ul li a:hover {
                    border: 1px solid #f53624;
                    border-radius: 4px;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                }

.contain {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 320px;
    position: relative;
    width: 100%;
}

#content #tagline {
    text-align: center;
    font-size: 20px;
    /*padding-top:40px;*/
    color: #105ca5;
    /*font-family: "Raleway";*/
}

    #content #tagline h1 {
        font-size: 38px;
        margin: 0px;
    }

#content #video-container {
    width: 100%;
    min-height: 400px;
    /*margin-top:120px;*/
    background: #1E3C60;
}

#video-msg {
    color: #86bed7;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 32px;
    line-height: 1.50em;
    margin-top: 152px;
    /* text-align: left;*/
    width: 370px;
}

.video-msg_bold {
    color: #bbd9f3;
    font-family: "HelveticaNeue-Bold", Helvetica, Arial, sans-serif !important;
    font-size: 40px;
    /*text-align: left;*/
    font-weight: bold;
}

.yt-container {
    /*    position: relative;
    width: 100%;*/
    height: 325px;
    padding-top: 38px;
    margin-right: 7px;
}

.video {
    /*	margin-left:15%;
	width:70%;*/
    width: 580px;
    height: 100%;
    border: 0px;
    margin-right: 34px;
}

#wa-desc {
    background: #ffffff;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
}

h2 {
    margin: 0px;
}

    h2 strong {
        background: none repeat scroll 0 0 #FFFFFF;
        font-weight: normal;
        padding: 0 4px;
    }

h2_white {
    margin: 0px;
}

    h2_white strong {
        background: none repeat scroll 0 0 #FFFFFF;
        font-weight: normal;
        padding: 0 4px;
    }

    h2_white > span {
        #background: none repeat scroll 0 0 #d8d8d8;
        display: block;
        height: 1px;
        margin-top: -19px;
        background: #D8D8D8 none repeat scroll 0% 0%;
    }

h2 > span {
    #background: none repeat scroll 0 0 #d8d8d8;
    display: block;
    height: 1px;
    margin-top: -19px;
    background: #D8D8D8 none repeat scroll 0% 0%;
}

.wa-because {
    margin: 19px 19px 69px 19px;
    color: #333;
    text-align: center;
    font-family: "Raleway";
}

.subheading_bullet {
    display: inline-block;
    color: #35afce;
    font-weight: bold;
    font-size: 30px;
}

.text_align_right {
    text-align: right;
}

.text_align_left {
    text-align: left;
}

.pad_btm_30 {
    padding-bottom: 30px;
}

.pad_btm_15 {
    padding-bottom: 15px;
}

.pad_btm_20 {
    padding-bottom: 20px;
}

.height_222 {
    height: 222px;
}

.pad_top_23 {
    padding-top: 20px;
}

.margin_top_m55 {
    margin-top: -139px;
}

.blueHeadTxt_22 {
    color: #105ca5;
    font-family: "HelveticaNeue-Light";
    font-size: 22px;
}

.blueHeadTxt_28 {
    color: #105ca5;
    font-family: "Helvetica Neue";
    font-size: 28px;
}

.bgBrown {
    background-color: #efefef;
}

.gray_content_txt_12 {
    color: #a2a2a2;
    font-family: Helvetica Neue;
    font-size: 12px;
}

.tranceShadow_Box {
    height: 15px;
    background: #FFFFFF url("../images/shadow.png") no-repeat center top;
}

input.hmSignUpInputBox:-ms-input-placeholder {
    color: #cccccc;
}

input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.rememberMeHelvetica {
    color: #808080;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
}

/*-----------------------------------------------WA_THROUGH_END----------------------------------------------------*/

/*-----------------------------------------------Provided by Priya----------------------------------------------------*/

@media only screen and ( max-width: 14000px ) {
    #container {
        width: 80%;
    }
}
/*laptops, small screen desktops, tabs*/
@media only screen and ( max-width: 1600px ) {
    #container {
        width: 90%;
    }

    .margin_chatOnly_text {
        margin: 3px 3px 0px 4px !important;
    }
}


/*-----------------------------------------------Change-UI----------------------------------------------------*/

.border_doted {
    border: 1px #d4d4d4 dashed;
}

.top_minus27 {
    top: -27px;
}

.fontBold {
    font-weight: bold;
}

.black_content_txt {
    color: #3a3a3a;
    font-family: "Helvetica Neue";
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.6;
}

.privatePolicy_smallHeading {
    color: #3a3a3a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.6;
}

.black_content_txt_underline {
    font-family: "Helvetica Neue";
    font-size: 18px;
    color: #3a3a3a;
    border-bottom: #3a3a3a 2px solid;
}

.margin_right_12 {
    margin-right: 12px;
}

.gray_cointener_b {
    background-color: #f5f5f5;
}

.margin_r_20 {
    margin-right: 20px;
}

.margin_topBtn_36_70 {
    margin-top: 36px;
    margin-bottom: 70px;
}

.width_22pec {
    width: 22%;
}

.enterpriseBox_IMG {
    background: url(../images/Benefits_Enter_Account.jpg) no-repeat center center;
    /*#min-width: 1024px;*/
    width: 100%;
    padding: 55px 0 55px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.topHeadRedBox {
    background: #c11200;
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=74)"; /* IE 8 */
    filter: alpha(opacity=74); /* IE 5-7 */
    -moz-opacity: 0.7; /* Netscape */
    -khtml-opacity: 0.7; /* Safari 1.x */
    opacity: 0.7; /* Good browsers */
}

.topHeadBlackBox {
    background: #000000;
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=74)"; /* IE 8 */
    filter: alpha(opacity=74); /* IE 5-7 */
    -moz-opacity: 0.7; /* Netscape */
    -khtml-opacity: 0.7; /* Safari 1.x */
    opacity: 0.7; /* Good browsers */
}

.width_40pec {
    width: 40%;
}

.width_46pec {
    width: 46%;
}

.width_84pec {
    width: 84%;
}

.width_83pec {
    width: 83%;
}

.margin_b_6 {
    margin-bottom: 6px;
}

.pricing_HeaderText {
    text-align: center;
    font-size: 20px;
    color: #105ca5;
    font-family: "Raleway";
}

.borderReduseTop_5 {
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}


.contactEmail_Link {
    text-decoration: none;
    cursor: pointer;
    color: #3A3A3A;
}

    .contactEmail_Link:hover {
        text-decoration: none;
        cursor: pointer;
        color: #1B78D1;
    }

.feedbackEmail_Link {
    text-decoration: none;
    cursor: pointer;
    color: #A2A2A2;
}

    .feedbackEmail_Link:hover {
        color: #1B78D1;
    }

.team_Colleagues_white_txt {
    font-family: "Helvetica Neue";
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}
/*----------------------------------Shailesh CSS-----------------------*/
.margin_r_5 {
    margin-right: 5px;
}

.linkBlueRaleway {
    color: #106ca8;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
}

    .linkBlueRaleway:hover {
        color: #000000;
    }

.margin_top_m220 {
    margin-top: -220px;
}

.headingWithLineFullWidth {
    font-size: 20px;
    text-align: center;
    /*font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
    color: #333;
    padding: 5px 0px 0px 0px;
}

.height_15 {
    clear: both;
    height: 15px;
}

.height_20 {
    clear: both;
    height: 20px;
}

.height_25 {
    clear: both;
    height: 25px;
    height: 31px\0;
}

.height_30 {
    clear: both;
    height: 30px;
}

.height_29 {
    clear: both;
    height: 29px;
}

.height_28 {
    clear: both;
    height: 28px;
}

.height_31 {
    clear: both;
    height: 31px;
}

.pad_btm_18 {
    padding-bottom: 18px;
}

.pad_btm_12 {
    padding-bottom: 12px;
}

.width_580 {
    width: 580px;
}

.width_505 {
    width: 505px;
}

.get_a_product_Bold {
    font-family: Raleway-Bold;
    font-size: 30px;
    text-align: center;
    color: #000000;
    margin: auto;
}

.font_18 {
    font-size: 18px;
}

@-moz-document url-prefix() {

    .height_26 {
        clear: both;
        height: 26px;
    }

    .pricingBox_gray {
        margin-bottom: -7px;
    }

    .height_31 {
        height: 29px;
        clear: both;
    }

    .height_30 {
        clear: both;
        height: 30px;
    }

    .pricingPadBtm20 {
        padding-bottom: 18px;
    }

    .margin_top_minus19 {
        margin-top: 0px;
    }

    .margin_Faq_Enterprise_Id {
        margin-left: 3px !important;
        margin-top: 1px !important;
    }

    .width_536 {
        width: 535px !important;
    }

    .margin_Faq_Pricing_Id {
        margin-left: 3px !important;
        margin-top: 5px !important;
        margin-right: 3px !important;
    }

    .margin_Contact_Id_5 {
        margin-top: 6px !important;
    }

    .margin_Feedback_Id_5 {
        margin-top: 4px !important;
    }

    .hight_FF_36 {
        height: 37px !important;
    }

    .pad_topLeft_10_3 {
        padding: 9px 0px 0px 3px !important;
    }

    .homeRememberMe {
        color: #FFF;
        font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-decoration: none;
        bottom: 3px !important;
    }

    .pad_11_10_33 {
        padding: 11px 10px 10px 33px !important;
    }

    .present_btn_Width {
        width: 234px !important;
    }

    .helpRricePad {
        padding: 11px 10px 10px 52px !important;
    }

    .margin_chatOnly_text {
        margin: 4px 3px 0px 4px !important;
    }

    .fileMan_BoxWidth_325 {
        width: 317px !important;
    }

    .margin_top_left_62_331 {
        margin: -62px 0px 0px 319px !important;
    }

    .helpRricePadUp {
        padding: 11px 10px 10px 52px !important;
    }

    .top_63px {
        top: 58px !important;
    }

    .taskUsing_pad_t_5 {
        padding-top: 4px !important;
    }

    .taskUsingEmail_28 {
        height: 23px !important;
    }

    .taskUsingEmail_23 {
        height: 22px !important;
    }

    .taskUsingEmail_25 {
        height: 23px !important;
    }

    .taskUsingEmail_15 {
        height: 15px !important;
    }

    .margin_Top_1 {
        margin-top: 0px !important;
    }

    .email_YellowFieldMargin {
        margin: 0px 0 25px 0 !important;
    }
}

/*----------------------------------------------------ScreenShots_Popup-----------------------------------------------------;*/
.screen_pad_top_7 {
    padding-top: 7px;
}

.pad12 {
    padding: 12px;
}

.jquery-slider-selector {
    background: transparent url("../images/all_Icons_Tutorial.png") no-repeat scroll -223px -355px;
    display: inline;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 10px;
}

.displayBlock {
    display: block;
}

.width_224 {
    width: 224px;
}

.width_1100 {
    width: 1100px;
}

.Screen_margin_right_54 {
    margin-left: 54px;
}

.Screen_margin_left_70 {
    margin-left: 70px;
}

.screenshot_height_60 {
    height: 60px;
}

.screenshot_height_30 {
    height: 30px;
}

.screenshot_width226 {
    width: 226px;
}

.screenshot_width558 {
    width: 558px;
}

.screen_width_888 {
    width: 888px;
}

.screenshots_text {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    padding-top: 10px;
    text-align: left;
    line-height: 18px;
}

.screenshots_text_bold {
    font-weight: bold;
}

.screenshots_icontittle {
    font-family: Raleway !important;
    font-size: 16px;
    color: #FFF;
}

.screenshots_white_bg {
    background-color: #1e3c60;
    position: absolute;
    z-index: 1;
    bottom: 12px;
    opacity: 0.9;
}

.screenshots_red_bg {
    background-color: #db2b2d;
    position: absolute;
    z-index: 1;
    bottom: 12px;
    opacity: 0.9;
}

/*.screenshots_Slider_white_bg {
    background-image: url(../images/bg_tecture.jpg);
    background-repeat: repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}*/

.screenshot_padding {
    padding: 1px 47px 16px 14px;
}

.Screenshot_notofication_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -610px -473px;
    width: 64px;
    height: 68px;
    margin: 2px 15px 0px 29px;
}

.Screenshot_quickview_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -609px -817px;
    width: 64px;
    height: 68px;
    margin: 2px 15px 0px 29px;
}

.Screenshot_mytask_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -611px -689px;
    width: 64px;
    height: 68px;
    margin: 2px 15px 0px 29px;
}

.Screenshot_discuss_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -612px -578px;
    width: 64px;
    height: 68px;
    margin: 2px 15px 0px 29px;
}

.Screenshot_project_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -611px -941px;
    width: 64px;
    height: 68px;
    margin: 2px 15px 0px 29px;
}

.Screenshot_contact_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -611px -1042px;
    width: 64px;
    height: 68px;
    margin: 10px 15px 0px 29px;
}

.Screenshot_profile_img {
    background: url(../images/home_page_all_icons.png) no-repeat scroll -610px -1113px;
    width: 64px;
    height: 68px;
    margin: 2px 23px 0px 29px;
}

.Screenshot_pad_55 {
    padding: 5px 37px;
}

.screenshot_slider-navigation-prev {
    background: transparent url("../images/all_Icons_Tutorial.png") no-repeat scroll -388px -557px;
    position: absolute;
    top: 51%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    left: 10px;
    z-index: 2;
}

.screenshot_slider-navigation-next {
    background: transparent url("../images/all_Icons_Tutorial.png") no-repeat scroll -432px -560px;
    position: absolute;
    top: 51%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    right: 10px;
}

.screenshot_border_rght {
    border-right: 2px #E3E3E3 solid;
    margin-right: 50px;
    padding-right: 50px;
}

.screenShotShadow_Box {
    height: 15px;
    background: #3A3A3A url("../images/shadow.png") no-repeat center top;
}

.width_1265 {
    width: 1265px;
}

.width_1040 {
    width: 1200px;
}

.width_950 {
    /*	width:950px;*/
    width: 820px;
}

.width_583 {
    width: 583px;
}

.width_365 {
    width: 365px;
}

.width_430 {
    width: 430px;
}

.width_450 {
    width: 450px;
}

.width_530 {
    width: 530px;
}

.width_540 {
    width: 540px;
}

.width_525 {
    width: 525px;
}

.displayNone {
    display: none;
}

.slider-navigation-Hide {
    background: #fff url("../images/all_Icons_Tutorial.png") no-repeat scroll-165px -360px;
    position: absolute;
    top: 51%;
    width: 45px;
    height: 45px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.jquery-slider-main {
    background: transparent url("../images/all_Icons_Tutorial.png") no-repeat scroll -241px -355px;
    display: inline;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 10px;
}

.screenshot_shadow {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.screenshot_border_radius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#basic-modal-content {
    display: none;
}

#simplemodal-overlay {
    background: #000 url("../images/bg.png");
}

#simplemodal-container {
    height: 628px;
    width: 1270px;
}
/*----------------------------------------------------ScreenShots_PopupEnd-----------------------------------------------------;*/



/*----------------------------------------------------Plan & Pricing CSS Start-----------------------------------------------------;*/

.margin_r_10 {
    margin-right: 10px;
}

.width_356 {
    width: 356px;
}

.white_txt_peruser {
    color: #ffffff;
    font-family: "HelveticaNeue-Light";
    font-size: 14px;
    letter-spacing: 0.5px;
}

.pricingBox_Blue_border {
    /*border-radius: 5px !important;*/
    height: 271px;
    background-color: #97d3ed;
}

.pricingBox_Green_border {
    /*border-radius: 5px !important;*/
    background-color: #20c09e;
}

.pricingBox_gray {
    padding: 7px 0px 7px 0px;
    /*background-color: #b2b2b2;*/
    background-color: #828282;
    border-radius: 5px !important;
}

.pricingBox_white_Text {
    font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 2px 14px 1px 28px;
}

.pricingBox_Blue_heading {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
}

.pricingBox_Blue_fretext {
    font-size: 50px;
    font-family: "HelveticaNeue-Light";
    font-weight: bold;
}

.pricingBox_fullaccsess_text {
    color: #0c71b5;
    font-size: 14px;
    font-family: "HelveticaNeue-Light";
}

.margin_top_50 {
    margin-top: 50px;
}

.pricing_redButton {
    background-color: #fff;
    color: #eb3c43;
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
    font-size: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 11px 0px;
    width: 176px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    border: 1px solid #eb3c43;
}

    .pricing_redButton:hover {
        background-color: #eb3c43;
        color: #ffffff;
        border: 1px solid #eb3c43;
    }

.margin_top_m74 {
    margin-top: -74px;
}

.pricing_gray_content_txt {
    color: #a2a2a2;
    font-family: "HelveticaNeue-Light";
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.6;
}

.pad_top6 {
    padding-top: 6px;
}

.pricing_HeaderText_red {
    text-align: center;
    font-size: 22px;
    color: #eb3c43;
    font-family: "Raleway";
}

.pricing_HeaderText_Blue {
    text-align: center;
    font-size: 22px;
    color: #0b70b4;
    font-family: "Raleway";
}

.pricingBox_inr {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    width: 5px;
    border: 1px solid #ebebeb;
    background-color: #CFCBCB;
    padding: 12px 58px 12px 27px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    color: #4A4A4A;
    font-size: 18px;
    border-right: none;
}

.pricingInputBox_1500 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    width: 160px;
    border: 1px solid #ebebeb;
    padding: 12px 56px 12px 12px;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    color: #000;
    font-size: 18px;
}

.pricingBox_grey_Number {
    font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #FFFFFF;
}

.pricing_lightBlue_Box {
    height: 70px;
    background-color: #67bbe7;
    border-radius: 5px !important;
}

.pricing_neavyBlue_Box {
    background-color: #0a71b4;
    /*border-radius: 5px !important;*/
}

.increase_prodctvity_txt_Black {
    font-family: Raleway;
    font-size: 30px;
    text-align: center;
    color: #000000;
    width: 860px;
    margin: auto;
}

.pricingPadBtm20 {
    padding-bottom: 20px;
}

.border_grey {
    border: 1px #d4d4d4 solid;
}

.border_Green {
    border: 1px #20C09E solid;
}

.border_Blue {
    border: 1px #0A71B4 solid;
}

.pad_top_27 {
    padding-top: 27px;
}

.height_324 {
    height: 324px;
}


.width_327 {
    width: 327px;
}

.margin_top_75 {
    margin-top: 75px;
}

.font_25_Relway {
    font-size: 25px;
    font-family: 'Releway', Arial, Helvetica, sans-serif;
}

.letterSpacing_1 {
    letter-spacing: 1px;
}

.margin_r_31 {
    margin-right: 31px;
}

.pricingPadBtm18 {
    padding-bottom: 18px;
}

.width_245 {
    width: 245px;
}

.width_996 {
    width: 996px;
}

.height_19 {
    height: 19px;
}

.pricingBox_Blue {
    padding: 7px 0px 7px 0px;
    /*background-color: #b2b2b2;*/
    background-color: #0A71B4;
    border-radius: 5px !important;
}

.chat_PricingTxt {
    font-size: 16px;
}

.height_36 {
    height: 36px;
}

.faq_priceLightBluepad {
    padding-top: 30px;
    color: #FFF;
}
/*----------------------------------------------------Plan & Pricing CSS End-----------------------------------------------------;*/
.fontSize11 {
    font-size: 11px;
}

.padTop5 {
    padding-top: 5px;
}

.txtRedErrorBox {
    font-size: 12px;
    color: #e63f40;
}

.submitButtonPos {
    top: 17px;
    left: 37.5%;
    width: 112px;
    text-align: center;
}

.width_625 {
    width: 625px;
}

.width_658 {
    width: 658px;
}

.height_273 {
    height: 273px;
}

.resendEmailButtonPos {
    top: 14px;
    left: 32%;
    width: 110px;
    text-align: center;
}


/* Safari and crome hackers*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .height_25 {
        clear: both;
        height: 31px;
    }
    /* Safari only override */

    ::i-block-chrome, .pricingInputBox_1500 {
        font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
        width: 156px;
        border: 1px solid #ebebeb;
        padding: 12px 46px 12px 14px;
        border-radius: 0px 3px 3px 0px;
        -moz-border-radius: 0px 3px 3px 0px;
        -webkit-border-radius: 0px 3px 3px 0px;
        color: #000;
        font-size: 18px;
        position: relative;
        top: -2px;
    }

    .margin_top_minus19 {
        margin-top: -19px;
    }

    .height_16 {
        height: 18px !important;
    }

    ::i-block-chrome, .height_25 {
        clear: both;
        height: 27px;
    }

    .widthCrome {
        width: 577px;
    }

    .width_536 {
        width: 534px !important;
    }

    .margin_Feedback_Id {
        margin-top: 3px !important;
    }

    .hmSignUpInputBox {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #363636;
        padding: 12px 10px 11px 10px;
        width: 318px;
    }

    .hmSignUpButton {
        background-color: rgb(0, 178, 104);
        border: 1px solid rgb(0, 178, 104);
        border-radius: 3px;
        color: #ffffff;
        font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 10px 8px 8px 8px !important;
        text-align: center;
        margin-left: 10px;
        width: 100px;
    }

    ::i-block-chrome, .marginYop2_safari {
        margin-top: 2px;
    }

    .width_priceBox {
        width: 680px !important;
    }
}
/* Safari hackers*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .pricingInputBox_1500 {
            font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
            width: 156px;
            border: 1px solid #ebebeb;
            padding: 12px 46px 12px 14px;
            border-radius: 0px 3px 3px 0px;
            -moz-border-radius: 0px 3px 3px 0px;
            -webkit-border-radius: 0px 3px 3px 0px;
            color: #000;
            font-size: 18px;
            position: relative;
            top: -2px;
        }

        .icon_Email {
            position: absolute;
            top: 12px;
            right: 0px;
            height: 28px;
            width: 28px;
            background-image: url("../../../Content/dist/Login/images/home_page_all_icons.png");
            background-position: -496px -67px;
            background-repeat: no-repeat;
        }

        .height_25 {
            clear: both;
            height: 27px;
        }

        .headingWithLineFullWidth {
            font-size: 20px;
            text-align: center;
            /*font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
            color: #333;
            padding: 50px 0px 0px 0px;
        }

        .width_193 {
            width: 197px !important;
        }

        .width_536 {
            width: 534px !important;
        }

        .chat_PricingTxt {
            font-size: 15px !important;
        }

        .chat_Pricing_btmTxtSafari {
            margin: auto;
            width: 920px;
        }

        .width_priceBox {
            width: 680px !important;
        }

        .margin_r_task_email {
            margin-right: 21px !important;
        }

        .margin_r_subject_text {
            margin-right: 29px !important;
            margin-top: 6px;
        }

        .margin_Faq_Pricing_Id {
            margin-left: 3px;
            margin-top: 4px !important;
            margin-right: 3px;
        }

        .margin_chatOnly_text {
            margin: 1px 3px 0px 4px !important;
        }

        .headingWithLineFullWidth_safari {
            font-size: 20px;
            text-align: center;
            color: #333;
            padding: 5px 0px 0px;
        }
    }
}

/*----------------------------------------------------Chat & Discussions CSS -----------------------------------------------------;*/

.chatBlack_cointener {
    background-color: #202020;
}

.chatBlue_cointener {
    background-color: #2b3b52;
}

.chatwhite_content_txt {
    font-family: Helvetica Neue;
    font-size: 15px;
    color: #ffffff;
}

.pad_left_Right_10 {
    padding: 0px 10px 0px 10px;
}

.chatContentBox {
    padding: 0px 10px 0px 0px;
    width: 155px;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}

.width_155 {
    width: 155px;
}

.borderRight_White {
    border-right: 1px #FFF solid;
}

.pad_top_21 {
    padding-top: 21px;
}

.margin_top_m87 {
    margin-top: -87px;
}

.width_1060 {
    width: 1060px;
}

.width_1020 {
    width: 1020px;
}

.pad_top_100 {
    padding-top: 100px;
}

.pad_top_btm_100_30 {
    padding: 100px 0px 30px 0px;
}

.pad_right_15 {
    padding-right: 15px;
}

.pad_btm_45 {
    padding-bottom: 45px;
}

/*----------------------------------------------------contact_new start -monali-----------------------------------------------------*/

.margin_top_11 {
    margin-top: 11px;
}

.pad_r_22 {
    padding-right: -22px;
}

.pad_btm_50 {
    padding-bottom: 50px;
}

.margin_top_4 {
    margin-top: 4px;
}

.margin_top_30 {
    margin-top: 30px;
}

.pad_top_150 {
    padding-top: 150px;
}
/*----------------------------------------------------contact_new End -monali-----------------------------------------------------*/
.pad_btm_4 {
    padding-bottom: 4px;
}

.pad_top_4 {
    padding-top: 4px;
}

.pad_top_5 {
    padding-top: 5px;
}

.margin_r_5 {
    margin-right: 5px;
}

.subHeadingTxt { /*background:url(../images/squre_box.png) right center no-repeat;*/
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding: 20px 3px 5px 0px;
}

.margin_top_minus19 {
    margin-top: -19px\0;
}

.height_16 {
    height: 19px;
}

.height_16 {
    height: 18.5px\0;
}

.height_submit_home {
    height: 20px;
}

.height_submit_home {
    height: 19px\0;
}

.font_30 {
    font-size: 30px;
}

.font_29 {
    font-size: 29px;
}
/*----------------------------------------------------FooterFeaturePage Start-----------------------------------------------------*/

.font_40 {
    font-size: 40px;
}

.width_242 {
    width: 242px;
}

.feature_Tittle_Txt_Footer {
    /*font-family:Raleway-Bold;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    color: #000000;
    margin: auto;
    font-weight: bold;
}

.pad_btm_40 {
    padding-bottom: 40px;
}

.footer_headingBlue {
    color: #000;
    font-family: "Raleway",Arial,Helvetica,sans-serif;
    font-size: 35px;
    font-weight: normal;
}

.footr_subheding {
    font-size: 30px;
    color: #f04f3e;
    font-family: Arial,Helvetica,sans-serif;
    margin: auto;
    font-weight: bold !important;
}

/*----------------------------------------------------FooterFeaturePage End-----------------------------------------------------*/

.margin_left_6 {
    margin-left: 6px;
}
/*----------------------------------------------Email ID Images Margin-----------------------------------------*/

.margin_top_left_3_2 {
    margin: 3px 0px 0px 2px;
}

.margin_Faq_Enterprise_Id {
    margin-left: 3px;
}

.margin_Faq_Pricing_Id {
    margin-left: 3px;
    margin-top: 5px;
    margin-top: 6px\0 !important;
    margin-right: 3px;
}

.margin_Feedback_Id {
    margin-top: 4px;
}

.margin_Contact_Id {
    margin-top: 4px;
    margin-top: 5px\0 !important;
}

.margin_Contact_Id_5 {
    margin-top: 6px;
    margin-top: 6px\0 !important;
}

.margin_Feedback_Id_5 {
    margin-top: 4px;
}
/*----------------------------------------------Email ID Images Margin END-----------------------------------------*/

/*----------------------------------------------Benefits of Enterprise Account-----------------------------------------*/



.benefitsEnter_Btn {
    color: #FFF;
    padding: 6px 19px;
    background-color: rgb(0, 0, 0);
    text-align: center;
    margin: auto;
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
}

    .benefitsEnter_Btn:hover {
        background-color: #1D1D1D;
    }

.benefitsEnter_BtnTxt {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

.pad_topLeft_10_3 {
    padding: 9px 0px 0px 3px;
}


.width_266 {
    width: 266px;
}

.present_btn_Width {
    width: 238px;
}
/*----------------------------------------------Benefits of Enterprise Account END-----------------------------------------*/
.font_weight_normal {
    font-weight: normal;
}

/*----------------------------------------------WorkApps 0.2 CSS-----------------------------------------*/

.pad_top_btm_12 {
    padding: 12px 12px;
}

.loginSeprator {
    display: inline-block;
    padding: 0px 18px 0px 18px;
    font-size: 22px;
    color: #a7cee2;
}

.loginTxt {
    font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.helveticaFont {
    font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.loginBtn {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 178, 104);
    width: 120px;
    margin: auto;
    padding: 8px 17px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
}

    .loginBtn:hover {
        color: rgb(255, 255, 255);
        background-color: #059559;
        width: 120px;
        margin: auto;
        padding: 8px 17px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 20px;
    }

    .loginBtn:focus {
        color: rgb(255, 255, 255);
        background-color: #059559;
        width: 120px;
        margin: auto;
        padding: 8px 17px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 20px;
    }


.margin_left_10 {
    margin-left: 10px;
}

.margin_r_145 {
    margin-right: 145px;
}


.gradientBorder {
    border: 5px solid rgb(230, 230, 230);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.gradientBorderUpTittle {
    width: 122px;
    margin: auto;
    font-size: 21px;
    padding-bottom: 5px;
}

.bottom_23 {
    bottom: 23px;
}
/*---------------------- Gradiant Lines End ----------------------- */
.margin_r_153 {
    margin-right: 153px;
}

.width_823 {
    width: 823px;
}

.margin_r_143 {
    margin-right: 143px;
}

.margin_left_30 {
    margin-left: 30px;
}

.margin_r_44 {
    margin-right: 44px;
}

.margin_top_40 {
    margin-top: 40px;
}

.width_203 {
    width: 203px;
}

/*------------------------------------------------------Slider New Screens-----------------------------------------------------;*/
.topMenuToptext {
    text-align: center;
    font-size: 25px;
}

.topMenuBtmtext {
    text-align: center;
    font-size: 15px;
}

.margin_left30_right117 {
    margin-right: 117px;
    margin-left: 30px;
}

.width_305 {
    width: 305px;
}

.width_256 {
    width: 256px;
}

.width_310 {
    width: 310px;
}

.height_44 {
    height: 44px;
}

.width_973 {
    width: 973px;
}

.margin_r_60 {
    margin-right: 60px;
}

.margin_left_80 {
    margin-left: 80px;
}

.width_870 {
    width: 870px;
}


.width_268 {
    width: 268px;
}

.margin_r_75 {
    margin-right: 75px;
}

.width_820 {
    width: 820px;
}

.height_27 {
    height: 27px;
}
/*----------------------------------------------------Slider New Screens End-----------------------------------------------------;*/

/*----------------------------------------------------Slider section CSS Start-Monali-----------------------------------------------------;*/


.margin_r_93 {
    margin-right: 93px;
}

.margin_r_90 {
    margin-right: 90px;
}

.margin_r_112 {
    margin-right: 112px;
}

.margin_r_122 {
    margin-right: 122px;
}

.margin_r_108 {
    margin-right: 108px;
}

.margin_r_166 {
    margin-right: 166px;
}

.margin_r_65 {
    margin-right: 65px;
}

.margin_r_l_91_90 {
    margin-right: 91px;
    margin-left: 90px;
}

.margin_r_l_70_183 {
    margin-right: 70px;
    margin-left: 183px;
}

.margin_r_29 {
    margin-right: 29px;
}

.margin_r_b_64_14 {
    margin: 0px 64px 14px 0px;
}

.margin_r_70 {
    margin-right: 70px;
}

.margin_r_35 {
    margin-right: 35px;
}

.margin_r_160 {
    margin-right: 160px;
}
/*----------------------------------------------------Slider section CSS End-Monali-----------------------------------------------------;*/

/*--------------- Slider End-------------- */

.width_203 {
    width: 203px;
}

.width_165 {
    width: 165px;
}

.width_900 {
    width: 900px;
}

.width_780 {
    width: 780px;
}

.width_850 {
    width: 850px;
}

.width_754 {
    width: 754px;
}

.homeRememberMe {
    color: #a7cee2;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    bottom: 1px;
}

.homeForgotPassword {
    color: #a7cee2;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 17px;
    text-decoration: none;
}

.font_SourceSansPro {
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.font_SourceSansPro_Bold {
    font-family: 'SourceSansPro-Bold', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.width_248 {
    width: 248px;
}

.height_24 {
    height: 24px;
}

.pad_top_6 {
    padding-top: 6px;
}

.height_21 {
    height: 21px;
}
/*----------------------------------------------------customizeTask CSS Start-Monali-----------------------------------------------------;*/

.customizeTask_grey_tittle_txt {
    color: #f53624;
    font-family: 'SourceSansPro-Bold', Arial, Helvetica, sans-serif;
    font-size: 33px;
    color: #2b2b2b;
    padding-top: 10px;
    text-transform: uppercase;
}

.customizeTask_grey_content_txt {
    color: #8e8e8e;
    font-family: "HelveticaNeue-Light";
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.6;
}

.customizeTask_screenBoxShadow {
    width: 480px;
}

.height_125 {
    height: 125px;
}

.height_100 {
    height: 100px;
}

.customizeTask_Blue_SubTittle {
    color: rgb(46, 124, 172);
    font-size: 21px;
}

.customTask_Border {
    border-bottom: 1px #2E7CAC solid;
    width: 189px;
    margin: auto;
}

.customTask_KnowMore {
    font-size: 15px; /*padding-top: 12px;*/
    color: #FF4E2D;
    text-decoration: none;
}

.customTask_PopupBox {
    font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
    border: 1px solid rgb(209, 209, 209);
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgb(239, 239, 239);
    font-size: 14px;
    color: #000;
}

.margin_top_left_31_331 {
    margin: 31px 0px 0px 331px;
}

.width_315 {
    width: 315px;
}

.width_732 {
    width: 732px;
}

.margin_r_28 {
    margin-right: 28px;
}

.width_60 {
    width: 60px;
}

.margin_r_7 {
    margin-right: 7px;
}

.pad_btm_25 {
    padding-bottom: 25px;
}

.width_420 {
    width: 420px;
}

.wiconFeatures_Lists {
    background-image: url("../images/home_page_all_icons.png");
    background-repeat: no-repeat;
    background-position: -616px -13px;
    width: 62px;
    height: 60px;
    padding: 10px 0px;
}

.pad_btm_10 {
    padding-bottom: 10px;
}

.pad_t_b_10_5 {
    padding-bottom: 5px;
    padding-top: 10px;
}
/*----------------------------------------------------customize Task CSS End-Monali-----------------------------------------------------;*/

/*----------------------------------------------------Find a Package  CSS Start-Monali-----------------------------------------------------;*/
.wa_because {
    text-align: center;
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #fff;
}

.blue_cointener {
    background-color: #1E3C60;
}

.width_30pec {
    width: 30%;
}

.bgColor_cointener {
    background-color: #2b3b52;
}

.icon-profile-inner {
    border-radius: 67px;
    height: 103px;
    width: 121px;
    overflow: hidden;
    background-color: #f5402f;
    margin: 0px 19px 0px 6px;
    line-height: 21px;
    color: #FFF;
    text-align: center;
    font-size: 10px;
}


.icon-profile-premises {
    border-radius: 67px;
    height: 115px;
    width: 115px;
    overflow: hidden;
    background-color: #3791c5;
    margin: 0px 19px 0px 6px;
    line-height: 21px;
    color: #FFF;
    text-align: center;
    font-size: 10px;
}

.findAPackage_icon_customised {
    background-image: url("../images/home_page_all_icons.png");
    background-repeat: no-repeat;
    background-position: -692px -623px;
    height: 115px;
    width: 115px;
    border-radius: 67px;
}

.icon-profile-customised {
    border-radius: 67px;
    height: 115px;
    width: 115px;
    overflow: hidden;
    background-color: #289d8b;
    margin: 0px 19px 0px 6px;
    line-height: 21px;
    color: #FFF;
    text-align: center;
    font-size: 10px;
}


.width_511 {
    width: 511px;
}

.font13px {
    font-size: 15px;
}

.height_295 {
    height: 295px;
}

.margin_b_10 {
    margin-bottom: 10px;
}

.width_934 {
    width: 934px;
}

.margin_left_50 {
    margin-left: 50px;
}

.width_127 {
    width: 127px;
}
/*----------------------------------------------------Find a Package  CSS End-Monali-----------------------------------------------------;*/


/*----------------------------------------------------Task-----------------------------------------------------;*/
.task_Notification {
    font-size: 15px;
}

    .task_Notification ul li {
        list-style: outside !important;
        padding: 10px 0px;
    }


/*----------------------------------------------------Task End-----------------------------------------------------;*/


/*----------------------------------Pricing CSS-------------------------------------------*/
.price_SubHead_Txt {
    color: #2E92C3;
    font-size: 25px;
    text-align: center;
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
}

.price_Indivi_SubHead_Txt {
    color: #ff4d2f;
    font-size: 25px;
    text-align: center;
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
}

.price_Enterprice_Icon {
    background-image: url("../images/home_page_all_icons.png");
    background-repeat: no-repeat;
    background-position: -307px -1039px;
    width: 46px;
    height: 45px;
}

.price_Individual_Icon {
    background-image: url("../images/home_page_all_icons.png");
    background-repeat: no-repeat;
    background-position: -371px -1039px;
    width: 46px;
    height: 45px;
}

.width_46 {
    width: 46px;
}

.width_190 {
    width: 190px;
}

.margin_top_39 {
    margin-top: 39px;
}

.width_646 {
    width: 646px;
}

.margin_r_40 {
    margin-right: 40px;
}

.price_grayBG {
    background-color: #f3f3f3;
    padding: 20px;
}

.width_538 {
    width: 538px;
}

.price_blueBg {
    padding: 20px 20px 0px 20px;
    background-color: #2b3b52;
    height: 123px;
}

.dollerTxt {
    font-size: 20px;
    padding: 11px 5px 0px 0px;
}

.font_50 {
    font-size: 50px;
}

.price_lightBlue {
    background-color: #3791c5;
    margin-left: -31px;
    width: 519px;
    height: 143px;
}

.width_priceBox {
    width: 673px;
}

.price_lightBlue_head {
    color: #FFF;
    font-size: 40px;
}

.price_lightBlue_subhead {
    color: #FFF;
    font-size: 15px;
    padding: 17px 0px 0px 5px;
}

.price_Border_b {
    border-bottom: 2px #fff solid;
}

.fontgray {
    color: #818181;
}

.width_663 {
    width: 663px;
}

.price_Trangle {
    z-index: 1;
    left: -8px;
}

.pad_11_10 {
    padding: 11px 10px 10px 10px;
}

.pad_11_10_33 {
    padding: 13px 10px 10px 33px;
}

.pad_11_10_52 {
    padding: 13px 10px 10px 52px;
}

.margin_top_41 {
    margin-top: 41px;
}

.width_193 {
    width: 192px;
}

.margin_r_39 {
    margin-right: 39px;
}

.forFaq_More {
    font-size: 16px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}


.width_471 {
    width: 471px;
}

/*----------------------------------Pricing CSS End---------------------------------------*/

/*----------------------------------Header CSS ---------------------------------------*/


/*----------------------------------Header CSS End---------------------------------------*/

.allErrorBoxhm {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    color: #FF7E7E;
}

.loginSectionBG {
    width: 430px;
    padding: 10px;
    height: 428px;
    background-color: #017bac;
}

/* Firefox 25+ (Mac Only) */
@supports (-moz-osx-font-smoothing:auto) {
    .hmSignUpInputBox {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #363636;
        padding: 12px 10px 11px 10px;
        width: 318px;
    }
}



/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .leftlogin {
        left: 0%;
    }
    /*.loginSectionBG{width: 420px; padding: 10px; height:427px; background-color:#017bac;  }*/
    .width_86pec {
        width: 86%;
    }

    .subHeadingTxt { /*background:url(../images/squre_box.png) right center no-repeat;*/
        font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        padding: 20px 3px 5px 0px;
        margin-right: 10px;
    }

    .hmsignUpInputBox {
        width: 327px;
        border: 1px solid #ebebeb;
        background-color: #fbfbfb;
        color: #696969;
        padding: 15px 33px 15px 10px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .width_248 {
        width: 189px;
    }

    .width_511 {
        width: 365px;
    }

    .font13px {
        font-size: 16px;
    }

    .font_h1 {
        font-size: 32px !important;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

    .leftlogin {
        left: 6%;
    }   
    .width_86pec {
        width: 78%;
    }

    .width_89pec {
        width: 89%;
    }

    .font_h1 {
        font-size: 36px !important;
    }
  
    .width_581 {
        width: 400px;
    }

    .font13px {
        font-size: 18px;
    }    

  
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .subHeadingTxt {
        font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 10px !important;
        padding: 20px 10px 5px 0px;
        font-weight: bold;
    }
 

    .emailFeildTadWidth {
        width: 409px !important;
    }

    .emailTabWidth {
        width: 414px !important;
    }

    .emailTxtFeildTadWidth {
        width: 484px !important;
    }

    .email_Padwidth_580 {
        width: 520px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding-right: 0px !important;
    }

    .email_Padwidth_1085 {
        width: 1022px !important;
    }

    .bg_yellow_pad {
        background-color: #FFFC97;
        padding: 4px 5px 4px 12px !important;
    }

    .email_Ipad_pad10 {
        padding: 5px !important;
    }

    .txt_ipad {
        font-size: 8pt;
    }

    .margin_Faq_Pricing_Id {
        margin-left: 3px !important;
        margin-top: 5px !important;
        margin-right: 3px !important;
    }

    .margin_chatOnly_text {
        margin: 3px 3px 0px 4px !important;
    }

    .width_511 {
        width: 370px !important;
    }

    .tab_monitor {
        width: 506px;
        height: 276px;
        padding-top: 22px;
    }

    .tab_padTop_0 {
        padding-top: 0px !important;
    }

    .width_1060 {
        width: 900px;
    }

    .height_185 {
        height: 179px;
    }

    .margin_top_m87 {
        margin-top: -41px;
    }

    #content #tagline h1 {
        font-size: 31px;
        margin: 0px;
    }

    .font13px {
        font-size: 10px;
    }

   
}
/* -----------End iPads (portrait and landscape) End ----------- */

.btnPillGreen {
    color: #ffffff;
    background-color: #5CB85C;
    font-size: 18px;
    font-family: 'SourceSansPro-Regular', Arial, Helvetica, sans-serif;
    /*font-family: Arial,Helvetica,sans-serif;*/
    cursor: pointer;
    text-align: center;
    padding: 8px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .btnPillGreen:hover {
        color: #ffffff;
        background-color: #3d923d;
    }

    .btnPillGreen:focus {
        color: #ffffff;
        background-color: #3d923d;
    }

.buttoOnline {
    display: inline-block;
    padding: 8px 35px;
}

.btnkonwmoreAboutAdmin_text {
    color: #ffffff;
    background-color: #5CB85C;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
    text-align: center;
    padding: 8px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .btnkonwmoreAboutAdmin_text:hover {
        color: #ffffff;
        background-color: #3d923d;
    }

    .btnkonwmoreAboutAdmin_text:focus {
        color: #ffffff;
        background-color: #3d923d;
        /*font-size:14px;*/
        font-family: Arial,Helvetica,sans-serif;
        cursor: pointer;
        text-align: center;
        padding: 8px 8px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.hm_Resetpassword {
    top: 17px;
    left: 34.5%;
    width: 141px;
    text-align: center;
}

.width_73 {
    width: 73px;
}

.resendPopupButtonPos {
    top: 17px;
    left: 41.1%;
}

.width_80 {
    width: 80px;
}

.resndButtonPos {
    top: 17px;
    left: 34%;
    width: 140px;
    text-align: center;
}

.loginpopupButtonPos {
    top: 17px;
    left: 37.5%;
    width: 140px;
    text-align: center;
}

.width_966 {
    width: 966px;
}
