html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
    font-size: 14px;
    padding: 0;
    margin: 0;
}


@font-face {
    font-family: 'titilliumblack';
    src: url('../Content/fonts/titillium-black-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-black-webfont.woff') format('woff'), url('../Content/fonts/titillium-black-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-black-webfont.svg#titilliumblack') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titillium_bdbold';
    src: url('../Content/fonts/titillium-bold-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-bold-webfont.woff') format('woff'), url('../Content/fonts/titillium-bold-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titillium_bdbold_italic';
    src: url('../Content/fonts/titillium-bolditalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-bolditalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-bolditalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-bolditalic-webfont.svg#titillium_bdbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumlight';
    src: url('../Content/fonts/titillium-light-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-light-webfont.woff') format('woff'), url('../Content/fonts/titillium-light-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumlight_italic';
    src: url('../Content/fonts/titillium-lightitalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-lightitalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-lightitalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-lightitalic-webfont.svg#titilliumlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumlight_upright';
    src: url('../Content/fonts/titillium-lightupright-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-lightupright-webfont.woff') format('woff'), url('../Content/fonts/titillium-lightupright-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-lightupright-webfont.svg#titilliumlight_upright') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumregular';
    src: url('../Content/fonts/titillium-regular-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-regular-webfont.woff') format('woff'), url('../Content/fonts/titillium-regular-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumitalic';
    src: url('../Content/fonts/titillium-regularitalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-regularitalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-regularitalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumbold';
    src: url('../Content/fonts/titillium-semibold-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-semibold-webfont.woff') format('woff'), url('../Content/fonts/titillium-semibold-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumbold_italic';
    src: url('../Content/fonts/titillium-semibolditalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-semibolditalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-semibolditalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-semibolditalic-webfont.svg#titilliumbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumthin';
    src: url('../Content/fonts/titillium-thin-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-thin-webfont.woff') format('woff'), url('../Content/fonts/titillium-thin-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-thin-webfont.svg#titilliumthin') format('svg');
    font-weight: normal;
    font-style: normal;
}





@font-face {
    font-family: 'titilliumthin_italic';
    src: url('../Content/Content/fonts/titillium-thinitalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-thinitalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-thinitalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-thinitalic-webfont.svg#titilliumthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*===== */


/*

@font-face {
    font-family: 'titilliumblack';
    src: url('../Content/Content/fonts/titillium-black-webfont.woff2') format('woff2'), url('../Content/Content/fonts/titillium-black-webfont.woff') format('woff'), url('../Content/fonts/titillium-black-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-black-webfont.svg#titilliumblack') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titillium_bdbold';
    src: url('../Content/fonts/titillium-bold-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-bold-webfont.woff') format('woff'), url('../Content/fonts/titillium-bold-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titillium_bdbold_italic';
    src: url('../Content/fonts/titillium-bolditalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-bolditalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-bolditalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-bolditalic-webfont.svg#titillium_bdbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumlight';
    src: url('../Content/fonts/titillium-light-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-light-webfont.woff') format('woff'), url('../Content/fonts/titillium-light-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumlight_italic';
    src: url('../Content/fonts/titillium-lightitalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-lightitalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-lightitalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-lightitalic-webfont.svg#titilliumlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumlight_upright';
    src: url('../Content/fonts/titillium-lightupright-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-lightupright-webfont.woff') format('woff'), url('../Content/fonts/titillium-lightupright-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-lightupright-webfont.svg#titilliumlight_upright') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumregular';
    src: url('../Content/fonts/titillium-regular-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-regular-webfont.woff') format('woff'), url('../Content/fonts/titillium-regular-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumitalic';
    src: url('../Content/fonts/titillium-regularitalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-regularitalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-regularitalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumbold';
    src: url('../Content/fonts/titillium-semibold-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-semibold-webfont.woff') format('woff'), url('../Content/fonts/titillium-semibold-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumbold_italic';
    src: url('../Content/fonts/titillium-semibolditalic-webfont.woff2') format('woff2'), url('../Contentfonts/titillium-semibolditalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-semibolditalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-semibolditalic-webfont.svg#titilliumbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'titilliumthin';
    src: url('../Content/fonts/titillium-thin-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-thin-webfont.woff') format('woff'), url('../Content/fonts/titillium-thin-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-thin-webfont.svg#titilliumthin') format('svg');
    font-weight: normal;
    font-style: normal;
}





@font-face {
    font-family: 'titilliumthin_italic';
    src: url('../Content/fonts/titillium-thinitalic-webfont.woff2') format('woff2'), url('../Content/fonts/titillium-thinitalic-webfont.woff') format('woff'), url('../Content/fonts/titillium-thinitalic-webfont.ttf') format('truetype'), url('../Content/fonts/titillium-thinitalic-webfont.svg#titilliumthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

.page * {
    font-family: 'titilliumregular', Helvetica, Arial, sans-serif;
    position: relative;
}

.banTopCon {
    border-bottom: 1px solid #e0dedf;
    padding-bottom: 10px;
}
/*product metadata section starts here*/
.rightSection {
    font-family: 'Titillium Web', 'Montserrat', sans-serif;
    width: 100%; /*320 + 30 + 15 = 355*/
    display: inline-block;
    margin: 0;
    vertical-align: top;
    border-left: 0px solid #c8c8c8;
    box-sizing: border-box;
}

.bannerContainer {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-bottom: 0px solid #c8c8c8;
    padding: 15px 0;
}

    .bannerContainer .banTopTitle {
        margin: 10px 0 !important;
    }

        .bannerContainer .banTopTitle > img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

        .bannerContainer .banTopTitle > span {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            display: inline-block;
            vertical-align: middle;
        }

    .bannerContainer .title {
    }

    .bannerContainer .logo {
    }

.csConditional {
    -webkit-box-shadow: 2px -8px 14px -7px rgba(148,143,148,1);
    -moz-box-shadow: 2px -8px 14px -7px rgba(148,143,148,1);
    box-shadow: 2px -8px 14px -7px rgba(148,143,148,1);
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #f4f2f3;
    display: none;
    z-index: 99999;
}

.csShareJoy {
    background-color: transparent;
    padding: 10px 0 4px 0;
    font-size: 16px;
    /* margin-bottom: 23px; */
    position: relative;
    font-weight: normal;
    text-align: center;
    color: #555a7e;
}

    .csShareJoy span {
        color: inherit;
        cursor: pointer;
        text-decoration: underline;
    }

.csScheduleDemoLink {
    background-color: transparent;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    margin-bottom: 0;
    position: relative;
    font-weight: normal;
    color: #b2b0b1;
    text-align: center;
}

    .csScheduleDemoLink span, .csScheduleDemoLink span a {
        color: #5498dd;
        cursor: pointer;
        text-decoration: underline;
    }


.bodySignature span {
    color: #ccc;
}




.bannerContainer .punchLine {
    font-size: 12px;
    color: #666;
}

.o365-EXTP-appTitle {
    float: left;
    margin-left: 8px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: verdana !important;
    font-size: 17px !important;
    color: #000 !important;
    padding-top: 5px !important;
}

.slideWrap {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-bottom: 0px solid #c8c8c8;
    padding: 6px 0 0 0;
    margin-bottom: 0;
}


.slideTitle {
    text-align: left;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    margin-bottom: 13px;
}

#idSayBravoTitle {
    text-align: center;
}

.slideTitle > span {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #35373d;
    font-weight: 700;
    text-align: left;
}

.slideTitle > a {
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #35373d;
    text-align: right;
    float: right;
    text-decoration: none;
    padding-right: 5px;
}
/*product metadata section ends here*/


/*Carousel Starts Here*/
.hide {
    display: none;
}

.slideCont {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0px auto;
}

.allProductList .btnCustom {
    margin-top: 70px;
}

.allProductList .btnLeft, .allProductList .btnRight {
    visibility: visible;
}

.allProductList .btnBack {
    visibility: hidden;
}
/*
.singleProductList .siemaCarousel {
	overflow-x: hidden;
	overflow-y: auto;
*/
.btnCustom {
    text-align: center;
    cursor: pointer;
    background: none;
    box-sizing: border-box;
    padding: 0;
    border: none;
    outline: none;
    width: 15px;
    /* display: inline-block; */
    float: left;
    position: relative;
    z-index: 2;
    left: 20px;
    top: 15px;
}

.btnLeft {
    float: left;
    margin-right: 5px;
    visibility: hidden;
}

.btnRight {
    float: left;
    margin-left: 5px;
    visibility: hidden;
}

.btnBack {
    float: left;
    margin-right: 5px;
    visibility: visible;
}
/*
.siemaCarousel {
	width: 235px;
	float:left;
}
    */
.contentT {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #dddddd;
    padding: 10px;
    width: 85%;
    box-sizing: border-box;
    margin: 10px;
}

.contentTA {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 15px;
    color: #454545;
    font-weight: 400;
    border: 0px solid #dddddd;
    padding: 14px;
    width: 260px;
    box-sizing: border-box;
    margin: 0px 0 10px 0;
    height: 180px;
    /* overflow: hidden; */
    margin-bottom: 0;
    position: relative;
    top: -4px;
    background-color: #fff;
}

.contentContainer {
    display: block;
    overflow: hidden;
    width: 260px;
    margin: 0px auto;
    padding: 10px 0;
}

.butOuter {
    width: 260px;
    margin: 0px auto;
    padding-bottom:75px;
}

.btnDone {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background: #fffc00;
    padding: 7px 15px;
    border: none;
    margin-right: 0;
    /* float: right; */
    cursor: pointer;
    min-width: 90px;
}

.btnDiscard {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background: #e2e2e2;
    padding: 7px 15px;
    border: none;
    margin-right: 20px;
    cursor: pointer;
    min-width: 90px;
}

.gotoHome {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    background: #ffff00;
    padding: 5px 15px;
    border: none;
    cursor: pointer;
}

.btnEnquery {
}

.afterDone {
    text-align: center;
}

    .afterDone p {
        margin: 10px 0;
    }

.o365-EXTP-appTitle {
    font-size: 20px !important;
    font-weight: bold !important;
}

.ms-font-m {
    background-color: #f4f2f3;
}

.receiverNameLbl {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #ff0000;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    width: 260px;
    margin: 0 auto;
    padding: 0;
}

#errorInviteFriends {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #ff0000;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: normal;
    position: absolute;
    top: 36px;
    text-align: center;
    width: 260px;
}

/*Carousel Ends Here*/
/*Message Section Starts Here*/
.messageSection {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    background: #313968;
    padding: 40px 15px;
    width: 260px;
    box-sizing: border-box;
    margin: 24px auto 0px auto;
}

    .messageSection p {
        margin: 0;
        padding: 0;
    }

    .messageSection p {
    }

        .messageSection p.msgHey {
        }

        .messageSection p.msgContent {
            padding: 20px 25px;
            margin-bottom: 10px;
            letter-spacing: 0;
            color: rgba(256,256,256, .6);
            font-size: 18px;
            margin-bottom: 40px;
        }

        .messageSection p.msgActionBtn {
            padding: 12px 16px 20px 16px;
            font-size: 18px;
        }

    .messageSection img {
    }
/*Message Section Ends Here*/

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 0px solid red;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

    /* Style the buttons inside the tab */
    div.tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 24px;
        transition: 0.3s;
        font-size: 17px;
        border-bottom: 3px solid transparent;
        font-weight: normal;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
        color: #777;
    }

        /* Change background color of buttons on hover */
        div.tab button:hover {
            background-color: transparent;
        }

        /* Create an active/current tablink class */
        div.tab button.active {
            background-color: #fff;
            border-color: #1a2a88;
            color: #1a2a88;
        }

/* Style the tab content */
.tabcontent {
    padding: 6px 0;
    border: 0px solid #ccc;
    border-top: none;
}

.singleProductList .siemaCarousel {
    text-align: center;
    width: inherit;
    margin: 0;
    padding-bottom: 80px;
}

.siemaCarousel > a {
    max-width: 260px;
    margin: 6px auto 0px auto;
    display: block;
    -webkit-transition: box-shadow .3s ease-in-out;
    box-shadow: 0 1px 2px #AAA;
    padding: 0;
    line-height: 0;
    cursor: pointer;
}
/*.siemaCarousel> a:hover {
    box-shadow: 0 10px 16px #AAA;
}*/
.singleProductList a:hover {
    box-shadow: 0 10px 16px #AAA;
}

.siemaCarousel > a img {
    margin-bottom: 0;
    max-width: 260px;
    margin-top: 0;
    padding: 0;
}

.siema hr {
    border: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    margin: 18px 0 20px 0;
}

.btnScheduleDemo {
    background-color: #ffde15;
    border: 0px solid #fff;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.btnSayBravoGrey {
    color: #000000;
    background: #e2e2e2;
    border: 0px solid #fff;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 27px;
}

.msgHey {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
}

.mesSchedule {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    width: 260px;
    padding: 60px 24px;
    background-color: #313968;
    box-sizing: border-box;
    margin: 24px auto 0px auto;
}

.popUpContent {
    /*padding-bottom:80px;*/
    top: -15px;
}

.csLoader {
    position: absolute;
    height: 100%;
    background-color: #f4f2f3;
    z-index: 1;
    left: 0;
    width: 100%;
    text-align: center;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* height: 100%; */
}

    .csLoader img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

button#btnInviteFriends {
    margin-top: 0;
    position: relative;
}

.inviteConfirmMsg {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #666;
    width: 260px;
    margin: 0px auto;
}

.imgConfirm {
    background-color: #313968;
    width: 260px;
    box-sizing: border-box;
    text-align: center;
    padding: 80px 0 84px 0;
    margin: 24px auto 16px auto;
}

    .imgConfirm span {
        display: block;
        font-size: 18px;
        font-weight: normal;
        color: #ffffff;
    }

.firstPunchLine {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    line-height: 1;
    font-family: 'titillium_bdbold';
}

.txtInviteFriend {
    width: 260px;
    margin: 24px;
    border-bottom: 1px solid #ccc;
}

.secoundPunchLine {
    border-bottom: 1px solid #e0dedf;
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
    padding-bottom: 15px;
}

.siema > span {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #696d8a;
    width: 260px;
    margin: 0px auto;
    display: block;
}

    .siema > span b {
        color: #2f3a68;
    }


.divCompanyAdv {
    text-align: left;
    line-height: 0.5;
    display: none;
    color: #9c9a9b;
    width: 260px;
    margin: 0px auto;
}

    .divCompanyAdv a {
        text-decoration: blink;
    }

.divCompanyAdvPaid {
    text-align: left;
    line-height: 1.2;
    display: none;
    color: #9c9a9b;
    width: 260px;
    margin: 0px auto;
}

    .divCompanyAdvPaid a {
        text-decoration: blink;
    }

/******New Css********/
input, textarea {
    outline: none;
}

.ms-font-m {
    background-color: #f4f2f3;
}

    .ms-font-m * {
        /* font-family: 'Titillium Web', sans-serif !important;
        position: relative;*/
    }

.wrapContent * {
    box-sizing: border-box;
}

.wrapContent {
    padding: 0 15px;
    box-sizing: border-box;
}

    .wrapContent > div {
        margin-right: 10px;
    }

.cslogin h2 {
    color: #fff;
    text-align: center;
    line-height: 1.25;
    font-size: 20px;
    margin: 10px 0 20px 0;
    font-weight: normal;
    font-family: 'titilliumregular';
}

.sliderOutter {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

    .sliderOutter > h2, .listTile > h2, .cs-tile-comment > h2 {
        text-align: left;
        font-size: 16px;
        color: #303869;
        position: relative;
        width: 260px;
        margin: 0px auto;
        padding: 0px;
    }

.cs-tile-comment > h2 {
    margin: 0 0 0 0;
}

.listTile h2 {
    /* background: url(../images/backArrow.png) 2px 4px no-repeat;
     z-index: 4; */
    margin: 0;
    padding-left: 6px;
    margin-bottom: 10px;
}

    .listTile h2 > img {
        position: relative;
        top: 3px;
        margin-right: 4px;
        cursor: pointer;
    }

.sliderOutter h2 a {
    position: absolute;
    right: 0;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    top: 0;
    cursor: pointer;
}




.csMSlider > div:last-child {
    border-bottom: 0px solid transparent;
    /*padding-bottom: 30px;*/
    margin-bottom: 0;
}

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

    .listTile ul li {
        list-style: none;
        width: 260px;
        display: block;
        margin: 0px auto 20px auto;
        height: 175px;
    }


        .listTile ul li img {
            width: 100%;
        }

        .listTile ul li:hover {
            transition: transform .25s ease-in-out,box-shadow .25s ease-in-out;
            transform: translateY(-4px);
            box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
        }

.rememberMe {
    margin: 0;
    padding: 0;
    line-height: 0;
}

    .rememberMe a {
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        color: #313968;
        padding-left: 10px;
    }

.csloginform input[type="submit"] {
    border: 0px solid transparent;
    background-color: #313968;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 40px 0 20px 0
}

.csAccount input[type="button"] {
    border: 1px solid transparent;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
}

.csAccount p {
    font-weight: normal;
    text-align: center;
    padding: 0;
    color: #fff;
    margin: 6px 0;
}

.csloginform input[type="text"] {
    display: block;
    border: 0;
    width: 100%;
    min-height: 30px;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 14px;
    color: #454545;
}

input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label {
        font-size: 13px;
        font-weight: normal;
        color: #474b78;
    }

        input[type="checkbox"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -2px 10px 0 0;
            vertical-align: middle;
            /*background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;*/
            border: 1px solid #ccc;
            cursor: pointer;
        }

    input[type="checkbox"]:checked + label span {
        background: url('../images/checkClick.png') 2px 2px no-repeat;
    }

/* Slider Css Start */
.csMSlider .slider {
    position: relative;
    overflow: hidden;
    margin: 5px auto 0 auto;
    border-radius: 0;
}

    .csMSlider .slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: 200px;
        list-style: none;
    }

.noPadding {
    padding: 0;
}

.csMSlider .slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 296px;
    height: 200px;
    background: transparent;
    text-align: center;
}
    /*
    .csMSlider .slider ul li > div {
        width: 260px;
        margin: 0px auto;
        padding: 20px 0;
        color: #fff;
    }

        .csMSlider .slider ul li > div * {
            font-size: 140%;
            line-height: 1.2;
        }


        .csMSlider .slider ul li > div > img {
            height: 40px;
        }
*/

    .csMSlider .slider ul li > img {
        width: 260px;
        cursor: pointer;
    }

a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 0 3px;
    width: auto;
    height: auto;
    background: transparent;
    text-decoration: none;
    opacity: 1;
    cursor: pointer;
}

    a.control_prev:hover, a.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
    }

a.control_prev {
    border-radius: 0;
}

a.control_next {
    right: 0;
    border-radius: 0;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}
/* ============== End ================= */
.img-outer {
    width: inherit;
    margin: 0px auto;
    height: 175px;
}

    .img-outer img {
        width: 100%;
    }

.augmented-score {
    width: inherit;
    margin: 0 auto;
    padding: 16px 10px 10px 10px;
    background-color: #fff;
    position: relative;
    min-height: 70px;
}

    .augmented-score p {
        font-size: 14px;
        margin: 0;
        padding: 0;
        line-height: 1;
        text-align: left;
        color: #4e89d5;
        font-family: 'titilliumbold', Helvetica, Arial, sans-serif;
    }

.augmentedWriting {
    position: absolute;
    right: 10px;
    top: 12px;
}

    .augmentedWriting .slider {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        border-radius: 0;
    }

.cs-hint {
    color: #4e89d5;
    font-size: 13px;
    margin-top: 20px;
    text-align: left;
}

    .cs-hint img {
        position: relative;
        margin-right: 6px;
        top: 2px;
    }

.augmentedWriting .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    top: 0;
    margin-left: 0
}

    .augmentedWriting .switch input {
        display: none;
    }

.augmentedWriting .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #888;
    -webkit-transition: .4s;
    transition: .4s;
}

    .augmentedWriting .slider:before {
        position: absolute;
        content: "OFF";
        height: 19px;
        width: 19px;
        left: 2px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        line-height: 1.6;
        color: #fff;
        font-size: 13px;
        text-indent: 22px;
    }

.augmentedWriting input:checked + .slider {
    background-color: #52c519;
}

.augmentedWriting input:focus + .slider {
    box-shadow: 0 0 1px #52c519;
}

.augmentedWriting input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    content: "ON";
    text-indent: -43px;
}

