@font-face {
    font-family: "BentonSans";
    src: url("fonts/BentonSans-Black.woff2") format("woff2"),
        url("fonts/BentonSans-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "BentonSans";
    src: url("fonts/BentonSans-Regular.woff2") format("woff2"),
        url("fonts/BentonSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BentonSans";
    src: url("fonts/BentonSans-Bold.woff2") format("woff2"),
        url("fonts/BentonSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "BentonSans";
    src: url("fonts/BentonSans-ExtraLight.woff2") format("woff2"),
        url("fonts/BentonSans-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "BentonSans";
    src: url("fonts/BentonSans-Medium.woff2") format("woff2"),
        url("fonts/BentonSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "BentonSans";
    src: url("fonts/BentonSans-Light.woff2") format("woff2"),
        url("fonts/BentonSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "BentonSans Comp Book";
    src: url("fonts/BentonSansComp-Book.woff2") format("woff2"),
        url("fonts/BentonSansComp-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.right_action_lo {
    display: none;
    position: absolute;
    margin: 0px 0 0 4px;
    z-index: 9999;
}

.sidebar-collapse .sidebar-menu:hover {
    overflow: visible;
}

.error-message {
    color: #f00;
    font-size: 13px;
}

.require {
    color: #f00;
}

.success {
    background: #00ca6d;
    border: 1px #00ca6d solid;
    padding: 3px 10px;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
}

.success- {
    background: #00ca6d;
    border: 1px #dd4b39 solid;
    padding: 3px 10px;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    color: #dd4b39;
}

/*.img_sec{    width: 69% !important;}*/

.drt {
    height: 400px;
    overflow: auto;
}

fieldset {
    background: #fff;
}

.company_tab span {
    display: inline-block;
    padding: 4px 10px;
    background: #23272d;
    color: #d2d2d2;
    margin-bottom: 3px;
    cursor: pointer;
    transition: all 0.1s ease-in-out 0s;
}

.company_tab span:hover,
.company_tab span.active {
    background: #1970e9;
    color: #fff;
}

.admin_st {
    float: left;
    width: 100%;
    font-size: 19px;
    color: #666;
}

.chart_loader {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 9;
}

.chart_loader img {
    width: 80px;
}

.main-header > a {
    position: relative;
    left: 0;
    /*    width: 229px;*/
    padding-left: 10px;
    background: #fff !important;
    z-index: 999;
    color: #000 !important;
}
/*.main-header > a {
    position: absolute;
    left: 0;
    width: 230px;
    padding-left: 10px;
    background: #fff;
    border-bottom: 1px solid #9c9c9c;
}*/
.main-header a.default-toggle {
    background: transparent !important;
}
.sidebar-collapse .main-header > a {
    width: 49px;
}

.main-header a img {
    /*    height: 50px;*/
    padding: 0px 0px;
}
/*.main-header a img {
        height: 50px;
    padding: 8px 0px;
}*/

/*.sidebar-collapse .main-header a img {    width: 91px;}*/

.main-sidebar,
.left-side {
    margin-top: 1px;
}

/*.main-header {
    border-bottom: 1px solid #9c9c9c;
}*/

.main-footer {
    text-align: center;
    background: #f4f4f4;
    border: none;
    float: left;
    padding: 0px 15px 30px;
    width: 100%;
    font-size: 15px;
}

.box-header {
    width: 100%;
    display: inline-block;
    padding-bottom: 0px;
}

.box-header ul.nav.nav-tabs {
    text-align: center;
    width: 92%;
    margin: 0px 0px 0px 7%;
}

.box-header ul.nav.nav-tabs a {
    color: #000;
    background: #ececec;
    padding: 10px 9px;
    /*    color: #000;*/
}

.box-header ul.nav.nav-tabs li.active a,
.box-header ul.nav.nav-tabs li a:hover {
    background: #00b050;
    color: #fff;
    border: 1px solid transparent;
}

.arrow {
    display: inline-block;
    margin: 6px 10px;
}

.arrow select {
    width: 120px;
    background: #fff;
    border-radius: 2px;
    padding: 5px 5px;
}

.arrow .custom-select {
    width: 150px;
    display: inline-block;
}

.arrow .custom-select a {
    width: 100%;
    text-align: left;
}
.custom-select div {
    text-align: left;
}

.arrow b {
    display: inline-block;
    vertical-align: top;
    padding: 7px 10px 0px;
    font-family: "BentonSans";
    font-weight: normal;
    font-weight: 500;
}

/*.input.checkbox {
    padding-left: 23px;
}*/

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #ecf0f5;
    border-right: 1px solid #ccc;
}

.mail_id {
    vertical-align: top;
    padding: 16px 10px 0px;
    display: inline-block;
}

.client_text {
    vertical-align: top;
    padding: 16px 0px 0px;
    display: inline-block;
}

.admin_no_record {
    min-height: 370px;
}

.input.number {
    display: inline-block;
    width: 100%;
    position: relative;
}

.input.number .cc-picker.cc-picker-code-select-enabled {
    display: inline-block;
    position: absolute;
    padding: 8px 8px;
    border-right: 1px solid #ccc;
}

.input.number input[type="number"] {
    display: inline-block;
    width: 100%;
    /*padding-left: 85px;*/
}

.input.number .cc-picker-code-select-enabled::after {
    top: 15px;
    right: 8px;
}

#rp_box {
    float: left;
    padding: 0px 10px;
}

#generate_random_password {
    float: left;
}

#rp_box input[type="text"] {
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
}

#rp_box {
}

#rp_box button#copy_clip {
    vertical-align: top;
    background: #00b050;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    border: none;
}

/*************dashboard***************/

.dash_small .inner {
    padding: 25px;
}

.dash_small .inner p {
    color: #fff;
}

/*************dashboard***************/

/*************chat***************/

.chat_box {
    width: 95.3%;
    margin-left: -15px;
}

.chat_box .panel-body {
    background: #eee;
    overflow-y: scroll;
    height: 580px;
    margin-top: 95px;
}

.chat_box .panel-heading {
    margin-top: 80px;
    background: #00b050;
    border: none;
    display: none;
}

.chat_box li.left {
    margin-top: 5px;
    width: 100%;
    position: relative;
    border: none;
}

.chat_box li.left .chat-body:before {
    width: 0;
    height: 0;
    content: "";
    top: -5px;
    left: -14px;
    position: relative;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #ffffff transparent transparent;
}

.chat .chat-img {
    border: 1px solid #00b050;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
}

.chat li.left .chat-body {
    padding: 5px 5px 5px 10px;
    background: #fff;
    box-shadow: 1px 1px 3px #ccc;
    border-radius: 0px 5px 5px 5px;
    border: none;
    margin-left: 8%;
    position: relative;
    width: 80%;
    min-height: 65px;
}

.chat li.left .chat-body .header {
    float: left;
    width: 100%;
    margin-top: -10px;
}

/*.chat .chat-body {    margin-top: -7px;    padding-left: 10px;}*/

.chat small {
    color: #000;
}

.chat .right {
    width: 80%;
    float: right;
    position: relative;
    border-bottom: none;
}

.chat .right .chat-img {
    margin-top: 0px;
    right: 0px;
}

.chat .right small.text-muted {
    left: 10px;
}

.chat .right p {
    float: right;
    position: absolute;
    right: 10px;
    top: 22px;
}

.chat li.right .chat-body {
    margin-right: 10%;
    background: whitesmoke;
    padding: 5px 10px 5px 5px;
    position: relative;
    border: none;
    box-shadow: -2px 1px 3px #ccc;
    border-radius: 5px 0px 5px 5px;
    float: right;
    width: 90%;
    min-height: 65px;
}

.chat .right .chat-body:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    right: -13px;
    position: absolute;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #f5f5f5 transparent transparent transparent;
}

.chat_box .panel-footer {
    position: absolute;
    top: 13px;
    width: 92.9%;
    border-radius: 0px;
    border: 1px solid #ccc;
}

/*.chat_box .chat {    margin-top: 45px;}*/

.chat_box .panel-footer textarea {
    height: 60px;
    width: 100%;
    resize: none;
    font-size: 15px;
}

.chat_box .panel-footer .input-group {
    width: 100%;
}

/*.chat_box .panel-footer span.input-group-btn {    position: absolute;        right: 40px;     z-index: 8;    bottom: 5px;}*/

.chat_box .panel-footer span.input-group-btn button {
    border-radius: 2px;
    height: 60px;
    font-size: 18px;
    background: #00b050;
    border: none;
}

/*************chat***************/

.lstng-section.box_scroll {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 15px;
    float: left;
}

.lstng-section.box_scroll .tbl-resp-listing {
    overflow: auto;
    width: 2500px;
    float: left;
}

/*by sudhir 0n dec 05 */

.lstng-section.box_scroll_sales_orders {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 15px;
    float: left;
}

.lstng-section.box_scroll_sales_orders .tbl-resp-listing {
    overflow: auto;
    width: 10000px;
    float: left;
}

.lstng-section.box_scroll_report_table {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 15px;
    float: left;
}

.lstng-section.box_scroll_report_table .tbl-resp-listing {
    overflow: auto;
    float: left;
}

.skin-blue .main-header .logo:hover {
    background-color: #fff;
}

.curren .input.text {
    margin: 1px 0px 0px 0px;
}

.curren .input.text input[type="text"] {
    border: 1px solid #888;
}

.curren_box {
    line-height: 32px;
    border: 1px solid #888;
    height: 34px;
}

.notification_header {
    display: inline-block !important;
    vertical-align: top;
}

.notification_header:hover {
    background: transparent !important;
}

.notification_header .badge {
    position: absolute;
    top: -14px;
    right: -4px;
    border-radius: 50%;
    width: 9px;
    height: 10px;
    background: red;
    font-weight: normal;
    text-align: center;
    padding: 4px 0px;
}

.main-sidebar,
.left-side {
    padding-top: 50px;
}

.skin-blue .main-header .logo {
    height: 50px;
}

.half_form {
    width: 80%;
    float: left;
}

.picture_box {
    width: 20%;
    float: right;
    text-align: center;
}

.ful_left {
    width: 100%;
    float: right;
}

.profile_img {
    width: 150px;
    text-align: center;
    border: 2px solid #000;
    display: inline-block;
    position: relative;
    margin: 0px auto;
    height: 150px;
    float: right;
    overflow: hidden;
}

.profile_img img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.profile_img .help_text {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.sidebar-menu {
    overflow: auto;
    height: 690px;
}

/*.sidebar-menu:hover {    overflow: auto;}*/

/*.sidebar-menu:hover {    overflow: visible;}*/

.half_form .form-group .col-sm-10 {
    width: 77%;
}

.half_form .form-group label.col-sm-2.control-label {
    width: 22%;
}

.ful_left label.col-sm-2.control-label {
    width: 18%;
}

.three_btn {
}

.three_btn a {
    vertical-align: top;
    margin: 0px 2px;
}

.three_btn {
    display: inline-block;
    float: right;
    vertical-align: top;
}

/***************clock*********/

.mdtp__wrapper[data-theme="blue"] .mdtp__time_holder {
    background-color: #00b050;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active span,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__digit span:hover {
    background-color: #00b050 !important;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__pm.active {
    background-color: #00b050 !important;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active:before {
    background-color: #00b050;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__clock_dot {
    background-color: #00b050;
}

/***************clock*********/

/***************product_list*********/

.center_products {
    max-width: 1100px;
    margin: 0px auto;
}

.inner_products {
    width: 100%;
    float: left;
}

.product_row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    margin: 0px 0px 30px 0px;
}

.product_img {
    width: 20%;
    float: left;
}

.sidebar-collapse .benefit_btn {
    padding: 0px 0px 0px 110px;
}
.benefit_btn {
    display: inline-block;
    padding: 0px 0px 0px 20px;
}

.product_details {
    width: 80%;
    float: right;
}

.left_details {
    width: 80%;
    float: left;
}

.right_details {
    width: 20%;
    float: right;
}

.bottom_btn {
    width: 100%;
    float: left;
}

.bottom_btn a {
    margin-right: 12px;
}

.bottom_btn a i {
    margin-right: 5px;
}

.right_details .list {
    width: 100%;
    float: left;
    padding: 20px 0px;
}

.right_details .list li {
    font-size: 18px;
    list-style: none;
    padding: 0px 0px 5px 0px;
}

.right_details .list li .line {
    text-decoration: line-through;
}

.right_details .list li .bold {
    font-weight: bold;
    font-size: 20px;
    color: #ffc000;
}

.right_details .list li .boldtxt {
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

.left_details p {
    width: 90%;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
}

.left_details h3 {
    padding: 0px;
    margin: 0px;
}

.list_box {
    width: 100%;
    float: left;
}

.height_auto {
    height: auto;
    float: left;
    width: 100%;
}

/***************product_list*********/

.item img {
    width: 100%;
}

.left_side {
    width: 24%;
    margin-right: 1%;
    float: left;
    position: relative;
    height: 300px;
    overflow: hidden;
}
/*.left_side {
    width: 40%;
    float: left;
}*/

.product_details_full {
    width: 100%;
    float: left;
    padding: 40px 0px 0px;
}

.top_details {
    width: 100%;
    float: left;
    padding: 0px 5px;
}

.price {
    width: 100%;
    float: left;
}

.price span {
    width: 100%;
    float: left;
    padding: 5px 0px 0px;
    font-size: 19px;
}

.right_side {
    width: 74%;
    float: left;
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
}

.right_side .product-title {
    text-transform: capitalize;
    margin: 0px;
    font-size: 29px;
    font-family: "BentonSans";
    font-weight: normal;
}

.right_side .product-description {
    font-size: 15px;
    width: 100%;
    padding: 14px 0px;
    float: left;
    font-family: "BentonSans";
    margin: 0px;
}

.price a {
    margin-bottom: 5px;
}

.new_price {
    border-top: 1px solid #eee;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.left_side .left.carousel-control {
    width: 10%;
}

.left_side .carousel-control span.fa {
    font-size: 24px;
}

.left_side .right.carousel-control {
    width: 15%;
}

.bottom_tab {
    width: 100%;
    float: left;
    margin: 40px 0px;
}

.bottom_tab .tab-content .tab-pane {
    font-size: 18px;
}

.bottom_tab .tab-content .left_content {
    width: 60%;
    float: left;
    font-size: 18px;
}

.bottom_tab .tab-content .right_content {
    width: 40%;
    float: left;
}

.bottom_tab .tab-content {
    padding: 10px 0px;
}

/***************shop_page**********************/

.carousel_slider {
    position: absolute;
    right: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.37);
}

