@font-face {
    font-family: 'catamaranbold';
    src: url('../fonts/catamaran_bold-webfont.eot');
    src: url('../fonts/catamaran_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/catamaran_bold-webfont.woff2') format('woff2'), url('../fonts/catamaran_bold-webfont.woff') format('woff'), url('../fonts/catamaran_bold-webfont.ttf') format('truetype'), url('../fonts/catamaran_bold-webfont.svg#catamaranbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'catamaranlight';
    src: url('../fonts/catamaran_light-webfont.eot');
    src: url('../fonts/catamaran_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/catamaran_light-webfont.woff2') format('woff2'), url('../fonts/catamaran_light-webfont.woff') format('woff'), url('../fonts/catamaran_light-webfont.ttf') format('truetype'), url('../fonts/catamaran_light-webfont.svg#catamaranlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'catamaranregular';
    src: url('../fonts/catamaran_regular-webfont.eot');
    src: url('../fonts/catamaran_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/catamaran_regular-webfont.woff2') format('woff2'), url('../fonts/catamaran_regular-webfont.woff') format('woff'), url('../fonts/catamaran_regular-webfont.ttf') format('truetype'), url('../fonts/catamaran_regular-webfont.svg#catamaranregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('../fonts/DroidSerifRegular.eot');
    src: url('../fonts/DroidSerifRegular.eot') format('embedded-opentype'), url('../fonts/DroidSerifRegular.woff2') format('woff2'), url('../fonts/DroidSerifRegular.woff') format('woff'), url('../fonts/DroidSerifRegular.ttf') format('truetype'), url('../fonts/DroidSerifRegular.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Copy Clipboard Style - Start */

.copied::after {
    position: absolute;
    /* top: 12%;
    left: 110%; */
    display: block;
    content: "Copied";
    font-size: 0.75em;
    padding: 8px 8px;
    color: #fff;
    background-color: #222222;
    border-radius: 3px;
    opacity: 0;
    will-change: opacity, transform;
    animation: showcopied 1.5s ease;
}

@keyframes showcopied {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    70% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
    }
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.password_eye {
    cursor: pointer;
    position: absolute;
    margin-left: -25px;
    margin-top: 12px;
}

.password_eye .see_password_icon {
    color: grey;
}


/* Copy Clipboard Style - End */

.tim_det:after,
.form-control:after,
.next_prev_wrap:after,
.rowwise:after,
.bar_withcount:after,
.inner_widget_head:after {
    clear: both;
    content: "";
    display: block;
}


/* Common Style */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    font-size: 15px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

html {
    background: #fafafa;
    font-style: normal;
}

img {
    max-width: 100%;
    line-height: 1px;
    margin: initial;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td,
table tr td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

.table>thead>tr>th.vtop,
.table>tbody>tr>th.vtop,
.table>tfoot>tr>th.vtop,
.table>thead>tr>td.vtop,
.table>tbody>tr>td.vtop,
.table>tfoot>tr>td.vtop,
table tr td.vtop {
    vertical-align: top;
}

.table tr:first-child>td {
    border-top: 0px;
}

.table tr:last-child>td {
    border-bottom: 1px solid #ddd;
}

.right_align {
    text-align: right;
    position: relative;
}


/* Common */

body {
    background: #ffffff;
    font-family: 'catamaranregular', Arial, sans-serif;
    color: #191919;
}

.clear {
    clear: both;
}

section {
    background: #fff;
}

a {
    color: #191919;
    transition: all 400ms;
    /* -webkit- transition: all 400ms; */
    cursor: pointer;
    outline: none;
    text-decoration: none;
    /* scroll-behavior: smooth; */
}

a:hover,
a:focus {
    color: #8d8682;
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

.btn:first-child {
    margin-left: 0;
}

.btn {
    transition: all 400ms;
    -webkit-transition: all 400ms;
}

textarea {
    resize: none;
}

.required_star {
    color: #f00;
}

.center_layout {
    max-width: 754px;
    margin: 0 auto;
}

.back_sec {
    padding: 15px 0 8px;
    border-top: 1px solid #e0e0e0;
    margin: 20px 0 0;
}


/* Button */

.btn {
    font-family: 'catamaranbold';
    font-size: 15px;
    border-radius: 3px;
    background: #222222;
    color: #fff;
    line-height: 18px;
    border: 3px solid #222222;
    margin-bottom: 7px;
    /* If any issues in this Margin bottom plz fix that dont remove it */
    vertical-align: top;
}

.btn:hover,
.btn:focus {
    background: #8d8682;
    color: #fff;
    border: 3px solid #8d8682;
}

input.btn:hover,
input.btn:focus {
    border: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.btn.inactive,
.inactive {
    opacity: 0.5;
}

.btn_grey {
    background: #8d8682;
    border-color: #8d8682;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    font-family: 'catamaranbold';
    border-radius: 3px;
}

.btn_grey_dark,
input[type="reset"].btn_grey_dark,
input[type="button"].btn_grey_dark,
input[type="submit"].btn_grey_dark {
    background: #8d8682;
    border-color: #8d8682;
}

.btn_grey:hover,
.btn_grey:focus,
.btn_grey_dark:hover,
.btn_grey_dark:focus,
input[type="reset"].btn_grey_dark:hover,
input[type="button"].btn_grey_dark:hover,
input[type="submit"].btn_grey_dark:hover,
input[type="reset"].btn_grey_dark:focus,
input[type="button"].btn_grey_dark:focus,
input[type="submit"].btn_grey_dark:focus {
    background: #222222;
    border-color: #222222;
    color: #fff;
}

.btn-lg {
    padding: 11px 120px;
}

.btn.border_btn,
input[type="reset"].border_btn,
input[type="button"].border_btn,
input[type="submit"].border_btn {
    border: 3px solid #222222;
    background: transparent;
    color: #222222;
}

.btn.border_btn:hover,
.btn.border_btn.active,
input[type="reset"].border_btn:hover,
input[type="button"].border_btn:hover,
input[type="submit"].border_btn:hover,
input[type="reset"].border_btn:focus,
input[type="button"].border_btn:focus,
input[type="submit"].border_btn:focus {
    background: #222222;
    color: #fff;
    box-shadow: 0 0 0 0 #fff;
    border-color: #222222;
}

.btn.btn_small {
    line-height: normal;
    padding: 2px 25px;
    min-width: 98px;
}

.priv_btn_wrap {
    text-align: center;
    margin: 50px 0 0 0;
}

.priv_btn_wrap .btn {
    font-family: "catamaranlight";
    margin-right: 15px;
    padding: 10px 22px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 15px
}

.priv_btn_wrap .btn:last-child {
    margin-right: 0;
}


/* table */

.table-borderless {
    border: 0;
}

.table-borderless th,
.table-borderless td {
    border: 0 !important;
}


/* Form */

.form-control {
    height: 60px;
    border: 1px solid #efeeee;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 10px 20px;
    background: #fcfcfb;
    font-size: 18px;
    border-radius: 1px;
    color: #000;
}

.form-control-feedback {
    width: 42px;
    height: 58px;
    line-height: 58px;
    background-position: center;
    background-repeat: no-repeat;
}

.form-control.error {
    color: #727272;
}

.success {
    background: #2ecc71;
    color: #fff;
    font-family: 'catamaranregular';
    font-size: 18px;
    padding: 14px 15px 14px 20px;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    margin: 13px 0 0;
}

.success:after {
    content: "";
    border: 10px solid #2ecc71;
    border-width: 12px 8px 12px 8px;
    border-color: transparent transparent #2ecc71 transparent;
    position: absolute;
    top: -24px;
    right: 10%;
}

.success i {
    font-size: 18px;
    margin: 0 8px 0 0;
}


/* Forms */

.form-group {
    word-wrap: break-word;
}

label {
    font-size: 14px;
    font-family: 'catamaranregular';
    margin: 0 0 5px;
    display: inline-block;
    vertical-align: middle;
    color: #8a8a8a
}

input,
textarea {
    -webkit-border-radius: 0px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
input[type="file"] {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea,
select,
input[type="file"],
textarea.form-control {
    padding: 5px 10px;
    border: 1px solid #eeeeed;
    line-height: 20px;
    width: 100%;
    margin: 0 0 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: 'catamaranregular';
    height: 42px;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 15px;
    background: #e9e8e7;
    color: #8d8682;
    outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
input[type="file"]:focus,
select:focus,
.form-control:focus {
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 0 0 #ccc;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
    display: inline-block;
    height: 40px;
    margin-bottom: 10px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    margin-top: 0px;
    font-family: 'catamaranbold';
    font-weight: bold;
    font-size: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left: 5px;
    margin-right: 5px;
    background: #222222;
    color: #ffffff;
    border: 0px;
    text-align: center;
    min-width: 165px;
    border-radius: 2px;
    /*line-height: 35px;*/
    vertical-align: middle;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
    background: #8d8682;
    color: #fff;
}

textarea {
    resize: none;
    min-height: 85px;
}

input[type="reset"].cancel,
input[type="button"].cancel,
input[type="submit"].cancel,
button.cancel {
    background: #8d8682;
}

input[type="reset"].cancel:hover,
input[type="button"].cancel:hover,
input[type="submit"].cancel:hover,
button.cancel:hover {
    background: #222222;
}


/* Error */

.error {
    color: #f00;
    font-weight: normal;
}

label.error,
.form_edit_box .form-inline .form-group label.error,
.form-group label.error {
    background: #FFBABA;
    color: #D8000C !important;
    /* padding: 5px 25px; line-height: normal;*/
    padding: 5px 10px;
    font-size: 13px;
    position: relative;
    text-transform: inherit !important;
    display: inline-block;
    font-weight: normal;
    font-family: 'catamaranregular';
}

label.error:before,
span.field_err:before,
.custom_checkbox label.error:before {
    border-bottom: 5px solid #ffbaba;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -5px;
    width: 0;
    height: auto;
    border-top: 0px;
}

.center_formsec label.error {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.alert {
    padding: 10px 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-align: left;
    display: none;
    margin: 0;
}

.alert-dismissible {
    padding-right: 35px;
}

.alert_fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 212px;
    z-index: 999;
}

.alert_success {
    color: #3c763d !important;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert_danger {
    color: #a94442 !important;
    background-color: #f2dede;
    border-color: #ebccd1;
}


/* Error for login part */

.login_wrap .form-group label.error,
.signup_wrap .form-group label.error,
.forgot_wrap .form-group label.error {
    width: 100%;
    display: block;
    text-align: center;
}


/* Check box */

.customcheckbx_group .custom_checkbox {
    margin: 0 10px 0 0;
}

.custom_checkbox {
    position: relative;
    display: inline-block;
}

.custom_checkbox input {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    cursor: pointer;
}

.custom_checkbox input[type=checkbox]:checked+label:before,
.custom_checkbox input[type=checkbox]:checked+label+label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    text-align: center;
    background: #ba8748;
    border-collapse: #ba8748;
}

.custom_checkbox label:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    border: 2px solid #222222;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    left: 0;
    top: 1px;
    pointer-events: none;
    background-color: #fff;
}

.custom_checkbox label {
    position: relative;
    padding: 0 0 0 30px;
    pointer-events: none;
    font-size: 15px;
    color: #a7a4a4;
    font-weight: normal;
    margin-bottom: 0;
    display: block;
    width: auto !important;
    line-height: 26px;
}


/* Radio */

.customradio_group .custom_radio {
    margin: 0 10px 0 0;
}

.custom_radio {
    position: relative;
    display: inline-block;
}

.custom_radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    cursor: pointer;
}

.custom_radio input[type=radio]:checked+label:before {
    box-shadow: 0 0 0 4px #fff inset;
    border-color: #323232;
    background: #323232;
}

.custom_radio label:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    border: 2px solid #323232;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    left: 0;
    top: 0px;
    pointer-events: none;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.custom_radio label {
    position: relative;
    padding: 0 0 0 30px;
    pointer-events: none;
    font-size: 15px;
    color: #303030;
    font-weight: normal;
    margin-bottom: 0;
    display: block;
}


/* Select box */

.chosen-container {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    border: 1px solid #e5e2e2;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 58px;
    line-height: 29px;
    padding: 13px 20px;
    overflow: visible;
    border-radius: 3px;
}

.chosen-container-single .chosen-single span {
    color: #999;
    font-size: 18px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    background: #fff;
}

.chosen-container .chosen-results li.highlighted {
    background: #ba8748;
}

.chosen-container-single .chosen-single div {
    background: transparant;
    width: 37px;
    border-radius: 0 3 3 0;
    -webkit-border-radius: 0 3 3 0;
    height: auto !important;
    top: -1px;
    bottom: -1px;
    text-align: center;
    color: #191919;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparant;
}

.chosen-container-single .chosen-single div b {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.chosen-container-single .chosen-single div b:before {
    content: "\f107";
    font-size: 21px;
    line-height: 58px;
    color: #bbb;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:before {
    content: "\f106";
}


/* Close button */

.circle_cross {
    background: url(../images/close_ico.png) no-repeat center;
    border: 1px solid #979797;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 1;
    display: inline-block;
}

.circle_cross.small {
    width: 24px;
    height: 24px;
    background-size: 12px auto;
}

.circle_cross:hover {
    background-image: url(../images/close_ico1.png);
    background-color: #ba8748;
    opacity: 1;
    border-color: #ba8748;
}

.dtable_row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.dtable_col {
    display: table-cell;
    padding: 10px 8px;
}


/* Bootstrap model popup */

.modal {
    z-index: 1071;
}


/* Title */

.top_ttsec {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 30px;
}

.top_ttsec h3 {
    margin: 1px 0;
    color: #6d6864;
    font-family: 'catamaranlight';
    font-size: 36px;
}


/* Header Style */

header {
    height: 70px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    position: fixed;
    width: 100%;
    z-index: 50;
}

.header_in {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background:white;
    border-bottom: 1px solid #e0e0e0;
    z-index: 1;
}

header .container {
    z-index: 10;
}

.logo {
    height: 70px;
    line-height: 70px;
}

.logo img {
    max-height: 100%;
}

.mobile_profileimg {
    display: none;
}

.navbar {
    min-height: 70px;
    margin: 0;
}

#responsive_menu.navbar-collapse {
    padding: 0;
}

.normal_menu li {
    margin-right: 5px;
}

.normal_menu>li>a {
    line-height: 38px;
    color: #303030;
    font-family: 'Montserrat';
    font-weight: normal;
    position: relative;
    padding: 15px 2px;
    font-size: 15px;
}

.normal_menu li a:after {
    height: 2px;
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    width: 0px;
    background: #8d8682;
    transition: all 0.5s ease;
    position: absolute;
}

.normal_menu li a:hover,
.normal_menu li.active a {
    background: transparent;
    color: #8d8682;
}

.normal_menu li a:hover:after,
.normal_menu li.active a:after {
    width: 100%;
}

.nav.navbar-nav.log_sign_wrap {
    margin: 8px 0;
}

.nav.navbar-nav.log_sign_wrap>li>a {
    font-size: 15px;
    color: #8d8682;
    font-family: 'Montserrat';
    text-transform: capitalize;
    font-weight: normal;
    padding: 15px 0;
}

.nav.navbar-nav.log_sign_wrap li.login {
    margin-right: 15px;
}

.ddspan_menuout {
    margin: 9px 0;
}

.ddspan_menuout.open+.dropdown-menu {
    display: block;
}

.ddspan_menuout>a {
    font-size: 15px;
    color: #222222;
    font-family: 'catamaranbold';
    text-transform: capitalize;
    font-weight: normal;
}

.ddspan_menuout>a:hover {
    font-size: 15px;
    color: #928982;
}

.nav.navbar-nav.log_sign_wrap li.login a:hover,
.nav.navbar-nav.log_sign_wrap li.login a:focus {
    background: transparent;
    color: #3a2718;
}

.nav.navbar-nav.log_sign_wrap li.signup,
.nav.navbar-nav.log_sign_wrap li.notification_head {
    margin: 9px 0;
    position: relative;
}

.nav.navbar-nav.log_sign_wrap li.signup a {
    padding: 1px 22px;
    /*border: 2px solid #ca9f7c;*/
    border: 2px solid #b9b4b2;
    border-radius: 5px;
    line-height: 26px;
    height: 32px;
}

.nav.navbar-nav.log_sign_wrap li.signup a:hover,
.nav.navbar-nav.log_sign_wrap li.signup a:focus {
    border-color: #3a2718;
    color: #3a2718;
    background: transparent;
}

.nav.navbar-nav.log_sign_wrap li i,
.nav.navbar-nav.log_sign_wrap li a {
    display: inline-block;
    vertical-align: middle;
}

.nav.navbar-nav.log_sign_wrap li i {
    width: 31px;
    height: 31px;
    margin-right: 8px;
    position: relative;
    border-radius: 50%;
}

.nav.navbar-nav.log_sign_wrap li i img {
    border-radius: 50%;
    height: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: transparent;
    border: 0px;
}

.navbar-nav>li>.dropdown-menu {
    border: 6px solid #424242;
    padding: 15px 20px;
    min-width: 190px;
    border-radius: 3px;
}

.dropdown-menu li a {
    padding: 8px 0;
    font-size: 15px;
    color: #231f20;
}

.nav.navbar-nav.log_sign_wrap li .dropdown-menu li a:hover,
.nav.navbar-nav.log_sign_wrap li .dropdown-menu li a:focus,
.nav.navbar-nav.log_sign_wrap li.active .dropdown-menu li a {
    color: #8d8682;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background: transparent;
}

.nav.navbar-nav.log_sign_wrap li.notification_head a {
    padding: 0;
}

.nav.navbar-nav.log_sign_wrap li.notification_head .notifi_count {
    background: #222;
    border-radius: 13px;
    color: #fff;
    font-size: 10px;
    height: 15px;
    line-height: 12px;
    padding: 2px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: -4px;
    width: 15px;
}


/* Menu Style */

.navbar-toggle {
    z-index: 5;
    width: 25px;
    min-height: 17px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    margin: 30px 0;
    float: right;
    padding: 0;
    border-radius: 0;
}

.navbar-toggle .icon-bar {
    border-radius: 0;
}

button.navbar-toggle:hover {
    background: transparent;
}

.icon-bar {
    position: absolute;
    left: 1px;
    width: 100%;
    height: 2px;
    background: #222;
    margin: 0 !important;
}

.icon-bar:nth-child(1) {
    top: 0;
}

.icon-bar:nth-child(2) {
    top: 5px;
}

.icon-bar:nth-child(3) {
    top: 10px;
}

.navbar-toggle:hover .icon-bar:nth-child(1) {
    -webkit-animation: animateMenuBtn 0.7s 0s;
    animation: animateMenuBtn 0.7s 0s;
}

.navbar-toggle:hover .icon-bar:nth-child(2) {
    -webkit-animation: animateMenuBtn 0.7s 0.2s;
    animation: animateMenuBtn 0.7s 0.2s;
}

.navbar-toggle:hover .icon-bar:nth-child(3) {
    -webkit-animation: animateMenuBtn 0.7s 0.4s;
    animation: animateMenuBtn 0.7s 0.4s;
}

@keyframes animateMenuBtn {
    49.9% {
        transform: translateX(100%);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes animateMenuBtn {
    49.9% {
        transform: translateX(100%);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

.navbar-toggle:hover .icon-bar {
    background: #3a2718;
}


/* Modal design */

.modal-dialog {
    /*width: 550px; max-width:550px; */
    margin: auto;
    padding: 10px;
}

.modal-header {
    background: #b9b4b2;
    border: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header .modal-title {
    font-size: 18px;
    color: #6d6864;
    font-family: 'catamaranbold';
}

.modal-body {
    background: #ffffff;
    padding: 40px 90px;
}

.button_group {
    text-align: center;
    margin: 0 0 25px;
}

.button_group a,
.button_group input,
.modal-body .button_group button {
    margin-right: 15px;
}

.button_group a:last-child,
.button_group input:last-child,
.modal-body .button_group button:last-child {
    margin-right: 0;
}

.modal-header .close {
    margin-bottom: 0;
    height: auto;
    min-width: inherit;
}

.modal-header .close:hover {
    color: #000;
    background: transparent;
}

.forgot_link {
    text-align: right;
    margin: 5px 0;
    position: relative;
}

.forgot_link a {
    font-size: 15px;
    font-family: 'catamaranbold';
}

.forgot_link a:hover {
    color: #3a2718;
}

.modal-body .form-group-btn {
    text-align: center;
    margin-top: 15px;
}

.form-group-btn input[type="reset"],
.form-group-btn input[type="button"],
.form-group-btn input[type="submit"] {
    min-width: 100px;
}

.form-group-captcha {
    margin: 15px 0;
    text-align: center;
}

.loginpopup .form-group-captcha {
    margin: -7px -17px 15px;
}

.form-group-captcha>div {
    margin: 0 auto;
}

.notify_message {
    text-align: center;
    margin: 0 0 25px;
}

.notify_message h3 {
    color: #222222;
    font-size: 48px;
    font-family: 'catamaranlight';
}

.notify_message p {
    color: #231f20;
    font-size: 18px;
    font-family: 'catamaranbold';
}

.signup_wrap,
.forgot_wrap {
    display: none;
}

.back_login {
    margin: 8px auto;
    text-align: center;
}

.common_after_loginpopup.modal {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.modal-body p {
    font-size: 18px;
    text-align: center;
}

.form-control.editor_group p {
    text-align: left;
}

.common_after_loginpopup.modal .modal-header,
.common_after_loginpopup.modal .modal-content {
    border-radius: 0px;
}


/* Footer Style */

.footer_bottom {
    background: #222222;
    text-align: center;
    padding: 8px 0;
}

.footer_bottom p {
    font-size: 15px;
    color: #fff;
    font-family: 'catamaranregular';
    margin: 0;
}

.footer_top {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #fff;
    padding: 15px 0;
}

.osmo_logo {
    text-align: center;
    margin: 18px 0;
}

.footer_top .normal_menu li {
    padding: 0;
}

.footer_top .normal_menu li a {
    font-size: 15px;
    color: #303030;
    line-height: normal;
    padding: 0;
}

.footer_top .normal_menu li a:hover,
.footer_top .normal_menu li.active a {
    color: #8d8682;
}

.footer_top .normal_menu li a:hover:after,
.footer_top .normal_menu li.active a:after {
    width: 0;
}

.footer_top .navbar {
    min-height: inherit;
}

.social_icons {
    padding: 0;
    margin: 8px 0 0 0;
}

.social_icons:after {
    clear: both;
    display: block;
    content: '';
}

.social_icons li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    text-align: center;
}

.social_icons li a {
    display: block;
    width: 21px;
    height: 21px;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    font-size: 0px;
    margin: 0;
}

.social_icons li a.twit {
    background-position: -12px -385px;
}


/*.social_icons li a.twit:hover { background-position: -35px -385px; }*/

.social_icons li a.twit:hover {
    background-position: -12px -385px;
}

.social_icons li a.face {
    background-position: -12px -363px;
}


/*.social_icons li a.face:hover { background-position: -35px -363px; }*/

.social_icons li a.face:hover {
    background-position: -12px -363px;
}

.social_icons li a.gplus {
    background-position: -12px -409px;
}


/*.social_icons li a.gplus:hover { background-position: -35px -409px; }*/

.social_icons li a.gplus:hover {
    background-position: -12px -409px;
}

.social_icons li a.insta {
    background-position: -11px -433px;
}


/*.social_icons li a.insta:hover { background-position: -35px -433px; }*/

.social_icons li a.insta:hover {
    background-position: -11px -433px;
}

.social_icons li a.lin {
    background-position: -11px -457px;
}


/*.social_icons li a.lin:hover { background-position: -34px -457px; }*/

.social_icons li a.lin:hover {
    background-position: -11px -457px;
}

.social_icons li a.youtube {
    background-position: -11px -479px;
}


/*.social_icons li a.youtube:hover { background-position: -33px -479px; }*/

a.contact_us {
    display: block;
    background: #222222;
    color: #fff;
    font-size: 15px;
    font-family: 'catamaranbold';
    border: 3px solid #222222;
    line-height: normal;
    height: auto;
    margin: 9px 0px;
    padding: 8px 12px;
}

a.contact_us:hover,
a.contact_us:focus {
    color: #fff;
    border-color: #8d8682;
    background: #8d8682;
}


/* Inner Page Section style */


/* Banner Section */

.banner_section {
    background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
}

.ban_info_out {
    height: 530px;
}

.ban_info_out:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 60%;
}

.ban_info {
    display: inline-block;
    width: 39%;
    vertical-align: middle;
}

.ban_info h2 {
    text-align: left;
    font-size: 28px;
    margin: 0 0 7px;
    text-shadow: 2px 0 1px rgba(255, 255, 255, 0.4);
}

.ban_info h2 span {
    color: #FFF;
    text-shadow: none;
}

.ban_info p {
    margin: 0 0 28px;
    color: #FFF;
    text-shadow: 2px 0 1px rgba(255, 255, 255, 0.4);
}

.ban_info .btn {
    padding: 5px 28px;
}


/* How it works section */

.inner_container {
    width: 960px;
    margin: 0 auto;
}

section h2 {
    text-align: center;
    font-size: 32px;
    font-family: 'catamaranbold';
    color: #231f20;
}

.most_recent_assest {
    padding: 40px 0;
    background: #fff;
}

.most_recent_assest .asset_media {
    overflow: hidden;
}

.media_wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 50px;
}

.media_img,
.media_body {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.media-heading {
    font-size: 28px;
    font-family: 'catamaranbold';
    color: #231f20;
    margin: 0 0 20px;
}

.media_body p {
    font-size: 18px;
    line-height: 24px;
    color: #231f20;
    font-family: 'catamaranregular';
    margin: 0 0 30px;
}


/*
.howitworks_row{ padding: 65px 0;}
.howitworks_row.even{ background: #fafafa;}
.howitworks_row .media_wrap{ margin-top: 0;}
*/

.calculation_contribt_wrap {
    padding: 70px 0;
    background: #222222;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.calculation_contribt_wrap li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 70px;
}

.calculation_contribt_wrap h4 {
    font-size: 32px;
    color: #ffffff;
    font-family: 'catamaranbold';
    margin: 0 0 8px;
}

.calculation_contribt_wrap p {
    font-size: 15px;
    color: #ffffff;
    font-family: 'catamaranbold';
    margin: 0 0 0px;
    letter-spacing: 2px;
}


/* Testimonial section  */

.testimonial_sec {
    padding: 50px 0;
}

.testimonial_sec h2 {
    margin: 0 0 65px;
}

.testimonial_sec ul {
    text-align: center;
}

.testimonial_sec li {
    background: #f9f9f9;
    padding: 25px 27px 80px;
    display: inline-block;
    width: 40%;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin: 0 12px 55px;
    position: relative;
}

.testimonial_quotetext {
    position: relative;
    padding: 0 40px 17px;
    margin: 0 0 30px;
    text-align: left;
}

.testimonial_quotetext:before {
    content: "";
    background: url(../images/tquote.png) no-repeat;
    width: 24px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
}

.testimonial_quotetext:after {
    content: "";
    background: url(../images/bquote.png) no-repeat;
    width: 24px;
    height: 21px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.testimonial_info h4 {
    font-size: 15px;
}

.testimonial_info h4 a {
    color: #191919;
    font-family: catamaranbold;
}

.testimonial_info h4 a:hover {
    color: #000;
}

.testimonial_img {
    position: absolute;
    width: 110px;
    height: 110px;
    background: #fff;
    padding: 5px;
    border-radius: 100%;
    left: 0;
    right: 0;
    bottom: -55px;
    margin: 0 auto;
}


/* Blog section */

.blog_sec {
    background: #fafafa;
    padding: 54px 0 50px;
}

.blog_sec h2 {
    margin: 0 0 55px;
}

.blog_itemrow {
    margin: 0 0 9px;
}

.blog_itemrow:after {
    content: "";
    display: block;
    clear: both;
}

.blog_col {
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin: 0 0 20px;
}

.blog_item {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
}

.blog_itemimg {
    height: 243px;
    line-height: 238px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}

.blog_itemimg img {
    position: relative;
    max-height: 100%;
}

.blog_iteminfo {
    padding: 12px 16px;
    border-radius: 2px;
}

.blog_iteminfo h4 {
    font-family: catamaranbold;
    font-size: 21px;
    height: 45px;
    overflow: hidden;
    margin: 0 0 60px;
}

.blog_actionlist {}

.blog_actionlist li {
    display: inline-block;
    margin: 0 16px 0 0;
}

.blog_actionlist li a {
    color: #8d8682;
    position: relative;
    padding: 0 0 0 22px;
    font-family: catamaranbold;
}

.blog_actionlist li a:hover {
    color: #191919;
}

.blog_actionlist li a i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.ico_view {
    background: url(../images/ico_view.png) no-repeat;
    width: 16px;
    height: 11px;
}

.ico_commend {
    background: url(../images/ico_commend.png) no-repeat;
    width: 16px;
    height: 16px;
}

.blog_sec .load_more_option {
    padding: 0;
}

.blog_sec .load_more_option .btn {
    margin-bottom: 0;
}

.most_recent_assest h2 {
    margin: 0 0 40px;
}

.asset_media {
    position: relative;
    border-radius: 5px;
    border: 1px solid #eef0f2;
    height: 220px;
}

.asset_media>a {
    display: block;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.only_for_image {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.asset_media .only_for_image img,
.asset_media img {
    bottom: -50%;
    left: -50%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: -50%;
    top: -50%;
}

span.spec {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'catamaranbold';
    background: #3c3d3d;
    border: 1px solid #8d8f91;
    padding: 0px 10px;
    border-radius: 3px;
}

.asset_media span.spec {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.asset_body {
    margin: 8px 0 0px;
}

.asset_body a {
    margin-bottom: 10px;
    display: block;
    /* min-height: 47px; max-height: 47px; overflow: hidden;*/
}

.asset_body h4,
.asset_body a {
    font-size: 18px;
    color: #303030;
    line-height: 22px;
    font-family: 'catamaranbold';
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.asset_body a:hover,
.asset_body a:hover h4 {
    color: #222222;
}

span.gray {
    font-size: 15px;
    color: #fff;
    font-family: 'catamaranbold';
    background: #8d8682;
    padding: 4px 12px 3px;
    border-radius: 3px;
    line-height: 16px;
    display: inline-block;
}

.asset_body span.gray {
    margin-right: 3px;
    margin-bottom: 5px;
    position: relative;
}

.asset_body span.gray.cinfo_plus {
    padding-right: 25px;
}


/* Community category toggle */

.ccategroy_toggle {
    position: absolute;
    right: 0;
    background: #000;
    width: 20px;
    height: 23px;
    line-height: 23px;
    font-style: normal;
    top: 0;
    text-align: center;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    color: #222222;
}

.ccategroy_toggle:hover {
    background: #222222;
    color: #fff;
}

.ccategroy_popup:after {
    width: 8px;
    height: 8px;
    display: block;
    content: "";
    background: #454545;
    transform: rotate(132deg);
    -webkit-transform: rotate(132deg);
    position: absolute;
    top: -9px;
    left: 15px;
}

.ccategroy_popup {
    margin: 0;
    padding: 15px;
    width: 240px;
    border: 5px solid #454545;
    background: #fff;
    text-align: left;
    position: relative;
    display: none;
    position: absolute;
    z-index: 999;
    left: 15px;
}

.ccategroy_popup li {
    list-style-type: none;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-family: 'catamaranbold';
    margin: 0 0px 4px;
    padding: 2px 11px;
    background: #8d8682;
    border-radius: 3px;
}

.tim_det {
    height: 28px;
    overflow: hidden;
}

span.time_clk .timer {
    background: url(../images/icon_set.png) no-repeat -6px -4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

span.time_clk {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
}


/* OpenSidebar Style */

.bg_open_lftbar {
    background: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px;
}

.open_leftbar h4,
.common_cms_wrap .sidebar_comminfo h4 {
    font-size: 15px;
    color: #b9b4b2;
    font-family: 'catamaranbold';
    margin: 0 0 15px;
    text-transform: uppercase;
}

.common_cms_wrap .sidebar_comminfo .mob_comm_name h4 {
    margin: 0 0 5px;
}

.common_cms_wrap .sidebar_comminfo .mob_comm_name p {
    margin: 0 0 0px;
    color: #8d8682;
}

.explore_leftopen {
    margin: 0 -15px 50px;
    padding: 0;
}

.explore_leftopen li {
    list-style-type: none;
    position: relative;
}

.explore_leftopen li a {
    display: block;
    padding: 8px 15px;
    font-size: 15px;
    color: #222222;
    border: 1px solid transparent;
    position: relative;
}

.explore_leftopen li a:hover,
.explore_leftopen li.active a {
    background: #323232;
    color: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.explore_leftopen li a i {
    width: 31px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
}

.explore_leftopen li a i.asset {
    background-position: -4px -177px;
}

.explore_leftopen li a i.commun {
    background-position: -4px -211px;
}

.explore_leftopen li a i.disscu {
    background-position: -4px -253px;
}

.explore_leftopen li a i.my_disscu {
    background-position: -180px -252px;
}

.explore_leftopen li a i.ppl {
    background-position: -4px -289px;
}

.explore_leftopen li a i.poll {
    background-position: -4px -324px;
}

.explore_leftopen li a i.about {
    background-position: -71px -66px;
}

.explore_leftopen li a i.team {
    background-position: -73px -101px;
}

.explore_leftopen li a:hover i.asset,
.explore_leftopen li.active a i.asset {
    background-position: -40px -177px;
}

.explore_leftopen li a:hover i.commun,
.explore_leftopen li.active a i.commun {
    background-position: -40px -211px;
}

.explore_leftopen li a:hover i.disscu,
.explore_leftopen li.active a i.disscu {
    background-position: -38px -253px;
}

.explore_leftopen li a:hover i.my_disscu,
.explore_leftopen li.active a i.my_disscu {
    background-position: -143px -252px;
}

.explore_leftopen li a:hover i.ppl,
.explore_leftopen li.active a i.ppl {
    background-position: -38px -289px;
}

.explore_leftopen li a:hover i.poll,
.explore_leftopen li.active a i.poll {
    background-position: -37px -324px;
}

.explore_leftopen li a:hover i.about,
.explore_leftopen li.active a i.about {
    background-position: -105px -66px
}

.explore_leftopen li a:hover i.team,
.explore_leftopen li.active a i.team {
    background-position: -105px -101px;
}

.explore_leftopen li a:hover i.category_asset,
.explore_leftopen li.active a i.category_asset {
    background-position: -213px -312px;
}

.explore_leftopen li a:hover i.manage_pod,
.explore_leftopen li.active a i.manage_pod {
    background-position: -213px -378px;
}

.close_left_bar .explore_leftopen li a span {
    display: none;
}

.close_left_bar .explore_leftopen li a span.s_arrow {
    display: block;
}

.close_left_bar .explore_leftopen li a i {
    display: block;
    margin: 0 auto;
}

.explore_leftopen li a i.intent_asset {
    background-position: -39px -30px;
}

.explore_leftopen li a i.iterat_asset {
    background-position: -76px -211px;
}

.explore_leftopen li a i.relate_asset {
    background-position: -76px -249px;
}

.explore_leftopen li a i.realte_commun {
    background-position: -4px -211px;
}

.explore_leftopen li a i.share_asset {
    background-position: -39px -137px;
}

.explore_leftopen li a i.personal_notes {
    background-position: -79px -285px;
}

.explore_leftopen li a i.contirbut_note {
    background-position: -77px -322px;
}

.explore_leftopen li a i.bookmark_note {
    background-position: -77px -359px;
}

.explore_leftopen li a i.notify_note {
    background-position: -79px -399px;
}

.explore_leftopen li a i.browse_history {
    background-position: -78px -467px;
}

.explore_leftopen li a i.my_network {
    background-position: -78px -434px;
}

.explore_leftopen li a i.statics_pod {
    background-position: -178px -103px;
}

.explore_leftopen li a i.customize_pod {
    background-position: -178px -140px;
}

.explore_leftopen li a i.contman_pod {
    background-position: -180px -284px;
}

.explore_leftopen li a i.users_pod {
    background-position: -180px -321px;
}

.explore_leftopen li a i.users_admin {
    background-position: -213px -413px;
}

.explore_leftopen li a i.event_pod {
    background-position: -180px -358px;
}

.explore_leftopen li a i.competition_pod {
    background-position: -180px -400px;
}

.explore_leftopen li a i.reports_pod {
    background-position: -180px -436px;
}

.explore_leftopen li a i.pastcompetition_pod {
    background-position: -180px -468px;
}

.explore_leftopen li a i.openforvote_pod {
    background-position: -214px -103px;
}

.explore_leftopen li a i.calender_menu {
    background-position: -213px -138px;
}

.explore_leftopen li a i.event_list {
    background-position: -213px -174px;
}

.explore_leftopen li a i.category_asset {
    background-position: -213px -278px;
}

.explore_leftopen li a i.manage_pod {
    background-position: -247px -378px;
}

.explore_leftopen li a:hover i.intent_asset,
.explore_leftopen li.active a i.intent_asset {
    background-position: -4px -30px;
}

.explore_leftopen li a:hover i.iterat_asset,
.explore_leftopen li.active a i.iterat_asset {
    background-position: -109px -211px;
}

.explore_leftopen li a:hover i.relate_asset,
.explore_leftopen li.active a i.relate_asset {
    background-position: -110px -249px;
}

.explore_leftopen li a:hover i.realte_commun,
.explore_leftopen li.active a i.realte_commun {
    background-position: -40px -211px;
}

.explore_leftopen li a:hover i.share_asset,
.explore_leftopen li.active a i.share_asset {
    background-position: -3px -137px;
}

.explore_leftopen li a:hover i.personal_notes,
.explore_leftopen li.active a i.personal_notes {
    background-position: -112px -284px;
}

.explore_leftopen li a:hover i.contirbut_note,
.explore_leftopen li.active a i.contirbut_note {
    background-position: -111px -322px;
}

.explore_leftopen li a:hover i.bookmark_note,
.explore_leftopen li.active a i.bookmark_note {
    background-position: -113px -359px;
}

.explore_leftopen li a:hover i.notify_note,
.explore_leftopen li.active a i.notify_note {
    background-position: -115px -399px;
}

.explore_leftopen li a:hover i.browse_history,
.explore_leftopen li.active a i.browse_history {
    background-position: -115px -467px;
}

.explore_leftopen li a:hover i.my_network,
.explore_leftopen li.active a i.my_network {
    background-position: -114px -434px;
}

.explore_leftopen li a:hover i.statics_pod,
.explore_leftopen li.active a i.statics_pod {
    background-position: -146px -103px;
}

.explore_leftopen li a:hover i.customize_pod,
.explore_leftopen li.active a i.customize_pod {
    background-position: -146px -140px;
}

.explore_leftopen li a:hover i.contman_pod,
.explore_leftopen li.active a i.contman_pod {
    background-position: -145px -284px;
}

.explore_leftopen li a:hover i.users_pod,
.explore_leftopen li.active a i.users_pod {
    background-position: -146px -321px;
}

.explore_leftopen li a:hover i.users_admin,
.explore_leftopen li.active a i.users_admin {
    background-position: -248px -413px;
}

.explore_leftopen li a:hover i.event_pod,
.explore_leftopen li.active a i.event_pod {
    background-position: -146px -358px;
}

.explore_leftopen li a:hover i.competition_pod,
.explore_leftopen li.active a i.competition_pod {
    background-position: -145px -400px;
}

.explore_leftopen li a:hover i.reports_pod,
.explore_leftopen li.active a i.reports_pod {
    background-position: -147px -436px;
}

.explore_leftopen li a:hover i.pastcompetition_pod,
.explore_leftopen li.active a i.pastcompetition_pod {
    background-position: -147px -468px;
}

.explore_leftopen li a:hover i.openforvote_pod,
.explore_leftopen li.active a i.openforvote_pod {
    background-position: -247px -103px;
}

.explore_leftopen li a:hover i.calender_menu,
.explore_leftopen li.active a i.calender_menu {
    background-position: -247px -138px;
}

.explore_leftopen li a:hover i.event_list,
.explore_leftopen li.active a i.event_list {
    background-position: -249px -174px;
}


/* Submenu left sidebar */

.submenu_left {
    display: none;
}

.s_arrow {
    width: 15px;
    height: 15px;
    display: block;
    background: url(../images/icon_set.png) no-repeat -142px -34px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.explore_leftopen li a.active .s_arrow,
.explore_leftopen li a:hover .s_arrow,
.explore_leftopen li.active a .s_arrow {
    background-position: -164px -34px;
}

.explore_leftopen li .submenu_left {
    border: 1px solid #bd9471;
    ;
    left: 90px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 295px;
    z-index: 9999;
    border-radius: 3px;
}

.explore_leftopen li .submenu_left li a {
    display: block;
    padding: 12px 20px;
    background: #222222;
    font-size: 15px;
    color: #ffffff;
    border-bottom: 1px solid #a97549;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

.explore_leftopen li .submenu_left li a:hover,
.explore_leftopen li .submenu_left li a.active,
.explore_leftopen li .submenu_left li.active a {
    background: #7b5332;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}


/* Tooltip Style */

.tools_bar_asset .tooltip.right .tooltip-arrow {
    display: none;
}

.tools_bar_asset .tooltip-inner {
    min-width: 130px;
    font-size: 12px;
    color: #ffffff;
    font-family: 'catamaranregular';
    background: #3c3d3d;
    line-height: normal;
    padding: 3px 8px;
}

.tooltip-inner {
    min-width: 185px;
    font-size: 12px;
    font-family: 'catamaranbold';
    text-align: center;
    background: #444444;
    padding: 8px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #444444;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #444444;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #444444;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #444444;
}

.tooltip.in {
    opacity: 1;
}

.right_action_note .tooltip-inner {
    min-width: inherit;
    padding: 4px 8px;
    font-family: 'catamaranregular';
}

.explore_leftopen .tooltip-inner {
    background: #424242;
    background: rgba(0, 0, 0, 0.75);
    font-size: 15px;
    border-radius: 3px;
    padding: 8px;
    line-height: 16px;
    font-family: 'catamaranregular';
}

.explore_leftopen .tooltip-arrow {
    display: none;
}

.explore_leftopen .tooltip {
    /* left: 92% !important; /* left space needed */
}


/* Button group buttons */

.btn-group .btn {
    line-height: normal;
    padding: 3px 20px;
    background: transparent;
    color: #8d8682;
    font-family: 'catamaranregular';
    border-width: 1px;
    margin-bottom: 2px;
}

.btn-group .btn-default {
    border-color: #8d8682;
}

.btn-group .btn:hover,
.btn-group .btn.active {
    background: #8d8682;
    color: #fff;
}


/* custom select CSS */

.selectpicker {
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(../images/dropdown.png) no-repeat 100% center, #e9e8e7;
    color: #8d8682;
    border: 1px solid #e9e8e7;
    outline: none;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 42px;
    font-size: 15px;
    font-family: 'catamaranregular';
    padding: 0 38px 0 5px;
}

.selectpicker.form-control {
    padding: 0 38px 0 5px;
}

.sorting_section .selectpicker {
    background: url(../images/select.png) no-repeat right center;
    border: 1px solid #afaaa7;
    height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden !important;
    display: block;
    max-width: 115px;
}

.form-inline .sorting_section .form-group,
.sorting_section .form-inline .form-group {
    margin-bottom: 0px;
}

.right_sort {
    text-align: right;
}

.right_sort>div {
    /*float: right;*/
}

section h5 {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
    margin: 0;
    line-height: 36px;
}


/* Scroll to top */

.scrolltop {
    background: #222222 url("../images/uparrow.png") no-repeat scroll center center;
    border-radius: 4px;
    bottom: 50px;
    cursor: pointer;
    display: none;
    height: 40px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 40px;
    z-index: 99;
}

.scrolltop:hover {
    background: #4c3420 url("../images/uparrow.png") no-repeat scroll center center;
    bottom: 53px;
}


/* Explore asset right section */

.expl_ass_row>[class*="col-"] {
    padding-bottom: 40px;
    min-height: 320px;
}

.expl_ass_row:last-child {
    padding-bottom: 0px;
}

.heading_section {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.heading_section h3,
.heading_section input,
.heading_section .form-group,
.sorting_section .form-group {
    margin: 0;
}

.heading_section h3 {
    margin: 1px 0;
    color: #6d6864;
    font-family: 'catamaranlight';
    font-size: 36px;
}

.heading_section input[type="text"].custom_bg,
input[type="text"].custom_bg {
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 35px;
    padding-right: 38px;
}

.sorting_section {
    padding: 12px 0 9px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 30px;
}

.sort_bot_com {
    display: inline-block;
    margin: 0 0 0 10px;
}

.sort_top_com {
    display: inline-block;
    margin: 0 10px 0 0;
}

.tools_bar_asset {
    width: 32px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.tools_bar_asset a.tools_list {
    display: block;
    width: 31px;
    height: 31px;
    margin: 0 0 5px 0;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
}

.tools_bar_asset a.intent.tools_list {
    background-position: -4px -30px;
}

.tools_bar_asset a.inspire.tools_list {
    background-position: -4px -66px;
}

.tools_bar_asset a.bookmrk.tools_list {
    background-position: -4px -101px;
}

.tools_bar_asset a.share.tools_list {
    background-position: -4px -137px;
}

.tools_bar_asset a.assetlib_option.tools_list {
    background-position: -146px -67px;
}

.tools_bar_asset a.intent:hover,
.tools_bar_asset a.intent.active {
    background-position: -39px -30px;
}

.tools_bar_asset a.inspire:hover,
.tools_bar_asset a.inspire.active {
    background-position: -39px -66px;
}

.tools_bar_asset a.bookmrk:hover,
.tools_bar_asset a.bookmrk.active {
    background-position: -39px -101px;
}

.tools_bar_asset a.share:hover,
.tools_bar_asset a.share.active {
    background-position: -39px -137px;
}

.tools_bar_asset a.assetlib_option.tools_list:hover,
.tools_bar_asset a.assetlib_option.active {
    background-position: -179px -67px;
}

.popup_asset,
.popup_asset_libry {
    width: 300px;
    border: 5px solid #424242;
    padding: 32px 15px;
    position: absolute;
    background: #ffffff;
    z-index: 99;
    border-radius: 3px;
    top: 0;
    left: 35px;
    display: none;
}

.popup_asset {
    max-height: 500px;
    overflow: auto;
}

.popup_asset_libry {
    width: 200px;
    padding: 15px;
}

.popup_asset_libry ul {
    padding: 0;
    margin: 0;
}

.popup_asset_libry ul li {
    display: block;
    list-style-type: none;
    margin: 0 0 8px;
}

.discussion_head .popup_asset_libry ul {
    display: block;
    text-align: left;
}

.discussion_head .popup_asset_libry ul li {
    display: block;
    padding: 0;
}

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

.popup_asset_libry ul li a {
    color: #231f20;
}

.popup_asset_libry ul li a:hover,
.popup_asset_libry ul li.active a {
    color: #222222;
}

.head_pop_asset,
.publis_asset,
.author_pop_asset {
    margin: 0 0 20px;
    padding: 0 0 0px;
    border-bottom: 1px solid #d9d9d9;
}

.head_pop_asset h4 {
    font-size: 21px;
    font-family: 'catamaranbold';
    color: #6d6864;
    margin: 0 0 12px;
}

.head_pop_asset p,
.publis_asset p,
.discussion_detail_inner .head_pop_asset p,
.discussion_detail_inner .publis_asset p {
    font-size: 15px;
    font-family: 'catamaranregular';
    color: #231f20;
    height: auto;
}

.publis_asset h4,
.author_pop_asset h4,
.version_pop_asset h4 {
    font-size: 15px;
    color: #b9b4b2;
    text-transform: uppercase;
    margin: 0 0 12px;
    font-family: 'catamaranbold';
}

.author_pop_asset h5 {
    font-size: 15px;
    color: #222222;
    margin: 0 0 12px;
    line-height: normal;
    font-family: 'catamaranbold';
}

.version_list {
    margin: 0;
    padding: 0;
}

.version_list li,
.version_tag {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
}

.version_list li i.edit,
.version_tag i {
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon_set.png) no-repeat -30px -3px;
}

.close_pop_asset,
.comm_seartag_close {
    width: 20px;
    height: 23px;
    display: block;
    background: url(../images/icon_set.png) no-repeat -46px 2px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.close_pop_asset:hover,
.comm_seartag_close:hover {
    background-position: -66px 2px;
}


/* Explore Community */

.commun_asst_detail {
    max-width: 450px;
    word-wrap: break-word;
}

.commun_asst_detail_poll.commun_asst_detail {
    max-width: 520px;
}

.commun_asst_detail h4 {
    font-size: 18px;
    color: #231f20;
    font-family: 'catamaranbold';
    margin: 0 0 5px;
}

.lockicon_tt {
    padding-left: 24px;
    position: relative;
}

.lockicon_tt img {
    position: absolute;
    left: 0;
    top: 0;
}

.commun_asst_detail p {
    font-size: 15px;
    color: #231f20;
    font-family: 'catamaranregular';
    max-height: 65px;
    overflow: hidden;
}

.commun_views h5,
.commun_actvty h5 {
    font-size: 18px;
    color: #8d8682;
    font-family: 'catamaranbold';
    line-height: 18px;
    font-weight: normal;
}

.commun_views h5 span,
.commun_actvty h5 span {
    display: block;
    font-size: 12px;
    line-height: normal;
}

.action_btn a.btn {
    padding: 12px;
}

.load_more_option {
    padding: 15px 0 50px;
    text-align: center;
}

.tags_wrapper {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    background: #fff;
    padding: 15px;
    margin: 0 0 25px;
}

.tags_wrapper ul,
.comm_seartag ul {
    margin: 0;
    padding: 0;
}

.tags_wrapper ul li,
.comm_seartag ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 6px 0;
}

.tags_wrapper ul li a,
.comm_seartag ul li a {
    padding: 2px 5px;
    border-radius: 50px;
    border: 1px solid #222222;
    display: block;
}

.tags_wrapper ul li a:hover,
.comm_seartag ul li a:hover,
.comm_seartag ul li a:focus,
.tags_wrapper ul li a:focus {
    color: #3a2718;
    border-color: #3a2718;
}

.advertise {
    text-align: center;
}


/* Explore Discussion */

.subscbe {
    width: 19px;
    height: 26px;
    display: block;
    background: url(../images/icon_set.png) no-repeat -70px -30px;
    float: right;
    margin: 5px 0;
}

.postbar_info {
    position: relative;
    padding: 0 0 0 70px;
    margin: 0;
}

.community_dashpostbar_info {
    padding: 0;
}

.postbar_info_wrapper {
    margin: 15px 0;
}

.postbar_info:before {
    content: "";
    display: inline-block;
    min-height: 50px;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.postbar_info ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 98%;
    vertical-align: middle;
}

.postbar_profileimg {
    position: absolute;
    left: 8px;
    top: 0;
}

.postbar_info li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

.postbar_info li h5 {
    line-height: normal;
}

.postbottom_bar ul {
    margin: 0;
    padding: 0;
}

.postbottom_bar li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 0 0;
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
}

.dot_symbol {
    color: #8d8682;
    font-size: 0px;
    background: url(../images/dot.png) no-repeat center center;
    width: 13px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}


/* .discussion_head ul, .persl_sub_wrap ul, .main_discussion_head_ul { display: table; table-layout: fixed; padding: 0; margin: 0; }
.discussion_head ul li, .persl_sub_wrap ul li, .main_discussion_head_ul li { list-style-type: none; display: table-cell; vertical-align: middle; padding: 0 8px; } */

.discussion_detail:first-child .discussion_head {
    margin-top: -30px;
}

.discussion_detail .discussion_head {
    background: #fafafa;
    margin-bottom: 15px;
    padding: 8px;
}

.discussion_head h4,
.discussion_head h5,
.persl_sub_wrap ul li h4,
.persl_sub_wrap ul li h5,
.main_discussion_head_ul li h4,
.main_discussion_head_ul li h5 {
    font-size: 15px;
    margin: 0;
    color: #222222;
    font-family: 'catamaranbold';
}

.discussion_head h5,
.persl_sub_wrap ul li h5,
.main_discussion_head_ul li h5 {
    color: #8d8682;
    line-height: normal;
}

.discussion_head h5.dot,
.persl_sub_wrap ul li h5.dot,
.main_discussion_head_ul li h5.dot,
.discussion_detail_inner h5 span.dot {
    color: #8d8682;
    font-size: 0px;
    background: url(../images/dot.png) no-repeat center center;
    width: 13px;
    height: 23px;
}

.subcrb_btn_wrap .tooltip {
    left: auto !important;
    right: 7px;
}

.subcrb_btn_wrap .tooltip.bottom .tooltip-arrow {
    left: auto !important;
    right: 12px;
}

.discussion_detail_inner .tags_wrapper {
    padding: 0;
    border: 0;
    margin: 0 0 15px;
}

.discussion_detail_inner {
    padding: 0 15px;
}

.discussion_detail_inner .no_two_column>div {
    width: 100%;
}

.discussion_detail_inner h3 {
    font-size: 21px;
    color: #303030;
    font-family: 'catamaranbold';
    margin: 0 0 15px;
}

.discussion_detail_inner p {
    font-size: 15px;
    color: #303030;
    font-family: 'catamaranregular';
    margin: 0 0 15px;
    height: 110px;
    overflow: hidden;
}

.discussion_detail_inner h5 span {
    display: inline-block;
    vertical-align: middle;
}

.discussion_detail {
    padding: 0 0 25px;
    border-bottom: 1px solid #e0e0e0;
}

.no_two_column p {
    height: 60px;
}

.poll_list table tbody tr td {
    padding: 30px 8px;
}

.explore_communty_list table tbody tr td,
.explore_communty_list table tr td {
    padding: 20px 8px;
}

.member_infolist {
    margin: 0 0 20px;
}

.member_infolist .dtable_row {
    border-bottom: 1px solid #ddd;
    display: block;
}

.member_infolist .dtable_col {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 8px;
}

.meminfo_img {
    width: 100px;
}

.member_infolist .dtable_col.meminfo_img {
    vertical-align: top;
}

.meminfo_right {
    width: calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
}

.meminfo_des {
    width: 79%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

.member_infolist_explore .meminfo_des {
    width: 48%;
}

.meminfo_btsec {
    width: 20%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 8px;
}

.meminfo_btsec .btn {
    display: block;
}

.meminfo_lastactivity {
    width: 15%;
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
}

.meminfo_numberviews {
    width: 15%;
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
}

.meminfo_numberviews h5 {
    line-height: normal;
}


/* Discussion detail page */

.discussion_detail_heading {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}


/* My notification */

.notifi_infolist {
    margin: 0 0 20px;
}

.notifi_infolist .dtable_row {
    border-bottom: 1px solid #ddd;
    display: block;
}

.notifi_infolist .dtable_col {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px;
}

.notifi_infolist .dtable_row.unread_notification {
    background: #ccc;
}

.notifiinfo_img {
    width: 55px;
}

.notifiinfo_right {
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
}

.notifiinfo_des {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

.notifiinfo_btnsec {
    width: 40%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 8px;
}

.notifiinfo_btnsec .btn {
    display: inline-block;
    margin: 2px 4px;
}


/* Explore People */

.explore_people_list {
    padding: 30px 0 0 0;
}

.explore_people_list .people_list {
    margin: 0 0 40px;
}

.asset_media.peopl_media {
    border: 0px;
    overflow: hidden;
    min-height: inherit;
}

.asset_media.peopl_media img {
    border: 1px solid #eef0f2;
    width: 100%;
}

.asset_body.peopl_body {
    position: relative;
}

.asset_body.peopl_body h4 {
    padding-right: 30px;
    margin-bottom: 0px;
}

.asset_body.peopl_body span.status_wrap {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 5px;
    background: #e0e0e0;
    border-radius: 50%;
    top: 4px;
}

.asset_body.peopl_body span.status_wrap.active {
    background: #39b54a;
}

.asset_body.peopl_body h5 {
    font-size: 12px;
    line-height: normal;
}

.asset_body.peopl_body h5 span {
    margin-right: 8px;
    line-height: normal;
}

.expl_peop_row {
    margin-bottom: 30px;
}

.folw_wrap {
    background: #000;
    background: rgba(6, 6, 6, 0.7);
    background: url(../images/over.png) no-repeat bottom center;
    text-align: center;
    padding: 20px;
    position: absolute;
    /*bottom: -100%;*/
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-size: cover;
}

.asset_media.peopl_media:hover .folw_wrap {
    bottom: 0;
}

.folw_wrap .btn {
    padding: 2px 30px;
}

.common_cms_wrap {
    padding: 30px 0;
}

.common_cms_wrap h2 {
    text-align: left;
    font-size: 28px;
    color: #303030;
    margin: 0 0 15px;
}

.common_cms_wrap p {
    text-align: left;
    font-size: 15px;
    color: #303030;
    margin: 0 0 15px;
}

.common_cms_wrap h4,
.left_cms h4,
.heading_seciton_1 h4 {
    font-size: 21px;
    color: #303030;
    font-family: 'catamaranbold';
    margin: 15px 0 15px;
}


/*.common_cms_wrap img { margin: 15px 0; }*/

.full_width {
    padding: 45px 0 85px;
}

.full_width h4 {
    font-size: 36px;
    color: #6d6864;
    font-family: 'Tahoma';
    margin: 0 0 25px;
}

.full_width h5 {
    font-size: 28px;
    color: #303030;
    font-family: 'Tahoma';
    margin: 15px 0;
}

.full_width p {
    font-size: 17px;
    color: #303030;
    font-family: 'Tahoma';
    margin: 0 0 25px;
    line-height: 22px;
}


/* Learning Objective style */

.dahboard_head_wrap {
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0px -1px 1px 0px #f1f1f1 inset;
    -webkit-box-shadow: 0px -1px 1px 0px #f1f1f1 inset;
}

.dahboard_head_wrap .head1_wrap span.gray {
    margin-top: 3px;
    margin-bottom: 3px;
}

.head1_wrap h3 {
    font-size: 18px;
    color: #231f20;
    margin: 0 0 5px;
    font-family: 'catamaranbold';
}

.head1_wrap span.gray {
    margin-left: 8px;
}

.head2_wrap span {
    margin: 0 10px 0 0;
}

.head2_wrap span.gray {
    font-size: 12px;
}

.close_rgtbar_bg {
    background: #303030;
}


/*.close_rgtbar_bg {
	background: #303030;
	padding-left: 70px;
}*/

.coauthor_right {
    padding: 7px 0;
    text-align: right;
}

.coauthor_right li i {
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    display: block;
}

.coauthor_right li i.bookmark_top {
    background-position: -107px -136px;
}

.coauthor_right li i.inspire_top {
    background-position: -109px -173px
}

.coauthor_right li a:hover i.bookmark_top,
.coauthor_right li a.active i.bookmark_top {
    background-position: -74px -136px;
}

.coauthor_right li a:hover i.inspire_top,
.coauthor_right li.active i.inspire_top,
.coauthor_right li a.active i.inspire_top {
    background-position: -76px -173px
}

.coauthor_right li i.discussion_top {
    background-position: -213px -67px;
}

.coauthor_right li i.discussion_top:hover {
    background-position: -4px -253px;
}

.coauthor_right li i.print_top {
    background-position: -214px -244px;
}

.coauthor_right li i.print_top:hover {
    background-position: -247px -244px;
}

.coauthor_right ul,
.coauthor_right ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 0;
}

.right_close_inner {
    text-align: center;
}

.bg_close_lftbar {
    background: #f5f5f5;
}


/*.bg_close_lftbar {
	background: #f5f5f5;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 70px;
}*/

.learn_rgt_popup {
    display: none;
    background: #f5f5f5
}

.learning_objct_left,
.learn_rgt_popup {
    padding: 0 !important;
    /* min-height: 800px; max-height: 800px; overflow:auto; */
}

.popup_explore_box {
    padding: 35px 20px 0;
    background: #f5f5f5;
    position: relative;
    border-left: 1px solid #d8d8d8;
}

.learning_objct_left.col-md-8 img {
    /* width: 100%; */
}

.popup_explore_box ul {
    margin: 0;
    padding: 0;
}

.popup_explore_box .editor_group .fr-wrapper .fr-view ul li {
    list-style-type: unset;
}

.popup_explore_box ul li {
    list-style-type: none;
}

.popup_explore_box h3 {
    font-size: 36px;
    color: #6d6864;
    font-family: 'catamaranlight';
    margin: 0 0 35px;
}

.popup_explore_box h4 {
    font-size: 18px;
    color: #303030;
    font-family: 'catamaranbold';
    margin: 0 0 12px;
}

.popup_explore_box h4 span.gray,
.popup_explore_box .related_asset li h4 span.gray {
    margin: 0 5px;
}

.popup_explore_box h4 a,
.popup_explore_box h4 span.gray,
.popup_explore_box .related_asset li h4 span.gray {
    display: inline-block;
    vertical-align: middle;
}

.popup_explore_box h5,
.comm_list_asset h5 {
    font-size: 15px;
    color: #b9b4b2;
    font-family: 'catamaranbold';
    text-transform: uppercase;
    margin: 0 0 8px;
    line-height: 20px;
}

.popup_explore_box p,
.comm_list_asset p {
    font-size: 15px;
    color: #231f20;
    margin: 0 0 15px;
}

.popup_explore_box .related_asset li span {
    margin: 0 8px 8px 0;
}

.popup_explore_box .related_asset li,
.otheriteration_asset li,
.related_communities li,
.related_discussions li {
    padding: 0 0 14px;
    margin: 0 0 14px;
    border-bottom: 1px solid #e0e0e0;
}

.otheriteration_asset li {
    padding: 0 0 8px;
}

.popup_explore_box .related_asset li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.related_notes,
.intent_asset_box,
.otheriteration_asset,
.related_communities {
    display: none;
}

.tag_listing,
.note_box {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 12px;
    border-radius: 3px;
    margin: 0 0 15px;
}

.tag_listing a {
    font-size: 17px;
    font-family: 'catamaranregular';
}

.comm_list_asset {
    padding: 0 0 12px;
    margin: 0 0 15px;
    border-bottom: 1px solid #d9d9d9;
}

span.gray.ppt {
    font-size: 12px;
    line-height: 12px;
    padding: 3px 12px;
}

.effective_register {
    padding: 30px 15px;
    margin: 0 -20px;
    background: #222222;
    left: 0;
    right: 0;
    bottom: 0;
}

.effective_register h3 {
    font-size: 21px;
    color: #fffaf6;
    font-family: 'catamaranbold';
    margin: 0 0 15px;
}

.popup_explore_box ul.eff_rate li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 5px 0;
}

.popup_explore_box ul.eff_rate li:last-child {
    margin-right: 0;
}

.popup_explore_box ul.eff_rate {
    margin: 0 0 15px;
    padding: 0;
}

.popup_explore_box ul.eff_rate li a {
    font-size: 14px;
    color: #fff;
    border: 1px solid #593d26;
    background: #3a2718;
    border-radius: 3px;
    padding: 3px 5px;
    display: block;
}

.popup_explore_box ul.eff_rate li a:hover {
    background: #593d26;
    color: #fff;
}

.effective_register p {
    font-size: 19px;
    color: #342220;
    font-family: 'catamaranregular';
}

.effective_register p span.white {
    font-family: 'catamaranbold';
    color: #fff;
}

.dot_sep {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #8d8682;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.otheriteration_asset .dot_sep {
    margin: 0 8px;
}

.otheriteration_asset span {
    font-family: 'catamaranregular';
    font-size: 15px;
    color: #8d8682;
}

span.hours,
.otheriteration_asset span.version_tag {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
}

.related_notes .form-group-btn {
    text-align: right;
}

.related_notes .form-group-btn input[type="reset"],
.related_notes .form-group-btn input[type="button"],
.related_notes .form-group-btn input[type="submit"] {
    min-width: 115px;
    height: 34px;
}

.note_action {
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d9d9d9;
}

.note_action h6 {
    margin: 0;
    width: 68%;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #8d8682;
    font-family: 'catamaranbold';
}

.right_action_note {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    text-align: center !important;
}

.right_action_note a,
.top_note_box a,
.two_wrap_box a.form_hide_link {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    margin: 0 8px 0 0;
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
}

.right_action_note a.edit_note,
.right_action_note a.edit_note.color_edit:hover,
.two_wrap_box a.form_hide_link {
    background-position: -118px -2px;
}

.right_action_note a.delete_note {
    background-position: -90px -2px;
}

.center_poll_btnwrap .right_action_note a.delete_note {
    background-position: -272px -49px;
}

.right_action_note a.edit_note.color_edit,
.right_action_note a.edit_note:hover,
.two_wrap_box a.form_hide_link:hover {
    background-position: -143px -2px;
}

.right_action_note a.delete_note:hover {
    background-position: -166px -2px;
}

.right_action_note a.eye_view {
    background-position: -274px -28px;
}

.right_action_note a.eye_view:hover {
    background-position: -296px -28px;
}

.top_note_box a.share-notes {
    background-position: -39px -137px;
    width: 31px;
    height: 31px;
}

.notes_listing_wrap {
    margin: 45px 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 45px;
}

.popup_explore_box .note_desc_box h4 {
    margin-bottom: 0px;
}

.mCSB_scrollTools {
    width: 8px;
}

.mCSB_scrollTools .mCSB_dragger {
    height: 150px !important;
}

sub {
    bottom: -6px;
}

a.link_text {
    font-size: 15px;
}

.common_after_loginpopup .modal-body {
    padding: 30px 30px;
}

.common_after_loginpopup .modal-footer {
    text-align: center;
    border: 0px;
    padding-top: 0;
}

.common_after_loginpopup .modal-dialog {
    bottom: 0;
    height: 360px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 550px;
}

.common_after_loginpopup .modal-footer a.btn {
    padding: 8px 20px;
    margin-right: 22px;
    margin-left: 0px;
}

.common_after_loginpopup .modal-footer a.btn:last-child {
    margin-right: 0px;
}


/* Asset Notes */

section .head1_wrap h2 {
    font-size: 36px;
    color: #6d6864;
    font-family: 'catamaranlight';
    margin: 0;
    text-align: left;
}

.close_rightbar_wrap.bg_white {
    background: #ffffff;
    padding: 0px 15px 0;
}

.close_rightbar_wrap.bg_white table.custom_table {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin: 35px 0;
}

table.custom_table>thead>tr>th {
    /* padding-bottom: 20px; padding-top: 20px; */
    background: #b9b4b2;
    font-size: 15px;
    color: #6d6864;
    font-family: 'catamaranbold';
    line-height: 16px;
    border: 0px;
    padding: 20px 15px;
}

table.custom_table>tbody>tr>td {
    border: 0px;
    max-width: 300px;
    /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
    padding: 15px 15px;
}

table.custom_table.single_row_text>tbody>tr>td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.custom_table>tbody>tr>td,
table.custom_table>tbody>tr>td h5 {
    font-size: 15px;
    color: #231f20;
    font-family: 'catamaranregular';
    line-height: 16px;
}

table.custom_table>tbody>tr>td a {
    font-family: 'catamaranbold';
}

table.custom_table>tbody>tr>td h5 span {
    display: block;
}

table.custom_table>tbody>tr>td a.border_btn {
    padding: 6px 20px;
    min-width: 98px;
    margin: 1px;
}

.dahboard_head_wrap .right_align .btn {
    padding: 3px 15px;
    border-width: 3px;
    margin: 5px 15px 0 0;
}

.dahboard_head_wrap .right_align .btn:hover {
    border: 3px solid #3a2718;
    background: #3a2718;
}

.dahboard_head_wrap .right_align .btn:last-child {
    margin-right: 0;
}

.bookmark_table {
    margin: 0 0 30px 0;
}

.bookmark_table .heading_tag i.folder {
    width: 21px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon_set.png) no-repeat -98px -36px;
    margin: 0 15px 0 0;
}

.bookmark_table .heading_tag h4 {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
    line-height: 16px;
    margin: 0;
}

.close_rightbar_wrap .sorting_section {
    margin: 0 0 10px;
}

.table>tbody>tr>td .right_action_note {
    /*display: block;*/
    width: auto;
}

.table.bookmark_table>tbody>tr>td {
    padding: 15px 40px 15px 8px;
    text-align: left;
    width: 200px;
}

.table.bookmark_table>tbody>tr>td span.radio_dup {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #dee2e5;
    margin: 0 12px 0 0;
}

.table.bookmark_table>tbody>tr>td.padd_more {
    padding: 15px 30px;
}


/* Edit Bookmark */

.form_editor_wrap {
    background: #fafafa;
}

.form_edit_box {
    /*width: 815px;*/
    max-width: 815px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 20px 25px;
}

.form_edit_box h4 {
    font-size: 36px;
    color: #6d6864;
    font-family: 'catamaranlight';
    border-bottom: 1px solid #efefef;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.form_edit_box .form-inline .form-group,
.form-inline .form-group {
    display: block;
    margin: 0 0 25px;
    width: 100%;
    float: left;
}

.form_edit_box .form-inline .form-group:before,
.form-inline .form-group:before {
    display: block;
    content: "";
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.form_edit_box .form-inline .heading_section .form-group,
.form-inline .heading_section .form-group {
    margin: 0;
}

.form_edit_box .form-inline .form-group label,
.form-group label {
    width: 195px;
    font-size: 18px;
    color: #221f1f;
    font-family: 'catamaranbold';
    margin: 0;
}

.form_edit_box .form-inline .form-group>label {
    vertical-align: top;
    line-height: 40px;
}

.form-group .form-control {
    display: inline-block;
    vertical-align: middle;
}

.form_edit_box .form-inline .form-control,
.owner_customize .form-group .form-control {
    width: 560px;
}

.form_edit_box .form-inline div.form-control,
.form-control {
    background: transparent;
    border: 0px;
    height: auto;
    padding: 0;
}

.form_edit_box .form-inline div.form-control.editor_group {
    margin-bottom: 15px;
}

.form_edit_box .button-group,
.button-group {
    margin-left: 199px;
    margin-top: 35px;
}

.form_edit_box .button-group input,
.button-group input {
    min-width: inherit;
    padding: 0 25px;
    margin-left: 0;
    height: 38px;
}

.form_edit_box .button-group input:last-child,
.button-group input:last-child {
    margin-right: 0;
}

p.form-control {
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    margin: 0;
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
}

.form_edit_box .form-group .custom_checkbox label {
    width: auto;
    font-family: catamaranregular;
}

.form_edit_box .form-group .custom_radio label {
    width: auto;
    font-family: catamaranregular;
}

.form-control>img {
    width: 100%;
}


/* My Notes */

.close_rightbar_wrap.bg_white.notes_wrapper {
    padding: 35px 0 0 0;
}

.top_note_box {
    border: 1px solid #e7e7e7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff;
    padding: 30px 25px;
}

.top_note_box h4 {
    color: #303030;
    margin: 0 0 25px;
    font-family: 'catamaranbold';
}

.top_note_box p {
    font-size: 18px;
    color: #303030;
    font-family: 'catamaranregular';
}

.top_note_box h5 span {
    font-family: 'catamaranlight';
}

.bottom_note_box {
    background: #fafafa;
    padding: 15px 25px;
    border: 1px solid #e7e7e7;
}

.notes_row {
    margin: 0 0 30px;
}

.keywods_list {
    margin-left: 200px;
    margin-top: 8px;
}

.keywods_list span {
    font-size: 15px;
    color: #ffffff;
    background: #8d8682;
    padding: 4px 25px 4px 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    font-family: 'catamaranbold';
}

.keywods_list span a.cls_tag {
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    right: 7px;
    background: url(../images/icon_set.png) no-repeat -123px -43px;
    top: 11px;
}

.image_upload,
.file_upload {
    display: table;
    table-layout: fixed;
    width: 100%;
}


/*.left_uploaded_img, .upload_option { display: table-cell; vertical-align: bottom; }*/

.left_uploaded_img,
.image_upload .upload_option,
.file_upload .upload_option,
.image_upload .remove_img {
    display: table-cell;
    vertical-align: bottom;
}

.imgupload_vmid .left_uploaded_img,
.imgupload_vmid .upload_option,
.imgupload_vmid .remove_img {
    vertical-align: middle;
}

.left_uploaded_img {
    width: 265px;
    padding: 0 15px 0 0;
}


/* Custom Browse */

.brows,
.form-twooption span.brows {
    background: transparent;
    border: 2px solid #222222;
    border-radius: 2px;
    color: #222222;
    font-size: 15px;
    margin: 0;
    padding: 8px 25px;
    text-align: center;
    text-transform: uppercase;
    width: auto !important;
    z-index: 1;
    font-family: 'catamaranbold';
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}

input[type="file"] {
    bottom: 0;
    height: 42px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 114px;
    z-index: 999;
    margin: 0;
}

.custom_file {
    margin: 0px 0 0px;
    position: relative;
}

span.result,
.form-twooption span.result {
    display: block;
    height: 93px;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 99;
}

.text_res,
.form-twooption span.text_res {
    display: block;
    padding: 10px;
    z-index: 1;
    color: #8d8682;
    font-family: 'catamaranregular';
    font-size: 15px;
    line-height: 20px;
    background: #e9e8e7;
    border: 1px solid #e9e8e7;
    width: 100%;
    border-radius: 2px;
    height: 40px;
    margin: 0 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Custom browse for file upload */

.file_upload .upload_option {
    width: 375px;
    position: relative;
}

.file_upload input[type="file"] {
    bottom: 0;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
    margin: 0;
}

.file_upload span.result {
    height: 42px;
}

.file_upload .text_res {
    width: 65%;
    height: 42px;
    margin: 0;
}

.file_upload .brows {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 25px;
    background: #fff;
}

.left_uploaded_img input {
    margin: 0 0 0 15px;
    min-width: 100px;
}


/* Asset Library */

.asset_library_box {
    margin: 15px auto 0 auto;
    /*width: 850px; */
}

.ststus_of_asset span {
    font-size: 12px;
    font-family: 'catamaranbold';
    border: 1px solid transparent;
    font-weight: normal;
    padding: 5px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
}

.need_further_attention .ststus_of_asset span,
.need_further_attention.ststus_of_asset span {
    border-color: #ff5959;
    color: #ff5959;
}

.drafts_row .ststus_of_asset span,
.drafts_row.ststus_of_asset span {
    border-color: #808080;
    color: #808080;
}

.pending_review_row .ststus_of_asset span,
.pending_review_row.ststus_of_asset span {
    border-color: #f9be00;
    color: #f9be00;
}

.approved_row .ststus_of_asset span,
.approved_row.ststus_of_asset span {
    border-color: #00ae8d;
    color: #00ae8d;
}


/* Workspace Dashboard */

.workspace_dashboard_wrap {
    width: 950px;
    margin: 0 auto;
    padding: 28px 0;
}

.maintain_wrap {
    padding: 20px 25px;
    background: #503620;
    border-radius: 3px;
    position: relative;
    margin: 0 0 20px;
}

.maintain_wrap p {
    font-size: 15px;
    color: #ffffff;
    font-family: 'catamaranbold';
    margin: 0;
    line-height: 16px;
}

a.close_alert {
    position: absolute;
    top: 21px;
    right: 30px;
    background: url(../images/icon_set.png) no-repeat -185px -34px;
    width: 16px;
    height: 16px;
    display: block;
}

.dashboard_chart_wrap {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.dash_chart_head {
    background: #b9b4b2;
    padding: 20px 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dash_chart_head h4 {
    font-size: 18px;
    color: #6d6864;
    margin: 0;
    font-family: 'catamaranbold';
}

.dash_chart_body {
    padding: 15px 25px;
    background: #ffffff;
}

.dash_row {
    margin-bottom: 25px;
}


/* Contact Us */

.contact_container,
.profile_container {
    width: 950px;
    margin: 0 auto;
}

.contact_banner {
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 220px;
}

.contact_main_wrap {
    padding: 30px 0;
}

.contact_main_wrap h3 {
    font-size: 28px;
    color: #303030;
    font-family: 'catamaranbold';
    margin: 0 0 15px;
}

.contact_main_wrap p {
    font-size: 15px;
    color: #303030;
    font-family: 'catamaranregular';
    margin: 0 0 35px;
}

.contact_main_wrap textarea {
    min-height: 330px;
}

.live_chat_wrapper,
.contact_details {
    border: 1px solid #e8e8e8;
    margin: 0 0 25px;
    border-radius: 3px;
}

.live_chat_wrapper {
    position: relative;
}

.live_chat_head {
    padding: 20px 15px;
    text-align: center;
    background: #222222;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.live_chat_head h4 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-family: 'catamaranbold';
    text-transform: none;
}

.live_chat_body {
    padding: 40px 15px;
    background: #fff;
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}

.live_chat_row h5 {
    margin: 0;
}

.live_chat_row h5 span.chat_user,
.live_chat_row h5 span.chat_time {
    font-size: 12px;
    color: #222222;
    font-family: 'catamaranbold';
    margin: 0 3px;
}

.live_chat_row h5 span.chat_time {
    color: #8d8682;
}

.live_chat_row h5 span.chat_status {
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background: #d6cccc;
    border-radius: 15px;
    margin: 0 0 0 8px;
}

.live_chat_row h5 span.chat_status.active {
    background: #39b54a;
}

.live_chat_row p {
    color: #303030;
    font-size: 15px;
    font-family: 'catamaranregular';
    max-width: 220px;
    padding: 15px;
    margin: 0;
    background: #f5f5f5;
    display: inline-block;
}

.live_chat_row:nth-child(odd) {
    text-align: right;
}

.live_chat_row:nth-child(even) {
    text-align: left;
}

.live_chat_row {
    margin: 0 0 15px;
}

.live_chat_row:last-child {
    margin-bottom: 0;
}

.live_chat_textfield input {
    border-radius: 0px;
    height: 50px;
}


/* Admin chat list */

.chatlist_rw {
    margin-bottom: 20px;
    padding: 10px 0;
}

.chatlist_rw.open {
    margin: 0 -15px 20px;
    padding: 10px 15px;
    background: #f5f5f5;
}

.chatlist_img {
    display: inline-block;
    width: 50px;
    margin: 0 10px 0 0;
    vertical-align: top;
    position: relative;
}

.chatlist_info {
    display: inline-block;
    width: calc(100% - 65px);
    vertical-align: top;
    margin: 7px 0 0;
}

.chatlist_info .row {
    margin-left: -5px;
    margin-right: -5px;
}

.chatlist_info .row [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
}

.chatlist_infott h3 {
    font-size: 14px;
    font-family: 'catamaranbold';
    color: #222222;
    margin: 0 0 4px;
    height: 15px;
    overflow: hidden;
}

.chatlist_infott p {
    font-size: 14px;
    color: #8d8682;
    line-height: 18px;
    height: 15px;
    overflow: hidden;
}

.chatlist_infopost p {
    font-size: 12px;
    color: #8d8682;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
}

.chatlist_infopost span {
    background: #222222;
    padding: 0 8px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 12px;
    line-height: 20px;
}

.chatlist_userbox {
    margin: 0;
    position: absolute;
    top: 0;
    left: 100%;
    box-shadow: 0 0 1px 0px #d8d8d8;
    -webkit-box-shadow: 0 0 1px 0px #d8d8d8;
    width: 280px;
    z-index: 9;
    margin: 0 0 0 17px;
}

.chatlist_userbxtt {
    background: #222222;
    padding: 9px 33px 9px 15px;
    position: relative;
    border-radius: 3px 3px 0 0;
}

.chatlist_userbxclose {
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
    height: 37px;
    background: url(../images/ct_close.png) no-repeat center;
    cursor: pointer;
    border-radius: 0 3px 0 0;
}

.chatlist_userbxclose:hover {
    background-color: #a57248;
}

.chatlist_userbxtt h5 {
    font-size: 14px;
    display: block;
    line-height: 18px;
}

.chatlist_userbxtt h5 a {
    color: #fff;
    font-family: 'catamaranregular';
}

.chatlist_userbox .live_chat_body {
    min-height: 300px;
    max-height: 300px;
}

.chat_previcon {
    position: absolute;
    top: 65px;
    right: 20px;
    background: rgba(184, 128, 81, 0.59);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.chatlist_userbox .chat_previcon {
    top: 43px;
}

.chat_previcon i {
    color: #000;
}

.contact_details {
    padding: 15px;
    margin: 69px 0 0;
}

.contact_details .comm_list_asset:last-child {
    padding: 0;
    margin: 0;
    border: 0;
}

.comm_list_asset p {
    margin: 0;
}

.contact_main_wrap .form-group-btn input {
    min-width: inherit;
    padding: 0 25px;
    height: 42px;
}


/* Dashboard Public Profile */

.public_profile_topwrap {
    background: #fafafa;
    border-bottom: 1px solid #e6e5e4;
    padding: 50px 0;
}

.public_profile_topwrap .foll_follws_box {
    margin: auto;
}

.count_follow {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.follow1 {
    display: table-cell;
    vertical-align: middle;
}

.foll_follws_box {
    width: 180px;
    text-align: center;
}

.user_main_profile h3 {
    font-size: 28px;
    color: #303030;
    font-family: 'catamaranbold';
    margin-bottom: 0;
}

.follow1 h5,
.follow1 p {
    font-family: 'catamaranbold';
}

.follow1 h5 {
    font-size: 28px;
    color: #303030;
    margin: 0;
}

.follow1 p {
    font-size: 15px;
    color: #8d8682;
}

.foll_follws_box a.btn {
    display: block;
    border-radius: 0px;
    padding: 12px 15px;
}

.user_main_profile {
    border-right: 1px solid #ededed;
}

.left_profile_img {
    padding: 15px 0;
}

.user_main_profile h3 .btn.btn_small {
    padding: 3px 25px;
    min-width: inherit;
    margin-left: 8px;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.public_profile_bottomwrap {
    padding: 27px 0;
    background: #e2e2e2;
}

.common_dash_pubsubwrap {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 25px;
}

.header_persl_heading {
    padding: 25px 30px;
    border-bottom: 2px solid #e7e7e7;
}

.header_persl_heading h3 {
    font-size: 36px;
    color: #6d6864;
    font-family: 'catamaranlight';
    margin: 0;
    line-height: 38px;
}

.border-line {
    padding: 0px 15px;
}

.border-line .border-line-inner {
    border-bottom: 2px solid #efefef;
    padding: 15px 30px;
}


/*.border-line .border-line-inner:last-of-type{border:none;}*/

.border-line-inner h3 {
    margin: 0;
    font-size: 18px;
    font-family: 'catamaranbold';
    color: #303030;
}

.border-line-inner h3 span.label_left {
    color: #b9b4b2;
    display: inline-block;
    vertical-align: middle;
    width: 175px;
}

.body_persl_wrap {
    padding: 20px 30px;
}

.persl_det_wrap {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 30px;
    padding: 0 0 30px;
}

.personal_scroll {
    height: 525px;
    overflow: auto;
}

.persl_det_wrap h5 {
    margin: 0;
    font-size: 18px;
    color: #231f20;
    line-height: 20px;
    text-align: left;
    word-wrap: break-word;
}

.persl_det_wrap h5 a {
    color: #303030;
}

.persl_det_wrap h5 a:hover {
    color: #222222;
}

.persl_det_wrap p {
    margin: 0;
    font-size: 14px;
    color: #231f20;
}

.persl_det_wrap a.btn {
    display: block;
    padding: 10px 12px;
}

.persl_sub_wrap:first-child,
.persl_sub_wrap:last-child {
    text-align: center;
}


/*.persl_sub_wrap img { width: 100%; }*/

.body_persl_wrap .load_more_option {
    padding: 25px 0 15px 0;
}

.common_dash_pubsubwrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e0e0e0;
}

.common_dash_pubsubwrap .mCSB_scrollTools .mCSB_dragger {
    height: 300px !important;
    padding: 8px 0;
}

.persl_sub_wrap ul li h4 span {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranregular';
    margin-right: 5px;
}

.persl_sub_wrap .postbar_info {
    margin: 15px 0 0 0;
    text-align: left;
}

.body_persl_wrap .expl_ass_row {
    padding: 15px;
}

.community_prt .persl_sub_wrap img {
    max-width: 50px;
}


/* Password Guidelines */

.password_guide {
    margin: 0;
    padding: 15px;
    width: 280px;
    border: 1px solid #4545454f;
    background: #fff;
    text-align: left;
    position: relative;
    display: none;
    position: absolute;
    z-index: 999;
    right: 0;
}

.password_guide li {
    list-style-type: none;
    font-size: 15px;
    color: #231f20;
    font-family: 'catamaranregular';
    margin: 0 0 12px;
}

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

.password_guide li i {
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon_set.png) no-repeat -211px -37px;
    margin: 0 8px 0 0;
}

.password_guide li i.green_tick {
    background-position: -211px -9px;
}

.password_guide:after {
    width: 8px;
    height: 8px;
    display: none;
    content: "";
    background: #454545;
    transform: rotate(132deg);
    -webkit-transform: rotate(132deg);
    position: absolute;
    top: -9px;
    right: 15px;
}


/* After Development */

#cke_asset_description {
    border-top: 5px solid #be7f49;
    border-radius: 0px;
}


/*.form-inline .form-group label.error { margin-left: 198px; }*/

.form-inline .form-group .form-control label.error {
    margin-left: 0;
}

.form-inline .form-group .custom_file label.error,
.form-inline .form-group .upload_option label.error {
    margin-left: 0;
    position: absolute;
    bottom: -30px;
}

.ui-autocomplete {
    width: 300px !important;
    padding: 0;
    margin: 0;
    background: #222222;
    z-index: 9999;
}

.ui-autocomplete li {
    display: block;
    border-bottom: 1px solid #3a2718;
    border-bottom: 1px solid rgba(58, 39, 24, 0.34);
    padding: 5px 15px;
    list-style-type: none;
    color: #fff;
}

.ui-autocomplete li:last-child {
    border: 0px;
}

.ui-autocomplete li:hover {
    cursor: pointer;
    background: #3a2718;
}

textarea.form-control {}

.form-control {
    position: relative;
}

.errormsg li {
    color: #D8000C;
    background-color: #FFBABA;
    padding: 5px 8px;
    margin: 0 0 8px;
    list-style-type: none;
    font-weight: normal;
}

.helper_text {
    color: #222222;
    display: block;
    margin: 5px 0;
    font-size: 14px;
}

.form-group.editor_group label.error,
.form-control.editor_group label.error,
.form_edit_box .form-inline .form-group.editor_group label.error,
.custom_checkbox label.error {
    bottom: -30px;
    position: absolute !important;
    left: 0;
}

.custom_checkbox label.error {
    bottom: -59px;
}

.form-group.editor_group {
    position: relative;
    text-align: left;
}

.form-group.editor_group p {
    text-align: left;
}

.no-result {
    padding: 8px;
    text-align: center;
}

.loading {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
}


/*.loading img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }*/

.explore_leftopen li a.asset_unlink i,
a.asset_unlink i {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.main_dashboard_wrapper .left_section_closewrap {
    /* min-height: 500px; */
}

.popup_form_edit_box {
    width: 100%;
    padding: 0;
    border: 0;
}

.popup_form_edit_box .form-inline .form-control {
    width: 100%;
}

.popup_form_edit_box .button-group,
.bookmarkpopup .form-inline .form-group label.error,
.common_bigpopup .form-inline .form-group label.error {
    margin-left: 0;
}

.padd_less_modalbody {
    padding: 30px;
}

#general-confirm {
    z-index: 9999;
}

.zoomimg_wrapper {
    position: relative;
}

.zoom_bigimg {
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.zoomimg_wrapper>iframe {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
}

.zoomimg_wrapper>video {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
}

.zoom_actionsec {
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin: 0;
    padding: 0;
}

.zoom_actionsec li {
    margin-top: 10px;
    list-style: none;
}

.zoom_actionsec li a {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 100%;
}

.zactico_full {
    background-image: url(../images/full-screen-exit.png);
}


/* Zooming popup */

.zpop_wrapper {
    padding: 0 !important;
    background: #303030;
}

.modal-open .zpop_wrapper {
    overflow-x: auto;
}

.zpop_wrapper .modal-header {
    background: none;
    padding: 0;
}

.zpop_wrapper .modal-header .close {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #222222;
    width: 30px;
    height: 30px;
    text-shadow: none;
    color: #fff;
    opacity: 0.7;
    z-index: 10;
}

.zpop_wrapper .modal-header .close:hover {
    opacity: 1;
}

.zpop_wrapper .modal-dialog {
    padding: 0;
    max-width: none;
    width: auto;
    height: 100%;
}

.zpop_wrapper .modal-content {
    background: none;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
    height: 100%;
}

.zpop_wrapper .zoom_bigimg {
    /* position: static; */
    max-height: inherit;
    max-width: none;
}

.zpop_wrapper iframe {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
}


/* Zooming popup end */

#add_bookmark_form {
    text-align: left;
}

p.comm_iscc_para i {
    width: 15px;
    height: 15px;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

p.comm_iscc_para {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
    margin: 0 0 8px;
}

p i.insspp {
    background-position: -232px -9px;
}

p i.sharee {
    background-position: -231px -49px;
}

p.comm_iscc_para a.active i.insspp {
    background-position: -319px -31px;
}

p.comm_iscc_para a.active i.sharee {
    background-position: -334px -31px;
}

.modal-body p.text-left {
    text-align: left;
}


/* For third sprint */

.form-control .keywods_list {
    margin-left: 0;
}

.custom_checkbox.marleft_common {
    margin: 12px 0;
}

.form_edit_box .form-inline .form-group .custom_checkbox.marleft_common label {
    font-size: 15px;
    color: #8d8682;
}

.inner_small_container {
    width: 655px;
    margin: 0 auto;
}

.sidebar_comminfo {
    border: 2px solid #efefef;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 25px 0;
}

.diss_mem_count {
    border-top: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    padding: 15px;
    text-align: center;
}

.comm_count h5 {
    font-size: 28px;
    color: #8d8682;
}

.comm_count p {
    font-size: 12px;
    color: #8d8682;
}

.diss_mem_count:after,
.mob_comm_name:after {
    clear: both;
    content: "";
    display: block;
}

.comm_count {
    display: inline-block;
    vertical-align: middle;
}

.sep_commdiss {
    border-right: 1px solid #e8e8e8;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    margin: 0 38px;
}

.mob_comm_name {
    padding: 15px 0;
    border-bottom: 2px solid #efefef;
    margin: 0 0 15px;
}

.mob_comm_name.last {
    margin: 0 0 0px;
    border: 0px;
    padding-bottom: 0;
}

.mob_comm_name img,
.mob_comm_name h3 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.mob_comm_name h3 {
    width: 70%;
    margin: 0;
    font-size: 15px;
    color: #231f20;
    font-family: 'catamaranbold';
}

.sidebar_comminfo a {
    display: block;
}

.main_discussion_head_ul {
    margin: 15px 0;
}

.cms_connt p,
.cms_connt img {
    margin: 0 0 15px;
}

.cms_connt img {
    /* width: 100%; */
}

.souce_wrap p {
    font-size: 15px;
    color: #b9b4b2;
    margin: 0 0 5px;
}

.souce_wrap {
    margin: 20px 0;
}

.cms_connt {
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

.insp_sher_wrap ul {
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px solid #ccc;
}

.insp_sher_wrap ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

.insp_sher_wrap a i,
.insp_inner_wrap i {
    width: 31px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    /* margin: 0 8px 0 0;*/
}

.insp_sher_wrap a i.insp_inner,
.insp_inner_wrap i.insp_inner {
    background-position: -109px -173px;
}

.insp_sher_wrap a i.share_inner {
    background-position: -177px -177px;
}

.insp_sher_wrap a.active i.insp_inner,
.insp_inner_wrap.active i.insp_inner {
    background-position: -76px -173px;
}

.discussion_text_box,
.commont_list {
    margin: 0 0 25px;
}

.commont_list .main_discussion_head_ul {
    margin: 0;
    padding: 0;
}

.flag_wrap li,
.flag_wrap ul {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 1px 3px 0 0;
}

.flag_wrap li i {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    display: block;
}

.flag_wrap li i.upvote {
    background-position: -229px -28px;
}

.flag_wrap li i.flag {
    background-position: -253px -28px;
}

.flag_wrap li a.active i.upvote {
    background-position: -244px -7px;
}

.flag_wrap li a.active i.flag {
    background-position: -262px -7px;
}

.flag_wrap li.vote_count {
    margin: 0 10px 0 0;
    color: #222222;
    font-family: "catamaranbold";
}

.flag_wrap>a {
    display: inline-block;
    vertical-align: middle;
}

.comment_sub {
    padding-left: 50px;
}

.comment_sub1 {
    padding-left: 100px;
}

.discussion_box {
    padding-bottom: 15px;
}

.pro_img_sin {
    text-align: center;
}

.pro_img_sin img {
    /* width: 100%; */
}

.pro_text_sin {
    padding-left: 0;
    margin-top: 20px;
}

.learn_asset_media.asset_media {
    height: 250px;
}

.learn_asset_media h3 {
    font-size: 18px;
    color: #231f20;
    font-family: 'catamaranbold';
    position: absolute;
    top: 15px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}

.view_learn_wrap {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.view_learn_wrap a.btn {
    display: block;
    width: 90%;
    margin: 0 auto 10px;
}

.irtens {
    font-size: 15px;
    color: #b9b4b2;
    text-align: center;
    margin: 0;
}

.learn_asset_body p {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
    margin: 0 0 5px;
}

.learn_asset_body .ststus_of_asset {
    float: right;
}

.learn_asset_body .tim_det {
    height: auto;
}

.no_asset_sample {
    margin: 0 auto 5px;
    display: block;
    min-height: 37px;
}

section .head1_wrap h5 {
    font-size: 18px;
    color: #231f20;
    margin: 0;
    line-height: 20px;
}

.form-twooption {
    width: 50%;
    float: left;
    margin-right: 15px;
}

.form-twooption:last-child {
    width: 46%;
    margin-right: 0px;
}

.form-twooption span {
    line-height: 50px;
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
}

.form_edit_box .button-group.center-btn {
    margin-left: 0;
    text-align: center;
}

.form-twooption a.btn {
    padding: 8px 18px;
}


/* Toggle Checkbox */

.switch,
.form_edit_box .form-inline .form-group label.switch,
label.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.switch input {
    display: none;
}

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

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider,
input:checked+label+.slider {
    background-color: #323232;
}

input:focus+.slider,
input:focus+label+.slider {
    box-shadow: 0 0 1px #222222;
}

input:checked+.slider:before,
input:checked+label+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}


/* Rounded sliders */

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

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

.discussion_detail_inner h5 {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.discussion_detail_inner h5 a.comment_text {
    color: #8d8682
}

.discussion_detail_inner h5 a.comment_text:hover {
    color: #ba8748
}

.discussion_detail_inner .common_rgt_mar {
    margin-right: 12px;
}

.subcrb_btn_wrap .popup_asset_libry {
    padding: 10px;
    right: 10px;
    left: auto;
    top: 45px;
}

.banner_wrapper {
    background-image: url(../images/banner1.jpg);
    min-height: 221px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-size: cover;
}

.banner_text {
    margin: 46px 0 0 0;
}

.banner_text h3 {
    color: #ffffff;
    font-size: 28px;
    font-family: 'catamaranbold';
    margin: 0 0 12px;
}

.banner_text a.btn {
    padding: 15px 30px;
    text-align: center;
    border-radius: 0px;
}

.padd_zero {
    padding: 0 !important;
}

.align_center {
    text-align: left;
}

.custom_table .switch {
    margin-right: 5px;
}

span.value_chk {
    margin: 0 8px;
    font-size: 15px;
    color: #221f1f;
}

.close_rightbar_wrap.bg_white table.custom_table.no_border_table {
    border: 0px;
}

.close_rightbar_wrap.bg_white table.custom_table.no_border_table tr {
    border-bottom: 1px solid #ccc;
}

.comm_seartag {
    margin-top: 8px;
    background: #b9b4b2;
    padding: 8px 15px;
    border-radius: 2px;
    position: relative;
}

.comm_seartag h5,
.comm_seartag ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: normal;
}

.comm_seartag ul li {
    margin-bottom: 0;
}

.comm_seartag h5 {
    font-size: 15px;
    color: #fff;
    margin-right: 8px;
    font-family: 'catamaranbold';
}

.comm_seartag ul li a {
    border-color: #fff;
    color: #fff;
}

.workspace_commun_asst_detail {
    max-width: 100%;
}

.workspace_commun_asst_detail h4 {
    margin: 0 0 8px;
}

.notification_table h6 {
    font-size: 15px;
    color: #b9b4b2;
    font-family: 'catamaranbold';
}

.notification_table .action_btn a.btn {
    padding: 6px 10px;
    min-width: 115px;
    margin: 0 2px;
}

.notification_table .action_btn {}

table.notification_table tbody tr td {
    padding: 10px 8px;
}

table.notification_table tbody tr.unread_notification {
    background: #ccc;
}

.table tr.notify_lists td:first-child {
    width: 50px;
}

table.notification_table tbody tr.unread_notification td {
    background: #ccc;
}

.modal-body .btn_large {
    width: 150px;
    display: block;
    margin: 25px auto 0;
}

.btn_large,
.form_edit_box .button-group input.btn_large,
.button-group input.btn_large {
    min-width: 150px;
}


/* Choose Library Popup */

.Choose_library_modal .modal-content {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0 0 #fff;
}

.Choose_library_modal .modal-body {
    padding: 0;
    background: transparent;
}

.Choose_library.modal {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.modal-body.select_mem_body {
    padding: 40px 20px;
    max-height: 335px;
    overflow: auto;
}

.img_lft_select,
.text_rgt_select {
    display: inline-block;
    vertical-align: middle;
}

.select_mem_body .custom_checkbox label:before {
    top: 6px;
}

.select_mem_popup_row {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc;
}

.select_mem_popup_row:last-child {
    margin: 0;
    border: 0;
    padding: 0;
}

.select_mem_wrap.discussion_members {
    float: right;
    margin: 10px 0;
}

.modal-body .custom_checkbox {
    display: inline-block;
    min-height: 30px;
    min-width: 22px;
    vertical-align: middle;
}

.modal-body .name_withimg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.modal-body .name_withimg .img_lft_select img {
    width: 60px;
    height: 60px;
}

.button-group span.members_count {
    float: left;
    line-height: 40px;
}

.bookmarkpopup .modal-dialog,
.common_bigpopup .modal-dialog {
    width: 800px;
}

.bookmarkpopup .popup_form_edit_box .form-inline label,
.common_bigpopup .popup_form_edit_box label {
    /*margin-right: 2%;*/
}

.bookmarkpopup .popup_form_edit_box .form-inline .form-control,
.common_bigpopup .popup_form_edit_box .form-control {
    /*width: 70%; */
}

.bookmarkpopup .popup_form_edit_box .button-group,
.common_bigpopup .popup_form_edit_box .button-group {
    /* margin-left: 199px; */
}

.bookmarkpopup .popup_form_edit_box .button-group.center-btn,
.common_bigpopup .popup_form_edit_box .button-group.center-btn {
    margin-left: 0;
}

.profile_big img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
}

.profile_middle img {
    max-width: 70px;
    max-height: 70px;
    border-radius: 50%;
}

.profile_small img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
}


/* Fourth sprint */

.acc-container {
    margin: 30px auto 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.acc-btn h1 {
    font-size: 18px;
    margin: 0px;
    font-family: 'catamaranbold';
    color: #6d6864;
    position: relative;
}

.acc-btn {
    width: 100%;
    margin: 0 auto 8px;
    padding: 10px 20px;
    cursor: pointer;
    background: #b9b4b2;
    border-bottom: 1px solid #b9b4b2;
    border-radius: 4px;
}

.acc-content {
    width: 100%;
    margin: 0 auto;
    display: none;
    overflow: hidden;
    background: #fff;
}

.acc-content-inner {
    padding: 20px;
    max-height: 300px;
    overflow: auto;
}

.acc-content {
    margin-bottom: 15px;
}

.open_content.acc-content {
    display: block;
}

.acc-content p {
    margin: 0 0 12px;
}

.history_row {
    position: relative;
    padding-left: 87px;
    word-wrap: break-word;
}

.acc-content p span.time {
    font-size: 15px;
    color: #b9b4b2;
    width: 37px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.acc-content p span.seperator_round {
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    background: #dee2e5;
    border-radius: 25px;
    position: absolute;
    left: 55px;
    top: 3px;
}

.acc-content p a.web_link {
    font-size: 15px;
    color: #b9b4b2;
    margin-left: 0;
    font-family: 'catamaranregular';
}

.acc-content p a.web_link:hover {
    color: #3a2718;
}

.acc-btn h1:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/icon_set.png) no-repeat -288px -7px;
    position: absolute;
    right: 0;
    top: 0;
}

.acc-btn h1.selected:after {
    background-position: -306px -7px;
}

.next_prev_wrap {
    padding: 20px 15px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 40px 0;
}

.ser-res-sec a {
    position: relative;
}


/* .ser-res-sec a span.online_sym{right: 0px;} */

.pg-tb-sec {
    display: table;
    width: 100%;
}

.pg-tb-sec .persl_sub_wrap {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.search_frnds {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.cus-icon-align {
    text-align: left;
}

.sorting_section .selectpicker option {
    /* width: 200px; */
}

.next_prev_wrap a {
    font-size: 15px;
}

.next_prev_wrap a i {
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
}

.next_prev_wrap a i.bacl_icon {
    background-position: -329px -9px;
    margin-right: 5px;
}

.next_prev_wrap a i.nexl_icon {
    background-position: -344px -9px;
    margin-left: 5px;
}

.network_wrap {
    padding: 30px 50px;
}

.network_wrap .header_persl_heading {
    background: #b9b4b2;
    padding: 15px 30px;
}

.network_wrap .header_persl_heading h3 {
    font-size: 18px;
    color: #6d6864;
    font-family: 'catamaranbold';
}

.network_wrap .persl_det_wrap {
    padding: 0 0 20px;
    margin: 0 0 20px;
}

span.online_sym {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e0e0e0;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

span.online_sym.active {
    background: #39b54a;
}

.network_wrap .persl_sub_wrap {
    position: relative;
}

.persl_sub_wrap a {
    position: relative;
}

.network_wrap .personal_scroll {
    height: 410px;
}

.search_user {
    padding: 35px 25px 10px;
}

.search_user input[type="submit"] {
    width: 100%;
    min-width: inherit;
    margin-left: 0;
    margin-right: 0;
}

.multi-formcontrol input {
    margin: 0 0 12px;
}

.form_edit_box .multi-formcontrol .button-group {
    margin-left: 0;
    margin-top: 15px;
}

.avatar_right img {
    width: 100%;
}

.avatar_right span.text_res {
    display: none;
}

.avatar_right input[type="file"] {
    bottom: auto;
}

.form_edit_box p {
    font-size: 15px;
}

.form-threeoption {
    width: 33.33%;
    float: left;
}

.form-fouroption {
    width: 25%;
    float: left;
}

.rowwise {
    margin: 0 0 15px;
}

.rowwise:last-child {
    margin: 0;
}

.compettion_wrapper {
    padding: 15px 0;
}

.content_closed h4 {
    font-size: 15px;
    text-transform: uppercase;
    color: #b9b4b2;
    font-family: 'catamaranbold';
}

.content_closed h4 span {
    color: #231f20;
    text-transform: none;
    font-family: 'catamaranregular';
}

.content_closed a.btn {
    display: inline-block;
    padding: 5px 8px;
    font-size: 15px;
    margin: 8px 0;
}

.content_closed {
    border-top: 1px solid #e8e8e8;
    padding-top: 12px;
    margin-top: 12px;
}

.compettion_wrapper .asset_body {
    border-bottom: 1px solid #e8e8e8;
    padding: 12px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    margin: 0;
}

.compettion_wrapper .asset_media {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.compettion_wrapper .left_cms h4,
.heading_seciton_1 h4 {
    font-size: 21px;
    color: #8d8682;
}

.left_cms h5 {
    font-size: 21px;
    color: #303030;
}

.open_vote_wrapper h2 {
    text-align: left;
}

.heading_seciton_1 {
    margin: 30px 0;
}

.open_vote_wrapper .expl_ass_row>[class*="col-"],
.winning_wrap .expl_ass_row>[class*="col-"] {
    min-height: 125px;
}

.asset_body .commun_asst_img,
.asset_body .commun_asst_detail,
.mob_comm_name .commun_asst_img,
.mob_comm_name .commun_asst_detail {
    display: inline-block;
    vertical-align: middle;
}

.asset_body .commun_asst_detail a {
    color: #222222;
    padding: 0;
}

.asset_body .commun_asst_detail p {
    margin: 0;
}

.asset_body .commun_asst_detail h6 {
    color: #8d8682;
    font-family: 'catamaranbold';
}

.open_vote_wrapper .asset_body a.btn {
    color: #fff;
    line-height: 20px;
    padding: 6px 15px;
    margin: 5px 0;
}

.vote_tool {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    color: #fff;
    padding: 8px;
    background: #3c3d3d;
    border-radius: 3px;
}

.left_uploaded_img h6 {
    color: #8d8682;
    margin: 8px 0;
    font-family: 'catamaranbold';
    font-size: 15px;
}

.form-control p {
    margin: 8px 0;
    /* color: #8d8682; */
    font-family: 'catamaranbold';
}

.winning_wrap .asset_media {
    height: 150px;
}

.winning_wrap .asset_body p a {
    display: inline-block;
    padding: 0;
    color: #222222;
}

.winning_wrap .asset_body p {
    margin: 0;
}

.winning_wrap .asset_body {
    border: 0;
    padding: 8px 0;
}

.winning_wrap .asset_body.peopl_body h5 {
    font-size: 15px;
    color: #8d8682;
}

.calendar_wrap {
    padding: 25px 0;
}

.event_detailwrapper h4 a {
    font-size: 18px;
    color: #231f20;
    line-height: 24px;
    margin: 0 0 15px;
    display: block;
}

.event_detailwrapper h4 a:hover {
    color: #222222;
}

.event_detailwrapper p i {
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    margin-right: 8px;
}

.event_detailwrapper p i.location_img {
    background-position: -253px -50px;
}

.event_detailwrapper p i.date_img {
    background-position: -253px -69px;
}

.event_detailwrapper p {
    font-size: 15px;
    color: #8d8682;
    font-family: 'catamaranbold';
    margin: 0 0 12px;
}

.event_imgwrapper {
    position: relative;
}

.event_imgwrapper span.spec {
    position: absolute;
    bottom: 12px;
    right: 30px;
    text-transform: none;
}

p.datee_para {
    min-height: 80px;
}

.event_rowwrapper {
    padding-bottom: 25px;
}

.two_btn_wrap {
    text-align: center;
}

.two_btn_wrap a.btn {
    display: inline-block;
    vertical-align: middle;
    width: 43%;
}

.collabration_wrapper span.time_clk {
    font-size: 12px;
    line-height: 30px;
}

.explore_poll {
    padding: 20px 0;
}

.explore_poll h4 {
    font-size: 20px;
    color: #303030;
    font-family: 'catamaranbold';
    margin: 0 0 8px;
}

.poll_form {
    margin: 25px 0;
}

.poll_form .form-group>label {
    color: #221f1f;
    font-family: "catamaranbold";
    font-size: 17px;
    margin: 0 0 12px;
}

.poll_form .form-control {
    padding: 0;
    border: 0;
}

.poll_form input[type="text"],
.poll_form input[type="email"],
.poll_form input[type="password"],
.poll_form textarea,
.poll_form select,
.poll_form input[type="file"],
.poll_form textarea.form-control {
    background: transparent;
    border-top: 0px;
    border-right: 0;
    border-left: 0;
    border-bottom: 2px solid #e9e9e9;
    padding: 0 0 5px 0;
    height: auto;
}

.poll_form .custom_radio {
    display: block;
    margin: 0 0 8px;
}

.poll_form .button-group {
    padding: 25px 0;
}

.bar_left_fill {
    width: 90%;
    float: left;
    position: relative;
    height: 16px;
    background: #e0e0e0;
}

.fill_color_percent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #222222;
}

span.count_percn {
    float: right;
    font-size: 15px;
    color: #222222;
    font-family: "catamaranbold";
}

.bar_wrap {
    margin: 0 0 12px;
}

.collabration_fullwidth_wrapper {
    padding: 30px 15px;
    background: #fff;
}

.collab_image {
    position: relative;
    height: 234px;
    overflow: hidden;
}

.check_collab {
    position: absolute;
    top: 8px;
    left: 8px;
}

.count_collab {
    font-size: 15px;
    color: #8d8682;
    text-align: center;
    margin: 0 0 15px;
    display: block;
}

.collabration_rightside {
    display: block;
}

.no_padding {
    padding: 0 !important;
}

.collabration_fullwidth_wrapper .close_rgtbar_bg {
    background: #fff;
}

.collabration_fullwidth_wrapper.collabration_twocolumn_wrapper {
    padding: 0 15px;
}

.collabration_fullwidth_wrapper.collabration_twocolumn_wrapper .right_close_inner {
    padding: 15px;
}

.collabration_fullwidth_wrapper.collabration_twocolumn_wrapper .collab_otheriteration.learn_rgt_popup,
.collab_otheriteration.learn_rgt_popup {
    background: #f5f5f5;
    border-left: 1px solid #d8d8d8;
    display: block;
}

.collabration_fullwidth_wrapper.collabration_twocolumn_wrapper .popup_explore_box {
    border: 0;
}

.selectall_collab_wrap {
    text-align: left;
}

.selectall_collab_wrap .custom_checkbox label {
    font-size: 15px;
    color: #222222;
}

.selectall_collab_wrap .custom_checkbox {
    margin-right: 15px;
}

.confirmation_collab {
    padding: 12px 15px;
    background: #b9b4b2;
    position: relative;
}

.confirmation_collab a {
    text-decoration: underline;
    color: #6d6864;
}

.confirmation_collab p {
    color: #6d6864;
    font-size: 15px;
    font-family: "catamaranbold";
}

.third_level_head {
    font-size: 28px;
    color: #303030;
    margin: 15px 0 5px;
}

table.comptt_submission td {
    width: 33.33%;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background: #f5f5f5;
}

.owner_customize {
    padding: 30px 0;
}

.owner_customize .form-group {
    margin-bottom: 35px;
}

.library_btn {
    position: absolute;
    bottom: 2px;
    left: 135px;
}

.upload_option {
    position: relative;
}

.display_withoutaction {
    display: block;
}

.center_poll_btnwrap {
    padding: 7px 0;
}

.center_poll_btnwrap a.btn {
    margin-right: 15px;
}

.center_poll_btnwrap a {
    margin-right: 8px;
}

.center_poll_btnwrap a:last-child {
    margin-right: 0px;
}

.owner_poll_pod .learning_objct_left,
.owner_poll_pod .learn_rgt_popup,
.owner_poll_pod .close_rightbar_wrap {
    max-height: 900px;
    overflow: auto;
}

.effective_register.asset_review_register {
    background: #fff;
}

.asset_review_register .button-group {
    margin-left: 0px;
}

.cust_rgt_btn {
    text-align: right;
}

.cust_rgt_btn a.btn {
    min-width: 100px;
    padding: 4px 12px;
    margin-left: 15px;
}

.cust_head h3 {
    line-height: 30px;
}

.widget_btn {
    padding: 6px 10px;
    background: #b9b4b2;
    color: #6d6864;
    border-radius: 3px;
    display: block;
}

.customized_pod_wrap h3 {
    font-size: 15px;
    color: #b9b4b2;
    font-family: "catamaranbold";
    text-transform: uppercase;
    margin: 0 0 8px;
}

.customized_pod_wrap p,
.inner_widget_head span {
    font-size: 18px;
    color: #6d6864;
    font-family: "catamaranbold";
    margin: 0 0 8px;
}

.inner_widget_head span {
    margin: 0;
    vertical-align: middle;
}

.customized_pod_wrap {
    padding: 20px;
}

.select_widget_colm {
    display: inline-block;
    vertical-align: middle;
    width: 168px;
    margin-right: 20px;
    text-align: left;
}

.select_widget_row {
    text-align: center;
    margin: 0 0 25px;
}

.widget_btn i,
.inner_widget_head i,
.inner_widget_body i {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon_set.png);
    background-repeat: no-repeat;
    margin-right: 12px;
}

.widget_btn i.image_widget {
    background-position: -362px -5px;
}

.widget_btn i.video_widget {
    background-position: -362px -33px;
}

.widget_btn i.text_widget {
    background-position: -362px -61px;
}

.widget_btn i.button_widget {
    background-position: -362px -87px;
}

.widget_btn i.placehold_widget {
    background-position: -362px -241px;
}

.widget_btn i.slider_widget {
    background-position: -362px -111px;
}

.widget_btn i.statistic_widget {
    background-position: -362px -135px;
}

.widget_btn i.trdasset_widget {
    background-position: -362px -162px;
}

.widget_btn i.artlrecent_widget {
    background-position: -362px -189px;
}

.widget_btn i.cntform_widget {
    background-position: -362px -217px;
}

.select_widget_withtitle {
    padding: 0 25px;
}

.inner_widget_head i.collapse_minus {
    background-position: -362px -336px;
    height: 12px;
}

.inner_widget_head i.collapse_plus {
    background-position: -362px -314px;
}

.inner_widget_head i.delete_widget,
.inner_widget_body i.delete_widget {
    background-position: -362px -290px;
}

.inner_widget_body i.edit_widget {
    background-position: -362px -265px;
}

.select_widget_withtitle {
    padding: 0 25px;
}

.widget_detail_wrap {
    padding: 25px;
    background: #f5f5f5;
}

.inner_widget_wrap {
    background: #fff;
    margin: 0 0 20px;
}

.inner_widget_head {
    padding: 12px 15px;
    border-bottom: 1px solid #e8e8e8;
}

.inner_widget_body {
    padding: 25px 35px;
}

.ediit_dell {
    position: absolute;
    right: 0;
    top: 4px;
}

.action_with_ecselect {
    position: relative;
    margin: 0 0 15px;
}

.common_bigpopup .form-group p {
    text-align: left;
    margin: 0 0 15px;
}

.bookmarkpopup .popup_form_edit_box .form-inline .form-control.full_width_control,
.common_bigpopup .popup_form_edit_box .form-control.full_width_control,
.form-group .form-control.full_width_control {
    width: 100%;
    position: relative;
}

.reset_btn {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/referesh.png) no-repeat center center;
    position: absolute;
    right: 10px;
    top: 10px;
}

.sample_desc {
    padding: 15px 0;
}

.sample_desc p {
    margin: 0 0 12px;
}

.discussion_text_box a.middle_align {
    margin-top: 25px;
}

.flag_wrap {
    margin: 8px 0;
}

.unread_marker {
    padding-left: 27px;
    display: inline-block;
    color: #231f20;
    position: relative;
    margin: 5px 0px;
}

.unread_marker:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background: #cccccc;
    border-radius: 3px;
}

.fstChoiceItem {
    font-size: 14px;
    margin: 0 8px 8px 0;
    background: #8e8683;
}

.fr-box.fr-basic .fr-element {
    min-height: 220px;
}

.editor_content_wrapper ul,
.editor_content_wrapper ol,
.editor_group ul,
.editor_group ol {
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.editor_content_wrapper h1,
.editor_content_wrapper h2,
.editor_content_wrapper h3,
.editor_content_wrapper h4,
.editor_content_wrapper h5,
.editor_content_wrapper h6 {
    text-align: inherit;
    font-size: inherit;
    font-style: inherit;
    margin: 0 0 5px;
}

.editor_content_wrapper p {
    text-align: inherit;
    font-size: inherit;
    font-style: inherit;
    height: auto;
    overflow: inherit;
    text-transform: inherit;
    color: inherit;
    margin: auto;
    line-height: normal;
    max-height: none;
}

.editor_content_wrapper table td,
.fr-view table td,
.fr-view table th {
    border: 1px solid #dddddd;
    padding: 2px 5px;
    vertical-align: middle;
}

.editor_content_wrapper a:hover,
.editor_group a:hover {
    text-decoration: underline;
    text-align: inherit;
    font-size: inherit;
    font-style: inherit;
    color: inherit;
}

.editor_content_wrapper a,
.editor_group a {
    text-decoration: underline;
    text-align: inherit;
    font-size: inherit;
    font-style: inherit;
    color: inherit;
}

.fr-toolbar {
    border-color: #323232;
}

.editor_content_wrapper {
    margin: 15px 0;
}

.editor_content_wrapper li {
    margin: 3px 0;
}

.fr-emoticon.fr-deletable.fr-emoticon-img {
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    height: 30px !important;
    width: 30px !important;
    margin: 0 0 0 5px;
}

.comm_list_asset span.gray {
    margin: 0 0 5px;
}

.right_close_inner iframe .ndfHFb-c4YZDc-i5oIFb.ndfHFb-c4YZDc-e1YmVc .ndfHFb-c4YZDc-Wrql6b {
    display: none;
}

.learning_objct_left.col-md-8 .hide_div img {
    width: auto;
}

.coauthor_right .tooltip-inner {
    background: rgba(0, 0, 0, 0.6) !important;
    min-width: 130px !important;
}

.iframe_wrapper {
    position: relative;
}

.iframe_wrapper iframe {
    width: 100%;
}

.hide_div {
    text-align: center;
}

.effective_register .form-group .form-control {
    display: block;
}

.comment_editor .form-control p {
    font-family: 'catamaranregular';
}

label.switch label.error {
    bottom: -30px;
    min-width: 185px;
    top: auto;
}

footer {
    position: relative;
    width: 100%;
    margin-top: -135px;
    height: 135px;
    clear: both;
}

html {
    height: 100%;
    position: relative;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
}

section {
    padding-bottom: 135px;
    min-height: 100%;
    /* If any problem in this min height plz fix that don't remove it */
}

.commun_asst_img img.profile_middle {
    width: 70px;
    height: 70px;
}

.two_wrap_box {
    padding: 0 0 0 0;
    position: relative;
}

#related_notes h3 {
    margin-bottom: 8px;
}

#personal_notes_form {
    display: none;
}

.editor_status {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-right: 8px;
    vertical-align: bottom;
}

.editor_status ul {
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 120px;
}

.editor_status ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    color: #222222;
}

.editor_status ul li:last-child,
.editor_status.active ul li:first-child {
    display: none;
}

.editor_status.active ul li:last-child {
    display: block;
}


/* User permission table */

.user_permission_table .custom_checkbox label {
    padding: 0 0 0 21px;
    height: 19px;
}

.user_permission_table .custom_checkbox label:before {
    top: 0;
}

.user_permission_btsec {
    margin-bottom: 30px;
}


/* Our team page */

.cms_center {
    max-width: 754px;
    margin: 0 auto;
}

.team_memberlist_out {
    margin: 68px 0 0;
}

.team_memberlist_out h2 {
    margin-bottom: 32px;
}

.team_memberlist_row {
    margin: 0 0 30px;
}

.team_memberimg {
    display: inline-block;
    width: 263px;
    margin: 0 28px 0 0;
}

.team_memberinfo {
    display: inline-block;
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    vertical-align: middle;
}

.team_memberinfo h3 {
    font-size: 21px;
    color: #303030;
    font-family: catamaranbold;
    margin: 0 0 8px;
}


/* About us page */

.cms_center .common_cms_wrap {
    margin: 0 0 30px;
}

.cms_ourpodimg {
    margin: 0 0 25px;
}


/* Contact us page */

.contact_main_wrap h3.contact_smtt {
    font-size: 17px;
    letter-spacing: 0.4px;
    margin: 0 0 34px;
}


/*common*/

.wid-50 {
    width: 49.4% !important;
    float: left;
    padding-left: 20px;
}

.wid-50:first-child {
    padding-left: 0;
}

.wid-75 {
    width: 74.34% !important;
    float: left;
}

.wid-25 {
    width: 24.56% !important;
    float: left;
}

.wid-one-third {
    width: 33.13% !important;
    float: left;
}

.chk-btn {
    display: inline-block;
}

.ver-base {
    vertical-align: baseline !important;
}


/**/

.chk-box {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
}

.chk-box span {
    padding: 2px 0 0 4px;
}

span#hint_url {
    display: block;
}

span.cus-alert {
    padding: 10px 10px 2px 0px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #464646;
    font-size: 16px;
}

.cus-alert i {
    padding: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    display: inline-block;
    line-height: 14px;
    border-radius: 50%;
    border: 2px solid;
    font-size: 12px;
    margin-right: 6px;
}

span.cus-success {
    color: #40d087;
    display: none;
}

span.cus-warning {
    color: #f76560;
    display: none;
}

span.cus-success i {
    color: #40d087;
    border-color: #40d087;
}

span.cus-warning i {
    color: #f76560;
    border-color: #f76560;
}


/*Home Comming Soon Content
.welcm_info_out{ width: 100%; background: rgba(0,0,0,.5); padding: 100px 0; text-align: center; }
.welcm_info_out .welcm_info{ color: #FFF; width: 90%; margin: auto; max-width:750px;}
.welcm_info_out .welcm_info h2, .cmg_soon h2{ letter-spacing: 0.25em; color: #FFF; font-size: 90px; margin: 10px 0; }
.welcm_info_out .welcm_info h2 span{ display:block;}
.welcm_info_out .welcm_info h3{font-size: 24px; font-family: 'DroidSerifRegular'; line-height: 1.46em; margin: 0 0 50px;}
.welcm_info_out .welcm_info p{font-size: 17px; margin:10px 0 15px; line-height: 1.55em;}
*/

.welcm_info_out {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.zindex-top{
    position: relative;
    z-index: 2;
    background-color:white;
}

.welcm_info_out .welcm_info {
    padding: 100px 0;
    color: #FFF;
    position: relative;
    z-index: 0;
    background: rgba(0, 0, 0, 0.6);
}



.welcm_info_out .welcm_info h2 span {
    display: block;
}

.welcm_info_out .welcm_info h3 {
    width: 100%;
    opacity: 90%;
    font-family: 'Roboto';
    letter-spacing: 0.05em;
    font-size: 49px;
    line-height: 1em;
    margin: 0 0 50px;
    font-weight: 700;
}


.welcm_info_out .welcm_info p {
    opacity: 90%;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    font-family: 'Montserrat';
    font-size: 22px;
    line-height: 1.4em;
    text-align: justify;
    text-align-last: center;
    font-weight: 500;
    padding-top: 21px;
}

.welcm_info_out .welcm_info p:last-of-type {
    margin-bottom: 0px;
}

.welcm_info_out .parallaxvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
    z-index: 1;
}

/* Video Parallax Section*/

.ParallaxVideo .parallaxvideo{ 
    position: fixed;
	top: 0;
	z-index:0;
}
.ParallaxVideo h3 {
    color: white;
    font-size: 76px;
    font-weight: 700;
    text-align: center;
    text-transform:capitalize;
}

.text-upon-parallex{
    position: fixed;
	top: 0;
	z-index:2;
}

.height-banner{
    height: 660px;
}

.width-hundred-percent{
    width: 100%;
}

@media screen and (min-width: 1539px) {
    #mobile-video2 {
      width: 77%;
    }
  }
  

  @media screen and (min-width: 1539px) {
    #mobile-video1{
      width: 77%;
    }
  }

  @media screen and (min-width: 2000px) {
    #mobile-video1{
      width: 68%;
    }
  }

  @media screen and (min-width: 2000px) {
    #mobile-video2 {
      width: 68%;
    }
  }

  @media screen and (max-width: 1075px) {
    .welcm_info_out .parallaxvideo {
      height: 200%;
    }
  }

  @media screen and (max-width: 1095px) {
    .welcm_info_out .parallaxvideo {
      height: 220%;
    }
  }

  @media screen and (max-width: 1000px) {
    .welcm_info_out .parallaxvideo {
      height: 200%;
    }
  }

  @media screen and (max-width: 415px) {
    .welcm_info_out .parallaxvideo {height: 202%;}
    .card-banner{width: 85% !important;}
  }

  @media screen and (max-width: 415px) {
    .card-banner{width: 85% !important;}
    .welcm_info_out .welcm_info p{font-size: 18px !important;}
  }

  @media screen and (max-width: 380px) and (min-width:366px) {
    .card-banner{width: 100% !important;}
    .welcm_info_out .welcm_info h3 {font-size: 22px !important;margin: 0 0 30px !important;}
    .welcm_info_out .welcm_info p{font-size: 16px !important;}
  }

  @media screen and (max-width: 395px) and (min-width:384px) {
    .welcm_info_out .welcm_info p{font-size: 18px !important;}
  }

  @media screen and (max-width: 365px) and (min-width:284px) {
    .welcm_info_out .welcm_info p{font-size: 16px !important;}
  }

  @media screen and (max-width: 285px) {
    .welcm_info_out .welcm_info h3 {font-size: 18px !important;margin: 0 0 30px !important;}
    .welcm_info_out .welcm_info p{font-size: 14px !important;}
  }

  @media screen and (max-width: 650px)and (min-width:621px) {
    .height-banner{
        height: 800px;
    }
  }

  @media screen and (max-width: 620px) and (min-width:500px) {
    .card-banner{width: 85% !important;}
    .welcm_info_out .welcm_info h3 {font-size: 20px !important;margin: 0 0 30px !important;}
    .welcm_info_out .welcm_info p{font-size: 16px !important;}
  }

  @media screen and (max-width: 490px) {
    .height-banner{
        height: 900px;
    }
  }

.bgColor{
    background-color: white;
}

.bgImg{
    /* background-image: url(../images/background_image_teams.jpg); */
    background: url(../images/background_image_teams.jpg) no-repeat center center fixed;
    background-size: cover;
}

.card{
    height: 750px;
    width: 500px;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
     margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
            box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.more-btn-teams{
    border: none !important;
    background-color: inherit !important;
    padding: 0px 0px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: inline-block !important;
    color: #2d2db0 !important;
}

.more-btn-teams:hover{
    color: #fff !important;
}

.card-teams-mobile{
    height: 100%;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
     margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
            box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card-banner{
    /* height: 313px; */
    width: 70%;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
    backdrop-filter: blur(75px);
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
    box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card{
    height: 750px;
    width: 500px;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
     margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
            box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card-left{
    height: 100%;
    width: 600px;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
     margin: 25px 0px auto auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
            box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card-right{
    height: 100%;
    width: 600px;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
     margin: 25px auto auto 0px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
            box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card-img{   
    height: 120px;
    width: 120px;
    background-color: rgb(255 255 255 / 70%);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 50%;
    margin-left: -20px;
    margin-top: -20px;
    left: 0;
    right: 0;
    float:left;
}
.card-img img{
    height: 86%;
    border-radius: 50%;
    margin-left: 3%;
    margin-right: 4%;
    margin-top: 12%;
}


.column {
    padding: 20px 20px;
    float: left;
    width: 360px;
}

.column1 {
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 10%;
}


h6{
    margin: 0;
}
.desc{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-right: 45px;
    width: 100%;
    text-align: center;
    top: 160px;
}
.primary-text{
    color: white;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.7px;
    margin: 5px 0;
    text-align: left;
    font-family: 'Source Sans 3';
}

.secondary-text{
    padding-bottom: 20px;
    text-align: left;
    color: black;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.3em;
    margin: 5px 0;
    font-family: 'Montserrat';
}

.desc p{
    padding-top: 8px;
    padding-bottom: 8px;
}

.person-name-padding{
    padding-top: 40px;
    padding-left: 120px;
    padding-bottom: 45px;
}

.card-pods{
    height: 265px;
    width: 300px;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
     margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    -webkit-box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
            box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.row-pods-listing{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    padding-top: 220px;
    padding-bottom: 110px;
}

.row-pods-listing a{
    padding-top: 20px;
}

.pods-image{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 58%;
    padding:30px 20px 0 20px;
}

.pods-name{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    width: 100%;
    text-align: center;
}

.pods-name .primary-text{
    text-align: center;
    font-size: 20px;
}

.margin-left-adjust{
    margin-left:50%;
}

@media (min-width: 600px) {
    .row-pods-listing { grid-template-columns: repeat(2, 1fr); }
    .margin-left-adjust{margin-left: 0;}
}

@media (max-width: 600px) {
    .margin-left-adjust{margin-left: 0;}
}

@media (min-width: 900px) {
    .row-pods-listing {grid-template-columns: repeat(3, 1fr);}
    .margin-left-adjust{margin-left: 50%;}
}


.neomorphic-card{
    padding: 50px;
    border-radius: 40px;
    background: #e0e0e0;
    box-shadow:  15px 15px 24px #9b9b9b,
             -15px -15px 24px #ffffff;
}

.glassmorphism-card-pods{
    margin: 0 auto;
    height: 265px;
    width: 300px;
    background: rgb(255 255 255 / 31%);
    box-shadow: 0 8px 32px 0 rgb(58 58 60 / 45%);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 40px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.benefits-title-mobile{
    padding-top: 40px !important;
    color: #3a3b3f;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 185%;
    letter-spacing: normal;
    padding: 0 50px;
    line-height: 1em;
}

.benefits-text-large-mobile{
    text-align: center !important;
    font-family: 'Source Sans 3';
    font-weight: 600 !important;
    font-size: 160% !important;
    letter-spacing: normal !important;
    line-height: 1em !important;
    margin: 0 0 25px !important;
    color: #293e51c2;
}

.benefits-text-small-mobile{
    padding: 0 5px;
    width: 100% !important;
    font-size: 110% !important;
    font-weight: 550 !important;
    font-family: 'Montserrat' !important;
    text-align: center !important;
    letter-spacing: normal !important;
    color: #000000c7;
}

.benefits-img-mobile{
    object-fit: contain !important;
}

.benefits-title{
    padding-top: 60px !important;
    color: #3a3b3f;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 49px;
    letter-spacing: normal;
    padding: 0 50px;
    line-height: 1em;
}

.benefits-img{
    width: 500px !important;
    object-fit: cover;
}

.benefits-text-large-left{
    text-align: left !important;
    font-family: 'Source Sans 3' !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    letter-spacing: normal !important;
    line-height: 1em !important;
    margin: 0 0 25px !important;
    color: #293e51c2;
}

.benefits-text-small-left{
    font-size: 20px !important;
    font-weight: 550 !important;
    font-family: 'Montserrat' !important;
    text-align: left !important;
    letter-spacing: normal !important;
    color: #000000c7;
}

.benefits-text-large-right{
    text-align: right !important;
    font-family: 'Source Sans 3' !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    letter-spacing: normal !important;
    line-height: 1em !important;
    margin: 0 0 25px !important;
    color: #293e51c2;
}

.benefits-text-small-right{
    margin-left: auto;
    font-size: 20px !important;
    font-weight: 550 !important;
    font-family: 'Montserrat' !important;
    text-align: right !important;
    letter-spacing: normal !important;
    color: #000000c7;
}

.padding-benefit-text-left{
    padding: 0 175px 0 0 !important;
}

.padding-benefit-text-right{
    padding: 0 0 0 175px !important;
}

.row-benefits-listing{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    padding-top: 180px;
    padding-bottom: 110px;
}

@media (min-width: 600px) {
    .row-benefits-listing { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 900px) {
    .row-benefits-listing { grid-template-columns: repeat(2, 1fr); }
}

/*.stopfade {opacity: .5;}*/

.cmg_soon {
    text-align: center;
}

.cmg_soon h2 {
    text-align: center;
    color: #231f20;
}

.cmg_soon span.mid17 {
    display: inline-block;
    padding: 4px 12px;
    background: #000;
    color: #FFF;
}

/* Slider for OL vision */
/* .mySlides {display: none} */
/* Fading animation */
.fade-vision {
    animation-name: fade-vision;
    animation-duration: 2s;
  }
  
  @keyframes fade-vision {
    from {opacity: .4} 
    to {opacity: 1}
  }


  .fade-about {
    animation-name: fade-about;
    animation-duration: 5s;
  }
  
  @keyframes fade-about {
    from {opacity: .4} 
    to {opacity: 1}
  }

.outerbox-width-about{
    max-width: 70% !important;
    min-width: 255px;
    height: 50%;
    border-radius: 10% !important;
    background-color: rgba(0,0,0);
    margin-bottom: 50px;
}

.innerbox-width-about{
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 80% !important;
    min-width: 200px;
    max-height: 450px;
}

@media (max-width: 600px) {
    .outerbox-width-about{
        min-width: 100% !important;
    }
    .innerbox-width-about{
        min-width: 90% !important;
    }
}

/*20/07/2017New style*/

.banner_section .btn.btn_small {
    background: transparent;
    border: 2px solid #fff;
}

.banner_section .btn.btn_small:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #333;
}

.greyscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.social-media-icon{
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.social-media-icon:hover{
    opacity: 0.7;
}

.facebook-icon-footer{
    background: #3B5998;
    object-fit: contain;
    padding: 3px;
}

.linkedin-icon-footer{
    background: #3B5998;
    object-fit: contain;
    padding: 3px;
}

.youtube-icon-footer{
    background: #bb0000;
    object-fit: contain;
    padding: 3px;
}

.insta-icon-footer{
    background: #125688;
    object-fit: contain;
    padding: 3px;
}


.tooltip-footer .tooltiptextEtann {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:38%;
    left: 18%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextEtann {
    visibility: visible;
  }
  
  .tooltip-footer .tooltiptextskilledtoserve {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:38%;
    left: 45%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextskilledtoserve {
    visibility: visible;
  }

  .tooltip-footer .tooltiptextc2l2c {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:38%;
    left: 72%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextc2l2c {
    visibility: visible;
  }

  .tooltip-footer .tooltiptextpjm {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:62%;
    left: 18%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextpjm {
    visibility: visible;
  }

  .tooltip-footer .tooltiptextbrainworld {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:62%;
    left: 45%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextbrainworld {
    visibility: visible;
  }

  .tooltip-footer .tooltiptextvisualstories {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:62%;
    left: 45%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextvisualstories {
    visibility: visible;
  }

  .tooltip-footer .tooltiptextfutureverse {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:62%;
    left: 18%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptextfutureverse {
    visibility: visible;
  }

  .tooltip-footer .tooltiptexthealthlibrary {
    font-family: 'Montserrat';
    visibility: hidden;
    width: 300px;
    background-color: #FFFBE9;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
  
    /* Position the tooltip */
    position: absolute;
    top:62%;
    left: 45%;
    z-index: 2;
  }
  
  .tooltip-footer:hover .tooltiptexthealthlibrary {
    visibility: visible;
  }

  .tooltip-footer .tooltiptextYoutube {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    top:-8px;
    left: 60px;
    z-index: 1;
  }
  
  .tooltip-footer:hover .tooltiptextYoutube {
    visibility: visible;
  }
  

  .tooltip-footer .tooltiptextInsta {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    top:-8px;
    left: 135px;
    z-index: 1;
  }
  
  .tooltip-footer:hover .tooltiptextInsta {
    visibility: visible;
  }

  @media (max-width: 600px) {
    .tooltip-footer .tooltiptextEtann {
        /* Position the tooltip */
        position: absolute;
        top:21%;
        left: 16%;
        z-index: 2;
      }
      
      .tooltip-footer .tooltiptextskilledtoserve {
        /* Position the tooltip */
        position: absolute;
        top:35%;
        left: 16%;
        z-index: 2;
      }
    
      .tooltip-footer .tooltiptextc2l2c {
        /* Position the tooltip */
        position: absolute;
        top:45%;
        left: 16%;
        z-index: 2;
      }
    
      .tooltip-footer .tooltiptextpjm {
        /* Position the tooltip */
        position: absolute;
        top:62%;
        left: 16%;
        z-index: 2;
      }
    
      .tooltip-footer .tooltiptextbrainworld {
        /* Position the tooltip */
        position: absolute;
        top:62%;
        left: 45%;
        z-index: 2;
      }
      
      .tooltip-footer .tooltiptextvisualstories {
        /* Position the tooltip */
        position: absolute;
        top:62%;
        left: 16%;
        z-index: 2;
      }
      
      .tooltip-footer .tooltiptextfutureverse {
        /* Position the tooltip */
        position: absolute;
        top:75%;
        left: 16%;
        z-index: 2;
      }
    
      .tooltip-footer .tooltiptexthealthlibrary {
        /* Position the tooltip */
        position: absolute;
        top:85%;
        left: 16%;
        z-index: 2;
      }
    
      .tooltip-footer .tooltiptextYoutube {
        /* Position the tooltip */
        position: absolute;
        top:-8px;
        left: 60px;
        z-index: 1;
      }
      
      .tooltip-footer .tooltiptextInsta {      
        /* Position the tooltip */
        position: absolute;
        top:-8px;
        left: 135px;
        z-index: 1;
      }
 }

@media (min-width: 1600px) {
    .left_section_openwrap,
    .bg_open_lftbar {
        min-height: 850px;
    }
}


/* To Remove the download button from video  */

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */
}

.clear {
    clear: both;
}


/*home how it works
.howitworks_row{position: relative;}
.howitworks_row .container{position: static; padding: 0;}
.howitworks_row .col-half-right{padding:80px 70px;     min-height: 300px;}

.howitworks_row .col-half-right.left-cont{padding-left:0px;}
.howitworks_row .col-half-right.right-cont{padding-right:0px;}

.howitworks_row .col-half-right h3{font-size: 24px;font-family: 'DroidSerifRegular';line-height: normal;margin: 0 0 40px;}
.howitworks_row .col-half-right p{line-height: normal; font-size: 16px;}

.howitworks_row .col-half-left, .howitworks_row .col-half-right{width:50%;}
.howitworks_row .col-half-left{position: absolute;}
.howitworks_row .col-half-left.right-img{right: 0;height: 100%;overflow: hidden;}
.howitworks_row .col-half-left.left-img{left: 0;height: 100%;overflow: hidden;}*/

.howitworks_row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
*/
}

.howitworks_row .container {
    position: static;
    padding: 0;
    width: 100%;
}

.howitworks_row .col-half-right-inner {
    position: relative;
    top: 47%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 60px;
}

.howitworks_row .col-half-right h3 {
    font-size: 40px;
    font-family: 'Source Sans 3';
    line-height: 1em;
    margin: 0 0 40px;
    font-weight: 700;
}

.howitworks_row .col-half-right p {
    padding: 0px 10px;
    width: 100%;
    line-height: normal;
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat';
}

.howitworks_row .col-half-left,
.howitworks_row .col-half-right {
    width: 50%;
    position: relative;
}

.howitworks_row .col-half-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.howitworks_row .col-half-left .image-ol-vision {
    padding-top: 20px;
    float: left;
    width: 650px;
    object-fit: cover;
}

.vision-title{
    text-align: center;
    color: #3a3b3f;
    margin: 15px 0;
    font-size: 49px;
    font-weight: 700;
    font-family: 'Roboto';
}

.vision-title-mobile{
    text-align: center;
    color: #3a3b3f;
    margin: 15px 0;
    font-size: 203%;
    font-weight: 700;
    font-family: 'Roboto';
}

.semi-circle{
    background-color: #80C5A0;
  width: 400px;
  height: 100px;
  border-radius: 50% / 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.dot-vision {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .active-vision, .dot-vision:hover {
    background-color: #717171;
  }

  .dot-vision-mobile {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .active-vision, .dot-vision-mobile:hover {
    background-color: #717171;
  }

  .dot-mobile-video {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .active-mobile-video, .dot-mobile-video:hover {
    background-color: #717171;
  }


  .mySlides-mobile-video h4{
      font-size: 72px;
      font-weight: 700;
      font-family: 'Source Sans 3';
  }
/*.how_it_workswrap .inner_container {width: 100%;}*/


/*pod part*/

/* .pod-part {
    height: 50%;
    background: url(../images/pods_bg_image.jpg) no-repeat scroll center center / cover;
    position: relative;
} */

.pod-part {
    background-image: url('../images/pods_bg_image.jpg');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.pod-part h3 {
    position: absolute;
    top: 11%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 15px;
    color: white;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 49px;
}

.page_section {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}



/*communicate part*/

.communicate-part {
    padding: 70px 0 0px 0;
}

.communicate-part-inner {
    max-width: 980px;
    margin: 0 auto;
}

.communicate-part .communicate-part-com {
    width: 48%;
    float: left;
}

.communicate-part .communicate-part-com.last {
    float: right;
}

.communicate-part .img-part {
    margin-bottom: 40px;
}

.communicate-part .img-part img {
    width: 100%;
}

.communicate-part .cont-part {
    text-align: center;
}

.communicate-part .cont-part h3 {
    font: 32px/1.25em 'DroidSerifRegular';
    margin: 0 0 60px;
}

.communicate-part .cont-part p {}

.communicate-part .cont-part .button {
    border: 1px solid #000000;
    display: inline-block;
    margin: 0;
    padding: 8px 27px;
    font-size: 16px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.communicate-part .cont-part .button:hover {
    border: 1px solid #000000;
    background: #000;
    color: #fff;
}


/*about part*/

.about-part {
    padding: 70px 0;
}

.about-part-inner {
    max-width: 100%;
    margin: 0 auto;
}

.about-part h4 {
    color: #3a3b3f;
    margin: 20px 0 50px;
}

.about-part p {
    font-size: 17px;
    margin: 0 0 25px;
}

.about-part p:last-of-type {
    margin-bottom: 0px;
}


.glassmorphism-card-services{
    padding: 30px;
    margin: 0 auto;
    /* height: 265px; */
    width: 80%;
    background: rgb(255 255 255 / 85%);
    box-shadow: 0 8px 32px 0 rgb(58 58 60 / 45%);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 40px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.row-services-listing{
    /* max-width: 80%; */
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    padding-top: 15px;
    padding-bottom: 110px;
}

.services-video-icon{
    width:100%;
    margin-top:20px;
}

@media (max-width: 600px) {
    .services-video-icon{
        width:60%;
        margin-top:0px;
    }
    .row-services-listing { grid-template-columns: repeat(1, 1fr); }
    .services-title h3 {
        font-weight: 700;
        font-size: 208% !important;
    }
    .services-heading{
        font-size: 183% !important;
        padding-left: 5px !important;
        padding-bottom: 20px;
    }
    .services-points{
        font-size: 145% !important;
    }
}

@media (max-width: 600px) {
    
}

@media (min-width: 900px) {
    /* .row-services-listing {grid-template-columns: 6fr 1fr 6fr;} */
    .row-services-listing {grid-template-columns: 6fr 6fr;}
}

/* @media (min-width: 900px){
    .row-services-listing {
        grid-template-columns: repeat(2, 1fr);
    }
} */

.services-padding-list{
    /* margin: auto; */
    /* width: 50%; */
    /* align-items: center; */
    /* width: 50%; */
    /* text-align: center; */
    /* display: inline-block; */
    /* position: relative; */
    padding-left: 48px;
    margin-right: 25px;
}

.sub_div {
    right: 3%;
    position: absolute;
    bottom: 2%;
    color: black;
}
.main_div {
    /* text-align:center; */
    position: relative;
    /* left: 100px; */
    /* height: 200px; */
    /* width: 500px; */
    /* background-color: green; */
}

.service-backgroundimage{
    /* background-color: #c7ecee; */
    background-image: url('../images/services-background.jpg');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
}

.service-text-widht{
    /* width: 65%; */
}

.services-head{
    /* float: left; */
    /* display: flex; */
    /* align-items: center; */
}

.services-img{
    position: relative;
    display: inline-block;
}



.services-title {
    opacity: 100%;
    background: none;
    height: 300px;
    position: relative;
    margin: 0 0 0;
}

.services-title h3 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 49px;
    color: #3a3b3f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 15px;
}

.services-heading{
    width: 75%;
    color: #293e51c2;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    text-align: left;
    font-family: 'Source Sans 3';
    font-weight: 600;
    font-size: 40px;
    letter-spacing: normal !important;
    line-height: 1em !important;
    margin: 0px 0 0px !important;
}

.services-ul{
    text-align:left;
    display: table;
    margin: 0 0;
}

.services-points{
    font-size: 14px;
    margin-left: 10px;
    text-align: left;
    font-family: 'Montserrat' !important;
    font-size: 20px;
    letter-spacing: normal !important;
    margin: 0 0 20px !important;
    color: #000;
    list-style-type: disc;
}

.services-bold-text{
    font-size: 20px;
    font-weight: 700;
}

/*cliens*/
.logo-section {
    margin: 0px auto;
    /* background-color: rgba(0, 0, 0, 0.1); */
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
  }
  .logo-section h2 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 49px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 35px;
  }
  .logo-section p {
    margin: 0px 6%;
    font-family: 'Source Sans 3';
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    padding-bottom: 60px;
    /* padding-top: 35px; */
  }
  .company-names {
    list-style: none;
    padding: 0px 5%;
    margin: 0;
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-gap: 20px;
  }

  @media (max-width: 600px) {
    .company-names {
        grid-template-columns: 4fr 4fr;
    }
    .company-names-china{
        padding: 0px 5%;
        grid-template-columns: 4fr 4fr;
      }
    .company-names-usa{
        padding: 0px 5%;
    }
    .logo-section h2{
        font-size: 203% !important;
    }   
}

  .company-name {
    margin: 0px auto;
    box-sizing: unset;
    max-height: 100px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    /* padding-left: 25%; */
  }

  .company-names-china{
    list-style: none;
    padding: 0px 15%;
    margin: 0;
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
    grid-gap: 20px;
  }

  .company-names-usa{
    list-style: none;
    padding: 0px 30%;
    margin: 0;
    display: grid;
    grid-template-columns: 4fr 4fr;
    grid-gap: 20px;
  }
  /* .company-name:hover {
    background-color: #d9d9d9;
  } */

  .arrows {
    /* top: 18%; */
    left: 46%;
    position: relative;
    align-self: center;
    transform: translateY(-300%);
    /* width: 100%; */
    /* display: flex; */
    /* justify-content: end; */
  }

  .arrows button {
    cursor: pointer;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
  }

  .arrows button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .malaysia_clients{
    width: 50%;
    margin: auto;
  }

  .country-clients-headline{
    font-family: 'Source Sans 3';
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    margin-top: 50px;
  }

/*our team*/

.our-team-title {
    opacity: 100%;
    background: none;
    height: 300px;
    position: relative;
    margin: 0 0 0;
}

.our-team-title h3 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 49px;
    color: #3a3b3f;
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 15px;
}

.our-team-title p {
    font-family: 'Source Sans 3';
    font-weight: 700;
    font-size: 22px;
    color: #3a3b3f;
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 160px;
}

.our-team ul {
    max-width: 900px;
    margin: 0 auto;
}

.our-team ul li {
    list-style: none;
    text-align: center;
    margin-bottom: 50px;
}

.our-team ul li:nth-of-type(2) {
    margin-bottom: 70px;
}

.our-team ul li:last-of-type {
    margin-bottom: 60px;
}

.our-team ul li .profile-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 35px;
}

.our-team ul li .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-team ul li h4 {
    font: 30px/1.25em 'DroidSerifRegular';
    color: #3a3b3f;
    margin: 0 0 25px;
    font-weight: bold;
}

.our-team ul li p {
    font-size: 17px;
    margin: 0 0 25px;
    text-align: left;
}

.our-team ul li p:last-of-type {
    margin-bottom: 0px;
}

.our-team ul li a {
    text-decoration: underline;
}

.our-team ul li .title {
    font: 22px/1.25em 'DroidSerifRegular';
    color: #3a3b3f;
}

.our-team ul li .title span {
    display: block;
    font-size: 17px;
    color: #3A3B3F;
    font-family: 'catamaranregular', Arial, sans-serif;
}

.our-team ul li .title+form {
    margin-top: 20px;
}

.our-team ul li form input {
    border: 1px solid #3A3B3E;
    background: #fff;
    color: #3A3B3E;
    border-radius: 0;
    padding: 5px 15px;
    margin: 0 0 10px;
    font-size: 17px;
}

.our-team ul li form input:focus {
    border: 1px solid #3A3B3E;
}

.our-team ul li form button {
    background-color: rgba(58, 59, 63, 1);
    border-color: #3A3B3F;
    border-width: 0.4918032786885246px;
    color: #FFFFFF;
    width: 100%;
    height: 42px;
    font-size: 17px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.our-team ul li form button:hover {
    background: #000;
}


/*home contact*/

.home-contac {
    background: #e9e9e9;
    padding: 70px 0;
}

.home-contac-left h3 {
    font: 48px/1.25em 'Roboto';
    color: #3A3B3F;
}

.home-contac-left p {
    font-size: 17px;
    line-height: normal;
}

.home-contac-left {
    float: left;
}

.home-contac-right {
    width: 65%;
    float: left;
}

.padding-top-contact{
    padding-top: 25px;
}

.contact-captch-width{
    width: 70% !important;
    background-color: #e0e0e0;
    padding: 0px 0px;
}
  

.home-contac-right {
    float: right;
}

.home-contac-inner {
    max-width: 900px;
    margin: 0 auto;
}

.home-contac-inner form .textarea-group label.error {
    bottom: -22px;
}

.home-contac-inner form label.error,
.our-team ul li .title+form label.error {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -28px;
    top: inherit;
    font-size: 12px;
    padding: 3px 6px;
    right: 0;
    text-align: center;
}

.our-team ul li .title+form label.error {
    bottom: -18px;
}


.contact-send-button {
    width: 30%;
    margin: 0 0 0 75% !important;
    background: #3e4247 !important;
    background-image: -webkit-linear-gradient(top, #3e4247, #0a0a0a) !important;
    background-image: -moz-linear-gradient(top, #3e4247, #0a0a0a) !important;
    background-image: -ms-linear-gradient(top, #3e4247, #0a0a0a) !important;
    background-image: -o-linear-gradient(top, #3e4247, #0a0a0a) !important;
    background-image: linear-gradient(to bottom, #3e4247, #0a0a0a) !important;
    -webkit-border-radius: 10 !important;
    -moz-border-radius: 10 !important;
    border-radius: 10px !important;
    font-family: Arial !important;
    color: #ffffff !important;
    font-size: 20px !important;
    padding: 5px 20px 5px 20px !important;
    text-decoration: none !important;
  }
  
  .contact-send-button:hover {
    background: #70767a !important;
    background-image: -webkit-linear-gradient(top, #70767a, #3e4245) !important;
    background-image: -moz-linear-gradient(top, #70767a, #3e4245) !important;
    background-image: -ms-linear-gradient(top, #70767a, #3e4245) !important;
    background-image: -o-linear-gradient(top, #70767a, #3e4245) !important;
    background-image: linear-gradient(to bottom, #70767a, #3e4245) !important;
    text-decoration: none !important;
  }

  #captImgContact img{
      object-fit: contain !important;
  }

  @media screen and (max-width: 565px) {
    .home-contac-left, .home-contac-right {
        width: 48.5%;
        float: left;
    }
    .contact-captch-width{
        width: 100% !important;
        background-color: #e0e0e0;
        padding: 0px 0px;
    }

    .contact-send-button {
        margin: 0 0 0 70% !important;
        font-size: 16px !important;
        width: 30%;
    }
  }

/*input field animation start*/

.new-group {
    position: relative;
    margin-bottom: 12px;
}

.new-group label.cm-name {
    font-size: 15px;
    font-family: 'catamaranbold';
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    color: #221f1f;
}

.new-group .bar {
    position: relative;
    display: block;
    width: 100%;
}

.new-group .bar:before,
.new-group .bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #FE9B1A;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
}

.new-group .bar:before {
    left: 50%;
}

.new-group .bar:after {
    right: 50%;
}

.new-group input,
.new-group textarea {
    font-size: 15px;
    padding: 5px 0px;
    border: none;
    border-bottom: 1px solid #3a3b3f;
    background: transparent;
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    height: 40px;
    /*color:#3A3B3F;*/
    color: #6b6b6b;
}

.new-group textarea {
    margin-top: 10px;
}

.new-group input:focus,
.new-group textarea:focus {
    outline: none;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
}

.new-group input:focus~.bar:before,
.new-group input:focus~.bar:after,
.new-group textarea:focus~.bar:before,
.new-group textarea:focus~.bar:after {
    width: 50%;
}

.new-group input:focus~.highlight,
.new-group textarea:focus~.highlight {
    -webkit-animation: inputHighlighter 0.4s ease;
    animation: inputHighlighter 0.3s ease;
}

.new-group input:focus~label.cm-name,
.new-group input:valid~label.cm-name,
.new-group textarea:focus~label.cm-name,
.new-group textarea:valid~label.cm-name {
    top: -8px;
    font-size: 14px;
    left: 0px;
}


/*input field animation end*/

.textarea-group .bar:before,
.textarea-group .bar:after {
    bottom: 6px;
}

.new-group .left-group,
.new-group .right-group {
    width: 47%;
    float: left;
    position: relative;
}

.new-group .right-group {
    float: right;
}

.new-group button {
    border: none;
    padding: 0;
    background: transparent;
    font-size: 16px;
    line-height: 1.5em;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    color: #3A3B3F;
}

.new-group button:hover {
    color: #000;
}

.padding-right-header-menu {
    padding-right: 15px;
}


/* Grid List */

.grd-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    background: #FFF;
    float: left;
}

.grd-list>li {
    padding: 20px 15px;
    width: 100%;
    float: left;
}

.grd-list>li h3 {
    word-break: break-all;
}

.grd-list>li.border-line-inner h3 {
    margin: 5px 0;
}

.border-line-inner {
    border-bottom: 2px solid #efefef;
    padding: 15px 30px;
}


/* My Style Start */

.close_rightbar_wrap.bg_white.report-tble-prt {
    padding: 40px 0 0;
    margin: 0;
}

.lft-report-prt {
    padding: 0 0 0 15px;
}

.rgt-report-prt {
    padding: 0 15px 0 0;
}


/* My Style End */