.augmentedWriting .slider.round {
    border-radius: 34px;
}

    .augmentedWriting .slider.round:before {
        border-radius: 50%;
    }

.write-comment {
    width: inherit;
    margin: 10px auto;
    padding: 10px 15px;
    background-color: #fff;
}

    .write-comment textarea {
        border: 0px solid #fff;
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 13px;
        color: #000;
        width: 100%;
        padding: 10px 15px;
        font-family: 'titilliumregular', Helvetica, Arial, sans-serif !important;
    }

.btnDiscard, .btnDone {
    font-size: 14px;
    font-family: 'titillium_bdbold';
    color: #666;
    background: #e2e2e2;
    padding: 7px 12px;
    border: none;
    margin-right: 18px;
    cursor: pointer;
    min-width: 75px;
}

.btnDone {
    background-color: #ffde16;
    color: #000;
}

.note-detail {
    width: inherit;
    margin: 0px auto;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    color: #999;
}

.cs-tile-comment {
    margin-right: 10px;
}

    .cs-tile-comment h6 {
        font-weight: normal;
        font-size: 13px;
        margin: 0;
        color: #454545;
        text-align: left;
    }

    .cs-tile-comment h4 {
        font-weight: normal;
        font-size: 16px;
        margin: 0;
        color: #000;
        margin-bottom: 20px;
        text-align: left;
    }

