@font-face {
    font-family: 'SegoeUIRegular';
    src: url('/fonts/segoeui_0.eot');
    src: url('/fonts/segoeui_0.eot') format('embedded-opentype'), url('/fonts/segoeui_0.woff') format('woff'), url('/fonts/segoeui_0.ttf') format('truetype'), url('/fonts/segoeui_0.svg#SegoeUIRegular') format('svg');
}

@font-face {
    font-family: 'AlrightSansLight';
    src: url('/fonts/alrightsans-light-v3.eot');
    src: url('/fonts/alrightsans-light-v3.eot') format('embedded-opentype'), url('/fonts/alrightsans-light-v3.woff') format('woff'), url('/fonts/alrightsans-light-v3.ttf') format('truetype'), url('/fonts/alrightsans-light-v3.svg#AlrightSansLight') format('svg');
}

@font-face {
    font-family: 'AlrightSansBold';
    src: url('/fonts/alrightsans-bold-v3.eot');
    src: url('/fonts/alrightsans-bold-v3.eot') format('embedded-opentype'), url('/fonts/alrightsans-bold-v3.woff') format('woff'), url('/fonts/alrightsans-bold-v3.ttf') format('truetype'), url('/fonts/alrightsans-bold-v3.svg#AlrightSansBold') format('svg');
}

@font-face {
    font-family: 'AlrightSansMedium';
    src: url('/fonts/alrightsans-medium-v3.eot');
    src: url('/fonts/alrightsans-medium-v3.eot') format('embedded-opentype'), url('/fonts/alrightsans-medium-v3.woff') format('woff'), url('/fonts/alrightsans-medium-v3.ttf') format('truetype'), url('/fonts/alrightsans-medium-v3.svg#AlrightSansMedium') format('svg');
}



body {
    font-family: 'SegoeUIRegular';
    color: #3e454f;
    font-size: 15px;
    line-height: 24px;
    max-width: 100%;
    overflow-x: hidden;
}

li {
    list-style: none;
}

a, button:hover {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'AlrightSansMedium';
    font-weight: normal;
}

.full-wrapper {
    width: 100%;
    max-width: 100%;
    /*display: inline-block;*/
    padding: 0;
    margin: 0;
    padding: 50px 0;
}

.navbar-fixed-top {
    z-index: 99999999999999999999 !important;
}

.container {
    width: 1000px;
    max-width: 100%;
}

/*Common Spacing and Padding*/
.add-top {
    margin-top: 120px !important;
}

.add-bottom {
    margin-bottom: 120px !important;
}

.add-top-half {
    margin-top: 60px !important;
}

.add-bottom-half {
    margin-bottom: 60px !important;
}

.add-top-medium {
    margin-top: 30px !important;
}

.add-bottom-medium {
    margin-bottom: 30px !important;
}

.add-top-small {
    margin-top: 20px !important;
}

.add-bottom-small {
    margin-bottom: 20px !important;
}

.add-top-v-small {
    margin-top: 10px !important;
}

.add-bottom-vsmall {
    margin-bottom: 10px !important;
}

.add-over-small {
    margin: 10px;
}

.pad-top {
    padding-top: 120px !important;
}

.pad-bottom {
    padding-bottom: 120px !important;
}

.pad-top-half {
    padding-top: 60px !important;
}

.pad-bottom-half {
    padding-bottom: 60px !important;
}

.pad-top-medium {
    padding-top: 30px !important;
}

.pad-bottom-medium {
    padding-bottom: 30px !important;
}

.pad-top-small {
    padding-top: 20px !important;
}

.pad-bottom-small {
    padding-bottom: 20px !important;
}

.pad-over-small {
    padding: 10px;
}

/*Common Spacing and Padding end */


.header-container {
    background: url(/images/header-bg.gif) repeat-x #f7f7f7 top center;
    padding: 30px 0;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    border-bottom: 1px solid #dadbdb;
    position: fixed;
    z-index: 99;
}

a.user-login {
    background: url(/images/login-icon.png) no-repeat 15px 10px #181818;
    color: #6abd45 !important;
    text-transform: uppercase;
    padding: 0 15px 0 40px;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-decoration: none;
    margin: 0 0 0 15px;
}

.login-dropdown {
    width: 400px;
    text-align: left;
    color: #999;
    padding: 15px 15px 5px;
    left: -135px;
    top: 26px;
}

    .login-dropdown:after {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .login-dropdown:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 5px;
        left: 50%;
        margin-left: -8px;
    }

    .login-dropdown .form-group {
        width: 38%;
    }

    .login-dropdown input {
        width: 100%;
        margin: 0 0 10px;
    }

    .login-dropdown a {
        color: #6abd45 !important;
    }

    .login-dropdown button {
        margin: -10px 0 0;
    }

a.navbar-brand {
    /*background: url(/images/logo.png) no-repeat;*/
    width: 220px;
    height: 38px;
    text-indent: -10000px;
    margin: 0;
}

.my-nav {
    margin-bottom: 0;
    background: url(/images/header-bg.gif) repeat-x #f7f7f7 top center;
    padding: 30px 0;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    border-bottom: 1px solid #dadbdb;
}

    .my-nav li > a {
        font-size: 12px;
        color: #333333;
        text-transform: uppercase;
        font-weight: 500;
        padding: 7px 15px;
    }

        .my-nav li > a:hover {
            background: #15ade0 !important;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            color: #fff !important;
        }

        .my-nav li > a.buy, .my-nav li > a.buy:hover {
            background: #f9aa33;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            color: #fff;
            width: 70px;
            text-align: center;
            margin: 0 8px 0 10px;
            font-size: 13px;
            font-weight: bold;
        }

        .my-nav li > a.demo, .my-nav li > a.demo:hover {
            background: url(/images/login-icon.png) no-repeat 8px 8px #eb5520 !important;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            color: #fff;
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            margin: 0 0 0 50px;
            padding: 7px 15px 7px 30px;
        }

    .my-nav .navbar-right {
        /*margin:5px -15px 0 0;*/
    }

    .my-nav li > a.loged-user, .my-nav li > a.loged-user:hover, .my-nav .open > a, .my-nav .open > a:hover, .my-nav .open > a:focus {
        background: #eb5520;
        padding: 7px 10px 8px 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: 0 0 0 30px;
        color: #fff;
        text-transform: capitalize;
        font-size: 15px;
    }

li > a.blueButton {
    background: #428bca;
}

ul.ba-submenu li a, ul.ba-submenu li a:hover {
    text-transform: none;
    font-size: 14px;
    border-radius: 0;
}

.nav .ba-caret {
    border-top-color: #fff;
}

.loged-user img {
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    float: left;
    margin: -4px 5px 0 0px;
}

.navbar {
    padding: 30px 0;
    border-bottom: 0;
    letter-spacing: 1px;
    -webkit-transition: .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: .5s ease-in-out, padding .5s ease-in-out;
    transition: .5s ease-in-out, padding .5s ease-in-out;
    background-position: bottom;
}

.top-nav-collapse {
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}

.banner-container {
    padding: 96px 0 1px;
}

    .banner-container img {
        min-width: 100%;
    }

.banner-caption {
    left: 0;
    right: 12%;
    padding-bottom: 30px;
    top: 20%;
    text-align: left;
    width: 620px;
    max-width: 80%;
    margin: 0 auto;
}

    .banner-caption h2 {
        margin-bottom: 20px;
        color: #FFFFFF;
		font-size: 60px;
        font: normal 55px/55px 'AlrightSansBold';
    }

    .banner-caption p {
        font: normal 24px/30px 'AlrightSansLight';
    }

        .banner-caption p b {
            font: normal 24px/30px 'AlrightSansBold';
        }

.left-arw {
    background-image: url(/images/arrow-left.png) !important;
    background-repeat: no-repeat;
    width: 51px;
    height: 51px;
    top: 43%;
    left: 20px;
}

    .left-arw span, .right-arw span {
        display: none !important;
    }

.right-arw {
    background-image: url(/images/arrow-right.png) !important;
    background-repeat: no-repeat;
    width: 51px;
    height: 51px;
    top: 43%;
    right: 20px !important;
    z-index: 5;
}

.welcome-section h2 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #3e454f;
    margin: 0 0 25px;
}

.about-info {
    padding-right: 35px;
    font-size: 18px;
    line-height: 26px;
}

    .about-info h1 {
        margin: 0 0 15px;
    }

        .about-info h1 span {
            font-family: 'AlrightSansLight';
            font-weight: normal;
        }