.inner_text {
    width: 100%;
    float: left;
    font-family: "BentonSans";
    padding: 80px 40px;
    position: relative;
}

.inner_text h3 {
    font-size: 55px;
    color: #fff;
    font-weight: bold;

    padding: 0px 0px 10px;
    margin: 20px 0px 0px 0px;
    max-width: 950px;
    font-family: "BentonSans";
}

.save_txt {
    color: #fff;
    margin: 5px 0px 15px;
    font-size: 36px;
    font-weight: bold;
}

.inner_text p {
    font-size: 18px;
    color: #fff;
    padding-bottom: 5px;
    max-width: 580px;
    line-height: 30px;
}

.slider_wrap .item img {
    width: 1600px;
    max-height: 500px;
    object-fit: cover;
    max-width: inherit;
}

.bottom_listing {
    width: 100%;
    float: left;
}

.single_product {
    width: 100%;
    float: left;
    padding: 40px 3px;
    /*        border-bottom: 1px solid #eee;*/
}

.img_product {
    width: 24%;
    margin-right: 2%;
    box-shadow: 0px 0px 1px #ccc;
    float: left;
    height: 250px;
    overflow: hidden;
    position: relative;
    /*    top: -20px;*/
}

.img_product img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buton_product {
    width: 25%;
    float: left;
}

.product_name {
    width: 100%;
    float: left;
}

.product_name a {
    font-size: 36px;
    min-height: 80px;
    color: #343434;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: -6px;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    font-family: "BentonSans";
    line-height: 40px;
}

.product_name span {
    font-size: 38px;
    color: #00b050;
    /*    font-weight: bold;*/
    font-family: "BentonSans";
    padding: 0px 0px 0px 0px;
    display: inline-block;
}

.btn_wrap {
    width: 100%;
    float: left;
}

.btn_wrap ul.list_type {
    margin: 24px 0px 22px;
    width: auto;
    float: left;
}

.btn_wrap .btn {
    width: 48%;
    margin: 5px 1%;
    text-transform: capitalize;
    background: #00b050;
    border-color: #00b050;
    float: left;
}
.btn_wrap .btn:hover {
    background-color: #026f34;
    border-color: #026f34;
}

.details_product {
    width: 30%;
    float: left;
    padding: 0px 25px;
}

.despi br {
    display: none;
}

.details_product p {
    font-size: 16px;
    /*    text-align: justify;    min-height: 170px;    overflow: hidden*/
}

.link_more {
    margin: 0px 0px 42px 0;
    color: #00b050 !important;
    font-size: 17px;
    float: right;
    border-bottom: 1px solid #00b050;
}

.despi p {
    min-height: auto;
}
.despi p {
    min-height: auto !important;
}
.details_product p {
    font-size: 15px;
    text-align: left;
    min-height: 125px;
    color: #5a5a5a;
    overflow: hidden;
    line-height: 26px;
}

.supply_name {
    overflow: visible !important;
    min-height: inherit;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #343434;
    font-family: "BentonSans";
}

.supply_name a {
    color: #888888;
    /*    color: #343434;*/
}

.rate_product {
    width: 18%;
    float: right;
    position: relative;
}

.rate_row {
    width: 100%;
    font-family: "BentonSans";
    float: left;
    padding: 0px 0px 5px 0px;
    font-weight: 300;
}

.rate_name {
    /*    width: 50%;*/
    font-size: 15px;
    font-weight: 400;
    color: #5a5a5a;
    float: left;
    text-align: left;
    padding: 0px 10px 0px 0px;
}

.last_rate {
    width: 62%;
}

.last_dis {
    width: 44% !important;
}

.rate_product .postion_btn {
    border-radius: 0px;
    width: 159px;
    height: 47px;
    font-family: "BentonSans";
    font-size: 16px;
    line-height: 30px;
}
.rate_product .postion_btn i {
    margin-right: 5px;
}

.rate_wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    min-height: 180px;
}

.amount_block {
    color: #00b050;
    font-size: 15px;
    float: left;
    font-weight: 500;
}

.line_th {
    text-decoration: line-through;
    font-style: normal;
}

.simple_txt {
    font-weight: normal;
}

.rate_wrap {
    /*    position: absolute;    bottom: 0px;    right: 50px;    width: 62%;*/
}

.new_tag {
    background-color: #ff1515;
    height: 91px;
    right: -52px;
    position: absolute;
    top: -49px;
    width: 91px;
    -webkit-transform: rotate(406deg);
}

.new_tag span {
    color: #f5f5f5;
    font-family: sans-serif;
    left: 33px;
    top: 71px;
    position: absolute;
    width: 80px;
    text-transform: capitalize;
    font-size: 14px;
}

.row_category a {
    vertical-align: top;
    margin-top: 0px;
    font-weight: 500;
    font-size: 16px;
    font-family: "BentonSans";
    color: #00b050 !important;
    background: transparent !important;
    border: 2px solid #00b050 !important;
    border-radius: 0px;
    padding: 9px 10px;
}

.row_category h1 {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding-right: 10px;
    font-size: 42px;
    padding-top: 0px;
    color: #343434;
    font-family: "BentonSans";
    font-weight: 300;
}
.ful_des .row_category h1,
.bottom_listing .row_category h1 {
    font-size: 42px;
    font-weight: 400;
}
.row_category.top_space {
    padding-top: 0px;
}
.row_category {
    padding: 50px 10px 20px;
    width: 100%;
    float: left;
    /*    border-top: 1px solid #eee;*/
    margin: 0px 0%;
}
.bottom_listing .row_category:first-child {
    padding-top: 90px;
}
.number {
    vertical-align: top;
    /*padding: 10px 10px 0px;*/
    display: inline-block;
}

.img_product .postion_btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.small_btn {
    width: 25%;
}

.small_btn .full {
    width: 100%;
    color: #000;
    display: inline-block;
    font-family: "BentonSans";
    text-decoration: underline;
    color: #5a5a5a;
    display: inline-block;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
}

.small_btn .full:hover {
    text-decoration: none;
}

.big_con {
    width: 30%;
    float: left;
}
.listing_short_desc {
    width: 100%;
    height: 199px;
    float: left;
}
.subscribe {
    background: #00b050;
    border: 1px solid #00b050;
}

.full_btn:hover {
    background-color: #026f34;
}

.amount_block b {
    font-weight: 500;
    font-size: 15px;
    color: #00b050;
}

.postion_btn {
    text-transform: capitalize;
    background: #00b050;
    border-color: #00b050;
    float: left;
}

.explore_txt {
    display: inline-block;
    float: none;
    color: #fff;
    text-decoration: none;
    font-family: "BentonSans";
    padding-bottom: 20px;

    text-align: right;
}

.full_btn {
    width: 100% !important;
}

.space_none {
    padding: 0px;
}

.wrap_full {
    width: 100%;
    float: left;
    background: #fff;
}

.search-container.top_search {
    float: left;
}

.right_div ol.breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: inherit;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}

.custome_header h1 {
    display: inline-block;
}

.heart_div {
    display: inline-block;
}

.custome_header .right_div {
    width: auto;
}

.search-container.top_search button {
    float: right;
}

.search-container.top_search input[type="text"] {
    width: 72%;
    vertical-align: top;
    float: left;
}

.heart_div {
    display: inline-block;
    margin: 0px 0px;
}
.heart_div b {
    font-family: "BentonSans";
    font-size: 13px;
    font-weight: 500;
    color: #474747;
}

.heart_div a {
    color: red;
    font-size: 20px;
}

.custome_header {
    padding-bottom: 0;
    padding-top: 0px;
}

.dropdown:hover ul.dropdown-menu {
    display: block;
    margin-top: 0px;
}

.dropdown.custom_button {
    display: inline-block;
    margin-left: 10px;
}

.dropdown.custom_button > a {
    color: #fff;
}

.dropdown-submenu.custom_button {
    position: relative;
}

.dropdown-submenu.custom_button > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/***************shop_page**********************/

.custom_button {
    display: inline-block;
}

.custome_header .breadcrumb li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">\00a0";
}

.custom_button ul.left_space {
    display: none;
    background: #fff;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.09019607843137255);
    /*    background-color: #fafafa;*/
    padding-left: 0px;
    position: absolute;
    border-radius: 0px 0px 5px 5px;
    list-style: none;
    z-index: 9;
    width: auto;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #eee;
}

.custom_button ul.left_space ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    position: relative;
}

/*.custom_button ul.left_space ul li a:before {    width: 6px;    height: 6px;    border-radius: 50px;    background: #000;    content: "";    position: absolute;    left: -16px;    bottom: 6px;}*/

.custom_button ul#menu {
    list-style: none;
    margin: 0;
    padding-left: 0px;
    float: left;
}

.custom_button ul.left_space a {
    color: #000;
    font-size: 14px;
    font-weight: 300;
}

.custom_button ul.left_space > li > a {
    font-weight: normal;
    font-size: 16px;
}

.custom_button ul.left_space a:hover {
    text-decoration: underline;
}

.custom_button ul.left_space > li {
    line-height: 24px;
    float: left;
    padding: 10px 10px 0;
}

.custome_header h1 span {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

.top_slider .carousel-control {
    width: 2%;
    height: 30px;
    top: 50%;
    right: 10px;
}

.custom_button ul#menu > li:hover ul {
    display: block;
}

.custom_button ul.left_space ul li {
    line-height: 18px;
    position: relative;
}

.despi h3 {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

/*.scroll_set {    height: 150px;    overflow: auto !important;    padding-right: 10px;}*/

/************deatils_page**************/

.left_side #carousel {
    display: none;
}

.left_side #product_carousel .item {
    height: 300px;
    overflow: hidden;
}

.left_side #product_carousel .item img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.left_side #thumbcarousel .item .thumb {
    width: 20%;
    cursor: pointer;
    float: left;
    padding: 2px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.left_side #thumbcarousel .item .thumb img {
    width: 100%;
    margin: 2px;
    height: 100%;
    object-fit: cover;
}

.full_roww {
    width: 70%;
    float: left;
}

.right_side .buton_product.small_btn {
    width: 100%;
}

.right_side .rate_product {
    float: right;
    width: 26%;
    margin: 51px 0px 0px;
}

.ful_des {
    width: 100%;
    float: left;
}

.ful_des .row_category {
    margin: 0px;
}

.ful_des p {
    font-size: 15px;
    width: 90%;
    padding: 5px 12px;
    display: inline-block;
    font-family: "BentonSans";
}
.ful_des ul {
    font-family: "BentonSans";
}
/*.right_side .details_product.big_con {
    position: absolute;
    bottom: 0px;
    left: 35%;
}
*/

/************deatils_page**************/

.row_details {
    float: left;
    width: 100%;

    border-bottom: 1px solid #eee;
    padding: 7px 0px;
}

.same_width {
    width: auto;
    float: left;
    padding: 0px 15px;
}

/*********************product_sldier*******************/

.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/

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

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

#slider .slides li {
    height: 250px;
    overflow: hidden;
    position: relative;
}
/*#slider .slides li {
    height: 300px;
    overflow: hidden;
    position: relative;
}*/

#slider .slides img {
    width: 100%;
    display: block;
    position: absolute;
    height: 100%;
    object-fit: cover;
}

#carousel .flex-viewport .slides img {
    width: 100%;
    display: block;
    height: 100px !important;
    object-fit: cover;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

/* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/

.flexslider {
    margin: 0 0 0px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

@-moz-document url-prefix() {
    .loading .flex-viewport {
        max-height: none;
    }
}

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

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    text-align: center !important;
    opacity: 9 !important;
    border-radius: 50px;
    font-size: 0px;
}

.flex-direction-nav a:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 38px;
    display: inline-block;
    content: "\f104";
    color: #4e4e4e;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
    content: "\f105";
}

.flex-direction-nav .flex-prev {
    left: 10px;
}

.flex-direction-nav .flex-next {
    right: 10px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

/*.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}*/

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: "\f004";
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: "\f003";
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/* MY PAGE */

.my-page-wrapper {
    width: 90%;
    margin: 0 auto;
}

.my-page-wrapper:after {
    content: " ";
    display: block;
    clear: both;
}

.my-page-wrapper .no-border-bottom-radius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.my-page-wrapper .header {
    float: left;
    width: 100%;
    height: 150px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}

.my-page-wrapper .header .green-part {
    position: absolute;
    height: 40%;
    width: 100%;
    bottom: 0;
}

.my-page-wrapper .header .image-content-wrapper {
    float: left;
    width: 100%;
    height: 100%;
    padding: 18px 55px;
}

.my-page-wrapper .user_img {
    width: auto;
    height: auto;
    float: right;
    margin: 0;
}

.my-page-wrapper .user_img img {
    width: 113px;
    height: 113px;
    border-radius: 60px;
    position: relative;
}

.my-page-wrapper .person-info-wrapper {
    margin-left: -30px;
}