.loginTop h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    font-family: 'titilliumregular';
    line-height: 1.2;
}

.loginTop h6 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    font-family: 'titillium_bdbold';
    line-height: 1;
}

.csAccount input[type="button"].btn-blue {
    background-color: #0142ff;
}

.csAccount input[type="button"].btn-yellow {
    background-color: #ffdb00;
    color: #000;
}

.bg-Img {
    background: url(../images/bgLogin.jpg) left 50% no-repeat;
    height: 98vh;
    display: none;
}

.cslogin {
    position: relative;
    padding-top: 15vh;
}

.csAccount {
    position: relative;
    padding-top: 25vh;
}

.innerIntro {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 25px;
}

.csMSlider .innerIntro img {
    width: 260px;
    margin: 0px auto;
    display: block;
}

.innerIntro a {
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid rgba(256,256,256, .6);
    cursor: pointer;
}

.linkleft {
    left: 15%;
}

.linkRight {
    right: 15%;
}


.introPaid a.linkleft {
    left: 15%;
    color: #ffde16;
    border-bottom: 1px solid #ffde16;
    bottom: 24px;
}

.introPaid a.linkRight {
    right: 15%;
    color: #ffde16;
    border-bottom: 1px solid #ffde16;
    bottom: 24px;
}

.introPaid .innerIntro p {
    position: absolute;
    top: 76px;
    z-index: 1;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    width: 200px;
    text-align: left;
    left: 15%;
}