.apply-form {
    background: #e9e9e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 3px 3px 0px #dddddd;
    padding: 0;
}

    .apply-form h3 {
        background: #383737;
        background: -moz-linear-gradient(top, #383737 0%, #2a2829 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383737), color-stop(100%,#2a2829));
        background: -webkit-linear-gradient(top, #383737 0%,#2a2829 100%);
        background: -o-linear-gradient(top, #383737 0%,#2a2829 100%);
        background: -ms-linear-gradient(top, #383737 0%,#2a2829 100%);
        background: linear-gradient(to bottom, #383737 0%,#2a2829 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383737', endColorstr='#2a2829',GradientType=0 );
        color: #fff;
        margin: 0 0 10px;
        text-align: center;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        padding: 15px 0;
        text-align: center;
        font-weight: normal;
        position: relative;
    }

        .apply-form h3:after {
            top: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .apply-form h3:after {
            border-color: rgba(42, 40, 41, 0);
            border-top-color: #2a2829;
            border-width: 9px;
            left: 50%;
            margin-left: -8px;
        }

    .apply-form .form1 {
        padding: 20px;
    }

    .apply-form label {
        font-weight: normal;
        padding: 0;
        padding-top: 4px;
    }

    .apply-form input {
        /*border:1px solid #d6d6d6;*/
        outline: none;
    }

        .apply-form input[type="file"] {
            border: none;
        }

.apply-btn, .apply-btn:hover {
    background: #ee4105;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: uppercase;
    outline: none;
    border: none;
    margin: 15px 0 0;
}

.resume-label {
    width: 97px;
    text-indent: 28px;
}

.brief-view {
    padding: 0;
    border: none;
    margin: 0;
}

    .brief-view img {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .brief-view h3 {
        margin: -50px 0 20px;
        background: rgba(1,166,222,.9);
        color: #fff;
        padding: 12px 5px 12px 15px;
        position: relative;
    }

.thumbnail .ba-caption {
    padding: 0;
    min-height: 260px;
}

.ba-caption p {
    padding: 0 18px 20px 18px;
    margin: 0;
}

.offer-section {
    background: url(/images/grey-patren.gif) repeat;
}

.ba-strives {
    background: url(/images/ba-strives-bg.jpg) no-repeat center top;
    min-height: 127px;
    border-top: 1px solid #dfdfdf;
    padding: 30px 0 0;
}

    .ba-strives h3 {
        margin: 0;
        color: #626f80;
        text-transform: uppercase;
        font-family: 'SegoeUIRegular';
        line-height: 34px;
    }

        .ba-strives h3 span {
            color: #000;
            font-weight: bold;
        }

.brands-section {
    /*background:url(/images/seperation.png) no-repeat top center;*/
}

.brands-container {
    position: relative;
}

.brands-list ul {
    margin: 0;
    padding: 0;
}

    .brands-list ul li {
        list-style: none;
        float: left;
        margin: 0 48px 0 0;
        max-width: 156px;
    }

        .brands-list ul li:last-child {
            margin: 0;
        }

        .brands-list ul li img {
            max-width: 100%;
        }

.lo-prev, .lo-next {
    background: none;
    font-size: 50px;
    color: #b2b2b2;
    font-family: 'SegoeUIRegular';
    text-shadow: none;
    text-decoration: none !important;
    box-shadow: none;
}

    .lo-prev:hover, .lo-next:hover {
        color: #15ade0;
    }


.footer-section {
    background: url(/images/footer-bg.jpg) repeat;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

.footer-info {
    margin: 15px 0 0;
    color: rgba(255,255,255,.7);
    font-size: 13px;
}

    .footer-info a {
        color: rgba(255,255,255,.7);
        margin: 0 3px;
    }

.footer-section ul {
    padding: 0;
    margin: 15px 0 0;
}

    .footer-section ul li {
        list-style: none;
        display: inline-block;
        font-size: 14px;
        padding: 0 15px;
        border-right: 1px solid #2a2829;
        line-height: 15px;
    }

        .footer-section ul li:last-child {
            border: none;
        }

        .footer-section ul li a {
            color: #7a7a7a;
            text-decoration: none;
        }

            .footer-section ul li a:hover {
                color: #fff;
            }

    .footer-section ul.footer-small-nav li a {
        font-size: 11px;
    }

.footer-info {
    color: #505251;
    font-size: 11px;
}

.no-margin {
    margin: 0;
}
/* Inner page */
.inner-body {
    background: #ededed;
}

.nav-inr {
    border-bottom: 4px solid #e1e1e1;
}

.innerpage-wrapper {
    padding-top: 110px;
}

.profile-left {
    width: 280px;
}

.profile-img img {
    max-width: 100%;
}

.profile-right {
    width: 720px;
}

.user-profile {
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 20px 40px;
    color: #373536;
    margin: 93px 0 20px;
}

    .user-profile img {
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        border: 5px solid #ededed;
        margin: -80px 0 0;
        max-width: 158px;
    }

    .user-profile h4 {
        color: #eb5520;
        margin: 20px 0;
    }

        .user-profile h4 small {
            display: block;
            margin: 5px 0 0;
        }

.edit-btn {
    background: url(/images/edit-btn.png) no-repeat 10px 10px;
    padding-left: 32px;
}

.profile-nav {
    background: #383435;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    color: #ccc;
}

.search-form input {
    /*background: url(/images/search-icon.png) no-repeat #f2f2f2 8px 8px;*/
    background: #f2f2f2;
    /*border:1px solid #e2e2e2;*/
    padding: 8px 5px 5px 82px;
    /*box-shadow:none;*/
    outline: none;
    height: inherit;
}

.profile-edit .profile-info-title {
    margin-top: 5px;
}

.profile-edit input, .profile-edit select {
    margin-bottom: 10px;
}

.profile-top-menu ul li {
    list-style: none;
    display: inline-block;
    margin-left: -4px;
    `;
}

    .profile-top-menu ul li a {
        font-size: 14px;
        color: #333;
        text-decoration: none;
        line-height: 22px;
        display: block;
    }

        .profile-top-menu ul li a:hover {
            color: #eb5520;
        }

.ba-pagination {
    margin: 20px 0 0;
}

    .ba-pagination > li > a {
        color: #383435;
        padding: 8px 13px;
    }
        /*.ba-pagination>li:last-child{
	float:right;
}*/

        .ba-pagination > li > a:hover, .ba-pagination > li > a.active {
            background: #15ade0;
            color: #fff;
        }

.comment-area {
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    /*font-size:17px;*/
    color: #373334;
}

.task-img-section img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.task-info {
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 15px;
}

    .task-info small {
        color: #999;
        display: block;
    }

    .task-info a:first-child {
        color: #eb5520;
    }

.task-img-section {
    padding-right: 0;
    width: 95px;
}

.task-right-section {
    width: 575px;
    padding: 0;
}

.comments-secion h4 {
    color: #15ade0;
}

    .comments-secion h4 a {
        font-size: 11px;
        text-transform: uppercase;
        color: #eb5520;
        text-decoration: underline;
        /*float:right;*/
    }

        .comments-secion h4 a:hover {
            text-decoration: none;
        }

.comments-secion ul {
    margin: 15px 0 0;
    padding: 0;
}

    .comments-secion ul li {
        list-style: none;
        padding: 5px 0;
        border-bottom: 1px solid #e9e9e9;
        margin: 0;
        font-size: 13px;
        line-height: 18px;
        color: #717171;
    }

        .comments-secion ul li img {
            width: 32px;
            float: left;
            max-width: 100%;
            margin: 4px 0 0;
        }

.comment-img {
    padding: 0;
    width: 32px;
}

.comment-info {
    padding-left: 10px;
    padding-right: 10px;
}

.comments-secion ul li b {
    color: #333;
}

.comments-secion ul li small {
    display: block;
    color: #a9a9a9;
    font-size: 11px;
}

.comments-secion ul li:last-child {
    border: none;
}

.comment-form {
    margin: 15px 0 5px;
}

    .comment-form input {
        background: #ededed;
        border: 1px solid #e3e3e3;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        padding: 7px 10px 7px 15px;
        font-size: 14px;
        color: #444;
    }

        .comment-form input[type="submit"] {
            background: #383435;
            color: #fff;
            text-transform: uppercase;
            font-size: 14px;
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
            border: 1px solid #383435;
        }

    .comment-form .input-Comment {
        background: #383435;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        border: 1px solid #383435;
        padding: 7px 10px 7px 15px;
        text-decoration: none;
    }

.profile-nav {
    padding: 18px;
}

.ba-heading, .ba-panel {
    background: none !important;
    border: none !important;
    padding-left: 0;
    border-color: none !important;
}

.ba-heading {
    padding: 8px 0;
}

    .ba-heading a {
        color: #ccc;
        text-transform: uppercase;
        outline: none;
        text-decoration: none;
        padding: 3px 5px 5px 35px;
        font-size: 14px;
        line-height: 24px;
    }

        .ba-heading a:hover {
            color: #15ade0;
            text-decoration: none;
        }

        .ba-heading a.profile {
            background: url(/images/profile-nav-icons.png) no-repeat 0 0;
        }

        .ba-heading a.newsfeed {
            background: url(/images/profile-nav-icons.png) no-repeat 0 -48px;
        }

        .ba-heading a.task {
            background: url(/images/profile-nav-icons.png) no-repeat 0 -93px;
        }

        .ba-heading a.orders {
            background: url(/images/profile-nav-icons.png) no-repeat 0 -142px;
        }

        .ba-heading a.documents {
            background: url(/images/profile-nav-icons.png) no-repeat 0 -185px;
        }

        .ba-heading a.rules {
            background: url(/images/profile-nav-icons.png) no-repeat 0 -236px;
        }

        .ba-heading a.admin {
            background: url(/images/profile-nav-icons.png) no-repeat 0 -283px;
        }


.ba-body {
    border: none !important;
    padding: 0 0 0 15px;
    margin: 0 0 20px;
}

    .ba-body ul {
        padding: 0;
        margin: 0 0 0 15px;
    }

        .ba-body ul li {
            list-style: none;
        }

            .ba-body ul li a {
                color: #949494;
                text-decoration: none;
                font-size: 11px;
                text-transform: uppercase;
            }

                .ba-body ul li a em {
                    font-size: 20px;
                    font-style: normal;
                }

                .ba-body ul li a:hover {
                    color: #15ade0;
                }

/* Quick Trade */
.inner-info-section {
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    color: #373334;
}

.qt-form1 .form-group:last-child {
    margin-bottom: 0;
}

.qt-form1 label, .qt-form2 label {
    font-weight: normal;
    font-size: 15px;
}

.qt-form1 select, .qt-form2 select, .qt-form2 input, /*.qt-form1 input,*/ .ba-upload-modal select {
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
}

.qt-form1 .search-form input {
    background: url(/images/search-icon.png) no-repeat #f2f2f2 8px 8px;
    padding-left: 50px;
}

select[multiple] {
    width: 100%;
}

.upload-btn {
    background: url(/images/upload-icon.png) no-repeat;
    width: 28px;
    height: 28px;
    text-indent: -10000px;
    display: inline-block;
}

.qt-table {
    font-size: 14px;
    margin-bottom: 0;
}

    .qt-table th {
        text-transform: uppercase;
    }

    .qt-table tr td {
        vertical-align: middle;
    }

        .qt-table tr td:first-child img {
            width: 25px;
        }

    .qt-table td a {
        color: #eb5520;
    }

.limit-input {
    padding-left: 0;
    /*margin-top:5px;*/
    line-height: 30px;
}

.market-limit {
    line-height: 30px;
}

    .market-limit input:last-child {
        margin-left: 10px;
    }

    .market-limit label {
        margin-left: 5px;
    }

.limit-input input {
    max-width: 88%;
    float: right;
    padding-left: 0 !important;
    margin: 0;
}

.show-max {
    /*margin-top:8px;*/
    padding-left: 0;
}

.max-amount {
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}

.uploaded-list ul {
    padding: 0;
    margin: 0;
}

    .uploaded-list ul li {
        list-style: none;
        background: #f2f2f2;
        border: 1px solid #e2e2e2;
        padding: 7px 15px;
        margin: 0 0 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .uploaded-list ul li img {
            width: 26px;
            margin: 0 5px 0 0;
        }

.ba-upload-modal label {
    font-weight: normal;
}

.ba-upload-modal select[multiple] {
    height: 100px;
}

.inner-title {
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px;
    /*background:#15ade0;*/
    padding: 0 15px 15px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position: relative;
}

    .inner-title h3 {
        color: #555;
        margin: 0;
        margin-left: 15px;
        position: relative;
        top: 3px;
    }
/* Quick Trade end */

/* Profile page */
.profile-edit-btn {
    margin: -5px 0 0;
    padding: 0;
    text-align: right;
}

.ba-ddown {
    text-align: left;
}

    .ba-ddown a {
        font-size: 13px;
        padding: 10px 8px;
    }

.time-period {
    color: #888;
}

.background-info {
    margin-bottom: 20px;
}

    .background-info.an {
        background: #f6f6f6;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .background-info h5 {
        margin: 0;
        font-size: 17px;
    }

    .background-info a {
        color: #000;
    }

        .background-info a:hover {
            color: #2a6496;
            text-decoration: none;
        }

.profile-section h2 {
    margin: 0 0 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.profile-section hr {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.profile-info-title {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    color: #888;
}

.user-position {
    color: #888;
    font-size: 15px;
    margin-bottom: 15px;
    position: relative;
    top: -7px;
}

h3.background-icon {
    background: url(/images/background-icon.png) no-repeat 0 4px;
    padding: 0 0 0 36px;
}

h3.education-icon {
    background: url(/images/education-icon.png) no-repeat 0 1px;
    padding: 0 0 0 32px;
}

h3.skills-icon {
    background: url(/images/skills.png) no-repeat 0 1px;
    padding: 0 0 0 32px;
}

h3.summery-icon {
    background: url(/images/summery-icon.png) no-repeat 0 0;
    padding: 0 0 0 30px;
}

h3.profile-icon {
    background: url(/images/profile-icon.png) no-repeat 0 0;
    padding: 0 0 0 30px;
}

h3.news-icon {
    background: url(/images/news-icon.png) no-repeat 0 4px;
    padding: 3px 0 0 30px;
    background-position-y: 4px;
}

h3.profile-icon {
    background: url(/images/profile-icon.png) no-repeat 0 0px;
    padding: 3px 0 0 30px;
}

h3.task-icon {
    background: url(/images/task-icon2.png) no-repeat 0 -2px;
    padding: 0 0 0 30px;
    margin-top: 7px;
    margin-left: 15px;
}

h3.orders-icon {
    background: url(/images/orders-icon.png) no-repeat 0 0px;
    padding: 0 0 0 30px;
}

h3.admin-icon {
    background: url(/images/admin-icon.png) no-repeat 0 0px;
    padding: 0 0 0 30px;
}

h3.doc-icon {
    background: url(/images/documents-icon.png) no-repeat 0 0px;
    padding: 0 0 0 30px;
}

.quick-icons {
    float: right;
}

    .quick-icons ul {
        padding: 0;
        margin: 0;
    }

        .quick-icons ul li {
            list-style: none;
            padding: 0;
            margin: 0 2px;
            display: inline-block;
        }

            .quick-icons ul li img {
                width: 20px;
            }


.email-icon {
    background: url(/images/mail-icon.png) no-repeat 0 4px;
    padding-left: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
}

    .email-icon a {
        color: #333;
    }

.phone-icon {
    background: url(/images/phone-icon.png) no-repeat 0 2px;
    padding-left: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.background-info img {
    float: right;
}

.blue-text {
    color: #0d83ab;
}

.orange-text {
    color: #eb5520;
}

.edu-list ul {
    padding: 0;
    margin: 0;
}

    .edu-list ul li {
        list-style: none;
    }

.edu-year input {
    margin: 5px 0 0;
}

.edit-ba-form {
    margin-bottom: 15px;
}

    .edit-ba-form label {
        font-weight: normal;
    }

.edit-section {
    position: relative;
}

.edit-controller {
    background: url(/images/edit-btn.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 4px;
    display: inline-block;
}

.add-controller, .add-controller:hover {
    position: absolute;
    right: 20px;
    top: 6px;
    display: inline-block;
    font-size: 17px;
    text-decoration: none;
    color: #eb5520;
}

.form-controlers {
    margin: 10px 0;
}

.edit-checkbox input {
    margin: 6px 7px 0 0 !important;
}


/* Profile page end */

/* Expertise page */
.expertise-list {
    margin: 20px 0;
}

    .expertise-list ul {
        padding: 0;
        margin: 0;
    }

        .expertise-list ul li {
            list-style: none;
            display: inline-block;
            margin: 0 10px 20px;
        }

            .expertise-list ul li img {
                filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
                filter: gray; /* IE6-9 */
                -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
                opacity: .8;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                transition: all .3s ease;
            }

                .expertise-list ul li img:hover {
                    filter: none;
                    -webkit-filter: grayscale(0%);
                    opacity: 1;
                }

/* Expertise page end*/

/* Contact Us page */
.contact-info h3 {
    font-size: 21px;
    color: #fff;
    margin: 0 0 20px;
    font-weight: bold;
    font-family: 'SegoeUIRegular';
}

.inner-full-wrapper {
    padding: 10px 30px;
    min-height: 320px;
}

ul.mail-phone {
    padding: 0;
    margin: 0 0 20px;
}

    ul.mail-phone li {
        list-style: none;
        display: block;
        padding: 0 0 0 30px;
        color: #ec653c;
        margin: 0 0 10px;
    }

        ul.mail-phone li.mail {
            background: url(/images/mail-icon.png) no-repeat 0 5px;
        }

            ul.mail-phone li.mail a {
                color: #ec653c;
                text-decoration: none;
            }

                ul.mail-phone li.mail a:hover {
                    text-decoration: underline;
                }

        ul.mail-phone li.phone {
            background: url(/images/phone-icon.png) no-repeat 0 5px;
        }

.contact-form input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 12px 12px;
    box-shadow: none;
    height: auto;
    font-size: 14px;
}

.contact-form h3 {
    font-family: 'SegoeUIRegular';
    color: #eb5520;
    margin: 0 0 30px;
}

h3.form-title {
    font-weight: bold;
}

.contact-form .resume-label {
    width: 70px;
    text-indent: 4px;
}

.ba-success {
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.mail-phone li.mail.mail-top {
    margin-left: 30%;
    text-align: left;
}
/* Cotnact us page end */


/* BA recruit page */
.howtoget {
    background: #2a2829;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    text-align: center;
    color: #fff;
}

    .howtoget h3 {
        margin: 0 0 10px;
        font-weight: normal;
    }

ul.ba-contact {
    padding: 0;
    margin: 20px 0 0;
}

    ul.ba-contact li {
        list-style: none;
        display: inline-block;
        margin: 0 15px;
        color: #ec653c;
    }

        ul.ba-contact li a {
            color: #ec653c;
        }

.ba-quote {
    background: url(/images/ba-recruit-quote-bg.jpg) no-repeat right bottom #d6d6d6;
    min-height: 186px;
}

.quote-text {
    font-size: 21px;
    position: relative;
    padding-left: 65px;
    line-height: 32px;
    color: #013565;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
}

    .quote-text:before {
        content: open-quote;
        position: absolute;
        top: 40px;
        left: 10px;
        font-size: 150px;
        font-family: Arial, Helvetica, sans-serif;
        color: #b2b2b2;
    }

    .quote-text:after {
        content: close-quote;
        position: absolute;
        bottom: -40px;
        right: 42px;
        font-size: 120px;
        font-family: Arial, Helvetica, sans-serif;
        color: #b2b2b2;
    }
/* BA recruit page end */

/* About Page */
.abt-quote {
    text-align: center;
    font-size: 24px;
    display: block;
    line-height: 32px;
    padding: 0 50px;
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #013565;
}

    .abt-quote:before {
        content: open-quote;
        position: absolute;
        top: 30px;
        left: 0;
        font-size: 120px;
        font-family: Arial, Helvetica, sans-serif;
        color: #013565;
    }

    .abt-quote:after {
        content: close-quote;
        position: absolute;
        bottom: -50px;
        right: 30px;
        font-size: 120px;
        font-family: Arial, Helvetica, sans-serif;
        color: #013565;
    }

.abt-quote-section em {
    margin: 10px 0 0;
    display: inline-block;
}

/* About page end */

/* Documents page */
.ba-tbl {
    box-shadow: 0 0 5px #ccc;
}

    .ba-tbl tr:nth-child(2n+2) {
        background: #f5f5f5;
    }

.doc-tbl {
    text-align: center;
    font-size: 14px;
}

    .doc-tbl th {
        background: #15ade0;
        color: #fff;
        border: none;
        font-weight: normal;
        border-radius: 5px 5px 0 0;
        border-right: 1px solid #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 16px;
        padding: 12px 8px;
    }

    .doc-tbl td {
        border: none;
        border-right: 1px solid #eee;
        padding: 8px;
        line-height: 16px;
    }

        .doc-tbl td:last-child {
            border: none;
        }

td.true {
    background: url(/images/right-mark.png) no-repeat center;
}

td.false {
    background: url(/images/wrong-mark.png) no-repeat center;
}

td.checked {
    background: url(/images/empty-box-right-mark.png) no-repeat center;
}

td.notchecked {
    background: url(/images/empty-box.png) no-repeat center;
}

.rank-form {
    background: #f3f3f3;
    padding: 20px 15px;
    border: 1px solid #e9e9e9;
}

    .rank-form label {
        font-weight: normal;
    }

.rank-md {
    padding: 0 10px 0 0;
}

    .rank-md label, .rank-md div {
        padding-left: 0;
    }

.order-table-container table img {
    max-width: 22px;
}

.order-table-container table input {
    max-width: 22px;
}

.order-table-container table.doc-tbl input {
    max-width: inherit;
}

.order-link, .order-link:hover {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

/* Documents page end */

/* Orders page */
.admintable {
    box-shadow: none;
    width: 100%;
    margin-bottom: 15px;
}

    .admintable th, .admintable td {
        border: 1px solid #ddd;
        margin-left: -1px;
        padding: 4px;
        text-align: center;
        box-shadow: none;
        font-size: 12px;
    }

    .admintable th {
        background: #15ade0;
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        padding: 10px 0;
    }
/* Orders page end */

/* Rank page */
.top-list ul {
    padding: 0;
    margin: 0;
}

    .top-list ul li {
        background: #4e4e4e;
        background: -moz-linear-gradient(top, #626262 0%, #4e4e4e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#4e4e4e));
        background: -webkit-linear-gradient(top, #626262 0%,#4e4e4e 100%);
        background: -o-linear-gradient(top, #626262 0%,#4e4e4e 100%);
        background: -ms-linear-gradient(top, #626262 0%,#4e4e4e 100%);
        background: linear-gradient(to bottom, #626262 0%,#4e4e4e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#4e4e4e',GradientType=0 );
        padding: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 5px;
        list-style: none;
        color: #fff;
        display: inline-block;
        width: 100%;
        line-height: 20px;
    }

        .top-list ul li.first {
            background: #1e973f;
            background: -moz-linear-gradient(top, #25ba4e 0%, #1e973f 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25ba4e), color-stop(100%,#1e973f));
            background: -webkit-linear-gradient(top, #25ba4e 0%,#1e973f 100%);
            background: -o-linear-gradient(top, #25ba4e 0%,#1e973f 100%);
            background: -ms-linear-gradient(top, #25ba4e 0%,#1e973f 100%);
            background: linear-gradient(to bottom, #25ba4e 0%,#1e973f 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25ba4e', endColorstr='#1e973f',GradientType=0 );
        }

        .top-list ul li.second {
            background: #fb5401;
            background: -moz-linear-gradient(top, #fc8f02 0%, #fb5401 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc8f02), color-stop(100%,#fb5401));
            background: -webkit-linear-gradient(top, #fc8f02 0%,#fb5401 100%);
            background: -o-linear-gradient(top, #fc8f02 0%,#fb5401 100%);
            background: -ms-linear-gradient(top, #fc8f02 0%,#fb5401 100%);
            background: linear-gradient(to bottom, #fc8f02 0%,#fb5401 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8f02', endColorstr='#fb5401',GradientType=0 );
        }

        .top-list ul li.third {
            background: #3679b9;
            background: -moz-linear-gradient(top, #3f89cf 0%, #3679b9 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f89cf), color-stop(100%,#3679b9));
            background: -webkit-linear-gradient(top, #3f89cf 0%,#3679b9 100%);
            background: -o-linear-gradient(top, #3f89cf 0%,#3679b9 100%);
            background: -ms-linear-gradient(top, #3f89cf 0%,#3679b9 100%);
            background: linear-gradient(to bottom, #3f89cf 0%,#3679b9 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f89cf', endColorstr='#3679b9',GradientType=0 );
        }

.your-list ul li {
    background: #777777;
    background: -moz-linear-gradient(top, #888888 0%, #777777 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#777777));
    background: -webkit-linear-gradient(top, #888888 0%,#777777 100%);
    background: -o-linear-gradient(top, #888888 0%,#777777 100%);
    background: -ms-linear-gradient(top, #888888 0%,#777777 100%);
    background: linear-gradient(to bottom, #888888 0%,#777777 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#777777',GradientType=0 );
}

    .your-list ul li.your-rank {
        background: #d62e65;
        background: -moz-linear-gradient(top, #f1416f 0%, #d62e65 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1416f), color-stop(100%,#d62e65));
        background: -webkit-linear-gradient(top, #f1416f 0%,#d62e65 100%);
        background: -o-linear-gradient(top, #f1416f 0%,#d62e65 100%);
        background: -ms-linear-gradient(top, #f1416f 0%,#d62e65 100%);
        background: linear-gradient(to bottom, #f1416f 0%,#d62e65 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1416f', endColorstr='#d62e65',GradientType=0 );
    }



.top-list ul li .rank-no {
    background: url(/images/rank-no-bg.png) no-repeat center top;
    text-align: center;
    line-height: 45px;
    width: 50px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 1px;
}

.top-list ul li.first .rank-no {
    background: url(/images/rank-no-1.png) no-repeat center top;
}

.top-list ul li.second .rank-no {
    background: url(/images/rank-no-2.png) no-repeat center top;
    line-height: 34px;
    padding-bottom: 16px;
    margin-top: -5px;
    background-size: 90%;
}

.top-list ul li.third .rank-no {
    background: url(/images/rank-no-3.png) no-repeat center top;
    line-height: 34px;
    padding-bottom: 16px;
    margin-top: -5px;
    background-size: 90%;
}

.rank-per {
    font-size: 22px;
    font-weight: bold;
    line-height: 45px;
    margin-right: 10px;
}

.ba-cancel {
    font-size: 11px;
    padding: 5px 8px;
    border-radius: 2px;
    background: #f5f5f5;
}


/* Rank page end */

/* Login page */
.login-form {
    background: #fff;
    width: 420px;
    margin: 50px auto 15px;
    padding: 30px 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    max-width: 100%;
}

    .login-form .form-group {
        background: #f0f0f0;
        padding: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
    }

        .login-form .form-group input {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: none;
            line-height: 28px;
            font-size: 18px;
            height: auto;
            padding: 10px 15px;
        }

        .login-form .form-group button {
            background: #64acda;
            background: -moz-linear-gradient(top, #64acda 0%, #3b8cc5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64acda), color-stop(100%,#3b8cc5));
            background: -webkit-linear-gradient(top, #64acda 0%,#3b8cc5 100%);
            background: -o-linear-gradient(top, #64acda 0%,#3b8cc5 100%);
            background: -ms-linear-gradient(top, #64acda 0%,#3b8cc5 100%);
            background: linear-gradient(to bottom, #64acda 0%,#3b8cc5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64acda', endColorstr='#3b8cc5',GradientType=0 );
            font-size: 20px;
            height: 48px;
            border: none;
            font-family: 'AlrightSansMedium';
        }

.forgot-pswd a {
    color: #898989;
    text-decoration: underline;
}

    .forgot-pswd a:hover {
        text-decoration: none;
    }

.login-form input[type="checkbox"] {
    padding: 0;
    margin: 6px 5px 0 0;
}

.login-form .checkbox {
    margin: 0;
    padding: 0;
    text-align: left;
}

.login-form .form-group.label-danger {
    background: inherit;
}
/* Login page end */


/* Coordinator fund */

.fund-form {
    background: #15ade0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 30px 60px 40px;
}

    .fund-form h2 {
        margin: 0 0 20px;
    }

    .fund-form h4 {
        margin: 0 0 30px;
        color: #fff;
        font-weight: normal;
    }

        .fund-form h4 strong {
            font-family: 'AlrightSansBold';
            font-weight: normal;
        }

    .fund-form form {
        position: relative;
    }

    .fund-form input {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        line-height: 28px;
        font-size: 18px;
        height: auto;
        padding: 10px 15px;
    }

    .fund-form button, .fund-form button:hover, .fund-form button:active, .fund-form button:active, .fund-form button:focus {
        background: #eb5520;
        height: 46px;
        border: none;
        font-family: 'AlrightSansBold';
        color: #fff;
        padding: 0 30px;
        position: absolute;
        right: -14px;
        top: 1px;
        border-radius: 0 3px 3px 0;
        outline: none;
        font-size: 16px;
    }

        .fund-form button:before {
            content: "";
            position: absolute;
            right: 100%;
            top: 0px;
            width: 0;
            height: 0;
            border-top: 23px solid transparent;
            border-right: 15px solid #eb5520;
            border-bottom: 23px solid transparent;
        }

    .fund-form label {
        font-weight: normal;
    }

    .fund-form .form-group {
        margin-bottom: 10px;
    }

.fund-title {
    font-family: 'AlrightSansMedium';
    color: #fff;
}

.co-ordinators {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 4px 0px #bbb;
    -moz-box-shadow: 1px 1px 4px 0px #bbb;
    box-shadow: 1px 1px 4px 0px #bbb;
    width: 48.5%;
    margin-bottom: 15px;
    min-height: 350px;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .co-ordinators img {
        width: 110px;
        border-radius: 50%;
        margin: 0 auto 20px;
        box-shadow: 0px 0px 0px 3px #e8e8e8;
    }

    .co-ordinators h4 {
        font-family: 'AlrightSansMedium';
        text-transform: uppercase;
    }

/* Coordinator fund end */

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    padding-left: 0;
    padding-top: 5px;
}

    #progressbar li {
        list-style-type: none;
        color: #000;
        text-transform: uppercase;
        font-size: 9px;
        width: 14%;
        float: left;
        position: relative;
        text-align: center;
        z-index: 4;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 50px;
            height: 50px;
            display: block;
            font-size: 15px;
            background: #ededed;
            border-radius: 50%;
            margin: 0 auto 5px auto;
            color: #333;
            text-align: center;
            line-height: 41px;
            font-weight: bold;
            border: 3px solid #fff;
            box-shadow: 0 0 3px #ccc;
        }

        #progressbar li:after {
            content: '';
            width: 100%;
            height: 1px;
            /* background: #ededed; */
            position: absolute;
            left: -22%;
            top: 25px;
            z-index: -1;
            float: left;
            border: 2px solid #fff;
            box-shadow: 0 0 3px #ccc;
        }

        #progressbar li:first-child:after {
            content: none;
        }

        #progressbar li.active:before, #progressbar li.active:after {
            background: #eb5520;
            color: white;
        }

/* Stock */
.market-tbl {
    text-align: right;
    font-size: 12px;
    word-break: break-word;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
}

    .market-tbl td {
        font-weight: bold;
        color: #000;
    }

    .market-tbl td, .market-tbl th {
        border-bottom: 1px solid #e4e4e4;
        padding: 4px 10px;
    }

    .market-tbl th {
        font-weight: normal;
        width: 120px;
        color: #000;
    }

.stock-header {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 10px 0;
    margin: 0 0 20px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
}

.stock-title h4 {
    margin: 0;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.stock_value {
    font-weight: bold;
    font-size: 30px;
}

.stock_percentage {
    font-size: 20px;
    margin-left: 5px;
    font-weight: bold;
}

    .stock_percentage.positive {
        background: url(/images/up-arrow20.png) no-repeat 0 0px;
        padding-left: 22px;
        color: #080;
    }

    .stock_percentage.negative {
        background: url(/images/down-arrow20.png) no-repeat 0 0px;
        padding-left: 22px;
        color: #c00;
    }

.stock_value2 {
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
}

.change_rate {
    font-weight: bold;
    margin-left: 5px;
}

    .change_rate.positive {
        background: url(/images/up-arrow.png) no-repeat 0 0px;
        padding-left: 15px;
        color: #080;
    }

    .change_rate.negative {
        background: url(/images/down-arrow.png) no-repeat 0 3px;
        padding-left: 15px;
        color: #c00;
    }

.portfolio-btn {
    font-weight: bold;
    color: #1a5488;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

    .portfolio-btn img {
        margin: 0 5px 0 0;
    }

td.green {
    background-color: #10F76D;
}

td.red {
    background-color: #EE6A59;
}
/* Stock end */

.success-msg {
    font-size: 13px;
    line-height: 30px;
    font-weight: normal;
    padding: 0 10px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 10px;
}

.select-form label {
    text-align: right;
    padding: 0 !important;
    line-height: 34px;
}

.select-form option:hover {
    background: #000;
}

hr.dark-seperator {
    border-top: 2px solid #000;
}

.cross-mark a {
    background: #fcfcfc;
    border: 1px solid #ccc;
    color: #333;
    padding: 0px 4px;
    display: inline-block;
    text-decoration: none;
    line-height: 14px;
    font-size: 10px;
    font-weight: bold;
    color: #b3171e;
}

.doc-tbl td.role-section {
    line-height: 22px;
}

.sml-btn {
    padding: 4px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Inner page end */


@media only screen and (max-width: 991px) {
    .row.members.border .member ul {
        text-align: center;
    }

    .my-nav li > a {
        padding: 7px 10px;
        font-size: 12px;
    }

        .my-nav li > a.demo, .my-nav li > a.demo:hover {
            padding: 7px 30px 7px 30px;
        }

    a.navbar-brand {
        /*background: url('/images/logo.png') no-repeat;*/
        width: 183px;
        height: 38px;
        text-indent: -10000px;
        margin: 0;
        background-size: 180px 31px;
        position: relative;
        left: 10px;
    }

    .brief-view {
        margin-bottom: 20px;
        text-align: center;
        padding-top: 20px;
    }

        .brief-view h3 {
            width: 320px;
            margin: -50px auto 20px;
            max-width: 100%;
        }

    .thumbnail .ba-caption {
        min-height: inherit;
    }

    .brands-list {
        width: 92%;
        text-align: center;
        margin: 0 4%;
    }

        .brands-list ul li {
            margin: 0 15px 0 0;
        }

    .lo-prev {
        left: 0;
    }

    .lo-next {
        right: 0;
    }

    .banner-caption {
        max-width: 60%;
        top: 12%;
    }

        .banner-caption h2 {
            font: normal 28px/34px 'AlrightSansBold';
            margin: 0;
        }

        .banner-caption p {
            font: normal 15px/20px 'AlrightSansLight';
        }

    .my-nav {
        padding-left: 10px;
    }

    /* Inner page */
    .profile-left {
        width: inherit;
        padding: 0 30px;
        margin-bottom: 20px;
    }

    .profile-right {
        width: inherit;
    }

    .task-right-section, .task-img-section {
        width: inherit;
        padding: 0 15px;
    }

    .user-profile {
        margin: 45px 0 20px;
    }

    .task-img-section, .task-info {
        text-align: center;
        margin: 5px 0;
    }

    .comment-form input {
        width: 70%;
    }

        .comment-form input[type="submit"] {
            width: 20%;
        }

        .comment-form input[type="button"] {
            width: 20%;
        }

    .rank-md {
        padding-right: 15px;
        padding-left: 15px;
    }

        .rank-md button {
            margin-top: 10px;
        }

    .rank-md {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .rank-btn {
        text-align: center;
    }

    .ba-quote {
        background: #f3f3f3;
        padding: 10px;
    }

    .quote-text:after {
        bottom: -70px;
        right: 32px;
    }

    .co-ordinators {
        width: inherit;
        min-height: inherit;
    }

    .co-ord-last {
        margin: 0;
    }

    .my-nav li > a.loged-user, .my-nav li > a.loged-user:hover, .my-nav .open > a, .my-nav .open > a:hover, .my-nav .open > a:focus {
        margin: 0 0 0 30px;
    }

    ul.ba-submenu li a:hover {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .contact-info {
        margin: 0;
        text-align: center;
    }
    /* Inner page end */

}

@media only screen and (max-width: 845px) {
    img {
        max-width: 100%;
    }

    .my-nav {
        padding: 0;
        background: #fcfcfc;
    }

    .banner-container {
        padding: 50px 0 1px;
    }

    a.navbar-brand {
        margin-left: 6px;
        margin-top: 6px;
    }

    .co-mobile-nav {
        background: #333132;
        outline: none;
    }

    .ba-bar {
        background: #fff;
    }

    .ba-collapse {
        margin: 0 !important;
    }

    .my-nav li > a {
        text-align: center;
    }

        .my-nav li > a.demo, .my-nav li > a.demo:hover {
            margin: 2px 0 0;
        }

    .banner-caption {
        display: none;
    }

    .ba-strives h3 {
        line-height: 20px;
        font-size: 16px;
    }

    .full-wrapper {
        padding: 20px 0;
    }

    .innerpage-wrapper {
        padding-top: 75px;
    }

    /* Inner page */
    .user-profile {
        margin-top: 100px;
    }

    .comment-form {
        text-align: center;
    }

        .comment-form input {
            width: 100%;
        }

            .comment-form input[type="submit"] {
                width: auto;
                border-radius: 4px;
                margin-top: 10px;
            }

    .limit-input input {
        max-width: 93%;
    }

    .inner-full-wrapper {
        padding: 10px 15px;
    }

    .abt-quote:before {
        top: 15px;
        left: -10px;
        font-size: 80px;
    }

    .abt-quote {
        font-size: 18px;
        line-height: 24px;
        padding: 0 10px;
    }

        .abt-quote:after {
            bottom: -25px;
            font-size: 80px;
        }

    .footer-section ul {
        margin: 0;
    }

        .footer-section ul li {
            padding: 0 4px;
        }

            .footer-section ul li a {
                font-size: 11px;
            }

    .show-max {
        margin: 8px auto 0;
        padding: 0;
        width: 85px;
    }

    .rank-btn {
        text-align: left;
    }

    .order-table-container {
        max-width: 100%;
        overflow-x: scroll;
    }

    .doc-tbl {
        width: 100%;
    }

    .fund-form {
        padding: 20px 30px;
    }

        .fund-form button {
            position: inherit;
        }

            .fund-form button:before {
                display: none;
            }

            .fund-form button, .fund-form button:hover, .fund-form button:active, .fund-form button:active, .fund-form button:focus {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                margin: 12px auto 0;
                position: inherit;
            }

    .success-msg {
        position: inherit;
        right: inherit;
        margin: 10px auto 0;
    }

    #progressbar li:after {
        /*display:none;*/
        left: -5%;
        top: 18px;
    }

    ul.mail-phone li.mail.mail-top {
        margin-left: 20%;
        text-align: left;
    }

    .login-form {
        margin: 20px auto 15px;
    }

    #progressbar li {
        word-break: break-all;
        line-height: 12px;
        text-transform: capitalize;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 35px;
            height: 35px;
            display: block;
            line-height: 27px;
        }
    /* Inner page end */

}


.coordinator-admin-button {
    max-width: 85px !important;
}


/*New Stuff*/

.ba-heading a.connections {
    background: url('/images/connections.png') no-repeat;
}

.ba-heading a.groups {
    background: url('/images/groups.png') no-repeat;
}

.ba-heading a.additional-1 {
    background: url('/images/add1.png') no-repeat;
}

.ba-heading a.additional-2 {
    background: url('/images/add2.png') no-repeat;
}


/* Dropdowns*/

.dropdown-menu li {
    position: relative;
}

.dropdown.inbox {
    display: inline-block;
    margin-right: 13px;
    text-align: left;
}

    .dropdown.inbox .dropdown-menu {
        width: 420px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .dropdown.inbox .dropdown-footer {
        padding: 6px 20px;
        border-radius: 0 0 2px 2px;
        background: #f0f0f0;
        text-align: center;
        border-top: 1px solid #e4e4e4;
    }

    .dropdown.inbox .dropdown-header {
        background: #383435;
        padding: 8px 10px;
        border-radius: 2px 2px 0 0;
    }

    .dropdown.inbox li a {
        padding: 4px 10px;
    }

    .dropdown.inbox .dropdown-header p,
    .dropdown.inbox .dropdown-header a {
        display: inline-block;
        color: #fff;
        margin: 0;
    }

        .dropdown.inbox .dropdown-header p span {
            opacity: .8;
        }

    .dropdown.inbox .dropdown-header a {
        float: right;
    }


    .dropdown.inbox li a img {
        height: 50px;
        width: 50px;
        border-radius: 3px;
    }

    .dropdown.inbox a {
        overflow: hidden;
    }

    .dropdown.inbox ul li:nth-child(1) {
        margin-top: 3px;
    }

    .dropdown.inbox .right {
        display: inline-block;
        vertical-align: top;
    }

        .dropdown.inbox .right .name {
            margin-bottom: 0;
        }

        .dropdown.inbox .right .message {
            color: #8c8c8d;
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden !important;
            text-overflow: ellipsis;
            max-width: 340px;
        }

        .dropdown.inbox .right .date {
            font-size: 10px;
            color: #a0a0a0;
            margin: 0;
        }

        .dropdown.inbox .right .message,
        .dropdown.inbox .right .date {
            position: relative;
            top: -2px;
        }

    .dropdown.inbox .dropdown-menu > li > a {
        border-top: 1px solid #f5f5f5;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .dropdown.inbox.messages .dropdown-menu > li > a:hover .name {
        color: #428bca;
    }

    .dropdown.inbox.connections {
        margin-right: 0;
    }

        .dropdown.inbox.connections li {
            position: relative;
        }

        .dropdown.inbox.connections .cta {
            position: absolute;
            top: 19px;
            right: 18px;
        }

            .dropdown.inbox.connections .cta a.accept,
            .dropdown.inbox.messages a.reply {
                color: #fff;
                background: #eb5520;
                padding: 8px 27px;
                border-radius: 3px;
                text-decoration: none;
                -webkit-transition: background .2s;
                transition: background .2s;
            }

                .dropdown.inbox.connections .cta a.accept:hover,
                .dropdown.inbox.messages a.reply:hover {
                    background: #15ade0;
                }

            .dropdown.inbox.connections .cta a img,
            .dropdown.inbox.messages .cta a img {
                width: 12px;
                height: 12px;
                margin-left: 5px;
                opacity: .6;
            }

            .dropdown.inbox.connections .cta a.delete:hover img {
                opacity: .8;
            }

.connections .dropdown-menu > li > a:focus, .connections .dropdown-menu > li > a:hover {
    background-color: #fff;
}

.dropdown.inbox .icon {
    width: 30px;
    height: 25px;
}

.dropdown.inbox button {
    padding: 0;
    background-color: transparent;
    !important;
    outline: none !important;
    border: none;
    box-shadow: none !important;
}

.dropdown.inbox.connections .icon.connections-icon {
    background: url('/images/connections1.png') 5px 2px no-repeat;
}

.dropdown.inbox.connections:hover .icon.connections-icon {
    background: url('/images/connections1.png') -23px 2px no-repeat;
}

.dropdown.inbox.connections.open .icon.connections-icon {
    background: url('/images/connections1.png') -23px 2px no-repeat;
}

.dropdown.inbox.notification .icon.notification-icon {
    background: url('/images/notification.png') 5px 2px no-repeat;
}

.dropdown.inbox.notification:hover .icon.notification-icon {
    background: url('/images/notification.png') -23px 2px no-repeat;
}

.dropdown.inbox.notification.open .icon.notification-icon {
    background: url('/images/notification.png') -23px 2px no-repeat;
}

.dropdown.inbox.messages .icon.messages-icon {
    background: url('/images/messages.png') 5px 2px no-repeat;
}

.dropdown.inbox.messages:hover .icon.messages-icon {
    background: url('/images/messages.png') -23px 2px no-repeat;
}

.dropdown.inbox.messages.open .icon.messages-icon {
    background: url('/images/messages.png') -23px 2px no-repeat;
}

.dropdown.inbox.messages .cta {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 555;
    display: none;
    padding: 19px 4px 20px 21px;
    background: #f5f5f5;
    webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.dropdown.inbox.messages ul li:hover .cta {
    display: block;
    webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.dropdown.inbox.messages .cta:hover + a {
    background-color: #f5f5f5;
}

/*End*/

/*Autocomple search*/

.ui-helper-hidden-accessible {
    display: none;
}



.output {
    position: absolute;
    z-index: 99999;
    width: 488px;
    display: block;
    /*max-height: 260px;*/
    overflow: overlay;
}

.output2 {
    max-height: 300px;
}

.output {
    list-style-type: none;
    padding: 0;
}

    .output img {
        height: 50px;
        width: 50px;
        display: inline-block;
        vertical-align: top;
        border-radius: 3px;
        margin-right: 5px;
    }

    .output .right {
        display: inline-block;
    }

    /*.output ul {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}*/

    .output li {
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

        .output li:first-child {
            border-radius: 4px 4px 0 0;
        }

        .output li:last-child {
            border-radius: 0 0 4px 4px;
        }

    .output a {
        display: block;
        padding: 4px 10px;
    }

        .output a:hover {
            background: #f5f5f5;
        }

        .output a .name {
            font-size: 14px;
            color: #262626;
            margin-bottom: 0;
            margin-top: 4px;
            font-weight: 600;
        }

        .output a .position {
            font-size: 11px;
            color: #8c8c8d;
            margin-bottom: 0;
            position: relative;
            top: -5px;
        }

.col-sm-3.inbox {
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
}

.count {
    position: absolute;
    top: -2px;
    right: -7px;
    background: #eb5520;
    color: #fff;
    border-radius: 50%;
    min-width: 20px;
    font-size: 10px;
    font-weight: 600;
    border: 2px solid #ededed;
    padding: 1px;
}

@media (max-width: 845px) {
    .dropdown.inbox.messages .dropdown-menu {
        position: absolute;
        left: -150px;
    }

    .dropdown.inbox.notification .dropdown-menu {
        position: absolute;
        left: -194px;
    }

    .dropdown.inbox.connections .dropdown-menu {
        position: absolute;
        left: -241px;
    }

    .col-sm-3.inbox {
        width: 170px;
        margin: 0 auto;
        margin-top: 15px;
    }
}


/* Connections */

.inner-title.connections {
    padding: 0 22px 15px;
    padding-top: 20px;
    margin-bottom: 0;
}

h3.connections-icon {
    background: url(/images/connections2.png) no-repeat;
    padding: 0 0 0 30px;
}

h3.groups-icon {
    background: url(/images/groups2.png) no-repeat;
    padding: 0 0 0 33px;
    margin-left: 15px;
}

.comment-area.contacts {
    padding: 0;
}

.contact-list {
    list-style: none;
    padding: 0;
}

    .contact-list li {
        position: relative;
        padding: 10px 20px;
        border-top: 1px solid #E7E7E7;
    }

        .contact-list li:hover {
            background: #f7f7f7;
        }

.link-to-profile {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
}

.contact-list li img {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 3px;
}

.contact-list li .right {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.contact-list li .name {
    font-size: 16px;
    color: #262626;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 5px;
}

.contact-list li .role {
    color: #8c8c8d;
    font-size: 12px;
    position: relative;
    top: -11px;
    margin-bottom: 0;
}

.contact-list li .new-message {
    display: inline-block;
    position: relative;
    top: -4px;
    font-size: 14px;
    color: #15ade0;
    text-decoration: none;
}

    .contact-list li .new-message:hover {
        text-decoration: underline;
    }

    .contact-list li .new-message img {
        height: 10px;
        width: 16px;
        margin-right: 4px;
        position: relative;
        top: -2px;
    }

.contact-list li .delete {
    float: right;
}

    .contact-list li .delete img {
        height: auto;
        width: auto;
    }

.contact-list li .new-message.remove-connection {
    margin-left: 15px;
    color: rgba(0,0,0,.6);
}

    .contact-list li .new-message.remove-connection:hover {
        color: rgba(0,0,0,.8);
    }



/* Filter */

.ui-widget {
    position: relative;
}

.sbHolder {
    position: absolute;
    min-height: 38px;
}

.sbSelector {
    border-radius: 4px 0 0 4px;
    padding: 7px 12px;
    position: relative;
    background: #383435;
    color: #cccccc;
    font-size: 14px;
    text-decoration: none;
    width: 70px;
    display: block;
}

.sbToggleOpen + a {
    border-radius: 4px 0 0 0px;
}

a.sbSelector {
    color: #c5c5c5 !important;
    text-decoration: none !important;
}


.sbToggle {
    background: url('/images/select-icons.png') 0 -112px no-repeat;
    display: block;
    height: 38px;
    outline: none;
    position: absolute;
    left: 38px;
    width: 30px;
    z-index: 2;
}

.sbOptions {
    position: relative;
    top: 0px !important;
    z-index: 999;
    list-style-type: none;
    padding: 0px;
    background: #383435;
    min-width: 95px;
}

    .sbOptions li {
        padding: 3px 9px;
        background: #383435;
        min-width: 95px;
    }

img.search-filter-icon {
    padding-right: 10px;
}

.sbOptions li:nth-child(1) {
    border-top: 1px solid #282526;
}

.sbOptions li:last-child {
    padding-bottom: 5px;
}

.sbOptions li a {
    color: #c5c5c5 !important;
}

    .sbOptions li a:hover {
        color: #eb5520 !important;
        text-decoration: none;
    }

/* Second filter */

.sbHolder.stocks {
    opacity: 0;
}

#search-filter-stocks + .sbHolder {
    right: 0;
}

.sbHolder.stocks .sbToggle {
    background: transparent;
    display: block;
    outline: none;
    position: absolute;
    width: 22px;
    z-index: 2;
    left: 79px;
    top: 0px;
}

    .sbHolder.stocks .sbToggle .caret {
        position: relative;
        right: -5px;
        top: 5px;
        opacity: .8;
    }

.sbHolder.stocks .sbSelector {
    width: 102px;
    background: transparent;
    color: #333 !important;
    padding: 7px 20px 7px 12px;
    text-align: right;
}

.sbHolder.stocks .sbOptions {
    text-align: right;
    padding-right: 5px;
}


.contacts .wrapper {
    padding: 20px 22px;
}


.add-connections li a {
    font-size: 12px !important;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    color: rgba(0,0,0,.7) !important;
}

    .add-connections li a img {
        display: block;
        margin-right: 0;
        margin-left: 0;
        margin: 0 auto;
        text-align: center;
    }

.add-connections li {
    margin-right: 10px;
    margin-bottom: 15px;
    min-width: 97px;
}

.add-connections .nav-tabs {
    border-bottom: none;
}

    .add-connections .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border-bottom-color: #ddd;
    }

.add-connections .tab-content h5 {
    margin-top: 25px;
    margin-bottom: 20px;
}

.add-connections .tab-content input {
    max-width: 400px;
}

    .add-connections .tab-content input:nth-child(2) {
        margin-top: 10px;
    }

.add-connections .tab-content .btn {
    padding: 7px 28px;
    background: #eb5520;
    color: #fff;
    border: none;
    transition: background-color .2s;
    -webkit-transition: background-color .2s;
}

    .add-connections .tab-content .btn:hover {
        background: #15ade0;
    }

.output a {
    position: relative;
}

.right-item {
    position: absolute;
    top: 17px;
    right: 20px;
    color: rgba(0, 0, 0, .5);
}

@media (max-width: 990px) {
    .row.actions.second .profile-top-menu li {
        text-align: center;
    }
}

a.cross:after {
    content: 'X';
    height: 42px;
    padding: 0 3px;
    font-size: 9px;
    margin-right: 5px;
}

a.cross:hover {
    text-decoration: none;
}

.name em {
    font-size: 12px;
    opacity: .6;
}

.contact-item-view {
    position: relative;
}

    .contact-item-view .role a {
        font-weight: 900;
    }

        .contact-item-view .role a:hover {
            color: #df1c33;
        }

    .contact-item-view img.status {
        height: auto;
        width: auto;
        position: absolute;
        top: 60px;
        left: 10px;
        background: #fff;
        border-radius: 50%;
    }

    .contact-item-view:hover img.status {
        background: #f7f7f7;
    }

@media (max-width: 570px) {
    .contact-list li .right {
        height: auto;
    }
}

.recommended-users {
    margin-top: 15px;
}

    .recommended-users h4 {
        border-bottom: 1px solid rgba(0,0,0,.3);
        padding-bottom: 2px;
    }

    .recommended-users .user-block .right {
        position: relative;
        display: inline-block;
    }

    .recommended-users .user-block {
        position: relative;
        margin: 10px 0;
        transition: all .2s;
        -webkit-transition: all .2s;
    }

        .recommended-users .user-block .link-to-profile {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            z-index: 99;
        }

        .recommended-users .user-block img {
            height: 50px;
            width: 50px;
            border-right: 3px;
            vertical-align: top;
            margin-right: 4px;
        }

        .recommended-users .user-block .role {
            color: #8c8c8d;
            font-size: 12px;
            position: relative;
            top: -4px;
            margin-bottom: 0;
        }

        .recommended-users .user-block .name {
            font-style: 13px;
            position: relative;
            margin-bottom: 0;
            font-weight: 600;
        }

        .recommended-users .user-block:hover {
            background: #fff;
        }

.col-md-12.comment-area.contacts.groups .group-block {
    display: inline-block;
    position: relative;
    margin: 5px;
    vertical-align: top;
}

    .col-md-12.comment-area.contacts.groups .group-block img {
        height: 77px;
        width: 96px;
    }

    .col-md-12.comment-area.contacts.groups .group-block:hover > img {
        opacity: .8;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

    .col-md-12.comment-area.contacts.groups .forum-block {
    display: inline-block;
    position: relative;
    margin: 5px;
    vertical-align: top;
}

    .col-md-12.comment-area.contacts.groups .forum-block img {
        height: 70px;
        width: 70px;
    }

    .col-md-12.comment-area.contacts.groups .forum-block:hover > img {
        opacity: .8;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

.col-md-12.comment-area.contacts.groups .link-to-group {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99;
}

.col-md-12.comment-area.contacts.groups ul {
    margin-top: 15px;
    padding-left: 15px;
}

.col-md-12.comment-area.contacts.groups .add-new {
    border: 1px dashed #b4b4b4;
    border-radius: 3px;
    width: 96px;
    height: 77px;
    vertical-align: top;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .col-md-12.comment-area.contacts.groups .add-new img {
        width: auto;
        height: auto;
        position: relative;
        top: 17px;
        left: 16px;
        opacity: 1;
    }

    .col-md-12.comment-area.contacts.groups .add-new:hover {
        background: #eeeeee;
    }

.right .join-group {
    color: #fff;
    background: #eb5520;
    padding: 5px 27px;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
    font-size: 14px;
    position: absolute;
    right: 18px;
    top: 27px;
}

    .right .join-group:hover {
        background: #15ade0;
    }

.other-groups .right .name {
    margin-top: 5px;
}

.other-groups .right .revenue {
    font-size: 12px;
    position: relative;
    top: -4px;
    margin-bottom: 0;
}

/*.input-group.search-groups {
    display: inline-block;
}

.col-md-12.inner-title.connections {
    display: inline-block;
}*/

.col-md-12.inner-title.connections.groups {
    min-height: 70px;
}

    .col-md-12.inner-title.connections.groups h3 {
        margin-top: 8px;
    }

.col-xs-6.search {
    padding-right: 0;
}

.tab-content #placeholderContent_placeholderContent2_divNewsfeed .comment-area:first-child {
    margin-top: 0;
}

.nav-tabs .dropdown-menu > .active > a {
    background-color: transparent;
    color: #333;
}

.nav-tabs.filter > li.active > a {
    background: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}

.nav-tabs.filter > li > a {
    background: #e2e2e2;
    border: 1px solid #ddd;
    color: #555;
}

.nav-tabs.filter .caret {
    border-top-color: #a6a6a6;
    border-bottom-color: #a6a6a6;
}

.nav-tabs.filter .open > a .caret, .nav-tabs.filter .open > a:hover .caret, .nav-tabs.filter .open > a:focus .caret {
    border-top-color: #a6a6a6;
    border-bottom-color: #a6a6a6;
}

.nav-tabs.filter .open > a {
    border-color: #BEBEBE;
}

.nav-tabs.filter a:hover .caret {
    border-top-color: #a6a6a6;
    border-bottom-color: #a6a6a6;
}

.col-md-4.column.profile-left.margin {
    margin-top: 8px;
}

.col-md-8.column.profile-right {
    position: relative;
}

.recommended-users .name {
    margin-top: 4px;
}

.col-md-12.comment-area.contacts .role {
    top: -2px;
}

.col-md-12.comment-area.contacts.other-groups .role {
    top: -10px;
}

.contact-item-view .right .cta {
    position: absolute;
    right: 18px;
    top: 35px;
}

.right .assign,
.right .disable {
    color: #fff;
    background: #eb5520;
    padding: 4px 24px;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
    font-size: 14px;
    border: none;
    min-width: 93px;
}

.right .disable {
    background: #c7c7c7;
}

    .right .disable:hover {
        background: #b0b0b0;
    }

.right .assign:hover {
    background: #15ade0;
}

.add-connections li.active:hover a {
    background-color: #eee;
    border-color: #eee #eee #ddd;
    cursor: pointer;
}

.right .join-group {
    color: #fff;
    background: #eb5520;
    padding: 5px 27px;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
    font-size: 14px;
    right: 18px;
    top: 35px;
}

    .right .join-group:hover {
        background: #15ade0;
    }

/*@media (max-width:845px) {
    .container {

    }
}*/

.row.actions.second {
    top: 50px;
    right: 11px;
}

.ba-pagination > li > a {
    font-style: 14px;
}

    .ba-pagination > li > a > span {
        position: relative;
        top: -1px;
    }

    .pagination > li:first-child:hover,
    .ba-pagination > li > a:last-child:hover {
        background: rgba(223, 223, 223, 1);
        ;
    }

    .ba-pagination > li > a:hover {
        background: #EDEDED;
        color: #333;
    }


@media (max-width:845px) {
    .row.actions {
        position: absolute;
        right: 6px;
        top: 158px;
    }

    .comment-form .input-Comment {
        float: right;
        top: -40px;
    }

    .row.actions.second {
        top: 90px;
        right: 11px;
    }
}

@media (max-width:660px) {
    .right .assign, .right .disable {
        display: block;
        margin: 5px 0;
    }

    .contact-item-view .right .cta {
        top: 4px;
    }
}

@media (max-width:620px) {
    .tab-c {
        margin-top: 55px;
    }

    .row.actions {
        left: 0;
        right: 0;
    }

    .tab-content .row.actions {
        top: 210px;
    }
}

@media (max-width:570px) {
    .contact-item-view .right.connections {
        display: block !important;
        margin-left: 0 !important;
    }
}

@media (max-width:420px) {
    .other-groups .contact-item-view .right {
        display: block !important;
        margin-left: 0 !important;
    }

    .tab-c {
        margin-top: 80px;
    }

    .tab-content .row.actions {
        top: 180px;
    }
}

@media only screen and (max-width: 1035px) {
    .profile-right,
    .profile-left {
        width: 100%;
    }

    .my-nav {
        padding-right: 20px;
    }
}

.task-right-section .quote {
    font-size: 16px;
    font-weight: 700;
    color: #557B88;
    padding: 18px 0;
}

.tab-content .profile-top-menu ul li a {
    width: 20px;
    height: 22px;
}

    .tab-content .profile-top-menu ul li a.portfolio {
        position: relative;
        top: 2px;
    }

.tab-content .profile-top-menu ul li {
    margin: 0 4px;
}

.tab-content .row.actions {
    right: 25px;
}

.tooltips:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 28px;
    color: #fff;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    left: -80%;
}

.tab-content .profile-top-menu ul li {
    position: relative;
}

.sbOptions li a {
    font-size: 14px;
}

.output {
    -webkit-box-shadow: 0px 5px 13px -1px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 5px 13px -1px rgba(0,0,0,0.42);
    box-shadow: 0px 5px 13px -1px rgba(0,0,0,0.42);
}

    .output ul {
        margin-bottom: 0;
    }

.output {
    z-index: 100;
}


.groups .input-group-btn button {
    padding-bottom: 5px;
}

    .groups .input-group-btn button img {
        position: relative;
        top: -2px;
    }

.recommended-users input.add-connection {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    right: 9px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    background-image: url('/images/add-small.png');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    z-index: 100;
}

    .recommended-users input.add-connection:hover {
        background-color: #f3f3f3;
        border-color: #15ade0;
    }

.groups .input-group-btn input {
    height: 34px;
    width: 36px;
    background: url(/images/search-icon2.png) no-repeat;
    background-position: 8px;
}

h3.admin-icon {
    background: url(/images/admin-icon.png) no-repeat 0 0px;
    padding: 0 0 0 35px;
}


.right.connections .role {
    max-width: 300px;
    margin-bottom: 3px;
}

    .right.connections .role .line-item {
        display: inline-block;
    }

        .right.connections .role .line-item .cross {
            width: 8px;
            display: inline-block;
            position: relative;
            top: -1spx;
        }

        .right.connections .role .line-item p {
            display: inline-block;
            margin-bottom: 0;
            padding-left: 3px;
            padding-right: 6px;
        }

.message-block {
    z-index: 2;
}

.close-message {
    display: inline-block;
    padding-left: 5px;
    color: #4D4D4D;
    cursor: pointer;
    position: relative;
    right: -9px;
    font-weight: 600;
    top: -1px;
}

    .close-message:hover {
        color: #fff;
    }


p.user-position span {
    margin-left: 5px;
    font-weight: bold;
    font-size: 13px;
}

p.user-position .desc {
    line-height: 22px;
}

p.user-position small {
    display: block;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: -5px;
}

#myTab li a {
    padding: 10px 30px;
}

.nav-tabs.filter > li.active > a {
    color: #eb5520;
    border-bottom: 1px solid #fff;
}

#myTab li a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 30px 8px 30px;
}

    #myTab li a:hover {
        background: rgba(255,255,255, .4);
    }

#myTab li.active a {
    background: #fff;
}

.nav-tabs {
    border-bottom: none;
}

#myTab {
    /*	background: #E2E2E2;
	border-radius: 3px 3px 0 0;
	padding-top: 9px;
	border-right: 1px solid rgb(213, 213, 213);
	border-left: 1px solid rgb(213, 213, 213);
	border-top: 1px solid rgb(213, 213, 213);
	padding-left: 20px;*/
}

.tab-c {
    height: 49px;
    position: relative;
    top: 0px;
    z-index: 1;
    background: #E2E2E2;
    border-radius: 3px 3px 0 0;
    padding-top: 8px;
    border-right: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(213, 213, 213);
    border-top: 1px solid rgb(213, 213, 213);
    padding-left: 20px;
    margin-top: 65px;
}

.nav-tabs.filter > li > a {
    border: none;
}

.tab-content .comment-area:nth-child(1) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.profile-top-menu {
    position: relative;
    top: -8px;
    height: 49px;
    width:auto;
    float: right;
}

@media only screen and (max-width: 760px) {
            .profile-top-menu {
                width: 100%;
            }
        }

    .profile-top-menu ul {
        margin-bottom: 0;
        padding: 0;
    }

        .profile-top-menu ul li {
            height: 48px;
            border-left: 1px solid #d5d5d5;
        }

            .profile-top-menu ul li a {
                padding: 0px 18px;
                position: relative;
                height: 48px;
                width: auto;
                padding-top: 15px;
            }

                .profile-top-menu ul li a p {
                    font-size: 12px;
                    font-weight: 500;
                    text-transform: uppercase;
                    width: auto;
                    opacity: 1;
                    display: inline-block;
                    padding: 0;
                    padding-left: 5px;
                }

                .profile-top-menu ul li a:hover p {
                    /*opacity: 1;
                    width: auto;
                    padding-left: 5px;*/
                    -webkit-transition: opacity .3s ease-in;
                    -o-transition: opacity .3s ease-in;
                    transition: opacity .3s ease-in;
                    color: #eb5520;
                    font-weight: 800;
                }

    .profile-top-menu img {
        display: inline-block;
        opacity: .7;
    }

        .profile-top-menu img.hover {
            display: none;
        }

.profile-right .profile-img-holder {
    width: 140px;
    height: 120px;
    border-radius: 3px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

input.change-logo {
    background: url(/images/edit-btn.png) no-repeat 10px 10px !important;
    padding-left: 32px;
    border: none !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
}

    input.change-logo:hover,
    input.change-logo:active {
        border: none;
        background-color: #fff;
        outline: none;
        box-shadow: none;
        color: #EB5520;
    }

.profile-right .group-desc {
    font-size: 13px;
    line-height: .8em;
    color: #888;
}

.profile-right .user-position {
    margin-bottom: 0;
}

.profile-right h2 {
    display: inline-block;
}

    .profile-right h2 + p.joined {
        display: inline-block;
    }

.profile-right .joined {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    float: right;
    color: #575757;
    padding-left: 22px;
    background: url('/images/right-mark.png') no-repeat;
    background-position: 0px 6px;
    margin-bottom: 0;
    position: relative;
    top: 7px;
}

.comment-area.group .desc {
    position: relative;
    top: -5px;
}

.edit-text {
    background: url('/images/edit-icon.png') no-repeat;
    width: 14px;
    height: 20px;
    position: relative;
    display: inline-block;
    transition: opacity 0.2s;
    opacity: .8;
}

    .edit-text:hover {
        background-position: -14px 0;
        opacity: 1;
    }

.profile-right h2 .edit-text {
    top: -8px;
    left: 9px;
}

.profile-right .group-desc .edit-text {
    left: 10px;
    top: 5px;
}

.newsfeed .col-md-12.column.inner-title {
    margin-bottom: 0;
}

.newsfeed .comment-area:nth-child(1) {
    padding-bottom: 0;
}

.post .image_holder {
    display: inline-block;
    height: 50px;
    width: 50px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.post .right_side,
.post .left_side {
    display: inline-block;
    vertical-align: top;
}

    .post .right_side p {
        vertical-align: top;
        color: #333;
        padding-left: 20px;
        margin-bottom: 0;
        word-wrap: break-word;
    }

        .post .right_side p a:nth-child(1) {
            font-weight: 600;
        }

    .post .right_side .name a {
        text-decoration: inherit;
    }

    .post .right_side p a {
        color: #333;
        text-decoration: underline;
    }

    .post .right_side p span {
        display: inline-block;
        font-weight: 600;
        color: #333;
        padding-right: 5px;
    }

    .post .right_side p a:hover {
        color: #428bca;
    }

.post .quote {
    font-style: italic;
    padding-top: 10px;
    color: rgb(235, 85, 32) !important;
}

.comment-area.post {
    padding: 0;
}

.post {
    padding: 20px;
}

.comments_block {
    border-top: 1px solid #e2e2e2;
    background-color: #F6F7F8;
}

.comment .image_holder {
    width: 38px;
    height: 38px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border-radius: 3px;
}

.comments_block .comments {
    padding-left: 0;
    margin-bottom: 0;
}

.comments_block .comment .top .right_side {
    display: inline-block;
}

.comments_block .comment {
    padding: 10px 20px;
    border-top: 1px solid #e2e2e2;
    \;
}

comments_block .comment .top strong {
    font-weight: 600;
    color: #333333;
    padding-left: 7px;
    vertical-align: top;
    padding-left: 0;
    padding-right: 5px;
}

.comments_block .comment .top p {
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 9px;
}

.comments_block .comment .top .clock {
    font-size: 11px;
    color: #8899a6;
    position: relative;
    padding-bottom: 5px;
    line-height: 5px;
    font-weight: normal;
}

.comments_block .comment .message p {
    margin-bottom: 0;
}

.reply_block {
    padding: 13px 20px 9px 20px;
}

    .reply_block .image_holder {
        height: 38px;
        width: 38px;
    }

    .reply_block textarea {
        overflow: hidden;
        width: calc(100% - 53px);
        height: 38px;
        margin-left: 10px;
        border-radius: 3px;
        border-color: #D7D7D7;
        padding: 6px 64px 6px 24px;
        color: #6B6B6B;
        outline: none !important;
        max-height: 300px;
    }

        .reply_block textarea:active,
        .reply_block textarea:focus {
            border-color: #15ade0;
        }

.reply_block {
    background: #FCFCFC;
    border-top: 1px solid #e2e2e2;
    position: relative;
}

    .reply_block:after, .reply_block:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .reply_block:after {
        border-color: rgba(252, 252, 252, 0);
        border-bottom-color: #FCFCFC;
        border-width: 10px;
        margin-left: -10px;
    }

    .reply_block:before {
        border-color: rgba(226, 226, 226, 0);
        border-bottom-color: #e2e2e2;
        border-width: 11px;
        margin-left: -11px;
    }

    .reply_block .submit {
        text-indent: -999999px;
        float: right;
        margin-top: 3px;
        color: #666666;
        border-radius: 0 2px 2px 0;
        outline: none !important;
        padding: 0 23px;
        font-size: 14px;
        background: url(/images/send_i.png) #15ade0 no-repeat;
        background-position: 50%;
        position: absolute;
        top: 11px;
        right: 22px;
        border-left: 1px solid rgb(17, 138, 179);
        border-top: none;
        border-right: 0;
        border-bottom: 0;
        height: 33.5px;
        width: 0px;
        /* position: absolute; */
        /* bottom: 16px; */
        top: 12px;
        right: 23px;
    }

        .reply_block .submit:hover {
            background: url(/images/send_i.png) #109bca no-repeat;
            background-position: 50%;
        }


.comments_block .comment .message p {
    font-size: 14px;
    line-height: 19px;
}

/*body.group h3 {
	font-size: 19px;
}*/
.margin15 {
    margin-top: 15px;
}

body.group .comment-area.group:nth-child(1) {
    padding-bottom: 0;
}

    body.group .comment-area.group:nth-child(1) .inner-title {
        margin-bottom: 0;
        border-bottom: 0;
    }

.profile-right h2 + p.join_group {
    display: inline-block;
}

.profile-right .join_group {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    float: right;
    color: #15ade0;
    padding-left: 22px;
    background-position: 0px 6px;
    margin-bottom: 0;
    position: relative;
    top: 7px;
    background: transparent;
}

    .profile-right .join_group:hover {
        text-decoration: underline !important;
    }

.edit_photo {
    color: #555;
    font-size: 13px;
    border: 1px solid rgb(176, 176, 176);
    padding: 3px 0px;
    border-radius: 3px;
    width: 80%;
    display: block;
    text-align: center;
    margin: 10px auto;
}

    .edit_photo:hover {
        color: #15ade0;
        text-decoration: none;
    }

.post .right_side {
    max-width: 590px;
}

.post_cta_holder {
    display: inline-block;
    float: right;
}

    .post_cta_holder .view_trade {
        color: #555;
        font-size: 13px;
        border: 1px solid;
        padding: 3px 14px;
        border-radius: 3px;
        display: block;
        text-align: center;
        margin-bottom: 5px;
        margin-bottom: 27px;
    }

        .post_cta_holder .view_trade:hover {
            text-decoration: none;
        }

    .post_cta_holder img {
        height: 20px;
    }

    .post_cta_holder .share {
        height: 27px;
        width: 93px;
        margin-bottom: 28px;
    }

        .post_cta_holder .share a {
            display: inline-block;
            float: right;
        }

        .post_cta_holder .share .share_i {
            padding-left: 15px;
        }

            .post_cta_holder .share .share_i:nth-child(3) {
                padding: 0;
            }

            .post_cta_holder .share .share_i:hover {
                opacity: .7;
            }

.comment-area .profile {
    padding: 20px;
}

.profile .image_holder {
    display: inline-block;
    height: 200px;
    width: 200px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border-radius: 3px 3px 0 0;
}

.profile .connect_block {
    border-radius: 0 0 3px 3px;
    background: #EAEAEA;
    border: 1px solid #d5d5d5;
    position: relative;
    top: -6px;
}

    .profile .connect_block .connect_btn {
        padding: 7px;
        text-align: center;
        width: 100%;
        display: block;
        opacity: .8;
    }

        .profile .connect_block .connect_btn:hover {
            text-decoration: none;
            opacity: 1;
        }

.comment-area.post .profile .right_side {
    width: 65%;
}

.profile .right_side {
    margin-left: 11px;
}

    .profile .right_side h2 {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .profile .right_side .user_position {
        color: #989898;
        font-size: 13px;
        margin-left: 0;
        padding-left: 0;
        position: relative;
        top: -3px;
    }

    .profile .right_side .roles .role {
        display: inline-block;
        border-radius: 50px;
        border: 1px solid #989898;
        padding: 1px 15px;
        font-size: 11px;
        color: #373334;
        margin: 5px 3px 1px 0;
    }

    .profile .right_side table {
        margin-top: 15px;
    }

    .profile .right_side tr {
        padding: 3px 0;
    }

        .profile .right_side tr td:nth-child(1) {
            font-size: 12px;
            text-transform: uppercase;
            color: #999;
            padding-right: 30px;
            vertical-align: top;
        }

        .profile .right_side tr td:nth-child(2) {
            font-size: 13px;
            opacity: .8;
            color: #373334;
        }

    .profile .right_side .ctas {
        margin-top: 17px;
    }

        .profile .right_side .ctas a {
            display: inline-block;
            font-size: 14px;
            border-radius: 4px;
            border: 1px solid;
            padding: 4px 18px;
            margin-right: 10px;
            text-decoration: none !important;
            /*margin-top: 10px;*/
            padding-top: 6px; 
            padding-bottom: 6px;
        }

            .profile .right_side .ctas a.primary {
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background-color: #56cee1;
                border-color: #2f9fb1;
                color: #fff;
                -webkit-transition: background-color .2s;
                -o-transition: background-color .2s;
                transition: background-color .2s;
            }

                .profile .right_side .ctas a.primary:hover {
                    background-color: #4cc5d8;
                }

            .profile .right_side .ctas a.secondary {
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
                background-color: #ededed;
                border-color: #b9b9b9;
                color: #838383;
            }

                .profile .right_side .ctas a.secondary:hover {
                    background-color: #f3f3f3;
                }

            .profile .right_side .ctas a.primary.red {
                background-color: #ED3C3C;
                border-color: #a82626;
            }

            .profile .right_side .ctas a.primary.green {
                background-color: #35D065;
                border-color: #23A34A;
            }

                .profile .right_side .ctas a.primary.green:hover {
                    background-color: #19883B;
                }

            .profile .right_side .ctas a.primary.red:hover {
                background-color: #C82020;
            }


/*New*/
.col-md-12 column form-controlers.ctas {
    margin-top: 17px;
}

    .col-md-12 column form-controlers.ctas a {
        display: inline-block;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid;
        padding: 4px 18px;
        margin-right: 10px;
        text-decoration: none !important;
        margin-top: 10px;
    }

        .col-md-12 column form-controlers.ctas a.primary {
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background-color: #56cee1;
            border-color: #2f9fb1;
            color: #fff;
            -webkit-transition: background-color .2s;
            -o-transition: background-color .2s;
            transition: background-color .2s;
        }

            .col-md-12 column form-controlers.ctas a.primary:hover {
                background-color: #4cc5d8;
            }

        .col-md-12 column form-controlers.ctas a.secondary {
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
            background-color: #ededed;
            border-color: #b9b9b9;
            color: #838383;
        }

            .col-md-12 column form-controlers.ctas a.secondary:hover {
                background-color: #f3f3f3;
            }

        .col-md-12 column form-controlers.ctas a.primary.red {
            background-color: #ED3C3C;
            border-color: #a82626;
        }

        .col-md-12 column form-controlers.ctas a.primary.green {
            background-color: #35D065;
            border-color: #23A34A;
        }

            .col-md-12 column form-controlers.ctas a.primary.green:hover {
                background-color: #19883B;
            }

        .col-md-12 column form-controlers.ctas a.primary.red:hover {
            background-color: #C82020;
        }

/*New End*/

.row.clearfix.profile-section {
    margin-top: 14px;
}

.row.clearfix.background-info {
    margin-top: 20px;
}

.post_cta_holder .view_trade {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background-color: #ededed;
    border-color: #b9b9b9;
    color: #838383;
}

    .post_cta_holder .view_trade:hover {
        background-color: #f3f3f3;
    }
  /*
@media only screen and (max-width: 860px) {
    .tab-c .row .col-xs-6 {
        width: 100%;
    }
  
    .profile-top-menu ul li a:hover p {
        opacity: 0;
        width: 0;
        padding: 0;
    }
    
    .col-xs-6 #myTab {
        width: 220px;
        margin: 0 auto;
    }
     
    .col-xs-6.text-right.profile-top-menu {
        margin: 10px 0;
    }

       .col-xs-6.text-right.profile-top-menu ul {
            margin: 0 auto;
            width: 239px;
        }

    .profile-top-menu ul li {
        border: none;
    }
}*/

@media only screen and (max-width: 760px) {
    .reply_block .image_holder {
        display: none;
    }

    .reply_block textarea {
        width: 100%;
        margin-left: 0;
    }

    .post_cta_holder {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    .post .left_side.r {
        display: block;
        width: 100%;
        text-align: center;
    }

    .post .right_side.r {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

        .post .right_side.r p {
            padding-left: 0;
            text-align: center;
        }

    .right_side.r span {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        display: block;
        padding-bottom: 10px;
        margin-top: 12px;
    }
}

.popup_e {
    position: absolute;
    display: none;
}

    .popup_e p {
        font-size: 14px;
        text-align: left;
        opacity: .9;
        margin-bottom: 16px;
        color: #000;
    }

    .popup_e .secondary {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background-color: #56cee1;
        border: 1px solid;
        border-color: #2f9fb1;
        color: #fff;
        padding: 3px 22px;
        border-radius: 3px;
    }

    .popup_e .primary {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
        background-color: #ededed;
        border: 1px solid;
        border-color: #b9b9b9;
        color: #838383;
        padding: 3px 22px;
        border-radius: 3px;
    }

    .popup_e .cta a {
        display: inline-block;
        margin-right: 10px;
    }

    .popup_e .secondary:hover {
        text-decoration: none;
        background-color: #49BBCD;
    }

.popup_e {
    background: #fff;
    border: 2px solid #cacaca;
    border-radius: 3px;
    font-size: 14px;
    text-align: left;
    padding: 10px 20px;
    width: 275px;
    z-index: 9999999;
    -webkit-box-shadow: 0px 3px 14px -1px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 3px 14px -1px rgba(0,0,0,0.28);
    box-shadow: 0px 3px 14px -1px rgba(0,0,0,0.28);
}

    .popup_e.left:after, .popup_e.left:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .popup_e.left:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 10px;
        margin-top: -10px;
    }

    .popup_e.left:before {
        border-color: rgba(202, 202, 202, 0);
        border-right-color: #cacaca;
        border-width: 13px;
        margin-top: -13px;
    }

    /*bottom*/
    .popup_e.bottom:after, .popup_e.bottom:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .popup_e.bottom:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .popup_e.bottom:before {
        border-color: rgba(202, 202, 202, 0);
        border-top-color: #cacaca;
        border-width: 13px;
        margin-left: -13px;
    }
    /*end*/

    /*TOP*/



    .popup_e.top:after, .popup_e.top:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .popup_e.top:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .popup_e.top:before {
        border-color: rgba(202, 202, 202, 0);
        border-bottom-color: #cacaca;
        border-width: 13px;
        margin-left: -13px;
    }
    /*END TOP*/
    .popup_e .close {
        display: block;
        width: 100%;
        text-align: right;
        position: relative;
        top: -6px;
        right: -7px;
        font-size: 16px;
        color: rgb(185, 185, 185);
        opacity: 1;
        cursor: pointer;
    }

        .popup_e .close:hover {
            color: rgb(21, 173, 224);
        }

#popup_1 {
    top: 137px;
    right: -234px;
}

div#popup_2 {
    top: 59px;
    right: 113px;
}

div#popup_3 {
    top: 52px;
    left: 49px;
}

div#popup_4 {
    left: 216px;
    top: 14px;
}

#popup_10 {
    top: 122px;
    right: -196px;
}

div#popup_11 {
    left: 145px;
    top: 215px;
}

div#popup_12 {
    left: 145px;
    top: 227px;
}

div#popup_13 {
    left: 178px;
    top: 84px;
}

div#popup_14 {
    left: 223px;
    top: 264px;
}

div#popup_15 {
    left: 228px;
    top: 72px;
}

.group-block p {
    max-width: 96px;
    font-size: 16px;
    color: #7B7B7B;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 5px;
    font-size: 14px;
    line-height: 16px;
}

.edit_photo {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background-color: #ededed;
    border: 1px solid;
    border-color: #b9b9b9;
    color: #838383;
}

    .edit_photo:hover {
        color: #838383;
    }


.comment-area.nomargin .inner-title {
    margin-bottom: 0;
}
/*.comment-area.nopadding .inner-title {
	padding-bottom: 0;
/*}*/
.col-md-12.comment-area.nomargin.nopadding {
    padding-bottom: 0;
}

.noppading {
    padding-bottom: 0 !important;
}

.nomargin {
    margin-bottom: 0;
}

div#popup_6 {
    left: -56px;
    top: 56px;
}

div#popup_7 {
    left: 184px;
    top: 357px;
}

div#popup_8 {
    top: 145px;
    left: 131px;
    width: 430px;
}




/* Common, default styles for the notification box */

.ns-box {
    position: fixed;
    background: rgba(42,45,50,0.85);
    padding: 22px;
    line-height: 1.4;
    z-index: 1000;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
}

    .ns-box.ns-show {
        pointer-events: auto;
    }

    .ns-box a {
        color: inherit;
        opacity: 0.7;
        font-weight: 700;
    }

        .ns-box a:hover,
        .ns-box a:focus {
            opacity: 1;
        }

    .ns-box p {
        margin: 0;
    }

    .ns-box.ns-show,
    .ns-box.ns-visible {
        pointer-events: auto;
    }

.ns-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: all;
}

    .ns-close:hover,
    .ns-close:focus {
        outline: none;
    }

    .ns-close::before,
    .ns-close::after {
        content: '';
        position: absolute;
        width: 3px;
        height: 60%;
        top: 50%;
        left: 50%;
        background: #6e6e6e;
    }

    .ns-close:hover::before,
    .ns-close:hover::after {
        background: #fff;
    }

    .ns-close::before {
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg);
    }

    .ns-close::after {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg);
    }
/* Growl-style notifications */
.ns-growl {
    top: 30px;
    left: 30px;
    max-width: 300px;
    border-radius: 5px;
}

    .ns-growl p {
        margin: 0;
        line-height: 1.3;
    }

[class^="ns-effect-"].ns-growl.ns-hide,
[class*=" ns-effect-"].ns-growl.ns-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

/* Individual effects */

/* Scale */
.ns-effect-scale {
    background: #67c58f;
    box-shadow: 0 25px 10px -15px rgba(0,0,0,0.05);
}

    .ns-effect-scale a {
        color: #1f8a4c;
    }

        .ns-effect-scale a:hover,
        .ns-effect-scale a:focus {
            color: #fff;
        }

    .ns-effect-scale .ns-close::before,
    .ns-effect-scale .ns-close::after {
        background: #1f8a4c;
    }

    .ns-effect-scale .ns-close:hover::before,
    .ns-effect-scale .ns-close:hover::after {
        background: #fff;
    }

    .ns-effect-scale.ns-show,
    .ns-effect-scale.ns-hide {
        -webkit-animation-name: animScale;
        animation-name: animScale;
        -webkit-animation-duration: 0.25s;
        animation-duration: 0.25s;
    }

@-webkit-keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    }
}

@keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1);
        transform: translate3d(0,40px,0) scale3d(0.1,0.6,1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
        transform: translate3d(0,0,0) scale3d(1,1,1);
    }
}

/* Jelly */
.ns-effect-jelly {
    background: #97d2f1;
    max-width: 280px;
}

    .ns-effect-jelly a {
        color: #5699bc;
    }

        .ns-effect-jelly a:hover,
        .ns-effect-jelly a:focus {
            color: #fff;
        }

    .ns-effect-jelly .ns-close::before,
    .ns-effect-jelly .ns-close::after {
        background: #5699bc;
    }

    .ns-effect-jelly .ns-close:hover::before,
    .ns-effect-jelly .ns-close:hover::after {
        background: #fff;
    }

    .ns-effect-jelly.ns-show {
        -webkit-animation-name: animJelly;
        animation-name: animJelly;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }


/* Slide */
.ns-effect-slide {
    background: rgba(65,95,118,0.8);
    top: auto;
    bottom: 30px;
}

    .ns-effect-slide .ns-close::before,
    .ns-effect-slide .ns-close::after {
        background: #333;
    }

    .ns-effect-slide .ns-close:hover::before,
    .ns-effect-slide .ns-close:hover::after {
        background: #fff;
    }

    .ns-effect-slide.ns-show {
        -webkit-animation-name: animSlideElastic;
        animation-name: animSlideElastic;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

/* Generated with Bounce.js. Edit at http://goo.gl/akZHSq */

@-webkit-keyframes animSlideElastic {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
    }

    1.666667% {
        -webkit-transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1);
        transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1);
    }

    3.333333% {
        -webkit-transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1);
        transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1);
    }

    5% {
        -webkit-transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1);
        transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1);
    }

    6.666667% {
        -webkit-transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1);
        transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1);
    }

    8.333333% {
        -webkit-transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1);
        transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1);
    }

    10% {
        -webkit-transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1);
        transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1);
    }

    11.666667% {
        -webkit-transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1);
        transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1);
    }

    13.333333% {
        -webkit-transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1);
        transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1);
    }

    15% {
        -webkit-transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1);
        transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1);
    }

    16.666667% {
        -webkit-transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1);
        transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1);
    }

    18.333333% {
        -webkit-transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1);
        transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1);
    }

    20% {
        -webkit-transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1);
        transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1);
    }

    21.666667% {
        -webkit-transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1);
        transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1);
    }

    23.333333% {
        -webkit-transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1);
        transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1);
    }

    25% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1);
    }

    26.666667% {
        -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1);
        transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1);
    }

    28.333333% {
        -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1);
        transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1);
    }

    30% {
        -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1);
        transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1);
    }

    31.666667% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1);
    }

    33.333333% {
        -webkit-transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1);
        transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1);
    }

    35% {
        -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1);
        transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1);
    }

    36.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1);
    }

    38.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1);
    }

    40% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1);
    }

    41.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1);
    }

    43.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1);
    }

    45% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1);
    }

    46.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1);
    }

    48.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1);
    }

    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1);
    }

    51.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1);
    }

    53.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1);
    }

    55% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1);
    }

    56.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1);
    }

    58.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1);
    }

    60% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1);
    }

    61.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1);
    }

    63.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1);
    }

    65% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1);
    }

    66.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1);
    }

    68.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1);
    }

    70% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1);
    }

    71.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1);
    }

    73.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1);
    }

    75% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1);
    }

    76.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1);
    }

    78.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1);
    }

    80% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1);
    }

    81.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1);
    }

    83.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1);
    }

    85% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1);
    }

    86.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1);
    }

    88.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1);
    }

    90% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
    }

    91.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
    }

    93.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
    }

    95% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1);
    }

    96.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
    }

    98.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes animSlideElastic {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
    }

    1.666667% {
        -webkit-transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1);
        transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1);
    }

    3.333333% {
        -webkit-transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1);
        transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1);
    }

    5% {
        -webkit-transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1);
        transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1);
    }

    6.666667% {
        -webkit-transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1);
        transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1);
    }

    8.333333% {
        -webkit-transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1);
        transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1);
    }

    10% {
        -webkit-transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1);
        transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1);
    }

    11.666667% {
        -webkit-transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1);
        transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1);
    }

    13.333333% {
        -webkit-transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1);
        transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1);
    }

    15% {
        -webkit-transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1);
        transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1);
    }

    16.666667% {
        -webkit-transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1);
        transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1);
    }

    18.333333% {
        -webkit-transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1);
        transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1);
    }

    20% {
        -webkit-transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1);
        transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1);
    }

    21.666667% {
        -webkit-transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1);
        transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1);
    }

    23.333333% {
        -webkit-transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1);
        transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1);
    }

    25% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1);
    }

    26.666667% {
        -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1);
        transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1);
    }

    28.333333% {
        -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1);
        transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1);
    }

    30% {
        -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1);
        transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1);
    }

    31.666667% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1);
    }

    33.333333% {
        -webkit-transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1);
        transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1);
    }

    35% {
        -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1);
        transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1);
    }

    36.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1);
    }

    38.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1);
    }

    40% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1);
    }

    41.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1);
    }

    43.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1);
    }

    45% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1);
    }

    46.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1);
    }

    48.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1);
    }

    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1);
    }

    51.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1);
    }

    53.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1);
    }

    55% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1);
    }

    56.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1);
    }

    58.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1);
    }

    60% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1);
    }

    61.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1);
    }

    63.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1);
    }

    65% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1);
    }

    66.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1);
    }

    68.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1);
    }

    70% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1);
    }

    71.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1);
    }

    73.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1);
    }

    75% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1);
    }

    76.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1);
    }

    78.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1);
    }

    80% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1);
    }

    81.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1);
    }

    83.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1);
    }

    85% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1);
    }

    86.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1);
    }

    88.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1);
    }

    90% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
    }

    91.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
    }

    93.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1);
    }

    95% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1);
    }

    96.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1);
    }

    98.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

.ns-effect-slide.ns-hide {
    -webkit-animation-name: animSlide;
    animation-name: animSlide;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

@-webkit-keyframes animSlide {
    0% {
        -webkit-transform: translate3d(-30px,0,0) translate3d(-100%,0,0);
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
    }
}

@keyframes animSlide {
    0% {
        -webkit-transform: translate3d(-30px,0,0) translate3d(-100%,0,0);
        transform: translate3d(-30px,0,0) translate3d(-100%,0,0);
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

/* Fly up */
.ns-effect-genie {
    top: auto;
    bottom: 30px;
    background: #1c2e2d;
    box-shadow: 0 7px 6px rgba(0,0,0,0.2), 2px 4px 6px rgba(0,0,0,0.5);
}

    .ns-effect-genie .ns-close::after,
    .ns-effect-genie .ns-close::before {
        background: #0eada0;
    }

    .ns-effect-genie .ns-close:hover::after,
    .ns-effect-genie .ns-close:hover::before {
        background: #fff;
    }

    .ns-effect-genie.ns-show,
    .ns-effect-genie.ns-hide {
        -webkit-animation-name: animGenie;
        animation-name: animGenie;
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
    }

@-webkit-keyframes animGenie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,calc(200% + 30px),0) scale3d(0,1,1);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        opacity: 0.5;
        -webkit-transform: translate3d(0,0,0) scale3d(0.02,1.1,1);
        -webkit-animation-timing-function: ease-out;
    }

    70% {
        opacity: 0.6;
        -webkit-transform: translate3d(0,-40px,0) scale3d(0.8,1.1,1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    }
}

@keyframes animGenie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,calc(200% + 30px),0) scale3d(0,1,1);
        -webkit-animation-timing-function: ease-in;
        transform: translate3d(0,calc(200% + 30px),0) scale3d(0,1,1);
        animation-timing-function: ease-in;
    }

    40% {
        opacity: 0.5;
        -webkit-transform: translate3d(0,0,0) scale3d(0.02,1.1,1);
        -webkit-animation-timing-function: ease-out;
        transform: translate3d(0,0,0) scale3d(0.02,1.1,1);
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 0.6;
        -webkit-transform: translate3d(0,-40px,0) scale3d(0.8,1.1,1);
        transform: translate3d(0,-40px,0) scale3d(0.8,1.1,1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
        transform: translate3d(0,0,0) scale3d(1,1,1);
    }
}


@media screen and (max-width: 25em) {
    .ns-growl {
        top: 10px;
        left: 10px;
        right: 10px;
        max-width: none;
    }

    .ns-effect-slide,
    .ns-effect-genie {
        top: auto;
        bottom: 10px;
    }
}

@media only screen and (max-width: 1140px) {
    .popup_e {
        display: none !important;
    }
}

@media only screen and (max-width: 660px) {
    .contact-item-view .right.connections .cta {
        top: 25px;
    }

    .col-md-12.comment-area.contacts.groups > .col-md-12.column.inner-title.connections h3.groups-icon {
        background-position-y: 49px;
    }

    .input-group.search-groups {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 860px) {
    h3.connections-icon {
        background: url(/images/connections2.png) no-repeat;
        padding: 0 0 0 30px;
        background-position: 0 53px;
    }
}

.nopaddingtop {
    padding-top: 0 !important;
}

.noborder {
    border: none;
}

    .noborder + .connections {
        border-bottom: none;
    }

/*Stock page*/
.col-md-12.stock-header .left_side {
    width: 70%;
    display: inline-block;
}

.col-md-12.stock-header .right_side {
    width: 30%;
    margin-left: -4px;
    display: inline-block;
}

.primary_btn {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.13)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 100%);
    background-color: #56cee1;
    border: 1px solid;
    border-color: #2f9fb1;
    color: #fff;
    padding: 3px 22px;
    border-radius: 3px;
}

    .primary_btn.stocks {
        padding: 5px 17px;
        float: right;
    }

        .primary_btn.stocks:hover {
            color: #fff;
            background-color: #56cee7;
            text-decoration: none;
        }

.stock-header {
    overflow: hidden;
}

@media only screen and (max-width: 700px) {
    .col-md-12.stock-header .left_side {
        display: block;
        width: 100%;
    }

    .col-md-12.stock-header .right_side {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .primary_btn.stocks {
        padding: 5px 17px;
        float: right;
        display: block;
        width: 96%;
        text-align: center;
    }
}

.right_side.r span.red,
.right_side.r span.green {
    padding-left: 19px;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 0;
    font-weight: 600;
    color: #f00707;
    line-height: 0;
}

.right_side.r span.green {
    color: #13b31e;
}

.post .right_side.r {
    max-width: 490px;
}

.comments_block .more_comments {
    background: #fff;
    padding-top: 4px;
    border-top: 1px solid rgb(237, 237, 237);
}

    .comments_block .more_comments a {
        font-size: 15px;
        padding-left: 21px;
    }

        .comments_block .more_comments a:hover {
            color: #15ADE0;
        }

@media only screen and (max-width: 1140px) .popup_e {
    display: none !important;
}

@media (max-width: 420px) {
    .dropdown.inbox.connections .dropdown-menu {
        position: absolute;
        left: -169px;
        max-width: 320px;
    }
}

@media (max-width: 420px) {
    .dropdown.inbox.notification .dropdown-menu {
        position: absolute;
        left: -121px;
        max-width: 320px;
    }
}

.right_side .message .name a {
    color: #15ADE0;
}

.comments_block .comment {
    padding: 6px 20px 0px 20px;
}

a.primary.connected {
    margin: 20px 0px 0px 10px;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.2);
}

/*.output .position {
  line-height: 1.5em;
  width: 80%;
  padding-top: 5px;
}*/

.output .position {
    padding-top: 3px;
    /*line-height: 1.5em;*/
}

.output .right {
    width: 70%;
}

@media only screen and (max-width: 760px) {
    .post_cta_holder {
        display: block;
    }

    .post {
        overflow: hidden;
    }

    .post_cta_holder {
        width: 100%;
        margin-top: 20px;
    }

        .post_cta_holder > div {
            widht: 115px;
            margin: 0 auto;
        }

        .post_cta_holder .share {
            margin: 0 auto;
        }
}

.labelOR {
    margin: 6px 0 10px 0;
}


.trade_cta {
    margin: 0 auto;
    padding: 5px 0 10px;
}

    .trade_cta .trade {
        width: 180px;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #575d90;
        padding: 5px;
        text-align: center;
        border-radius: 3px;
        border: 2px solid #575d90;
        box-sizing: border-box;
        cursor: pointer;
        background-color: transparent;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        margin: 0 auto;
    }

        .trade_cta .trade:hover {
            background-color: #e5e5e5;
            font-weight: 800;
        }