html, body {
    height: 100%;
}

body {
    font-family: 'open_sansregular';
    font-size: 17px;
    color: #9a9a9a;
}

* {
    margin: 0;
    padding: 0;
}

* {
    outline: none;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    outline: none;
}

input {
    outline: none;
}

.clearfix {
    clear: both;
}

.container {
    max-width: 1210px;
    margin: 0 auto;
    clear: both;
    width: 100%;
    padding: 0 20px;
}


/*--------------------home page css-----------------------------------*/

.mainCon {
    width: 100%;
    overflow: hidden;
}

.headerCon {
    width: 100%;
    height: 70px;
    background: rgba(255,255,255,.9);
    padding: 0 20px;
    border-bottom: 1px solid #f3f3f3;
    position: fixed;
    z-index: 3000;
}

.logo {
    float: left;
    padding: 13px 0;
}

.navCon {
    float: right;
}

    .navCon ul li {
        float: left;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-left: 1px;
    }

        .navCon ul li a {
            color: #8b8b8b;
            font-family: open_sanssemibold;
            font-size: 13px;
            display: block;
            padding: 25px 14px 25px;
            text-transform: uppercase;
            position: relative;
            z-index: 300;
            overflow: hidden;
            display: block;
        }

.navItem {
    overflow: hidden;
}