.csIntroPaid {
    background-color: #fff;
    padding-bottom: 70px;
    margin-right: 0 !important;
}

.IntroContent {
    background-color: #fff;
    padding: 20px;
}

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

        .IntroContent ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            margin-bottom: 20px;
        }

            .IntroContent ul li h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin: 0;
                padding: 0;
                line-height: 1;
            }

            .IntroContent ul li p {
                color: #454545;
                font-size: 14px;
                padding: 0;
                margin: 0;
            }

.buttonPaid {
    margin-top: 20px;
}

    .buttonPaid a {
        margin: 0 6px;
        cursor: pointer;
    }

        .buttonPaid a:first-child {
            margin-left: 0;
        }


.infoContent {
    display: none;
}

img.csBackToHome {
    position: absolute;
    top: 30px;
    left: 14.5%;
    z-index: 1;
    cursor: pointer;
}

#divCSHint {
    display: none;
}

p.indoxBravo {
    display: block;
    text-decoration: none;
    color: #ffde16;
    font-family: 'titillium_bdbold';
    font-size: 18px;
}

a.giveBravo {
    display: block;
    text-decoration: underline;
    color: #fff;
    font-size: 13px;
    margin-top: 30px;
    cursor: pointer;
}

/*===============Error Css ============== */
.ErrorInner {
    width: 260px;
    margin: 0px auto;
    padding-top: 50px;
    padding-bottom: 70px;
}

    .ErrorInner h2, .ErrorInner h6 {
        text-align: left;
        font-size: 36px;
        color: #303869;
        position: relative;
        line-height: 1;
        letter-spacing: -1px;
        margin: 10px auto 10px auto;
        font-family: 'titilliumbold';
    }

    .ErrorInner a {
        font-size: 16px;
        color: #303869;
        position: relative;
        margin: 0px auto;
        line-height: 1.5;
        cursor: pointer;
        text-decoration: none;
        margin: 30px auto;
        display: inline-block;
        font-family: 'titilliumbold';
        clear: both;
        border-bottom: 1px solid #ccc;
    }

    .ErrorInner h6 {
        font-size: 16px;
        letter-spacing: 0;
    }

    .ErrorInner ul {
        margin: 0;
        padding: 0;
        padding-left: 20px
    }

        .ErrorInner ul li {
            font-size: 16px;
            line-height: 1.2;
            margin-bottom: 10px;
            list-style-type: disc;
            color: #d32d2d;
        }

            .ErrorInner ul li span {
                color: #454545;
                font-size: 14px;
            }

    .ErrorInner .btn-yellow {
        background-color: #ffdb00;
        border: 1px solid transparent;
        padding: 10px 0;
        margin: 0 auto;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        width: 260px;
        color: #000;
        display: block;
    }