.my-page-wrapper .person-info {
    float: left;
    width: 100%;
    margin-top: 18px;
}

.my-page-wrapper .person-info p {
    font-size: 15px;
    font-weight: 700;
}

.my-page-wrapper .person-info .name {
    font-size: 17px;
    margin-bottom: 3px;
    font-weight: 700;
}

.my-page-wrapper .moto {
    float: left;
    width: 100%;
    margin-top: 11px;
}

.my-page-wrapper .moto p {
    font-weight: 600;
    color: #ffffff;
    font-size: 13px;
    word-wrap: break-word;
}

.my-page-wrapper .functionalities-wrapper {
    margin-left: 50px;
    margin-bottom: 20px;
}

.my-page-wrapper .functionalities {
    float: right;
    padding-right: 10px;
    margin-top: 22px;
}

.my-page-wrapper .functionalities a {
    float: left;
    margin-right: 3px;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
}

.my-page-wrapper .icons-wrapper {
    margin-left: 30px;
}

.my-page-wrapper .icons {
    float: right;
    padding-right: 35px;
    margin-top: 18px;
}

.my-page-wrapper .icons a {
    float: left;
    margin-right: 3px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
}

.my-page-wrapper .icons a:last-child {
    margin-right: 0;
}

.my-page-wrapper .icons a img {
    height: 20px;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    -ms-interpolation-mode: nearest-neighbor;
    display: block;
    margin: 0 auto;
}

.my-page-wrapper .icons a img.admin-broadcast-img {
    height: 30px;
}

.my-page-wrapper .icons a i {
    font-size: 16px;
    margin-top: 2px;
    display: block;
    margin: 0 auto;
}

.my-page-wrapper .icons a.pencil-edit {
    width: 39px;
}

.my-page-wrapper .main-content {
    float: left;
    width: 100%;
    margin-top: 16px;
}

.my-page-wrapper .main-content .col-left {
    padding-right: 10px;
}

.my-page-wrapper .main-content .col-middle {
    padding-left: 6px;
    padding-right: 6px;
}

.my-page-wrapper .main-content .col-right {
    padding-left: 10px;
}

.my-page-wrapper .person-part {
    float: left;
    background-color: #ffffff;
    border-radius: 18px;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 16px;
}

.my-page-wrapper .person-part.about-you .title {
    text-align: center;
    position: relative;
}

.my-page-wrapper .person-part.about-you .title p {
    display: inline-block;
}

.my-page-wrapper .person-part.about-you .title img {
    width: 30px;
    position: absolute;
    right: 0;
}

.my-page-wrapper .person-part.for-your-info .title {
    display: flex;
    justify-content: center;
}

.my-page-wrapper .person-part.for-your-info .title p {
    display: inline-block;
}

.my-page-wrapper .person-part.for-your-info .title img {
    width: 30px;
}

.my-page-wrapper .person-part.benefits-part .title {
    text-align: center;
    position: relative;
}

.my-page-wrapper .person-part.benefits-part .title p {
    display: inline-block;
}

.my-page-wrapper .person-part .title p a {
    color: inherit;
}

.my-page-wrapper .person-part .title a {
    color: inherit;
}

.my-page-wrapper .person-part.benefits-part .title img {
    width: 30px;
    position: absolute;
    left: 0;
}

.my-page-wrapper .person-part .title {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
}

.my-page-wrapper .person-part .title a:hover {
    color: inherit;
}

.my-page-wrapper .person-part .part-content {
    margin-top: 15px;
    margin-bottom: 10px;
}

.my-page-wrapper .person-part .part-content .about-us-more,
.my-page-wrapper .person-part .part-content .about-us-less,
.my-page-wrapper .person-part .part-content .about-us-more-other,
.my-page-wrapper .person-part .part-content .about-us-less-other,
.expand-collapse {
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}

.expand-collapse {
    font-weight: 600;
}

.my-page-wrapper .person-part .part-content p {
    font-weight: 600;
    text-align: left;
    word-wrap: break-word;
}

.my-page-wrapper .part-footer {
    float: left;
    width: 100%;
}

.my-page-main {
    background-color: #e6e5e5;
    min-height: auto !important;
}

.my-page-main .main-wrapper {
    float: left;
    width: 100%;
    background-color: #f4f4f4;
}

.find-people-main {
    background-color: #ecf0f5;
}

.about-page-business .left {
    width: 9%;
}

.my-page-wrapper .person-part .card-info span {
    font-size: 15px;
    letter-spacing: -1px;
}

.my-page-wrapper .person-part .card-info .left span {
    font-weight: 600;
}

.my-page-wrapper .not-logged-in-user .about-part p {
    font-weight: 600;
    text-align: justify;
}

.my-page-wrapper .not-logged-in-user .one-row .title {
    padding: 10px 15px;
}

.my-page-wrapper .not-logged-in-user .one-row .title p {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}