.backOver {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #efefef;
    left: -100%;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.navCon ul li.navActive .backOver {
    left: 0;
}

.navCon ul li:hover a {
    color: #444444;
}

.navCon ul li:hover .backOver {
    left: 0;
}

.navCon ul li.reqDemo .backOver {
    left: -100%;
}

.navCon ul li.reqDemo a {
    color: #56b489;
}

    .navCon ul li.reqDemo a:hover {
        color: #3A6EA5;
    }

.reqDemo.req2 .navItem {
    width: 70px;
}

.navCon ul li.reqDemo.req3 {
    margin-left: 18px;
}

.navCon ul li .navItem .reqDemo1 {
    color: #000;
}

.bannerInner {
}

.bannerCon {
    background: url("../images/banner.jpg") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 770px;
    overflow: hidden;
    text-align: center;
}

    
.bannerCon h1 {
    color: #f6f0ed;
    font-family: open_sansbold;
    font-size: 80px;
    padding-top: 330px;
    text-shadow: -2px 3px 0 #000;
    text-align: left;
    padding-left: 10px;
    line-height: 90px;
    width:80%
}


.bannerCon strong {
    color: #f6f0ed;
    font-family: open_sansbold;
    font-size: 30px;
    text-shadow: -2px 3px 0 #000;
    display: block;
    text-align: left;
    padding: 10px;
      width:82%
}
.signUp {
    background: #3A6EA5 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: open_sansbold;
    font-size: 19px;
    margin: 19px auto auto;
    padding: 18px 0;
    width: 200px;
}

    .signUp:hover {
        background: #444;
    }

.down_arrow {
    background: #f6f1ef none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 46px;
    margin-top: 27px;
    text-align: center;
    width: 46px;
    cursor: pointer;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

    .down_arrow img {
        padding-top: 19px;
    }

    .down_arrow:hover {
        background: #3A6EA5;
    }

.clientsection {
    text-align: center;
    border-bottom: 1px solid #e2e3e2;
    padding: 15px 0;
}

.clBox {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    position: relative;
}

    .clBox img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
    }
/*.clBox:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}*/
.clntshover {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.clBox:hover .clntshover {
    opacity: 1;
}

.clBox:hover .clnts {
    opacity: 0;
}

.threeStep {
    text-align: center;
    padding: 50px 0;
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
}

.stepCon {
    display: inline-block;
    text-align: center;
    margin: 0 1%;
    width: 30%;
    vertical-align: top;
}

.imgbox {
    width: 148px;
    height: 148px;
    margin: auto;
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.bacKBox {
    width: 148px;
    height: 148px;
    left: 0;
    top: 0;
    background: #3A6EA5;
    border-radius: 100%;
    box-shadow: 0 0 0 3px #217dc2 inset;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.imgbox .box {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    height: 70px;
    width: 70px;
    left: 0;
    top: 50%;
    margin: -35px auto;
}

    .imgbox .box img {
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
    }

.orignalhover {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    opacity: 0;
}

.imgbox:hover .bacKBox {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}



.stepCon > strong {
    color: #414141;
    font-family: open_sansregular;
    font-size: 19px;
    font-weight: normal;
    text-transform: uppercase;
}

.stepCon p {
    margin: 8px auto 0;
    width: 90%;
}


.tabCon {
    padding: 100px 0;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.tabback {
    background: url(../images/blackbanr.jpg) no-repeat center center;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
}

.tabLink {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 40px;
}

    .tabLink a {
        width: 50%;
        background: #fff;
        float: left;
        color: #dbdbde;
        font-size: 15px;
        text-transform: uppercase;
        text-align: center;
        padding: 14px 0;
    }

        .tabLink a:first-child {
            border-radius: 5px 0 0 5px;
        }

        .tabLink a:nth-child(2) {
            border-radius: 0 5px 5px 0;
        }

        .tabLink a.tabActive {
            background: #697793;
            color: #fff;
            cursor: default;
        }

.leftCon {
    width: 350px;
    float: left;
    z-index: 500;
}

.rightCon {
    float: right;
    width: 800px;
    z-index: 500;
    min-height: 470px;
}

    .rightCon li {
        color: #ffffff;
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 8px;
        background: url(../images/liback.png) no-repeat left 12px;
        padding-left: 24px;
    }

.leftCon h2 {
    color: #ffffff;
    font-family: open_sansbold;
    font-size: 47px;
    text-transform: uppercase;
}

.leftCon strong {
    color: #56b489;
    font-weight: normal;
    font-size: 87px;
    text-transform: uppercase;
    line-height: 80px;
}

.headinDiv {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.featureCon {
    background: #fff;
    text-align: center;
    padding: 40px 0;
    position: relative;
    z-index: 600;
}

    .featureCon h1 {
        color: #414141;
        display: block;
        font-family: open_sansregular;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 80px;
    }

.featBox {
    display: inline-block;
    margin: 0 1%;
    width: 22%;
}

    .featBox > strong {
        color: #414141;
        font-family: open_sansregular;
        font-size: 19px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .featBox p {
        margin: 8px auto 0;
        width: 90%;
    }

.fetuImg {
    width: 148px;
    height: 148px;
    margin: auto;
    display: block;
    position: relative;
    margin-bottom: 25px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.featureImgBack {
    width: 148px;
    height: 148px;
    left: 0;
    top: 0;
    background: #f4f4f4;
    border-radius: 100%;
    box-shadow: 0 0 0 3px #efefef inset;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.fetuImg:hover .featureImgBack {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    border-radius: 100%;
}

.fetuImg .fatureImg {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    height: 70px;
    width: 70px;
    right: 0;
    margin: -35px auto 0;
    top: 50%;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.orginal1hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    opacity: 0;
}

.fetuImg:hover .orginal1 {
}

.fetuImg:hover .orginal1hover {
    opacity: 1;
}

.fetuImg .fatureImg img {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.hides {
    height: 0;
    overflow: hidden;
}

.beniftsToclients .container {
    position: relative;
}

.requestDemo {
    padding: 70px 0;
    position: relative;
    text-align: center;
}

.innerVideo {
    background: url(../images/vid.jpg) no-repeat;
    position: absolute;
    background-size: cover;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background-attachment: fixed;
}

.requestDemo > h1 {
    color: #333;
    display: block;
    font-family: open_sansregular;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 50px;
}

.videoCon {
    border: 10px solid #2e2e2e;
    margin: auto;
    width: 600px;
    position: relative;
}

    .videoCon > img {
        width: 100%;
    }

.videoTag {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -38px auto 0;
    z-index: 100;
    cursor: pointer;
    height: 75px;
    width: 75px;
    background: url(../images/video.png) no-repeat center center;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

    .videoTag.pause {
        background: url(../images/pause.png) no-repeat center center;
    }

.videoCon:hover .videoTag {
    opacity: 1;
}

.videoCon:hover .overLayVideo {
    opacity: 1;
}

.pricing {
    background: #56b489;
    padding: 30px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}

    .pricing strong {
        font-size: 55px;
        text-align: center;
        display: block;
        margin-bottom: 1px;
        text-transform: uppercase;
        font-weight: normal;
    }

    .pricing span {
        font-size: 27px;
        text-align: center;
        display: block;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: normal;
    }

.leftPrice {
    background: #6fc9a5 none repeat scroll 0 0;
    font-size: 17px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 500px;
    display: inline-block;
    margin: 10px 5px 0 0;
}

.rightPrice {
    background: #6fc9a5 none repeat scroll 0 0;
    font-size: 17px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 500px;
    display: inline-block;
    margin: 10px 0 0 5px;
}

.signUpCon {
    text-align: center;
    padding: 50px 0;
    position: relative;
}

    .signUpCon h1 {
        color: #fff;
        display: block;
        font-family: open_sansregular;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 20px;
    }

.signUpback {
    background: url(../images/contactBnr.jpg) no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    position: absolute;
    z-index: -1;
}

.signUpCon li {
    display: inline-block;
    margin: 10px 40px;
    text-align: left;
    width: 450px;
}

.srchCon {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #949392;
    font-family: open_sansregular;
    font-size: 17px;
    padding: 13px 7px;
    border-bottom: 1px solid #626160;
    width: 100%;
}

    .srchCon:focus {
        color: #2a8af4;
        border-bottom-color: #3A6EA5;
    }

.sgnUpBtns {
    background: #3A6EA5 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-family: open_sansregular;
    font-size: 15px;
    margin: 40px auto 0;
    padding: 9px 0;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    outline: none;
}

    .sgnUpBtns:hover {
        background: #fff;
        color: #000;
    }

.topFooter {
    width: 100%;
    padding: 30px 0;
    background: #f4f4f4;
}

.foterNav {
    width: 180px;
    float: left;
}

.footContactus {
    width: 370px;
    float: right;
}

.footerNews {
    width: 440px;
    float: left;
    margin: 0 50px;
}

.topFooter h2 {
    color: #3a3a3a;
    font-family: open_sansregular;
    font-size: 19px;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.foterNav > a {
    color: #9d9d9d;
    display: block;
    font-size: 13px;
    padding: 5px 0;
    text-transform: uppercase;
    background: url(../images/footerlinkback.png) no-repeat left center;
    padding-left: 10px;
    font-family: open_sansregular;
}

    .foterNav > a:hover {
        background: url(../images/footerlinkbackhover.png) no-repeat left center;
        color: #56b489;
    }

    .foterNav > a.footActive {
        background: url(../images/footerlinkbackhover.png) no-repeat left center;
        color: #56b489;
    }

.footerNews > p {
    color: #7a7a7a;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 16px;
}

.footerNews a.newsLink {
    color: #56b489;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 16px;
}

.footerNews a.rwadMore {
    color: #56b489;
    font-size: 13px;
    line-height: 25px;
    margin-top: 16px;
    display: block;
    background: url(../images/readmoreback.png) no-repeat left center;
    padding-left: 10px;
}

.inputTxt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e1e1;
    color: #a8a8a8;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}

    .inputTxt:focus {
        box-shadow: 0 0 5px #c0dff7;
        border: 1px solid #acdbff;
    }

.submitBtns {
    background: #2a8af4 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-family: open_sanssemibold;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    outline: none;
}

    .submitBtns:hover {
        background: #000;
    }

.copyRight {
    color: #525252;
    float: left;
    font-size: 12px;
    padding-top: 10px;
}

.socIcons {
    float: right;
}

    .socIcons a {
        background: url(../images/social_icon.png) no-repeat;
        display: inline-block;
        height: 34px;
        width: 34px;
        vertical-align: middle;
    }

        .socIcons a.facebook {
            background-position: 1px 0;
        }

        .socIcons a.tw {
            background-position: -38px 0;
        }

        .socIcons a.in {
            background-position: -76px 0;
        }

        .socIcons a.tube {
            background-position: -117px 0;
        }

        .socIcons a.facebook:hover {
            background-position: 1px -32px;
        }

        .socIcons a.tw:hover {
            background-position: -38px -32px;
        }

        .socIcons a.in:hover {
            background-position: -76px -32px;
        }

        .socIcons a.tube:hover {
            background-position: -117px -32px;
        }

.footerCon {
    padding: 14px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #reqDemo {
        margin-bottom: -42px !important;
    }
}

.reslogo {
    display: none;
}

/*resposnive menu*/
.btn-menu {
    cursor: pointer;
    display: block;
    height: 50px;
    right: 10px;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 50px;
    z-index: 400;
    z-index: 99999;
    display: none;
}

button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

button {
    overflow: visible;
}

.btn-menu span::before {
    transform: translateY(-220%);
    -webkit-transform: translateY(-220%);
    -o-transform: translateY(-220%);
    -moz-transform: translateY(-220%);
    -ms-transform: translateY(-220%);
}

.btn-menu span::before, .btn-menu span::after {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s;
    -ms-transition: transform 0.3s ease 0s;
    width: 100%;
}

.btn-menu span::after {
    transform: translateY(220%);
    -webkit-transform: translateY(220%);
    -o-transform: translateY(220%);
    -moz-transform: translateY(220%);
    -ms-transform: translateY(220%);
}

.btn-menu span::before, .btn-menu span::after {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s;
    -ms-transition: transform 0.3s ease 0s;
    width: 100%;
}

.btn-menu span {
    -moz-user-select: none;
    background-color: #000000;
    display: block;
    font-size: 0;
    height: 4px;
    left: 10px;
    margin-top: -2px;
    position: absolute;
    right: 10px;
    z-index: 999;
    top: 50%;
    transition: background-color 0.2s ease 0s;
    -webkit-transition: background-color 0.2s ease 0s;
    -o-transition: background-color 0.2s ease 0s;
    -ms-transition: background-color 0.2s ease 0s;
}

.btn-menu.btn-menu-open span::before {
    transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    -o-transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -moz-transform: translateY(0px) rotate(45deg);
    background: #fff;
}

.btn-menu.btn-menu-open span::after {
    transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    -o-transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -moz-transform: translateY(0px) rotate(-45deg);
    background: #fff;
}

.btn-menu.btn-menu-open span {
    background-color: transparent;
}

.hiddens {
    overflow: hidden;
}

.hiddenss {
    overflow: hidden;
}

.reslogo {
    display: none;
}


/*--------------------home page css-----------------------------------*/



.PageName {
    background: url(../images/contactBnr.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    padding: 153px 0 0;
    height: 300px;
}

    .PageName h1 {
        color: #fff;
        font-size: 36px;
        font-weight: normal;
        text-transform: capitalize;
    }

.termCon {
    padding: 40px 0;
}

    .termCon p {
        font-size: 16px;
        line-height: 28px;
    }

    .termCon h2 {
        color: #333;
        display: block;
        font-family: open_sanssemibold;
        font-size: 22px;
        margin-bottom: 5px;
        margin-top: 30px;
    }

    .termCon a {
        color: #3A6EA5;
    }

        .termCon a:hover {
            color: #000;
        }

    .termCon ul li {
        font-size: 16px;
        line-height: 26px;
        list-style: lower-alpha;
        margin-bottom: 15px;
        margin-left: 20px;
    }

    .termCon h1 {
        color: #333;
        font-size: 26px;
        font-family: open_sanssemibold;
        margin-top: 50px;
        border-bottom: 1px solid #333;
        padding-bottom: 10px;
    }

    .termCon strong {
        color: #000;
        font-size: 18px;
    }

.faq strong {
    color: #101010;
    font-family: open_sansregular;
    font-size: 20px;
    font-weight: normal;
    cursor: pointer;
    background: url(../images/plus.png) no-repeat left center;
    padding-left: 30px;
}

.opens {
    background: url(../images/minus.png) no-repeat left center !important;
}

.faq p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
    display: none;
}

.faq li {
    background: none repeat scroll 0 0 #f5f5f5;
    margin-bottom: 5px;
    padding: 18px 20px;
}

.faq {
    margin: 25px 0;
}

.PageName.aboutbanr {
    background: url(../images/banner.jpg) no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
    height: 350px;
}

/*-------about page css-----*/
.aboutBanr {
    width: 100%;
    margin: auto;
}

    .aboutBanr img {
        width: 100%;
    }

.container6 {
    width: 100%;
    max-width: 990px;
    padding: 0 15px;
    margin: auto;
    clear: both;
}

.aboutText h1 {
    color: #3A6EA5;
    font-family: open_sanssemibold;
    font-size: 33px;
    text-transform: uppercase;
    line-height: 33px;
    text-align: center;
    margin-bottom: 20px;
}

    .aboutText h1 span {
        color: #333;
        font-family: open_sanssemibold;
    }

.breadcrum a {
    color: #262626;
    display: inline-block;
    font-family: open_sansregular;
    font-size: 14px;
}

    .breadcrum a:hover {
        color: #da0505;
    }

.breadcrum label {
    color: #da0505;
    display: inline-block;
    font-family: open_sansregular;
    font-size: 14px;
}

.breadcrum {
    float: right;
    text-align: left;
}

.aboutText {
    padding: 30px 0;
}

.headingbx {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.aboutText p {
    font-size: 16px;
    font-family: open_sansregular;
    margin-bottom: 5px;
    line-height: 26px;
    text-align: center;
}

.ourMission {
    text-align: center;
}

.inerMission {
    padding: 50px 50px;
    text-align: center;
    background: #56b489;
    color: #fff;
}

    .inerMission h1 {
        color: #fff;
        font-family: open_sanssemibold;
        font-size: 33px;
        text-transform: uppercase;
        line-height: 33px;
        margin-bottom: 30px;
    }

    .inerMission strong {
        color: #fff;
        font-size: 40px;
        line-height: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .inerMission p {
        line-height: 26px;
        font-size: 16px;
        margin-top: 15px;
    }

.threeBox {
    text-align: left;
    padding: 50px 0;
}

    .threeBox h1 {
        color: #333;
        font-family: open_sanssemibold;
        font-size: 21px;
        text-transform: uppercase;
        line-height: 18px;
        padding: 10px 0;
    }

    .threeBox p {
        font-size: 14px;
        font-family: open_sansregular;
        margin-bottom: 0px;
        line-height: 22px;
    }

.box1 {
    float: left;
    margin-right: 2%;
    width: 32%;
    text-align: center;
}

    .box1.last {
        margin-right: 0;
    }

    .box1 > img {
        max-width: 100%;
        width: auto;
        display: block;
        margin: auto;
        border: 1px solid #d2d2d2;
        margin-bottom: 20px;
    }

.threeBox span {
    color: #3A6EA5;
}

.termCon.secuity ul {
    margin-top: 20px;
}

.termCon.secuity p {
    margin-bottom: 10px;
}

/*-----------------------------------------------login pop css----------------------------------------------------*/
.loginPop {
    background: #fff none repeat scroll 0 0;
    z-index: 5500;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 50%;
    margin: -205px auto 0;
    position: fixed;
    right: 0;
    width: 430px;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    z-index: -99999;
}

.forgPopup {
    background: #fff none repeat scroll 0 0;
    z-index: 5500;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 50%;
    margin: -205px auto 0;
    position: fixed;
    right: 0;
    width: 430px;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    height: auto;
    display: none;
}

.backbg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.95);
    z-index: 5000;
}

.backbg2 {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.95);
    z-index: 2000;
    display: none;
}

.close {
    color: #898989;
    font-size: 13px;
    font-family: open_sanssemibold;
    float: right;
}

.loginLogo {
    width: 250px;
    display: block;
    text-align: center;
    margin: 5px auto;
}

.closeCon {
    box-sizing: border-box;
    padding: 20px;
}

.socLogin {
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 30px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}

    .socLogin a {
        color: #fff;
        display: block;
        font-family: open_sanssemibold;
        font-size: 16px;
        font-weight: 500;
        padding: 11px 0;
        text-align: center;
        text-transform: uppercase;
    }

.facebook {
    background: url(../images/fbicon.png) no-repeat 30px center #2d4486;
}

.gplus1 {
    background: url(../images/gicon.png) no-repeat 30px center #e84c3d;
    margin: 10px 0;
}

.linkdin1 {
    background: url(../images/iniocn.png) no-repeat 30px center #0177b5;
}

.socLogin a:hover {
    opacity: .8;
}

.ors {
    background: #d2d2d2 none repeat scroll 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 100%;
    bottom: -12px;
    color: #fff;
    display: block;
    font-family: open_sanssemibold;
    font-size: 15px;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 24px;
}

.loginCon {
    /*box-sizing: border-box;
    padding: 30px;
    border-top: 1px solid #ddd;
    margin-top: 10px;*/
    
        box-sizing: border-box;
        padding: 0 30px 30px 30px;
}

    .loginCon li {
        margin-bottom: 10px;
        position: relative;
    }

    .loginCon .srchinput {
        padding-left: 3%;
        width: 97%;
    }

.forgotPass > input {
    float: left;
    margin: 2px 5px 0 0;
}

.forgotPass > strong {
    font-size: 12px;
    color: #000;
    float: left;
}

.forgotPass > a {
    color: #3A6EA5;
    font-size: 12px;
    float: right; /* text-decoration:underline; */
    font-weight: bold;
}

.btn.signin {
    display: block;
    font-size: 17px;
    font-weight: bold;
    font-family: open_sansregular;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background: #3A6EA5 none repeat scroll 0 0;
    margin-top: 20px;
    color: #fff;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

    .btn.signin:hover {
        background: #000;
        color: white;
    }

.loginCon li:last-child {
    margin-bottom: 0;
}

.loginCon.signup {
    padding-top: 0;
}

.forgotPass span {
    font-size: 12px;
    color: #000;
    float: none;
    font-weight: bold;
    display: inline-block;
}

.loginCon.signup .forgotPass > a {
    float: none;
    margin-left: 5px;
    display: inline-block;
}

.loginCon.signup .forgotPass {
    text-align: center;
}

    .loginCon.signup .forgotPass > strong {
        float: none;
        display: inline-block;
    }

    .loginCon.signup .forgotPass > a {
        float: none;
        display: inline-block;
    }

    .loginCon.signup .forgotPass > input {
        float: none;
        margin: 2px 5px 0 0;
        display: inline-block;
    }

.leftSignup {
    width: 48%;
    float: left;
}

.rightsignup {
    float: right;
    width: 48%;
}

.loginCon.signup .select-wrapper {
    width: 99.9%;
}

.loginCon.signup .custom-select {
    width: 101% !important;
}

.fades {
    transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    z-index: 9999;
    opacity: 1;
}

.backbg {
    display: none;
}

.inputTxt1 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e1e1;
    color: #a8a8a8;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 14px 10px;
    width: 30%;
}

    .inputTxt1:focus {
        box-shadow: 0 0 5px #c0dff7;
        border: 1px solid #acdbff;
    }
/*-----------------------------------------------login pop css----------------------------------------------------*/



.aboutText h3 {
    color: #333;
    font-family: open_sanssemibold;
    font-size: 24px;
    padding-bottom: 14px;
    text-align: center;
}

.clBox img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.2222 0.2222 0.2222 0 0 0.2222 0.2222 0.2222 0 0 0.2222 0.2222 0.2222 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: lighgray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -moz--filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz--transition: all .6s ease;
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    backface-visibility: hidden; /* Fix for transition flickering */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    opacity: 0.4;
}

    .clBox img:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
        -moz--filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }



/*----------Contact us page css 17-08-2015-----------*/
.termCon.contactusCon {
    padding: 0;
}

.leftTxt {
    width: 49%;
    float: left;
}

.contactbx h2 {
    color: #3A6EA5;
    display: block;
    font-family: open_sanssemibold;
    font-size: 13px;
    margin-bottom: 0px;
    padding: 5px 0 5px 30px;
}

.contactbx > strong {
    color: #000;
    display: block;
    font-family: open_sanssemibold;
    font-size: 13px;
    font-weight: normal;
    margin-left: 30px;
    padding: 2px 0;
}

    .contactbx > strong a {
        color: #000;
        display: block;
        font-family: open_sanssemibold;
        font-size: 13px;
        font-weight: normal;
    }

.contactbx span {
    float: left;
    width: 62px;
}

.contactbx {
    display: inline-block;
    min-height: 130px;
    vertical-align: top;
    width: 270px;
}

    .contactbx.mailbx {
        width: 270px;
    }

.phone2 {
    background: url(../images/phone2.png) no-repeat left center;
}

.salesHours {
    background: url(../images/watch.png) no-repeat left center;
}

.address {
    background: url(../images/address-book.png) no-repeat left center;
}

.emails {
    background: url(../images/black-mail.png) no-repeat left center;
}

.tol > span {
    color: #101012;
    display: inline-block;
    font-family: open_sansregular;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
}

.tol > h1 {
    color: #101012;
    display: inline-block;
    font-family: open_sansbold;
    font-size: 24px;
    padding: 5px 0;
    margin-top: 0;
    border-bottom: 0;
    width: 100%;
}

.tol strong {
    font-size: 16px;
}

.tol {
    float: left;
}

.downloadbx {
    padding: 0 10px;
    margin-top: 10px;
    text-align: center;
}

.upsep {
    display: block;
    margin: auto;
    padding-bottom: 25px;
    text-align: center;
}

.downsep {
    padding-top: 18px;
    display: block;
    margin: auto;
    text-align: center;
}

.contactForm {
    padding: 20px 0;
}

.rightForm {
    width: 49%;
    float: right;
    margin-top: 30px;
}

.searchInput {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 0 0 1px #e3e3e3 inset;
    color: #333;
    font-family: open_sansregular;
    font-size: 13px;
    padding: 15px;
    width: 100%;
}

.formbox li {
    margin-bottom: 22px;
}

.left50 {
    width: 48%;
    float: left;
}

.right50 {
    width: 48%;
    float: right;
}

textarea.searchInput {
    resize: none;
    height: 133px;
}

.submitBtn {
    background: #2a8af4 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: open_sanssemibold;
    font-size: 20px;
    padding: 13px 0;
    text-transform: uppercase;
    width: 210px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    outline: none;
}

    .submitBtn:hover {
        background: #121212;
    }

.searchInput:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #2a8af4 inset;
    color: #2a8af4;
}

.mapCon {
    border: 1px solid #ccc;
    line-height: 0;
    margin-top: 20px;
}

.termCon.contactusCon li {
    list-style: outside none none;
    margin-bottom: 25px;
    margin-left: 0;
}


/*---------added by ikhlaq (14 aug)---------------*/

.custom-input-error {
    border: 1px solid #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    background-color: #FBE8E8 !important;
}

.custom-input-success {
    border: 1px solid #3c763d !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    background-color: #D6F3D6 !important;
}

.inputCmpny {
    max-width: 980px;
    width: 100% !important;
}

.signupSuccessMsg {
    background-color: #5C885C;
    padding: 20px;
    margin: 20px;
    color: #fff;
}

.signupErrorMsg {
    background-color: #9E3F38;
    padding: 20px;
    margin: 20px;
    color: #fff;
}

.signInError {
    text-align: center;
    color: #9E3F38;
    font-size: 14px;
    padding: 5px;
}

.signInSuccess {
    text-align: center;
    color: #5C885C;
    font-size: 14px;
    padding: 5px;
}


/*-----------------------------------------------forgot password pop css----------------------------------------------------*/
.forgotPassLink {
}

.frgtPassPop {
    background: #fff none repeat scroll 0 0;
    z-index: 5500;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 50%;
    margin: -205px auto 0;
    position: fixed;
    right: 0;
    width: 430px;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    z-index: -99999;
}

.close {
    color: #898989;
    font-size: 13px;
    font-family: open_sanssemibold;
    float: right;
}

.frgtPassPopLogo {
    width: 250px;
    display: block;
    text-align: center;
    margin: 5px auto;
}

.closeCon {
    /*box-sizing: border-box;
    padding: 20px;*/
        box-sizing: border-box;
        padding: 20px 20px 10px 20px;
        position: relative;
}

.socLogin {
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 30px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}

    .socLogin a {
        color: #fff;
        display: block;
        font-family: open_sanssemibold;
        font-size: 16px;
        font-weight: 500;
        padding: 11px 0;
        text-align: center;
        text-transform: uppercase;
    }

.facebook {
    background: url(../images/fbicon.png) no-repeat 30px center #2d4486;
}

.gplus1 {
    background: url(../images/gicon.png) no-repeat 30px center #e84c3d;
    margin: 10px 0;
}

.linkdin1 {
    background: url(../images/iniocn.png) no-repeat 30px center #0177b5;
}

.socLogin a:hover {
    opacity: .8;
}

.ors {
    background: #d2d2d2 none repeat scroll 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 100%;
    bottom: -12px;
    color: #fff;
    display: block;
    font-family: open_sanssemibold;
    font-size: 15px;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 24px;
}

.frgtPassPopCon {
    box-sizing: border-box;
    padding: 30px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

    .frgtPassPopCon li {
        margin-bottom: 10px;
        position: relative;
    }

    .frgtPassPopCon .srchinput {
        padding-left: 3%;
        width: 97%;
    }

.forgotPass > input {
    float: left;
    margin: 2px 5px 0 0;
}

.forgotPass > strong {
    font-size: 12px;
    color: #000;
    float: left;
}

.forgotPass > a {
    color: #3A6EA5;
    font-size: 12px;
    float: right; /* text-decoration:underline; */
    font-weight: bold;
}

.btn.signin {
    display: block;
    font-size: 17px;
    font-weight: bold;
    font-family: open_sansregular;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background: #3A6EA5 none repeat scroll 0 0;
    /*margin-top: 20px;*/
    margin-top:30px !important;
    color: #fff;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    border: none;
}
/*.btn.signin:hover{ background:#000;}*/
.frgtPassPopCon li:last-child {
    margin-bottom: 0;
}

.frgtPassPopCon.signup {
    padding-top: 0;
}

.forgotPass span {
    font-size: 12px;
    color: #000;
    float: none;
    font-weight: bold;
    display: inline-block;
}

.frgtPassPopCon.signup .forgotPass > a {
    float: none;
    margin-left: 5px;
    display: inline-block;
}

.frgtPassPopCon.signup .forgotPass {
    text-align: center;
}

    .frgtPassPopCon.signup .forgotPass > strong {
        float: none;
        display: inline-block;
    }

    .frgtPassPopCon.signup .forgotPass > a {
        float: none;
        display: inline-block;
    }

    .frgtPassPopCon.signup .forgotPass > input {
        float: none;
        margin: 2px 5px 0 0;
        display: inline-block;
    }

.leftSignup {
    width: 48%;
    float: left;
}

.rightsignup {
    float: right;
    width: 48%;
}

.frgtPassPopCon.signup .select-wrapper {
    width: 99.9%;
}

.frgtPassPopCon.signup .custom-select {
    width: 101% !important;
}

.fades {
    transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    z-index: 9999;
    opacity: 1;
}

.backbg {
    display: none;
}

.inputTxt1 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e1e1;
    color: #a8a8a8;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 14px 10px;
    width: 100%;
}

    .inputTxt1:focus {
        box-shadow: 0 0 5px #c0dff7;
        border: 1px solid #acdbff;
    }

/*-----------------------------------------------forgot password pop css----------------------------------------------------*/

.errorMsgDiv {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
    margin: 10px 0px;
}

.successMsgDiv {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px;
    margin: 10px 0px;
}

.infoMsgDiv {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
}

.warningMsgDiv {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 10px;
}

.dash {
    padding-top: 150px;
}

    .dash h2 {
        margin: 15px 0px;
    }

    .dash span {
        color: #cc3300;
    }
/*---------added by ikhlaq (14 aug)---------------*/





.bannerCon.landingBanner.parallax {
    background-image: url(../images/landingbanner.jpg);
    background-position: 50% center;
    height: 790px;
}

.logo.landing-logo {
    padding: 30px 0;
}

.signUp.landingsignBtn {
    background: #515151;
    border: 2px solid #747070;
}

    .signUp.landingsignBtn:hover {
        background: #2E67BC;
        border: 2px solid #2E67BC;
    }

.sixStep {
    padding: 40px 0;
    text-align: center;
}

.subTxt {
    font-size: 27px;
    max-width: 800px;
    margin: auto;
    color: #414141;
}

.sxbox {
    width: 285px;
    height: 270px;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    margin: 10px 8px;
    vertical-align: top;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.sixBoxes {
    margin-top: 40px;
}

.sixHd {
    font-size: 15px;
    text-transform: uppercase;
    color: #414141;
}

.sxbox p {
    font-size: 15px;
    margin: 15px auto;
}

.learnMore {
    color: #3A6EA5;
    font-size: 15px;
}

    .learnMore:hover {
        text-decoration: underline;
    }

.sixImage {
    height: 80px;
    width: 80px;
    position: relative;
    margin: 0 auto 17px;
}

.sxbox:hover {
    background: #f5f5f5;
}

.sgnUpBtns.landingsignBtn {
    background: #515151;
    border: 2px solid #747070;
}

    .sgnUpBtns.landingsignBtn:hover {
        background: #2E67BC;
        border: 2px solid #2E67BC;
        color: #fff;
    }

.socIcons.follows a {
    background-image: url(../images/social_icon1.png);
}

#formEnquiry strong {
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 6px;
    text-transform: capitalize;
}

    #formEnquiry strong a {
        color: #3A6EA5;
    }

        #formEnquiry strong a:hover {
            text-decoration: underline;
        }

.inputTxt1-new {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e1e1;
    color: #a8a8a8;
    font-family: open_sansregular;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 14px 10px;
    width: 30%;
}

.create-pwd {
    width: 30% !important;
}

.ssSignUpMsg {
    border: 1px solid rgb(0, 150, 103);
    padding: 10px;
    display: none;
}

.regMsg {
    margin: 10px 0;
}

.regError {
    color: #fff;
    border: 1px solid;
    padding: 8px;
    font-size: 14px;
    background: firebrick;
    display: none;
    text-align: center;
}

.regSuccess {
    color: #fff;
    border: 1px solid;
    padding: 8px;
    background: #519451;
    font-size: 14px;
    display: none;
    text-align: center;
}

.invalidLogin {
    margin: 10px 0px;
    padding: 10px;
    color: firebrick;
}

.custom-input-error {
    border: 1px solid #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    background-color: #FBE8E8 !important;
}

.iAgree {
    padding: 9px;
    border-radius: 3px;
}

.custom-input-success {
    border: 1px solid #3c763d !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    background-color: #D6F3D6 !important;
}

.signInErrorDiv {
    margin: 10px 0px;
}

.signInError {
    text-align: center;
    color: #9E3F38;
    font-size: 14px;
    padding: 0px;
}

.topMargin {
    margin-top: 15px;
}

.lockImg {
    position: absolute;
    left: 25px;
    top: 25px;
}

/*Css by Vineet start strong password and password infor css*/
.short {
    color: #9E3F38;
    text-align: center;
    font-size: 14px;
    padding: 15px;
}

.weak {
    color: orange;
    text-align: center;
    font-size: 14px;
    padding: 15px;
}

.good {
    color: #2D98F3;
    text-align: center;
    font-size: 14px;
    padding: 15px;
}

.strong {
    color: limegreen;
    text-align: center;
    font-size: 14px;
    padding: 15px;
}

.tooltipBox.tooltipBox2 {
    bottom: 21px;
    top: auto;
}

.tooltipBox {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    right: 24px;
    top: 14px;
    z-index: 10;
}

    .tooltipBox:hover span {
        display: block;
        animation-name: tooltip;
        -webkit-animation-name: tooltip;
    }

.lefttooltip {
    left: -19px;
    position: absolute;
    top: 52px;
}

.kid {
    position: absolute;
    right: -25px;
    top: -14px;
}

.tooltipBox span {
    display: block;
    color: #7f7f7f;
    font-size: 16px;
    font-family: 'maven_promedium';
    padding: 25px 30px;
    background: #fff;
}

.tooltip {
    position: relative;
}

.tooltipBox {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    right: 12px;
    top: 14px;
    z-index: 10;
}

    .tooltipBox span {
        display: block;
        color: #7f7f7f;
        font-size: 16px;
        font-family: 'open_sansregular';
        padding: 25px 30px;
        box-shadow: 0 0 5px #ddd;
        border-radius: 5px;
        position: absolute;
        left: 55px;
        top: -60px;
        width: 310px;
        z-index: 20;
        display: none;
        animation-duration: .5s;
        -webkit-animation-duration: .5s;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        background: #fff;
    }

.lefttooltip {
    left: -17px;
    position: absolute;
    top: 52px;
}

.topPadding {
    padding-top: 60px;
    border-top: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 450px;
}

    .topPadding form {
        padding: 35px 0;
    }

.loginConNew {
    box-sizing: border-box;
    padding: 16px;
    border-top: 1px solid #ddd;
}

/*Css by Vineet End strong password and password infor css*/