input.btn-upgradeMe {
    background: rgba(126,67,149,1);
    background: -moz-linear-gradient(left, rgba(126,67,149,1) 0%, rgba(220,52,65,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(126,67,149,1)), color-stop(100%, rgba(220,52,65,1)));
    background: -webkit-linear-gradient(left, rgba(126,67,149,1) 0%, rgba(220,52,65,1) 100%);
    background: -o-linear-gradient(left, rgba(126,67,149,1) 0%, rgba(220,52,65,1) 100%);
    background: -ms-linear-gradient(left, rgba(126,67,149,1) 0%, rgba(220,52,65,1) 100%);
    background: linear-gradient(to right, rgba(126,67,149,1) 0%, rgba(220,52,65,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e4395', endColorstr='#dc3441', GradientType=1 );
    border: 0px solid transparent;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 13px;
    font-weight: normal;
    width: 260px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

.ErrorInner img {
    position: relative;
    left: -16px;
}

#idOverallStrengthText {
    color: #379101;
    font-size: 25px;
    display: block;
    font-family: 'titillium_bdbold', Helvetica, Arial, sans-serif;
    text-align: left;
    margin-top: 10px;    
}

#divImproveScore {
    margin-top: 0;
    display: none;
}

    #divImproveScore > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin: 12px 0 0 17px;
        display: none;
    }

        #divImproveScore > ul li {
            color: #989898;
            font-size: 13px;
            line-height: 1;
            margin-bottom: 14px;
            padding-left: 26px;
            min-height: 21px;
        }

            #divImproveScore > ul li.Red {
                background: url(../Images/RedImg.png) left 3px no-repeat;
            }

            #divImproveScore > ul li.Amber {
                background: url(../Images/AmberImg.png) left 3px no-repeat;
            }

            #divImproveScore > ul li.Green {
                background: url(../Images/GreenImg.png) left 3px no-repeat;
            }