.my-page-wrapper .not-logged-in-user .one-row-content {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-page-wrapper .not-logged-in-user .one-row-content .row {
    margin-left: 0;
    margin-right: 0;
}

.my-page-wrapper .not-logged-in-user .one-row-content .left {
    font-weight: 600;
}

.my-page-wrapper .not-logged-in-user .about-part .about-us-more-other,
.my-page-wrapper .not-logged-in-user .about-part .about-us-less-other {
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}

/** MY PAGE BENEFITS PART **/
.mypage-benefits .slider_wrap .item img {
    width: 100%;
    max-height: 130px;
}

.mypage-benefits .slider_wrap .item {
    cursor: pointer;
}

.mypage-benefits .top_slider {
    border-radius: 13px;
    overflow: hidden;
}

.mypage-benefits .slider_wrap .inner_text {
    padding: 0;
    margin: 35px 10px 0;
    width: auto;
}

.mypage-benefits .slider_wrap .inner_text p {
    font-weight: normal;
    text-align: left;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 0;
    max-width: 100%;
    line-height: inherit;
}

.mypage-benefits .slider_wrap .inner_text h3 {
    font-size: 13px;
    max-width: 100%;
    font-weight: 600;
    padding-bottom: 0;
    margin-top: 0;
}

.mypage-benefits .slider_wrap .inner_text .save_txt {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0;
}

.mypage-benefits .slider_wrap .inner_text .slider_left_btn {
    display: none;
}

.mypage-benefits .carousel-indicators {
    margin-bottom: 0;
    bottom: 0;
    width: 30%;
    left: 0;
    right: 0;
    margin: auto;
}

.mypage-benefits .carousel-indicators li {
    width: 6px;
    height: 6px;
    margin: 0 0 0 3px;
}

.mypage-benefits .carousel-indicators .active {
    width: 8px;
    height: 8px;
}

.mypage-benefits .featured_slider_arrow {
    float: none;
    width: 70%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

.mypage-benefits .featured_slider_arrow a {
    font-size: 15px;
    height: auto !important;
    width: auto;
}

.mypage-benefits .bottom_listing .category-products {
    /* display: flex;
    justify-content: space-between; */
    float: left;
    width: 100%;
}

.mypage-benefits .bottom_listing .category-products .slick-track {
    margin-left: initial;
}

.mypage-benefits .bottom_listing .category-products .slick-arrow {
    z-index: 99999;
    position: absolute;
    top: -44px;
    right: 8px;
    background-color: transparent;
    outline: none;
    border: none;
    font-size: 0px;
}

.above-footer-img img {
    margin-top: 70px;
    width: 800px;
}

.mypage-benefits .bottom_listing .category-products .slick-prev {
    margin-right: 30px;
}

.mypage-benefits .bottom_listing .category-products .slick-prev::before {
    content: "\f104";
    font: normal normal normal 28px/1 FontAwesome;
    color: #cecece;
}

.mypage-benefits .bottom_listing .category-products .slick-next::before {
    content: "\f105";
    font: normal normal normal 28px/1 FontAwesome;
    color: #cecece;
}

.mypage-benefits .bottom_listing .row_category {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 20px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.mypage-benefits .bottom_listing .row_category a {
    vertical-align: inherit;
    margin-top: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit;
    padding: 0;
}

.mypage-benefits .bottom_listing .row_category .explore-offerings {
    display: none;
}

.mypage-benefits .bottom_listing .row_category:first-child {
    padding-top: 20px !important;
}

.mypage-benefits .bottom_listing .row_category h1 {
    font-weight: 500 !important;
    font-size: 17px !important;
}

.mypage-benefits .bottom_listing .row_category img {
    width: 25px;
}

.mypage-benefits .bottom_listing .single_product {
    padding: 0;
    position: relative;
    margin-right: 10px;
    border-radius: 13px;
    overflow: hidden;
}

.mypage-benefits .bottom_listing .single_product:last-child {
    margin-right: 0;
}

.mypage-benefits .bottom_listing .single_product .buton_product {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 3px;
    background-color: rgba(55, 55, 55, 0.5);
}

.mypage-benefits .bottom_listing .single_product .product_name {
    margin-bottom: 5px;
    cursor: pointer;
}

.mypage-benefits .bottom_listing .img_product {
    width: 100%;
    height: 130px;
    margin-right: 0;
    cursor: pointer;
}

.mypage-benefits .bottom_listing .img_product .new_tag,
.mypage-benefits .bottom_listing .img_product .free_tag {
    display: none;
}

.mypage-benefits .bottom_listing .single_product .product_name a {
    font-size: 11px;
    min-height: auto;
    font-weight: 500;
    line-height: initial;
    color: #ffffff;
    margin-top: 5px;
}

.mypage-benefits .bottom_listing .single_product .product_name span {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

.mypage-benefits .bottom_listing .single_product .btn_wrap,
.mypage-benefits .bottom_listing .single_product .details_product,
.mypage-benefits .bottom_listing .single_product .rate_product {
    display: none;
}

.find-people-form {
    display: inline-block;
}

.find-people-form .form-group {
    margin-bottom: 0;
    float: left;
    margin-right: 4px;
}

.find-people-form .form-group input {
    font-size: 11px;
    height: 29px;
}

/* FIND PEOPLE */

.find-people-wrapper {
    width: 930px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 700px;
}

.find-people-wrapper .row {
    margin-bottom: 15px;
}

.find-people-wrapper .single-person {
    height: 230px;
    border-radius: 11px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.find-people-wrapper .single-person .person-img {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 16%;
    z-index: 9;
    position: relative;
}

.find-people-wrapper .single-person .show-img {
    display: inline-block;
}

.find-people-wrapper .single-person .show-img img {
    width: 90px;
    height: 90px;
    border-radius: 65px;
}

.find-people-wrapper .single-person .person-info {
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    z-index: 9;
    position: relative;
}

.find-people-wrapper .single-person .person-info .functionalities {
    float: right;
    padding-right: 10px;
    margin-top: -15px;
}

.find-people-wrapper .single-person .person-info .title,
.find-people-wrapper .single-person .person-info .place {
    font-weight: 500;
}

.find-people-wrapper .single-person .white-background {
    position: absolute;
    height: 65%;
    width: auto;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    right: 0;
}

.header-flex {
    display: flex;
    justify-content: flex-end;
    float: right;
}

/* REPORTING LINE TREE */
.reporting-line {
    min-height: 600px;
    margin-bottom: 50px;
}

.reporting-line ul.tree {
    width: 70%;
    margin: 0 auto;
}

.reporting-line ul.tree,
.reporting-line ul.tree ul {
    list-style: none;
    padding: 0;
}

.reporting-line ul.tree ul {
    padding-top: 12px;
    border-left: 1px solid #ccc;
    margin-left: 43px;
    padding-left: 35px;
    height: 66%;
}

.reporting-line ul.tree ul li:before {
    position: absolute;
    top: 24px;
    height: 1em;
    width: 33px;
    color: white;
    border-bottom: 1px solid #ccc;
    content: "";
    display: inline-block;
    float: left;
    left: -36px;
}

.reporting-line ul.tree ul ul {
    height: auto;
    float: left;
}

.reporting-line ul.tree ul ul li {
    display: inline;
    float: left;
}

.reporting-line ul.tree ul ul li:last-child {
    margin-bottom: -38px;
}

.reporting-line ul.tree li {
    width: 350px;
    height: 75px;
    background-color: white;
    border-radius: 18px;
    position: relative;
    margin-bottom: 12px;
}

.reporting-line ul.tree li div {
    cursor: pointer;
    border-radius: 18px;
}

.reporting-line .tree-single-person {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.reporting-line .tree-single-person .tree-person-img img {
    width: 60px;
    height: 60px;
    border-radius: 40px;
}

.reporting-line .tree-single-person .tree-person-img {
    box-shadow: 0px 0px 0px 3px #eee;
    border-radius: 40px;
    margin-left: 13px;
}

.reporting-line .tree-single-person .tree-person-info {
    width: 45%;
    margin-left: 30px;
}

.reporting-line .tree-single-person .tree-person-info .person-info {
    margin-top: 0;
}

.reporting-line .tree-single-person .tree-person-info .person-info .name {
    font-weight: 700;
    color: #333;
    font-size: 13px;
    margin-bottom: 0;
}

.reporting-line .tree-single-person .tree-person-info .person-info .title,
.reporting-line .tree-single-person .tree-person-info .person-info .place {
    font-weight: 600;
    color: #333;
    font-size: 12px;
}

.reporting-line .tree-person-btn {
    margin-right: 20px;
}

.reporting-line .tree-person-btn .tree-icon a {
    float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
}

.reporting-line .tree-person-btn .tree-icon a img {
    height: 20px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    display: block;
    margin: 0 auto;
}

.reporting-line .tree-single-person.current-person .tree-person-btn {
    background-color: white;
    padding: 2px;
}

.reporting-line
    .tree-single-person.current-person
    .tree-person-info
    .person-info
    .name,
.reporting-line
    .tree-single-person.current-person
    .tree-person-info
    .person-info
    .title,
.reporting-line
    .tree-single-person.current-person
    .tree-person-info
    .person-info
    .place {
    color: #ffffff;
}

.reporting-line ul.tree.no-top-manager ul {
    height: auto;
    float: left;
}

.reporting-line ul.tree.no-top-manager ul li {
    display: inline;
    float: left;
}

.reporting-line ul.tree.no-top-manager ul li:last-child {
    margin-bottom: -38px;
}

.component-properties {
    width: 70%;
    margin: 60px auto 0;
}

.component-properties .single-property {
    margin-bottom: 35px;
    line-height: 5px;
}

.component-properties .single-property h5 {
    font-weight: bold;
}

.properties-table {
    width: 100%;
}

.properties-table th,
.properties-table td {
    text-align: center;
    padding-right: 20px;
    padding-bottom: 10px;
}

.post-wrapper .dtpickr_inputs .label-select {
    width: 25%;
}

.post-wrapper .dtpickr_inputs .components-options {
    width: 74%;
    display: inline-block;
}

.post-wrapper .dtpickr_inputs .components-options .select2-selection {
    border-radius: 10px;
    border: 1px solid #bebebe;
}

.post-wrapper .dtpickr_inputs .admin_asearch {
    float: right;
    padding-right: 0;
    padding-top: 20px;
}

.post-wrapper .dtpickr_inputs .admin_asearch a {
    width: 110px;
    border-radius: 6px;
    font-size: 14px;
}

.post-form .box-footer {
    background-color: transparent;
    text-align: right;
    padding-right: 0;
    border-top: none;
}

.post-form .box-footer button,
.post-form .box-footer a {
    width: 110px;
    border-radius: 6px;
}

.post-form .select-icon {
    background-color: #ffffff;
    float: left;
    padding: 7px 15px;
    border: 1px solid #ccc;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #bebebe;
}

.post-form .icons-list {
    padding: 10px;
    background-color: #ffffff;
    position: relative;
    border-radius: 10px;
    border: 1px solid #bebebe;
    position: absolute;
    left: 15px;
    top: 40px;
    z-index: 999999;
    width: 470px;
}

.post-form .icons-list #close-icons-list {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.post-form .single-category-images {
    margin-bottom: 10px;
}

.post-form .single-category-images .one-icons-row {
    display: flex;
}

.post-form .single-category-images p {
    font-weight: 600;
}

.post-form .cat-images-wrapper .one-icons-row img {
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
    width: 37px;
    height: 37px;
}

.post-form .cat-images-wrapper .one-icons-row img:nth-child(10) {
    margin-right: 0;
}

.post-form .form-group input,
.post-form .form-group textarea {
    border-radius: 10px;
    border: 1px solid #bebebe;
}

.post-component .single-post {
    margin-bottom: 15px;
    display: flex;
    justify-content: start;
    flex-direction: column;
    padding: 10px;
    border: 1px solid #bebebe;
    border-radius: 10px;
    border-bottom: 1px solid #bebebe !important;
    position: relative;
}

.post-component .single-post:last-child {
    border-bottom: none;
}

.post-component .actions {
    text-align: right;
    margin-top: 20px;
}

.post-component .actions .reactions-btn .circle-above-reactions {
    width: 6px;
    height: 7px;
    background-color: red;
    border-radius: 6px;
    margin: auto;
}

.post-component .actions .reactions-btn .dot_bade {
    left: 0;
    right: 0;
    top: -8px;
    text-align: center;
}

.post-component .actions a {
    display: inline-block;
}

.post-component .remove-post,
.post-component .reactions-icon {
    cursor: pointer;
}

.post-component .actions img {
    width: 25px;
}

.post-component .actions img.reactions-icon {
    width: 30px;
}

.post-component .single-post p {
    margin-bottom: 0;
}

.post-component .single-post .text-chars {
    font-weight: 400 !important;
    margin-bottom: 10px;
    word-break: break-word;
}

.single-post .post-header {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
}

.single-post .post-header .title-and-created {
    display: flex;
    flex-direction: column;
    padding-left: 12px;
    flex-grow: 1;
}

.single-post .post-header .title-and-created .post-title,
.single-post .post-header .title-and-created .post-created {
    height: 50%;
    display: flex;
    align-items: center;
}

.single-post .post-header .title-and-created .post-created {
    justify-content: flex-end;
    font-size: 12px;
    color: #919191;
}

.single-post .other-properties p.document-name {
    color: #0000ff;
    cursor: pointer;
}

.single-post .other-properties p.document-name a:hover {
    color: #0000ff;
}

.post-list .single-post {
    margin-bottom: 15px;
    display: flex;
    justify-content: start;
    flex-direction: column;
    padding: 10px;
    border: 1px solid #bebebe;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
}

.post-list-content .reactions-list {
    width: 100%;
    left: 0;
}

.post-list-content .reactions-list::after {
    right: 69px;
    left: initial;
}

.post-list-content .reactions-list::before {
    right: 69px;
    left: initial;
}

.post-list-content .reactions-list.not-owner-of-post::after {
    right: 14px;
    left: initial !important;
}

.post-list-content .reactions-list.not-owner-of-post::before {
    right: 14px;
    left: initial !important;
}

.reactions-list {
    width: 101%;
    height: 620px;
    background-color: #ffffff;
    position: absolute;
    bottom: -628px;
    left: -0.5%;
    z-index: 9;
    border-radius: 10px;
    border: 1px solid #c4c4c4;
}

.not-logged-in-user .reactions-list {
    width: 102%;
    left: -1%;
}

.not-logged-in-user .reactions-list::before {
    right: 23px;
    left: initial !important;
}

.not-logged-in-user .reactions-list::after {
    right: 23px;
    left: initial !important;
}

.reactions-list::after {
    content: "";
    position: absolute;
    top: -14px;
    border-style: solid;
    border-width: 0px 10px 16px;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    right: 18%;
}

.reactions-list::before {
    content: "";
    position: absolute;
    top: -17px;
    border-style: solid;
    border-width: 0px 10px 17px;
    border-color: #c4c4c4 transparent;
    display: block;
    width: 0;
    z-index: 0;
    right: 18%;
}

.left-sidebar-admin-posts .reactions-list::before {
    right: 18% !important;
}

.left-sidebar-admin-posts .reactions-list::after {
    right: 18% !important;
}

.reactions-list.about-page-wrapper::before {
    right: 6% !important;
}

.reactions-list.about-page-wrapper::after {
    right: 6% !important;
}

.left-sidebar-admin-posts .reactions-list.not-owner-of-post::after {
    right: 3% !important;
}

.left-sidebar-admin-posts .reactions-list.not-owner-of-post::before {
    right: 3% !important;
}

.reactions-list.admin-posts-reactions::before {
    right: 14%;
}

.reactions-list.admin-posts-reactions::after {
    right: 14%;
}

.reactions-list.admin-posts-reactions.not-owner-of-post::before {
    right: 3%;
}

.reactions-list.admin-posts-reactions.not-owner-of-post::after {
    right: 3%;
}

.reactions-list.not-owner-of-post::before {
    right: 3%;
}

.reactions-list.not-owner-of-post::after {
    right: 3%;
}

.reactions-list .reactions-wrapper {
    padding: 15px;
    width: 100%;
    height: 100%;
}

.reactions-list .reactions-wrapper .reactions-types {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.reactions-list .reactions-wrapper .reactions-types .one-reaction {
    height: 15px;
    margin-right: 2px;
    cursor: pointer;
}

.reactions-list .reactions-wrapper .reactions-types .already-reacted {
    border-radius: 20px;
    padding: 2px;
}

.reactions-list .reactions-wrapper .reactions-types .reactions-group {
    border: 1px solid #c4c4c4;
    border-radius: 20px;
    padding: 5px 8px;
}

.reactions-list .reactions-wrapper .reactions-types .action,
.reactions-list .reactions-wrapper .reactions-types .thinking,
.reactions-list .reactions-wrapper .reactions-types .feeling {
    display: flex;
    justify-content: space-between;
}

.reactions-list .reactions-wrapper .existing-reactions {
    float: left;
    width: 100%;
    margin-top: 20px;
    overflow: auto;
    max-height: 540px;
    padding-right: 10px;
}

.reactions-list.not-owner-of-post.for-your-info-wrapper::after,
.reactions-list.not-owner-of-post.for-your-info-wrapper::before {
    left: initial;
    right: 14px;
}

.reactions-list.for-your-info-wrapper::after,
.reactions-list.for-your-info-wrapper::before {
    left: initial;
    right: 70px;
}

.existing-reactions .reaction-box .reaction-owner .owner-image {
}

.existing-reactions .reaction-box .reaction-owner .owner-image img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
}

.reactions-list .reactions-wrapper .existing-reactions .reaction-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    min-height: 60px;
    border: 1px solid #bebebe;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.existing-reactions .reaction-box .voice-comment-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
}

.existing-reactions .reaction-box .voice-comment-wrapper .recordingsList {
    display: flex;
}

.existing-reactions .reaction-box .voice-comment-wrapper .recordingsList audio {
    outline: none;
    width: 185px;
    height: 40px;
}

.existing-reactions .reaction-box .voice-comment-wrapper .recordingsTime {
    width: 130px;
    background-color: #f1f3f4;
    height: 35px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #919191;
    font-weight: 600;
    font-size: 25px;
}

.existing-reactions .reaction-box .voice-comment-wrapper .recordingsList li {
    list-style-type: none;
}

.existing-reactions .reaction-box .controls span {
    width: 35px;
    display: inline-block;
    padding: 8px;
    background-color: #f1f3f4;
    border-radius: 30px;
}

.existing-reactions .reaction-box .controls span img {
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.existing-reactions .voice-comment-wrapper .voice-comment-actions img {
    cursor: pointer;
}

.existing-reactions .voice-comment-section .remove-recording-text {
    height: 20px;
    cursor: pointer;
    align-self: flex-end;
    margin-right: 6px;
}

.existing-reactions
    .voice-comment-wrapper
    .voice-comment-actions
    img:first-child {
    background-color: #f1f3f4;
    width: 35px;
    padding: 8px;
    border-radius: 30px;
    height: auto;
}

.existing-reactions .reaction-box .reaction-owner {
    width: 70%;
}

.existing-reactions .reaction-box .reaction-action {
    width: 40%;
}

.existing-reactions .reaction-box .reaction-action .reaction-icon {
    align-self: start;
}

.existing-reactions .reaction-box .reaction-action .existing-reaction-img {
    width: 37px;
    margin-left: 10px;
}

.existing-reactions .reaction-box .reaction-action .additional-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    word-break: break-word;
}

.existing-reactions
    .reaction-box
    .reaction-action
    .additional-info
    .reaction-date {
    font-size: 10px;
    color: #919191;
}

.existing-reactions
    .reaction-box
    .reaction-action
    .additional-info
    .remove-reaction {
    width: 20px;
    cursor: pointer;
}

.existing-reactions .reaction-box .remove-comment-icon {
    height: 20px;
    align-self: flex-end;
    margin-top: 10px;
    cursor: pointer;
}

.existing-reactions .reaction-box .owner-name-email .owner-name {
    font-weight: 700;
    font-size: 13px;
}

.existing-reactions .reaction-box .owner-name-email .owner-name span {
    color: #b3b3b3;
    font-size: 12px;
    font-weight: 600;
}

.existing-reactions .reaction-box .owner-name-email .owner-email {
    color: blue;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
}

.existing-reactions .comment-section {
    display: flex;
    flex-direction: column;
}

.existing-reactions .comment-section .comment-text {
    margin: 5px;
    border-radius: 10px;
    border-color: #bebebe;
    height: 80px;
    outline: none;
    padding: 10px;
}

.existing-reactions .comment-section .comment-below {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}

.existing-reactions .comment-section .comment-actions img:first-child {
    margin-right: 5px;
}

.existing-reactions .comment-section .comment-actions img {
    height: 20px;
    cursor: pointer;
}

.existing-reactions .reaction-box .comment-value {
    width: 80%;
    margin-top: 10px;
    padding: 10px 0 20px;
    border-radius: 10px;
    color: #919191;
    word-break: break-word;
}

.existing-reactions .reaction-box .comment-value audio {
    width: 220px;
}

.reactions-wrapper .post-loader {
    width: 50px;
    margin: 20px auto 0;
    display: none;
}

.post-list {
    position: relative;
}

.post-list .icon-property img {
    border-radius: 15px;
}

.post-list .actions {
    text-align: right;
    margin-top: 20px;
}

.post-list .actions .reactions-btn .dot_bade {
    left: 0;
    right: 0;
    top: -8px;
    text-align: center;
}

.post-list .actions a {
    display: inline-block;
}

.post-list .remove-post,
.post-list .reactions-icon {
    cursor: pointer;
}

.post-list .actions img {
    width: 25px;
}

.post-list .actions img.reactions-icon {
    width: 30px;
}

.post-list .single-post p {
    margin-bottom: 0;
}

.post-list .single-post .post-title {
    font-weight: 600;
}

.single-post .image-property {
    width: auto;
    margin: 0 auto 20px;
    display: block;
    max-width: 100%;
    border-radius: 13px;
}

.post-list .text-chars {
    margin-bottom: 10px !important;
    word-break: break-word;
    text-align: justify;
}

.post-created-above {
    justify-content: flex-end;
    font-size: 11px;
    color: #919191;
    margin-bottom: 10px !important;
}

.rounded-search-input {
    border-radius: 7px;
}

.posts-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.posts-list-header .search-post-list {
    width: 50%;
}

.posts-list-header .search-post-list .search-entity {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.shared-post-owner {
    display: flex;
    padding: 5px 10px 10px;
    width: 104%;
    margin-left: -11px;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 10px;
}

.shared-post-owner.admin-posts {
    width: 102.5%;
    padding-left: 20px;
    padding-right: 20px;
}

.shared-post-owner .shared-post-name {
    font-weight: 600;
    cursor: pointer;
}

.shared-post-owner .shared-post-name a {
    color: inherit;
}

.shared-post-owner .shared-post-email {
    word-break: break-word;
}

.shared-post-owner .owner-image {
    width: 43px;
    height: 43px;
}

.shared-post-owner .owner-image img {
    width: 100%;
    height: auto;
}

.shared-post-owner .shared-post-details {
    display: flex;
    flex-direction: column;
    margin-left: 13px;
}

.posts-main-wrapper,
.business-and-posts-wrapper,
.benefits-main-wrapper,
.scrollable-div {
    height: initial;
    width: initial;
    overflow-y: initial;
}

.fix-content .posts-main-wrapper,
.fix-content .business-and-posts-wrapper,
.fix-content .benefits-main-wrapper,
.fix-content .scrollable-div {
    height: 1200px;
    width: 100%;
    overflow-y: auto;
}

.fix-content .posts-main-wrapper::-webkit-scrollbar,
.fix-content .business-and-posts-wrapper::-webkit-scrollbar,
.fix-content .benefits-main-wrapper::-webkit-scrollbar,
.fix-content .scrollable-div::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.expand-collapse-title {
    cursor: pointer !important;
    font-size: 25px;
    margin-right: 5px;
}

.expand-collapse-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.expand-collapse-title.rotate {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.expand-collapse-title.rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/** MY PAGE RESPONSIVE **/
@media screen and (max-width: 1000px) {
    .my-page-wrapper {
        width: 100%;
        padding: 0 20px;
    }
}
@media screen and (max-width: 992px) {
    .find-people-wrapper {
        width: 100%;
    }
}
@media screen and (max-width: 940px) {
    .find-people-form {
        width: 100%;
        margin-bottom: 5px;
    }

    .find-people-form form {
        float: right;
    }
}
@media screen and (max-width: 900px) {
    .my-page-wrapper .person-info-wrapper {
        margin-left: 0;
    }
    .my-page-wrapper .icons-wrapper {
        margin-left: 0;
    }
    .my-page-wrapper .moto {
        width: 130%;
    }
    .my-page-wrapper .moto p {
        font-size: 1.6vw;
    }
}
@media screen and (max-width: 850px) {
    .my-page-wrapper .person-part .title {
        text-align: center !important;
    }
    .my-page-wrapper .person-part .title p {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .my-page-wrapper .person-part .title img {
        display: none;
    }
    .my-page-wrapper .person-part .card-info .left span {
        margin-right: 40px;
    }
    .mypage-benefits .bottom_listing .img_product {
        height: 160px;
    }
    .my-page-wrapper .person-part.for-your-info .title {
        display: block;
    }
}
@media screen and (max-width: 800px) {
    .my-page-wrapper .icons a {
        padding: 4px 6px;
        font-size: 80%;
        line-height: 1;
    }
}
@media screen and (max-width: 768px) {
    .my-page-wrapper .col-left {
        padding-right: 0;
    }
    .my-page-wrapper .person-info,
    .my-page-wrapper .moto {
        margin-left: 10%;
    }
    .find-people-wrapper .row .single-col:nth-child(2) {
        padding-right: 15px !important;
        margin-bottom: 15px;
    }
    .find-people-wrapper .row .single-col:nth-child(1) {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 720px) {
    .my-page-main {
        margin-top: 95px !important;
    }
    .my-page-wrapper .moto {
        margin-top: 13px;
    }
    .mypage-benefits .single_product_desktop {
        display: block !important;
    }
    .mypage-benefits .bottom_listing .row_category {
        padding-bottom: 20px !important;
    }
    .mypage-benefits .bottom_listing .row_category a {
        font-size: inherit !important;
        font-weight: inherit !important;
        padding-bottom: 0px !important;
    }
    .mypage-benefits .bottom_listing .row_category::after {
        content: unset !important;
    }
    .mypage-benefits .single_product {
        margin-top: 0;
    }
    .mypage-benefits .bottom_listing .img_product,
    .mypage-benefits .bottom_listing .buton_product {
        position: inherit !important;
        padding: inherit !important;
        background: rgba(55, 55, 55, 0.5) !important;
        margin-bottom: inherit !important;
    }
    .mypage-benefits .bottom_listing .buton_product {
        padding: 0 15px !important;
    }
    .mypage-benefits .bottom_listing .buton_product {
        position: absolute !important;
    }
    .mypage-benefits .bottom_listing .single_product .product_name {
        padding-top: 0 !important;
        display: block;
    }
    .mypage-benefits .bottom_listing .single_product .product_name a {
        width: 100% !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    .mypage-benefits .bottom_listing .single_product .product_name span {
        width: inherit !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        color: #ffffff !important;
    }
    .mypage-benefits .slider_wrap .inner_text {
        width: 100% !important;
        padding: 0 !important;
    }
    .mypage-benefits .mobile-save-txt {
        display: block !important;
    }
    .mypage-benefits .featured_slider_arrow {
        display: flex !important;
        top: inherit !important;
        right: 5% !important;
        width: 70% !important;
        bottom: 0 !important;
        justify-content: space-around !important;
    }
    .mypage-benefits .featured_slider_arrow a {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 640px) {
    .my-page-main {
        margin-top: 50px !important;
    }
    .my-page-wrapper {
        min-height: 800px !important;
    }
    .my-page-wrapper .header {
        height: auto;
    }
    .my-page-wrapper .header .green-part {
        display: none;
    }
    .my-page-wrapper .user-img-wrapper,
    .my-page-wrapper .person-info-wrapper,
    .my-page-wrapper .icons-wrapper {
        width: 100%;
        height: auto;
    }
    .my-page-wrapper .user-img-wrapper {
        height: 150px;
    }
    .my-page-wrapper .user_img {
        width: 100%;
        text-align: center;
    }
    .my-page-wrapper .user_img img {
        position: relative;
    }
    .my-page-wrapper .person-info,
    .my-page-wrapper .moto {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    .my-page-wrapper .person-info {
        margin-top: 0;
    }
    .my-page-wrapper .moto {
        padding: 0 30px;
    }
    .my-page-wrapper .moto p {
        color: inherit;
        font-size: inherit;
    }
    .my-page-wrapper .icons-wrapper {
        text-align: center;
    }
    .my-page-wrapper .icons {
        display: inline-block;
        float: none;
        padding-right: 0;
        margin-bottom: 18px;
    }
    .my-page-wrapper .person-part .part-content {
        margin-bottom: 10px;
    }
    .my-page-wrapper .icons a {
        margin-right: 5px;
    }
    .mypage-benefits .single_product_mobile .listing_short_desc {
        display: none;
    }
    .mypage-benefits .single_product_mobile.single_product {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 580px) {
    .mypage-benefits .carousel_slider {
        position: absolute;
    }
    .mypage-benefits .slider_wrap .inner_text {
        margin: 35px 0px 0 !important;
        padding-left: 20px !important;
        background: none !important;
    }
    .mypage-benefits .slider_wrap .inner_text h3 {
        margin: 0 !important;
    }
}

/* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

/*********************product_sldier*******************/

/*****************detail_payment*******************/

.item .thumb {
    width: 20%;
    cursor: pointer;
    float: left;
    padding: 2px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.item .thumb img {
    width: 100%;
    margin: 2px;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* CSS for Credit Card Payment form */

.credit-card-box .panel-title {
    display: inline;
    font-weight: bold;
}

.credit-card-box .form-control.error {
    border-color: red;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(255, 0, 0, 0.6);
}

.credit-card-box label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

.credit-card-box .payment-errors {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

.credit-card-box label {
    display: block;
}

/* The old "center div vertically" hack */

.credit-card-box .display-tr {
    display: table-row;
}

.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

/* Just looks nicer */

.credit-card-box .panel-heading img {
    min-width: 180px;
}

.linkk {
    padding-top: 5px;
    display: inline-block;
    font-size: 18px;
}

.form__remember {
    margin: 0px 0px 10px 0px;
    float: left;
}

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

.form__remember input[type="checkbox"].in-checkbox {
    display: none;
    -webkit-appearance: checkbox;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    text-rendering: auto;
    -webkit-writing-mode: horizontal-tb;
}

label.in-label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 34px;
    padding-top: 2px;
    font-weight: normal;
    font-size: 16px;
    color: #676767;
}

label.in-label:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    position: absolute;
    left: 1px;
    top: 0px;
    padding-top: 3px;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 3px;
}

.form__remember input[type="checkbox"].in-checkbox:checked + label:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    font-size: 12px;
    color: #2c3e50;
    text-align: center;
    line-height: 18px;
}

.month_year .form-control {
    width: 49%;
    margin-right: 0.5%;
}

.card_row li {
    display: inline-block;
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px 10px;
}

.card_row li a {
    font-size: 20px;
    color: #000;
}

.card_row {
    float: left;
    width: 100%;
    margin: 0px;
}

.credit-card-box .panel-heading.display-table {
    padding: 0px;
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.summary {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.summary .img_product_summary {
    width: 60%;
    display: inline-block;
    margin: 0px auto;
    float: none;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.img_product_summary .postion_btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.img_product_summary img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title_name {
    color: #000;
    text-decoration: underline;
}

.rate_wrap_summary .rate_row {
    width: 100%;
    padding-bottom: 16px;
}

.center_btn {
    margin: 10px 0px;
}

.edit_head {
    font-size: 20px;
    color: #000;
}

/*****************detail_payment*******************/

.pop_field label {
    width: 30%;
    padding-right: 20px;
    padding-top: 8px;
    text-align: right;
}

.pop_field .form-control {
    width: 69%;
    display: inline-block;
}

.btn_search {
    text-align: right;
}

.wizard {
    margin: 20px auto;
    background: #fff;
    float: left;
    width: 100%;
    padding: 0px 20px;
}

.wizard .nav-tabs {
    position: relative;
    margin: 20px auto;
    width: 50%;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
    border: none;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 4px;
    background: #e0e0e0;
    position: absolute;
    width: 30%;
    margin: auto;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > div,
.wizard .nav-tabs > li.active > div:hover,
.wizard .nav-tabs > li.active > div:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 44px;
    color: #fff;
    display: inline-block;
    border-radius: 100px;
    background: #a5a5a5;
    border: 2px solid #a5a5a5;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0px auto;
    text-align: center;
    font-size: 25px;
    top: 0;
    border: 3px solid #fff;
    box-shadow: 0px 0px 0px 3px #a5a5a5;
    border: 3px solid #fff;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #00b050;
    box-shadow: 0px 0px 0px 3px #00b050;
}

.wizard li.active span.round-tab i {
    color: #5bc0de;
}

.wizard .nav-tabs > li {
    width: 33%;
}

.wizard .nav-tabs > li div {
    /*    width: 70px;    height: 70px;*/
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li div:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
    float: left;
    width: 100%;
}

.wizard h3 {
    margin-top: 0;
}

@media (max-width: 585px) {
    .wizard {
        width: 90%;
        height: auto !important;
    }
    /*    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }*/
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.step_text {
    position: absolute;
    width: 200px;
    text-align: center;
    color: #5a5a5a;
    left: 0px;
    top: 65px;
    right: 0px;
    margin: auto;
    font-family: "BentonSans";
    font-size: 15px;
}

.wizard .summary {
    width: 54%;
    float: left;
}

.wizard .summary .img_product_summary {
    width: 50%;
    float: left;
    box-shadow: 0px 0px 1px #ccc;
}
.rate_wrap_summary {
    float: left;
    width: 50%;
    padding: 0px 0px 0px 35px;
}
.wizard .tab-content {
    padding: 30px 0px;
    float: left;
    width: 100%;
}

.right_con {
    width: 48%;
    float: right;
}
.tab_wrapp .right_con {
    width: 46%;
    float: right;
}

.right_con .form-group input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.tc {
    padding: 10px 0px;
    display: inline-block;
    color: #000;
}

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

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
    border: none;
}

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

.tab-content .rate_row .last_rate {
    width: 50%;
}

.number_custom input[type="number"] {
    padding-left: 90px;
}

.custom_header_design li a {
    display: inline-block;
}

.search_bar {
    display: inline-block;
    float: left;
    margin-top: -3px;
}

.menu_drop_down {
    display: none;
}

/******************responsive-css************************/

@media (max-width: 720px) {
    .custom_header_design ul.navbar-nav {
        width: 100%;
        margin-bottom: 5px;
    }
    .inner_text {
        padding: 0px 10px;
    }
    .inner_text h3 {
        font-size: 20px;
        margin: 5px 0px 5px 0px;
        padding-bottom: 2px;
    }
    .carousel_slider {
        width: 100%;
    }
    .explore_txt {
        padding-bottom: 6px;
    }
    .save_txt {
        margin: 0px 0px 5px;
        font-size: 20px;
    }
    .inner_text p {
        font-size: 11px;
        margin: 0px;
        padding: 0px;
    }
    .left_side {
        width: 100%;
    }
    .right_side {
        width: 100%;
    }
    .right_con {
        width: 57%;
        float: right;
    }
    .wizard .summary {
        width: 100%;
    }
    .menu_drop_down {
        display: inline-block;
        width: 100%;
        display: none;
        padding: 5px 10px;
        background: #eee;
        font-size: 16px;
    }
    #toggle_menu {
        display: none;
    }
    .custom_header_design li {
        width: 100%;
        background: #eee;
        border-bottom: 1px solid #ccc;
        padding-left: 10px;
    }
    .navbar-custom-menu > .navbar-nav li:last-child a {
        padding: 8px 0px 8px;
    }
    .mail_id {
        padding: 8px 0px;
    }
    /*    .search_bar {
        right: 0px;
        position: absolute;
        top: 0px;
    }*/
    .arrow {
        float: right;
    }
    .main-header {
        border-bottom: none;
    }
    .tab_wrapp .right_con {
        width: 100%;
        float: right;
        padding: 10px 0px;
    }
}

@media (max-width: 720px) {
    .big_pop {
        width: 100%;
    }
    .inner_text {
        padding: 5px 10px;
    }
    .inner_text h3 {
        font-size: 20px;
        margin: 5px 0px 5px 0px;
    }
    .carousel_slider {
        width: 70%;
    }
    .inner_text p {
        font-size: 11px;
    }
    .explore_txt {
        padding-bottom: 6px;
    }
    .save_txt {
        margin: 0px 0px 5px;
        font-size: 20px;
    }
    .img_product {
        width: 50%;
        margin: 0px;
    }
    .big_con {
        width: 100%;
    }
    .small_btn {
        width: 48%;
        padding: 0px 5px;
    }
    .details_product p {
        min-height: auto;
    }
    .rate_product {
        width: 100%;
        top: 0px;
        min-height: auto;
    }
    /*    .rate_wrap {
        position: static;
        bottom: 0px;
        right: 50px;
        width: 100%;
        float: left;
        text-align: center;
    }*/
    .rate_row {
        width: 100%;
        float: left;
        padding: 0px 0px 5px 0px;
    }
    .left_side {
        width: 100%;
    }

    .right_side .new_tag span {
        left: 31px;
    }
    .right_side .product-description {
        width: 100%;
    }
    .right_side .buton_product.small_btn {
        width: 100%;
        margin-bottom: 0px;
    }
    .right_side .rate_product {
        width: 100%;
    }
    .right_side .details_product.big_con {
        position: static;
        text-align: center;
        padding-top: 5px;
    }
    .ful_des ul {
        padding-left: 20px;
    }
    .product_details_full .wizard {
        width: 100%;
    }
    .wizard .summary {
        width: 100%;
        margin-bottom: 5px;
    }
    .right_con {
        width: 100%;
    }
    .product_details_full .wizard .form-group label {
        width: 94%;
        vertical-align: top;
    }
    .wizard .tab-pane {
        padding-top: 10px;
    }
    .product_details_full .wizard .nav-tabs {
        margin: 10px 0px;
    }
    .pop_field .form-control {
        width: 100%;
        display: inline-block;
    }
    .pop_field label {
        width: 100%;
    }
    .custome_header h1 {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 10px 0px 0;
    }
    .custome_header .right_div {
        width: 100%;
        padding-bottom: 10px;
    }
    .custom_button ul#menu > li:hover ul {
        left: 0px;
    }
    .custom_button ul.left_space > li {
        text-align: left;
    }
    .navbar-custom-menu > .navbar-nav li:hover a {
        background: transparent !important;
    }
    .heart_div {
        font-size: 14px;
    }
    .search_bar {
        display: inline-block;
        float: left;
        width: 100%;
    }
    .search_bar {
        right: 0px;
        position: static;
        top: 0px;
    }
    /******************detail_page************************/
}

@media (max-width: 580px) {
    .carousel_slider {
        position: static;
        width: 100%;
    }
    .inner_text {
        padding: 10px 15px;
        background: #333;
    }
    .inner_text h3 {
        margin: 10px 0px 10px 0px;
    }

    .btn_wrap {
        width: 100%;
        float: left;
        text-align: center;
    }
    .rate_row {
        width: 100%;
        float: left;
        padding: 0px 0px 5px 0px;
    }
    /*    .rate_wrap {
        position: static;
        bottom: 0px;
        right: 50px;
        width: 100%;
        float: left;
        text-align: center;
    }*/
    .rate_product {
        width: 100%;
        float: left;
        position: relative;
        min-height: 200px;
        overflow: hidden;
        top: 20px;
        text-align: center;
    }
    .new_tag span {
        left: 7px;
    }
    .inner_text p {
        font-size: 12px;
        color: #fff;
        padding-bottom: 5px;
    }
    .custome_header .right_div {
        width: auto;
        padding: 10px 0px;
    }
    .arrow {
        width: 100%;
        text-align: center;
        margin: 6px 0px;
    }
    /*    .heart_div {
        margin: 0px 10px 10px;
        float: right;
        width: 100%;
        text-align: center;
    }
    .heart_div.mobile_heart {
        width: auto;
    }*/
    .custom_button ul#menu > li:hover ul {
        left: 0px;
    }
    .custome_header h1 {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .wizard .nav-tabs > li div {
        width: 100%;
        height: auto;
        margin: 0px;
    }
    .wizard .nav-tabs > li {
        width: 100%;
        padding-bottom: 10px;
    }
    .step_text {
        /*	position: inherit;*/
        padding: 0px 2px;
        font-size: 11px;
        float: left;
        width: 100%;
        text-align: center;
    }
    /*    span.round-tab {
        width: 20px;
        height: 20px;
        line-height: 50px;
        left: 0px;
        right: auto;
        top: 2px;
    }*/
    .connecting-line {
        width: 70%;
        top: 21px;
    }
    .user-menu {
        text-align: center;
    }
    .custom_header_design .dropdown.user.user-menu {
        width: 100% !important;
    }
}

@media (max-width: 380px) {
    .arrow {
        width: 100%;
        text-align: center;
        margin: 6px 0px 0px;
        border-bottom: 1px solid #ccc;
        padding: 5px 0px;
        border-top: 1px solid #ccc;
        background: #fcfafa;
    }
    /*    .heart_div {
        margin: 0px 10px 10px;
        float: right;
        width: 100%;
        text-align: center;
    }*/
    .custome_header h1 span {
        padding-top: 6px;
    }
}

.table_scroll {
    max-height: 350px;
    overflow: auto;
}

.big_pop {
    width: 800px;
}

/******************responsive-css************************/

.bottom_url {
    margin-left: 230px;
    border-top: 1px solid #eee;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #f4f4f4;
    padding: 25px 15px 10px;
}

.main-footer span {
    color: #00b050;
}

.bottom_url ul.links_footer {
    display: inline-block;
    padding: 0px;
}

.bottom_url ul.links_footer li {
    display: inline-block;
    margin-top: 7px;
}

.bottom_url ul.links_footer li a {
    padding: 5px 12px;
    display: inline-block;
    border-right: 1px solid #444;
    line-height: 0px;
    font-weight: 500;
    font-size: 13px;
    font-family: "BentonSans";
    color: #444;
}

.bottom_url ul.links_footer li:last-child a {
    border: none;
}

.sidebar-collapse .bottom_url {
    margin-left: 50px;
}

.form-group.pop_field {
    float: left;
    width: 100%;
}

.pop_field .input.text {
    width: 70%;
    float: right;
}

.pop_field .input.text input[type="text"] {
    width: 100%;
}

.search-category {
    padding: 6px 10px;
    background: #f9f6f6;
    float: left;
    width: 100%;
    border-bottom: 1px solid #efeded;
}

.benefit-keyword li {
    display: inline-block;
    width: 16.44%;
    border-right: 1px solid #ccc;
    padding: 0px 0px;
}

.benefit-keyword li label {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

.benefit-keyword li span {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 2px 0px;
}

.benefit-keyword li:last-child {
    border: none;
}

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

.bemefits > ul {
    list-style: none;
    margin-left: 0px;
}

ul {
}

.bemefits > ul {
}

.bemefits > ul ul {
    list-style: none;
    padding-left: 0px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.09019607843137255);
    position: absolute;
    z-index: 9;
    width: 180px;
    border-radius: 5px;
    display: none;
    padding: 5px 10px 10px 10px;
}

.bemefits > ul .sub_drop a {
    color: #000;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    padding: 4px 7px;
}

.bemefits > ul .sub_drop a:hover {
    color: #000;
    text-decoration: underline;
}

.bemefits > ul .sub_drop li {
    line-height: 20px;
}

.bemefits ul li:hover .sub_drop {
    display: block;
}

.self_design_table td input[type="text"],
.box_scroll td select,
.box_scroll td textarea {
    width: 150px;
}

.self_design_table .input.number {
    width: 200px;
}

.self_design_table .input.number .cc-picker {
    width: 90%;
}

.self_design_table .input.number input[type="number"] {
    padding-left: 55px;
}

.self_design_table .tbl-resp-listing {
    width: auto !important;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.list_type {
    padding: 0px;
    list-style: none;
}

.list_type li {
    display: inline-block;
    padding-right: 8px;
}

.list_type li a {
    text-decoration: none !important;
    font-size: 13px;
}

.list_type li a i {
    color: #00b050;
    margin-right: 3px;
}

.blank_btn {
    background: transparent !important;
    color: #00b050;
}

.two_btn .btn {
    width: 42%;
    float: left;
    height: 47px;
    border-radius: 0;
    font-family: "BentonSans";
    line-height: 30px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid #00b050;
}
.two_btn .btn i {
    margin-right: 5px;
}

.blank_btn:hover {
    color: #00b050;
}

.logo_text {
    float: left;
    width: 100%;
}

.logo_text span.supply_name {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    top: 2px;
}

.img_logo {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    margin-right: 5px;
    width: 50px;
}

.benefit_btn span a {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    font-size: 22px;
    padding: 5px 0px 5px;
    letter-spacing: 0.2px;
    font-family: "BentonSans";
    color: #343434;
}

.header_logo {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 90px;
    overflow: hidden;
}

.left_top {
    display: inline-block;
    margin: 23px 20px 0px;
}

.bemefits > ul {
    padding-left: 8px;
}

.custom_button li a {
    color: #00b050;
    font-size: 15px;
    padding-right: 3px;
    font-family: "BentonSans";
}

.custom_button li a i {
    color: black;
    margin-left: 5px;
}

.logo-lg img {
    max-width: inherit;
}

.navbar-static-top {
    padding: 0px 0px 0px 0px;
}

.logout a {
    font-size: 20px;
    color: #343434;
}

.sidebar-collapse .right_top {
    float: right;
    padding: 22px 70px 10px 0px;
    width: 42%;
}
.right_top {
    float: right;
    padding: 22px 60px 10px 0px;
    width: 42%;
}
.right_top_row {
    float: right;
}

.user_name {
    color: #474747;
    font-size: 13px;
    display: inline-block;
    font-weight: 500;
    padding: 0px 7px;
    font-family: "BentonSans";
    vertical-align: middle;
}

.user_img {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    vertical-align: middle;
    margin: 0px 10px;
}

.user_img img {
    position: absolute;
    border-radius: 50px;
    left: 0px;
    width: 33px;
    height: 33px;
    box-shadow: 0px 0px 0px 3px #eee;
}

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

.logout a {
    font-size: 20px;
    color: #343434;
}

.right_botm_row {
    float: right;
    width: 100%;
    padding: 5px 0px 0px;
    text-align: right;
}

.wallet_am {
    display: inline-block;
    font-size: 15px;
}

.wallet_am i {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.top_right_menu {
    display: inline-block;
}

.top_right_menu ul {
    display: inline-block;
    list-style: none;
    padding-left: 5px;
    margin: 0px;
}

.top_right_menu ul li {
    display: inline-block;
    position: relative;
    padding: 0px 6px;
    vertical-align: top;
}
.dot_bade {
    position: absolute;
    top: 0px;
    right: 6px;
    font-size: 8px;
    color: red;
}

.top_right_menu ul li:last-child {
    padding-right: 0px;
}

.top_right_menu ul li a {
    font-size: 17px;
    color: #373737;
    vertical-align: top;
    cursor: pointer;
}

.img_product .new_tag {
    left: 0px;
    -webkit-transform: inherit;
    width: 82px;
    height: 31px;
    z-index: 9;
    background: url(../img/new_tag.png);
    top: 0px;
}

.img_product .new_tag span {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0px;
    padding-right: 7px;
    margin: auto;
    text-align: center;
    width: 100%;
    line-height: 31px;
    font-weight: bold;
}

.img_product .new_tag span:after {
}

.detail_btn {
    float: left;
}

/*.detail_btn a {
    display: inline-block;
    height: 47px;
    border-radius: 0;
    line-height: 33px;
    font-size: 16px;
}*/
.detail_btn a.subscribe:hover {
    border-color: #026f34;
}
.detail_btn a {
    display: inline-block;
    width: auto;
    padding: 5px 30px;
    float: left;
    height: 47px;
    border-radius: 0;
    font-family: "BentonSans";
    line-height: 30px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid #00b050;
    margin-right: 10px;
}
.rate_wrap td b {
    font-weight: normal;
}
.right_side .two_btn {
    width: 50%;
    float: left;
}
.right_side .btn_wrap {
    width: 100%;
}
.full_row_inner {
    display: inline-block;
    width: 100%;
}
.details_box {
    border-top: 1px solid transparent;
}

.detail_img {
    left: 0px;
    -webkit-transform: inherit;
    width: 82px;
    height: 31px;
    z-index: 9;
    background: url(../img/new_tag.png);
    top: 0px;
}
.left_side #slider {
    border: none;
}
.detail_img.new_tag span {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0px;
    padding-right: 7px;
    margin: auto;
    text-align: center;
    width: 100%;
    line-height: 31px;
    font-weight: bold;
}
.right_side .details_product.big_con {
    float: right;
    width: auto;
}
/*.space_none {
    padding: 50px 0px;
}*/

/****************************who-got-page************/
.who_got h1 {
    float: left;
    width: 100%;
    padding: 10px 20px;
}
.who_got .center_details {
    width: 40%;
    float: left;
    margin: 1% 0.5%;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 1px #ccc;
}
.img_pofile {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50px;
    position: relative;
}

.img_pofile img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0px;
    bottom: 0px;
}

.img_pofile_name {
    font-size: 18px;
    padding-top: 7px;
    text-transform: capitalize;
    font-family: "BentonSans";
    color: #343434;
}
.who_got .same_width {
    padding: 0px 25px;
}

.who_got .img_pofile_name {
    padding-top: 7px;
}
.last_hild {
    float: right;
}
.last_hild a {
    float: right;
    font-weight: normal;
    color: #00b050;
    font-size: 18px;
    font-family: "BentonSans";
    text-decoration: underline;
}
.who_got .row_details:nth-child(2n + 1) {
    background: #efefef;
}
.who_got .row_details {
    margin: 0px;
    padding-top: 10px;
}

.slider_left_btn {
    float: left;
    margin-top: 10px;
}
.slider_left_btn .subscribe {
    float: left;
    border-radius: 0;
    line-height: 29px;
    font-size: 15px;
    font-family: "BentonSans";
    border: 2px solid #00b050;
    padding: 7px 35px;
    width: 158px;
}
.slider_left_btn .subscribe:hover {
    border-color: #026f34;
}
.slider_left_btn a.explore_txt {
    width: 158px;
    float: left;
    text-align: center;
    border-radius: 0;
    line-height: 29px;
    font-size: 15px;
    color: #fff !important;
    font-family: "BentonSans";
    border: 2px solid #fff;
    padding: 7px 35px;
    margin-left: 10px;
}
.custom-select input {
    width: 98% !important;
    border: 1px solid #888;
    margin: 5px 1px 0 !important;
    padding: 5px;
    font-size: 14px;
}
/****************************who-got-page************/

/****************************9-3-2019************/
/*.skin-blue .main-header .navbar .sidebar-toggle{display: none;}*/
.top_right_menu .fa-bell {
    position: relative;
    top: -2px;
}
.slider_wrap {
    position: relative;
}
.featured_slider_arrow a {
    width: 100%;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    font-size: 56px;
    height: 35px !important;
}
.featured_slider_arrow {
    float: right;
    width: 10px;
    position: absolute;
    right: 100px;
    bottom: 100px;
}
.category_separator {
    background: #ccc;
    height: 1px;
    width: 100%;

    display: inline-block;
    margin: 40px 0px 20px;
}
.category_separator:last-child {
    border: none;
}
.skin-blue .main-header .navbar {
    z-index: 1;
}
.header_seprater {
    width: 100%;
    height: 1px;
    margin: 0px 0px 20px 0px;
    float: left;
    border-top: 2px solid #ccc;
}
.inner_box .panel-heading {
    background: #808080;
    border-radius: 0px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-family: "BentonSans";
}
.inner_box .panel.panel-default {
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
}
.inner_box .panel.panel-default .panel-heading {
    width: 100%;
}
.inner_box .panel.panel-default .panel-body {
    flex-grow: 1;
    width: 100%;
}
.dashboardd {
    background: #f5f6fa;
    padding: 30px 30px 20px;
}
.inner_box_title {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.inner_box_title .table-striped tr th {
    background: #808080;
    border-radius: 0px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-family: "BentonSans";
}
.tag_line {
    color: #000;
    font-size: 18px;
    font-family: "BentonSans";
    font-weight: bold;
}

.disgit {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.disgit b {
    font-size: 104px;
    width: 100%;
    display: inline-block;
}

#SA_Current_Balance_Today {
    font-size: 80px;
}

.disgit span {
    color: #1ea614;
    font-size: 16px;
    font-family: "BentonSans";
    font-weight: 500;
}

.red_btn_container {
    text-align: center;
}

.red_btn {
    min-width: 60px;
    height: 65px;
    color: #fff;
    background: red;
    font-size: 56px;
    line-height: 60px;
    display: inline-block;
    margin: 19px auto;
    text-align: center;
    padding: 0 10px;
}
.right_sel {
    float: right;
}

.date_field {
    display: inline-block;
}

.submit_btnn {
    display: inline-block;
    vertical-align: top;
}

.rankk {
    width: 100%;
    float: left;
    padding: 40px 0px;
    background: #fff;
    margin: 0px 0px 0px 0px;
}

.rankk li {
    width: 19%;
    vertical-align: top;
    display: inline-block;
    list-style: none;
}
.rankk .same_circle {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    line-height: 44px;
    text-align: center;
}
.double_border {
    /*  border: 5px solid #fff;
    box-shadow: 0px 0px 0px 4px grey; */
}
.double_border:before {
    position: absolute;
    content: "";
    border: 4px solid #808080;
    width: 68px;
    height: 68px;
    border-radius: 50px;
    left: -9px;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
}
.arrow_img {
    width: 22px;
    bottom: -90px !important;
}
.red {
    background: red;
}
.amber {
    background: #ffbf00;
}
.yellow {
    background: #ffe000;
}
.green {
    background: #00b050;
}
.dark_green {
    background: #006400;
}
.red i {
    width: 100%;
    line-height: 15px !important;
}
.dark_green i {
    width: 100%;
    line-height: 15px !important;
}
.same_circle i {
    line-height: 49px;
    width: 100%;
}
.rank_wrap {
    width: 98%;
    margin: 0px 1% 20px;
    box-shadow: 0px 0px 4px #ccc;
    float: left;
    border: 1px solid #ddd;
}
.rank_wrap .rankk_sh {
    background: #808080;
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin: 0px;
    border-bottom: 1px solid #eee;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.same_circle img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}
.main-header {
    max-height: inherit !important;
}
.terms_page h1 {
    font-weight: 400;
    font-size: 38px;
    padding-left: 10px;
}
.terms_page {
    padding: 0px 10px 20px;
}
.terms_detail {
    padding: 0px;
}
.terms_detail .wizard {
    margin: 0px auto;
}
.tab_wrapp {
    width: 100%;
    float: left;
    margin: 60px 0px;
}
.tab_wrapp .right_con a.title_name {
    color: #343434;
    font-family: "BentonSans";
    font-weight: 400;
    font-size: 38px;
    padding-left: 10px;
    text-decoration: none;
    line-height: 30px;
    padding-left: 0px;
    padding-bottom: 15px;
    display: inline-block;
}
.tab_wrapp .right_con p {
    font-size: 15px;
    color: #5a5a5a;
    line-height: 24px;
    margin: 0px;
    max-width: 630px;
}

.tab_wrapp .right_con .tc {
    color: #343434;
    font-family: "BentonSans";
    text-decoration: none;
}
.tab_wrapp .right_con .tc u {
    text-decoration: none;
}
.tab_wrapp .right_con .form-group label {
    color: #343434;
    font-family: "BentonSans";
    text-decoration: none;
}
.tab_wrapp .right_con .two_btn {
    width: 60%;
    float: left;
}
.tab_wrapp .right_con .two_btn a {
    margin-right: 10px;
}
.tab_wrapp .right_con .two_btn a i {
    font-family: fontawesome;
    font-style: normal;
}
/*.right_con .form-group {
    width: 48%;
    float: left;    min-height: 65px;
    margin-right: 2%;
}*/
.col-xs-12.form_btnn {
    margin: 0px;
    padding: 0px;
    width: 50%;
    float: left;
}

.second_step {
    text-align: center;
    max-width: 800px;
    margin: 0px auto;
    font-size: 15px;
    color: #5a5a5a;
    line-height: 24px;
    font-family: "BentonSans";
}
.second_step a {
    font-size: 15px;
    color: #5a5a5a;
    font-weight: 500;
}
.second_step .subscribe {
    color: #fff;
    font-weight: normal;
}
.box-info .input.checkbox input[type="checkbox"] {
    margin-left: 0px;
}
.caption_wrap {
    float: left;
    width: 100%;
}

.caption_row {
    width: 100%;
    float: left;
    padding: 0px 0px 15px 0px;
}

.first_cap {
    float: left;
    width: 49%;
    margin-right: 1%;
    padding-bottom: 10px;
    font-family: "BentonSans";
}

.first_cap b {
    font-family: "BentonSans";
    font-weight: normal;
    font-size: 15px;
    color: #5a5a5a;
    float: left;
}

.first_cap span {
    font-family: "BentonSans";
    font-weight: normal;
    font-size: 15px;
    color: #7d7c7c;
    text-transform: capitalize;
    padding-left: 7px;
    float: left;
}
.center_details {
    width: 40%;
    border: 1px solid #bfbfbf;
    float: left;
    box-shadow: 0px 0px 1px #bfbfbf;
}
.row_details:nth-child(2n + 2) {
    background: #efefef;
}

/****************************9-3-2019************/

@media screen and (min-device-width: 1301px) and (max-device-width: 1549px) {
    .sidebar-mini .right_top {
        padding: 10px 20px 10px 0px;
        width: 47%;
    }
    .sidebar-collapse .right_top {
        width: 46%;
        padding: 18px 60px 18px 0px;
        text-align: right;
        display: block;
    }
    .right_botm_row {
        padding: 7px 0px 0px;
    }
    .sidebar-mini .left_top {
        width: 43%;
        margin: 0px 10px;
    }
    .sidebar-collapse .left_top {
        width: 45%;
        margin: 0px;
        padding: 14px 14px;
    }
    .sidebar-mini .left_top .benefit_btn {
        width: 64%;
    }
    .sidebar-collapse .benefitg_btn {
        padding: 0px 0px 0px 100px;
    }
    .sidebar-mini .left_top .benefit_btn {
        width: 64%;
    }
    .box.box-info {
        border: none;
    }
}

@media (max-width: 1300px) {
    .skin-blue .main-header .navbar .sidebar-toggle {
        font-size: 23px;
    }
    .sidebar-collapse .bottom_url {
        margin-left: 0;
    }
    .sidebar-mini .right_top {
        display: none;
    }
    .sidebar-collapse .right_top {
        width: 40%;
        padding: 10px 10px;
        text-align: right;
        display: block;
    }
    .right_botm_row {
        padding: 15px 0px 0px;
    }
    .sidebar-mini .left_top {
        width: 80%;
        margin: 0px 10px;
    }
    .sidebar-collapse .left_top {
        width: 50%;
        margin: 0px;
        padding: 0px 8px;
    }
    .benefit_btn span {
        font-size: 16px;
    }
    .sidebar-collapse .benefit_btn {
        padding: 0px 0px 0px 0px;
    }
    /*.custom_button ul#menu a {padding: 4px 2px;font-size: 14px;}*/
    .arrow {
        display: block;
        margin: 0px 0px 10px;
        float: left;
        margin-right: 5px;
        display: block;
        width: 100%;
    }
    .search_bar {
        float: right;
        width: 100%;
    }
    .sidebar-collapse .benefit_btn {
        width: 50%;
        margin-left: 5%;
    }
    .arrow b {
        padding: 9px 8px 0px;
    }
    .sidebar-mini .left_top .benefit_btn {
        width: 64%;
    }
    .two_btn .btn {
        width: 47%;
        font-size: 14px;
    }
    .single_product {
        padding: 20px 3px;
    }
    .right_side .details_product.big_con {
        padding: 0px;
    }
    .product_details_full .list_type {
        width: 50%;
    }
    .product_details_full .right_side .two_btn {
        width: 58%;
    }
    .btn_wrap .two_btn {
        width: 100%;
        display: inline-block;
    }
    .supply_name a {
        color: #343434;
        font-size: 11px;
    }
    .bottom_listing .list_type {
        width: 100%;
    }
    .header-flex {
        display: block;
        float: right;
    }
    .wallet_am {
        float: left;
    }
}

@media (max-width: 1150px) {
    .sidebar-collapse .right_top {
        width: 45% !important;
    }
    .sidebar-collapse .left_top {
        width: 55% !important;
    }
}

@media (max-width: 1000px) {
    .find-people-form {
        margin-bottom: 10px;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .arrow {
        margin-bottom: 0;
    }
}

@media (max-width: 720px) {
    .skin-blue .main-header .navbar .sidebar-toggle {
        display: block;
    }
    .sidebar-collapse .left_top {
        width: 42%;
        margin: 0px;
        padding: 0px 8px;
    }
    .sidebar-collapse .right_top {
        width: 44%;
        padding: 10px 10px;
        text-align: right;
        display: block;
    }
    .sidebar-collapse .left_top .benefit_btn {
        width: 70%;
        margin-left: 0;
    }
    .sidebar-collapse .header_logo {
        width: 50px;
        padding: 0px 5px;
    }
    .custom_button {
        width: 240px;
    }
    .small_btn {
        width: 50%;
    }
    .big_con {
        width: 70%;
        float: left;
    }
    .rate_product {
        width: 30%;
    }
    .img_product {
        width: 40%;
    }
    .custom_button li a,
    .custom_button ul#menu a {
        font-size: 12px;
        padding: 3px 4px;
    }
    .right_side .rate_product {
        margin: 21px 0px 0px;
    }
    .skin-blue .main-header .navbar .sidebar-toggle {
        background: #00b050;
        font-size: 21px;
        color: #fff !important;
        border: 1px solid #eee;
    }
    .skin-blue .main-header .sidebar-toggle {
        background: #00b050 !important;
        font-size: 22px;
        color: #fff !important;
        width: auto;
        padding: 10px 15px;
    }
    .skin-blue .main-header .sidebar-toggle.default-toggle {
        background: transparent !important;
        font-size: 22px;
        color: #333 !important;
    }
    .benefit_btn span a {
        font-size: 15px;
    }
    .wizard .nav-tabs {
        width: 100%;
    }
    .connecting-line {
        width: 70%;
    }
    .header-flex {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .sidebar-collapse .right_top {
        width: inherit !important;
    }
    .top_right_menu {
        width: auto !important;
    }
}
@media (max-width: 720px) {
    .bottom_url {
        margin-left: 0;
    }
    .row_category {
        padding: 10px;
    }
    .single_product {
        padding: 20px 3px;
    }
    .product_name a {
        font-size: 28px;
        min-height: auto;
    }
    .btn_wrap ul.list_type {
        margin: 0px 0px 10px;
        text-align: left;
    }
    .small_btn {
        margin-bottom: 10px;
    }
    .link_more {
        margin: 0px 0px 8px 0;
    }
    .rate_product {
        min-height: auto;
        padding: 0px 10px;
    }
    .rate_wrap {
        min-height: auto;
        margin-bottom: 10px;
    }
    .rate_product .postion_btn {
        margin-bottom: 10px;
    }
    .big_con {
        padding: 0px 10px;
    }
    .right_side .details_product.big_con {
        padding: 0px;
        width: 100%;
        text-align: left;
    }
    .sidebar-mini .right_top {
        width: 45%;
        padding: 10px 10px;
        text-align: right;
        display: block !important;
    }
    .sidebar-mini .sidebar-open {
        display: none;
    }
    .sidebar-mini .left_top {
        width: 42%;
        margin: 0px;
        padding: 0px 4px;
    }
    .sidebar-mini .left_top .benefit_btn span {
        font-size: 12px;
    }
    .sidebar-mini .left_top .header_logo {
        width: 50px;
        height: auto;
    }
    .custom_button li a {
        font-size: 12px;
    }
    .custom_button ul#menu a {
        font-size: 12px;
    }
    .right_side {
        width: 100%;
        padding: 0px 10px;
    }
    .full_roww {
        width: 100%;
        padding: 10px 0px;
    }
    .product_details_full .right_side .two_btn {
        width: 100%;
    }
    .right_side .product-title {
        font-size: 23px;
    }
    .right_side .rate_product {
        margin: 0px 0px 0px;
    }
    .who_got .center_details {
        width: 98%;
    }
    .slider_wrap .item img {
        width: 100%;
    }
    .featured_slider_arrow {
        display: none;
    }
    .inner_text p {
        height: auto;
        line-height: 14px;
    }
    .bottom_listing .row_category:first-child {
        padding-top: 30px;
    }
    .product_name {
        width: 100%;
        float: left;
        padding: 10px 0px;
    }
    .listing_short_desc {
        min-height: auto;
        height: auto;
    }
    .rate_name {
        font-size: 13px;
    }
    .main-sidebar {
        position: absolute;
        padding-top: 0px;
        z-index: 9999;
        top: 50px;
    }
    .benefit_btn span a {
        font-size: 20px;
    }
    .arrow b {
        padding: 9px 0px 0px;
        font-size: 12px;
    }
    .right_sel {
        width: 70%;
    }
    .date_field {
        display: inline-block;
        width: 42%;
    }
    .center_details {
        width: 100%;
    }
}
@media (max-width: 580px) {
    /******************new_css_media-6-3-2019************************/
    .search_bar {
        display: none;
    }
    .sidebar-collapse .right_top {
        float: right;
        padding: 10px 15px 10px 0px;
        width: 72%;
    }
    .skin-blue .main-header .navbar .sidebar-toggle {
        font-size: 35px;
        padding: 10px 20px;
    }
    .skin-blue .main-header .sidebar-toggle {
        font-size: 35px;
        padding: 10px 20px;
    }
    .sidebar-mini .right_top {
        padding: 10px 20px 5px;
        width: 70%;
    }
    .heart_div {
        margin: 0px;
    }
    .sidebar-mini .left_top {
        text-align: center;
        margin: 2px 0px;
        width: 100%;
    }
    .benefit_btn {
        padding: 0px 0px 0px 0px;
    }
    .main-sidebar {
        position: absolute;
        padding-top: 0px;
        z-index: 9999;
        top: 50px;
    }
    .skin-blue .main-header .navbar {
        /*z-index: -0;*/
        position: relative;
    }
    .sidebar-collapse .benefit_btn,
    .sidebar-collapse .left_top .benefit_btn,
    .sidebar-mini .left_top .benefit_btn {
        padding: 0px;
        width: 100%;
    }
    .sidebar-mini .left_top .header_logo {
        width: 100%;
    }
    .custom_button {
        width: auto;
    }
    .sidebar-mini .left_top .benefit_btn span {
        font-size: 16px;
        text-transform: capitalize;
    }
    .custom_button li a,
    .custom_button ul#menu a {
        font-size: 14px;
    }
    .small_btn,
    .img_product,
    .big_con,
    .rate_product {
        width: 100%;
        position: relative;
    }
    .small_btn .full {
        font-size: 12px;
    }
    .last_hild a {
        font-size: 15px;
    }
    .who_got .same_width {
        padding: 0px 5px;
    }
    .who_got .same_width {
        padding: 0px 5px;
    }
    .right_botm_row {
        padding: 4px 0px 0px;
    }
    .product_details_full {
        padding: 10px 0px 0px;
    }
    .content-header {
        position: relative;
        padding: 15px 15px 0 15px;
        width: 98%;
        margin: 0px 1% 10px;
        text-align: center;
    }
    .content-header > h1 {
        margin: 0;
        font-size: 24px;
        padding-bottom: 8px;
    }
    .date_field {
        width: 38%;
    }
    .right_sel {
        width: 100%;
    }
    .leftbox_sec {
        width: 96%;
        position: absolute;
        margin: 7% 2%;
        float: left;
        z-index: 9;
    }
    .left_login {
        padding: 6px 0px;
        background: #fff9;
        float: left;
        width: 100%;
    }
    .right_login {
        float: right;
        width: 100%;
        overflow: hidden;
        position: inherit;
        left: 0px;
    }
    /*.left_login .login-logo a{display: none;}*/
    .right_login img {
        width: 100%;
        height: 465px;
        position: inherit;
    }
    .bottom_roww .col-xs-8 {
        width: 100%;
    }
    .bottom_roww .col-xs-4 {
        width: 40%;
    }
    .left_login .login-box-body {
        background: transparent;
    }
    .bottom_link.new_fooetr {
        padding: 5px;
        margin: 0px 0px;
    }
    .bottom_link.new_fooetr ul.links_footer {
        margin: 0px;
        padding: 0px;
    }
    .bottom_link.new_fooetr .links_footer li {
        display: inline-block;
        margin-top: 2px;
    }
    .cards {
        float: right;
        margin: 10px 0px;
        width: 100%;
        text-align: center;
    }
    .copy_right_new {
        bottom: 0;
        width: 100%;
        position: initial;
        text-align: center;
        float: left;
        padding: 10px 0px 0px;
    }
    .bottom_roww {
        margin: 0px;
    }
    .checkbox.icheck.new_loginn {
        margin-top: 0;
    }
    .product_details_full .wizard .nav-tabs {
        margin: 10px 0px;
        width: 100%;
    }
    .wizard .nav-tabs > li {
        width: 33.33333%;
        padding-bottom: 10px;
        text-align: center;
    }
    .wizard .summary .img_product_summary {
        width: 100%;
        float: left;
    }
    .rate_wrap_summary {
        float: left;
        width: 100%;
        padding: 20px 0px 0px;
    }
    .rate_wrap_summary .rate_row {
        width: 100%;
        padding-bottom: 5px;
    }
    .tab_wrapp .right_con {
        width: 100%;
        float: right;
    }
    .tab_wrapp .right_con a.title_name {
        font-size: 27px;
    }
    .tab_wrapp .right_con .two_btn {
        width: 100%;
        float: left;
    }
    .terms_page h1 {
        font-size: 29px !important;
    }
    .wizard li:first-child span.round-tab {
        left: 30px;
        margin: 0px;
    }
    .wizard li:last-child span.round-tab {
        right: 30px;
        left: auto;
        margin: 0px;
    }
    .col-xs-12.form_btnn {
        width: 70%;
    }
    .main-header a .logo-lg img {
        padding: 0px;
    }
    .double_border::before {
        width: 56px;
        height: 56px;
        border: 2px solid #808080;
        border-radius: 50px;
        left: -5px;
    }
    .rankk .same_circle {
        width: 45px;
        height: 45px;
    }
}
@media (max-width: 480px) {
    .right_login img {
        width: 100%;
        height: 480px;
        position: inherit;
    }
    .icheck label input[type="checkbox"] {
        top: -7px;
    }
}
/******************new_css_media-6-3-2019************************/

.limited_colum {
    width: 100%;
}
.right_sel .dropdown {
    display: inline-block;
    margin-right: 10px;
}

.right_sel form {
    display: inline-block;
}
.free_tag {
    position: absolute;
    z-index: 9;
    right: 0;
    text-transform: capitalize;
    top: 0px;
    background: #00b050;
}

.free_tag span {
    text-transform: capitalize;
    font-size: 14px;
    padding: 6px 24px;
    font-weight: bold;
    display: inline-block;
    background-color: #00b050;
    font-family: "BentonSans";
    color: #fff;
}
.big_table {
    width: 1800px;
}
.big_table_scroll {
    overflow: auto;
}
.pagination-list {
    width: 100%;
    text-align: center;
}
.pagination-list li {
    display: inline;
}
.pagination-list a {
    padding: 10px 20px;
    text-decoration: none;
}
.status-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.status-label.grey {
    background-color: #bbb;
}
.status-label.white {
    background-color: white;
    -webkit-box-shadow: 0 0 0 1px #d3d3d3;
    box-shadow: 0 0 0 1px #d3d3d3;
    color: #333;
}
.status-label.amber {
    background-color: #ffbf00;
}
.status-label.green {
    background-color: green;
}
.status-label.black {
    background-color: black;
}

.subscription-msg p {
    margin: 0;
}

.subscription-msg {
    vertical-align: bottom;
    text-align: left;
    color: red;
    margin-bottom: 4px;
}

.subscription-btn .btn-success {
    background-color: #00b050;
    border-color: #008d4c;
    margin-top: 10px;
}

.subscription-popup {
    position: fixed;
    top: 140px;
    right: 15px;
    z-index: 9999;
    background: white;
    margin-left: 15px;
    box-shadow: 2px 3px 5px #999;
}

.subscription-container {
    padding: 35px 25px 20px 25px;
    position: relative;
}

.subscription-container #subscription-popup-close {
    position: absolute;
    top: 12px;
    right: 35px;
    color: indianred;
}

.subscription-purchase-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9999;
    background: white;
    box-shadow: 2px 3px 5px #999;
    min-width: 300px;
}

.subscription-purchase-container {
    padding: 25px 25px 20px 25px;
    position: relative;
}

.subscription-purchase-container #subscription-purchase-popup-close {
    position: absolute;
    top: 12px;
    right: 20px;
    color: indianred;
}

#subscription-purchase-popup-overlay {
    display: block;
    opacity: 0.2;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 99;
}
.available-short-codes ul {
    list-style-type: none;
    padding-inline-start: 0;
}
.available-short-codes ul li {
    margin-bottom: 8px;
}
.available-short-codes ul li span {
    background: #eee;
    padding: 3px;
}
.login-form-container {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-form {
    width: 360px;
}
.login-form-body {
    box-shadow: 0 0 3px 0 #999;
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}
.short-code-divider {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding-bottom: 15px;
}
.pt-0 {
    padding-top: 0 !important;
}
#client-about-details .modal-body img {
    max-width: 100% !important;
    height: auto !important;
}
#welcome-dialog .modal-body img {
    max-width: 100% !important;
    height: auto !important;
}
.label-green {
    background-color: green;
}
.label-grey {
    background-color: grey;
}
.label-yellow {
    background-color: yellow;
}
.label-red {
    background-color: red;
}
.label-black {
    background-color: black;
}

.meter {
    box-sizing: content-box;
    height: 10px;
    position: relative;
    margin: 0px 0px 0px 0px;
    background: #555;
    border-radius: 13px;
    padding: 5px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgb(43, 194, 83);
    background-image: linear-gradient(
        center bottom,
        rgb(43, 194, 83) 37%,
        rgb(84, 240, 84) 69%
    );
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
        inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

.orange > span {
    background-image: linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-image: linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span,
.nostripes > span::after {
    background-image: none;
}

.debug-box {
    width: 100%;
    background: #fff;
    cursor: pointer;
}
.debug-box .text-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
.debug-box .text-wrapper p strong {
    font-size: 1.4rem;
    margin-top: 10px;
}
.debug-box .text-wrapper .title {
    color: #0645ad;
    text-decoration: underline;
}
.debug-box .text-wrapper .description {
    margin-top: 10px;
    margin-bottom: 10px;
}
.debug-box img {
    background: #ddd;
    max-height: 300px;
    margin-bottom: 10px;
}

/*
    Benefits image boxes
 */
.image-text-container {
    position: relative;
    height: 300px;
}

.image-text-container__background,
.image-text-container__overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.image-text-container__background {
    background: var(--image-url) center center no-repeat;
    border-radius: 20px;
    background-size: cover;
    z-index: 1;
}

.image-text-container__overlay {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    z-index: 2;
}

.image-text-container__content {
    position: absolute;
    z-index: 3;
    color: white;
    left: 20px;
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.filter-dropdown {
    position: relative;
    display: inline-block;
}

.filter-dropdown-content {
    display: none;
    position: absolute;
    right: -10px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
    z-index: 666;
}

.filter-dropdown-item {
    padding: 8px 16px 8px 0px;
    align-content: center;
    min-height: 30px;
}

.filter-dropdown:hover .filter-dropdown-content {
    display: block;
}

.filter-dropdown-item:hover {
    background-color: #f3f3f3;
}

.essential {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 16px;
    position: absolute;
    right: 110px;
    text-align: center;
    background-color: #e01717;
    font-size: 10px;
    color: #ffffff;
    padding: 4px;
}