#idImproveScoreNotify {
    display: none
}

/*
.singleProductList {
    padding-bottom: 70px;
}
   div#singleProductHTML {
    padding-bottom: 80px;
}

    .csMSlider {
    margin-bottom: 60px;
}
    */

#Bravo {
    padding-bottom: 80px;
}


span.csbullet:after {
    content: '\2807';
    font-size: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px;
}

span.csbullet {
    cursor: pointer;
    position: relative;
    float: right;
    clear: both;
}
.cslogoSection a, .cslogoSection a img, .slider a, .slider a img{
    border: 0px solid #fff;
}

.cslogoSection {
    text-align: left;
    width: 260px;
    margin: 0px auto;
}

.cslinkToggle {
    position: absolute;
    display: none;
    right: 4px;
    padding: 10px;
    background-color: hsl(0, 0%, 100%);
    z-index: 999;
    top: 34px;
    -webkit-box-shadow: 0px -5px 30px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px -5px 30px 0px rgba(0,0,0,.2);
    box-shadow: 0px -5px 30px 0px rgba(0,0,0,.2);
}


    .cslinkToggle ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: auto;
        text-align: center;
    }
        .cslinkToggle ul li {
            margin: 0;
            padding: 0;
            list-style: none;
        }
            .cslinkToggle ul li a {
                text-decoration: none;
                color: hsl(0, 0%, 27%);
                padding: 0 0 10px 0;
                display: block;
                text-align: right;
            }

                .cslinkToggle ul li a:hover {
                    color: hsl(210, 67%, 60%)
                }

            .cslinkToggle ul li:last-child a {
                padding: 0;
            }

/*Start - mentiony-container*/

.mentiony-container [contenteditable=true]:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: #999999;
}

.mentiony-container {
    position: relative;
    height: auto;
    border: 1px solid #cecece;
    /* NOTE: All top-right-bottom-left must be equal */
    padding: 10px;
}

    .mentiony-container .pl0 {
        padding-left: 0;
    }

    .mentiony-container .mention-input-hidden {
        float: left;
        display: inline-block;
        visibility: hidden;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
    }

    .mentiony-container .mentiony-popover {
        position: absolute;
        z-index: 1000;
        top: inherit;
        width: 250px;
        height: auto;
        left: 0 !important;
        max-height: 400px;
        display: none;
        padding: 0;
        background: #fefefe;
        overflow: auto;
        box-shadow: 1px 3px 11px 1px #cacaca;
    }

    .mentiony-container .mentiony-content {
        outline: none;
    }

.mentiony-list {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.mentiony-item {
    height: 50px;
    padding: 5px 10px;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
}

    .mentiony-item:first-child {
        border: none
    }

    .mentiony-item:hover {
        background: #ededed;
    }

    .mentiony-item.active {
        background: #ddd;
    }

    .mentiony-item img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .mentiony-item .title, .mentiony-item .help-block {
        margin: 0;
    }

    .mentiony-item .title {
    }

    .mentiony-item .help-block {
    }

.mention-area .highlight a.mentiony-link {
    color: #337ab7;
    padding: 1px 4px;
    border-radius: 3px;
}

.mentiony-container {
    position: relative;
    height: auto;
    border: none;
    padding: 10px;
    height: 188px;
}

    .mentiony-container .mentiony-content {
        outline: none;
        color: #999999;
        text-align: left;
        font-size: 13px;
        max-height: 178px;
        width: inherit !IMPORTANT;
        overflow-y: auto;
        overflow-x: hidden;
        font-family: 'titilliumregular', Helvetica, Arial, sans-serif !important;
        line-height:20px;
    }

.mentiony-container {
    width: 100% !important
}

.mentiony-item .title, .mentiony-item .help-block {
    margin: 0px;
    text-align: left;
    line-height:1;
}


.mentiony-item .title {
    font-size: 16px;
    margin-bottom: 0px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    font-family: 'titilliumbold, Helvetica, Arial, sans-serif';
}

.mentiony-content {
    /*height: 188px !important;
    overflow: auto;*/
    min-height: auto !important;
}

a.mentiony-link {
    pointer-events: none;
    cursor: default;
}

.mentiony-item .row .col-xs-3 {
    float: left;
    vertical-align: top;
    margin-right: 10px;
}

/*END - mentiony-container*/