@media (min-width: 992px) and (max-width: 1200px) {
    body.desktop_device body {
        width: 1200px;
    }

    body.desktop_device #header-wrap {
        width: 1200px;
    }

    body.desktop_device #app #header-wrap {
        height: 117px !important;
    }

    body.desktop_device #header-wrap .container-fluid {
        width: 1200px;
    }
}

/*@media (min-width: 768px) and (max-width: 990px) {
    body:not(.desktop_device) #primary-menu {
        margin-top: -20px !important;
    }

    body:not(.desktop_device) #primary-menu ul li {
        float: left !important;
    }
}*/

.searchbar {
    margin-top: 8px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 14px 14px 14px 40px;
    height: 38px;
    line-height: 1.5;
    color: #495057;
    background-color: #f6f6f6;
    background-clip: padding-box;
    border: 1px solid #f6f6f6;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.icon-search-filled {
    position: absolute;
    top: 47%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    color: #ababab;
    font-size: 18px;
    text-shadow: 1px 0px 0px #fff;
}

.top-links ul li {
    border-left: 1px solid transparent;
}

#top-bar {
    border-bottom: 2px solid rgba(0, 102, 0, 0.16);
    background: #fff;
    /* background: -moz-linear-gradient(-45deg, #ffff00 0%, #ffff00 60%, #00ffff 60%, #00ffff 100%);
    background: -webkit-linear-gradient(-45deg, #ffff00 0%,#ffff00 60%,#00ffff 60%,#00ffff 100%);
    background: linear-gradient(135deg, #ffff00 0%,#ffff00 60%,#f9f9f9 60%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#00ffff',GradientType=1 );*/
}

.btn_login {
    border: 1px solid #006600;
    height: 35px !important;
    line-height: 33px;
    background: #006600;
    color: #1A453B !important;
    border-radius: 3px;
    margin-top: 4px;
}

.btn_login:hover {
    background-color: #DAECDE !important;
    color: #1A453B  !important;
}

.container-fluid {
    width: 95%;
}

.product_tag {
    position: relative;
}

.product_tag ul li {
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 18px;
}

.product_tag ul {
    position: relative;
}

.product_tag ul li a {
    padding: 10px;
    color: #777;
    font-size: 13px;
    border-radius: 20px;
    padding-top: 9px;
    background-color: #fff;
    padding-bottom: 9px;
    line-height: 16px;
    border-radius: 22px;
    font-family: 'GothamLight', sans-serif;
}

.product_tag.product_tag ul li a:hover {
    background-color: #f1f1f1;
}

.wrap_list_produk {
    position: relative;
    border-radius: 10px;
    padding: 0px;
    background-color: #F6F6F6;
    border: 1px solid #f9f9f9;
}

.wrap_list_produk:hover {
    position: relative;
    background-color: #F6F6F6;
    padding: 0px
}

.portfolio-desc h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px !important;
}

.portfolio-desc span {
    font-family: 'GothamLight', sans-serif;
    font-size: 13px !important;
}

.portfolio-desc span a {
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    color: #777;
}

.portfolio_designer {
    border-top: 1px solid #eee;
    padding: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}

.media-body h5 {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}

.media-body h5 a {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: 0;
}

.media-body h5 a span {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding: 0;
}

.media-body h5 a:hover {
    color: #777;
}

.media-body p {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #777;
}

.more {
    position: absolute;
    color: #000;
    font-size: 20px;
    padding-left: 5px;
    text-align: right;
    padding-right: 5px;
    top: 5px;
    right: 5px;
}

.wrap_list_produk .dropdown-toggle::after {
    display: none;
}

.dropdown-item i {
    float: right;
}

#more_act .dropdown-item span {
    border-radius: 5px;
    background-color: #00FFFF;
    color: #000;
    margin-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    float: right;
    font-size: 13px;
    vertical-align: middle;
    color: #000;
}


.bg_f9f9f9_header {
    background-color: #fff !important;
    height: auto !important;
    border-bottom: 1px solid #eee !important;
}

.btn_cta_reg {
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #13332C;
    border-color: transparent;
    background-color: #daecde;
    font-weight: 600;
    width: 100%;
    padding: 8px 20px;
    font-size: 15px;
    border-radius: 5px;
    margin-top: 30px;
    /* height: 40px;*/
}

.btn_cta_reg:hover {
    color: #13332C;
    background-color: #C7E2CD !important;
}

.btn_cta_reg_disable {
    white-space: nowrap;
    text-align: center;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    border-color: transparent;
    background-color: rgb(238, 238, 238);
    color: rgb(197, 197, 198);
    font-weight: 600;
    width: 100%;
    height: 40px;
    font-size: 15px;
    border-radius: 5px;
    margin-top: 30px;
}


.btn_cta_reg_disable:hover {
    background-color: rgb(238, 238, 238);
    color: rgb(197, 197, 198);
}


.btn_register {
    white-space: nowrap;
    text-align: center;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    text-transform: lowercase;
    /* border-radius: 100px; */
    /*padding-left: 50px;*/
}


.btn_facebook,
.btn_facebook:focus {
    background-color: #3b5896;
    border: 1px solid #3b5896;
    color: #fff;
}

.btn_google,
.btn_google:focus {
    background-color: #C92C19;
    border: 1px solid #C92C19;
    color: #fff;
}

.btn_google,
.btn_google:hover {
    background-color: #C92C19;
    border: 1px solid #C92C19;
    color: #fff;
}

.btn_facebook,
.btn_facebook:hover {
    background-color: #3b5896;
    border: 1px solid #3b5896;
    color: #fff;
}

.btn_blue {
    white-space: nowrap;
    text-align: center;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 100px;
    padding-left: 50px;
    background-color: #0000FE;
    border: 1px solid #0000FE;
    color: #fff;
    text-transform: lowercase;
}

.btn_blue:hover {
    background-color: #0000FE;
    border: 1px solid #0000FE;
    color: #fff;
}

.btn_blue .icon {
    position: absolute;
    top: 50%;
    font-size: 16px;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.btn_facebook .icon {
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn_google .icon {
    position: absolute;
    top: 50%;
    font-size: 16px;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.txt_option {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.txt_option p {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #838792;
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
}

.form_reg {
    width: 100%;
    height: 40px;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    padding: 10px 10px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form_reg:focus {
    border: 1px solid #333;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mandatory_txt {
    padding: 0;
    font-weight: normal;
    font-size: 12px;
    color: #e74c3c;
    font-family: 'Lato', 'sans-serif';
}

label {
    font-family: 'Lato', 'sans-serif';
    text-transform: lowercase;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
}

.wrap_register {
    position: relative;
    background-color: #fff;
    width: 100%;
    margin: 5em auto;
    position: relative;
    z-index: 3;
    box-shadow: 0 5px 50px 0 rgba(90, 109, 129, 0.1);
    padding: 2em 2em 2em 2em;
    max-width: 95%;
    margin: 0px auto;
}


.tabs.tabs-bb ul.tab-nav li a {
    font-weight: normal;
    font-family: 'Lato', 'sans-serif';
    text-transform: lowercase;
}

.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom: 2px solid #000;
}



.bg_section {
    background-color: #F9F9F9;
}

.bg_reg {
    background-color: #eee !important;
}


.wrap_heading_desc {
    padding-top: 20px;
    position: relative;
    margin-bottom: 10px;
}

.wrap_heading_desc .ic_wrap {
    text-align: center;
}


.wrap_heading_desc .ic_wrap i {
    font-size: 50px;
    color: #000;
    text-align: center;
}

.wrap_heading_desc h3,
.wrap_heading_desc h2,
.wrap_heading_desc h1 {
    padding: 0;
    margin: 0;
    line-height: normal;
    text-align: center;
    font-size: 24px;
    text-transform: lowercase;
    font-family: 'circularmedium', sans-serif;
    color: #000;
}

.wrap_heading_desc h2 {
    font-size: 35px;
}


.wrap_heading_desc p {
    padding: 10px 0 0 0;
    margin: 0;
    text-align: center;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    color: #000;
}

.wrap_heading_desc p span {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}


.css-c1dc3t
 {
    color: #000 !important;
    position: relative;
    /*left: -10px;*/
    left: 0;
    background: transparent !important;
    background: linear-gradient(transparent 0%, transparent 0%, #FFFF00 0%, #FFFF00 100%) 15px center no-repeat;
}


.css-kc6415
 {
    display: inline-block;
    width: 15px;
}

.btn-light {
    color: #212529;
    background-color: #fff !important;
    border-color: #ccc !important;
    outline: none !important;
}

.btn-light:focus {
    outline: none !important;
}

/* line 90, bootstrap-select.scss */
.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none !important;
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: none !important;
}

.mfp-close {
    width: 70px;
    height: 70px;
    right: 23px !important;
    top: 22px !important;
    font-size: 60px !important;
    color: #FFF;
    font-style: normal;
    font-family: 'GothamLight', sans-serif;
}

.title_panel {
    position: relative;
}

.title_panel h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Lato', 'sans-serif';
    color: #000;
}

.txt_underline {
    color: #000;
    text-decoration: underline !important;
}

.link_wrap {
    position: relative;
    margin-top: 10px;
}

.link_wrap p {
    padding: 10px 0 0 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
    color: #000;
}

.link_wrap p a {
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
    color: #000;
    font-weight: 600;
}

.list_menu_bot {
    position: relative;
    margin-bottom: 20px;
}

.list_menu_bot ul {
    margin: 0px auto;
    padding-left: 0;
}

.list_menu_bot ul li {
    display: inline-block;
    cursor: pointer;
    width: auto;
    text-transform: lowercase;
    margin-right: 10px;
}

.list_menu_bot ul li a {
    text-transform: lowercase;
    font-weight: normal;
    font-family: 'circularmedium';
    color: #fff;

}

.list_menu_bot ul li a:hover {
    border-bottom: 1px solid #fff !important;
    font-weight: normal;
    font-family: 'circularmedium';
    color: #fff;
}

.wrap_detail {
    position: relative;
    background-color: #fff;
    padding: 15px;
    display: block;
    border-radius: 10px;
}

.wrap_detail_content {
    position: relative;
}

.wrap_detail_content h3, .inspiration_detail h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 22px;
    font-family: 'circularmedium', sans-serif;
    color: #000;
    line-height: normal;
}

.wrap_detail_content h4 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 22px;
    font-family: 'circularmedium', sans-serif;
    color: #000;
    line-height: normal;
}


.wrap_detail_content h4 a {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    font-family: 'GothamLight', sans-serif;
    color: #000;
    line-height: normal;
}


.wrap_detail_content p {
    padding: 10px 0 20px 0;
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    line-height: normal;
    font-family: 'Lato', sans-serif;
    color: #000;
}

.wrap_detail_item {
    position: relative;
}

.wrap_detail_item_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.12);
}

.wrap_detail_item:hover .wrap_detail_item_overlay {
    opacity: 1;
}

.btn_cta_overlay {
    position: absolute;
    top: 0%;
    right: 5%;
    left: auto;
    background-color: #333;
    padding-right: 15px;
    padding-left: 14px;
    margin: 16px 0 0 -41px;
    font-size: 14px;
    text-align: center;
    font-family: 'Lato', 'sans-serif';
    color: #fff;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    text-align: center;
    height: 35px !important;
    line-height: 33px;

}

.btn_cta_overlay:hover {
    background-color: #000;
    color: #FFFF00;
}

.btn_follow {
    text-align: center;
    border: 1px solid #000;
    height: 35px !important;
    line-height: 33px;
    color: #000 !important;
    border-radius: 3px;
    display: block;
    width: 100%;
    margin-top: 4px;
}

.btn_follow:hover {
    background-color: #eee;
}

.btn_follow.active {
    text-align: center;
    border: 1px solid #ccc;
    background-color: #ccc;
    height: 35px !important;
    line-height: 33px;
    color: #000 !important;
    border-radius: 3px;
    display: block;
    width: 100%;
    margin-top: 4px;
}




.btn_follow_border_white {
    text-align: center;
    border: 1px solid #fff;
    height: 35px !important;
    line-height: 33px;
    color: #fff !important;
    border-radius: 3px;
    display: block;
    width: 100%;
    margin-top: 4px;
}

.btn_follow_border_white:hover {
    border: 1px solid #ffff00;
    color: #ffff00;
}

.mt_140 {
    margin-top: 140px;
}

.wrap_statistic {
    position: relative;
    color: #666;
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    float: left;
    height: 55px;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    box-sizing: border-box;
}

.wrap_statistic:last-child {
    border-right: 1px solid #eee;
}

.wrap_statistic h4 {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #000;
    line-height: normal;
}

.wrap_statistic p {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    font-family: 'Lato', sans-serif;
    color: #000;
}

.col_txt_fff {
    color: #fff !important;
}

.col_txt_777 {
    color: #777 !important;
}


.col_txt_000 {
    color: #000 !important;
}

.card-body {
    padding: 1rem;
}

.date_comment {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    font-family: 'Lato', sans-serif;
    color: #777;
}

.txt_bold {
    font-family: 'circularmedium', sans-serif !important;
}

.no_caret .dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.dropdown-item {
    font-size: 16px;
}

.title_product {
    position: relative;
}

.title_product h3, .title_product h2 {
    padding: 0px 0 15px 0;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 24px;
    color: #000;
    font-family: 'circularmedium', 'sans-serif';
}

.aside_left {
    position: relative;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0.25rem;
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);*/
}

.list_wrap {
    position: relative;
    background: #fff;
    border-radius: 0.25rem;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.list_wrap .list_item {
    position: relative;
}

.wrap_content_item {
    position: relative;
}

.wrap_content_item p {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #000;
    font-family: 'Lato', 'sans-serif';
}

.wrap_content_item p a {
    position: relative;
    padding: 0;
    font-weight: 600;
    margin: 0;
    font-size: 15px;
    color: #000;
    font-family: 'Lato', 'sans-serif';
}

.wrap_content_item p a:hover {
    border-bottom: 1px solid #333;
}

.wrap_content_item p a i {
    vertical-align: middle;
}

.product-rating {
    text-align: right;
    margin-top: 15px;
    position: relative;
}

.product-rating p {
    padding: 0px 0 0px 0;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #777;
    font-family: 'Lato', 'sans-serif';
}

.product-rating i {
    color: #ffbe28;
}

.category_list {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.category_list p,
.category_list a {
    padding: 0px;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #000;
    font-family: 'circularmedium', sans-serif;
}

.category_list p i {
    float: right;
}

.category_list p a {
    padding: 0px;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #000;
    font-family: 'circularmedium', sans-serif;
}

.category_list ul {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 10px;
}

.category_list ul li {
    padding: 0px 0 5px 0;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.category_list ul li a {
    padding: 0px;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.category_list ul li a:hover {
    border-bottom: 1px solid #000;
}

.pad_r_0 {
    padding-right: 0 !important;
}

.pad_l_0 {
    padding-left: 0 !important;
}

.bootstrap-select.btn-group>.dropdown-toggle {
    height: 40px !important;
}

#search_profesional .form_reg {
    border-radius: 0px !important;
}

#search_profesional .bootstrap-select.form-control {
    border-radius: 0px !important;
}

#search_profesional .btn {
    border-radius: 0px !important;
}

.location_ic {
    font-size: 18px;
    position: absolute;
    line-height: 40px;
    top: 0;
    left: 7px;
    color: #ababab;
}

.padleft_inpt {
    padding-left: 30px !important;
}

.cover_profesional {
    position: relative;
}

.cover_profesional .bg_cover_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.28);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
    background-color: transparent;
}

.cover_profesional img {
    width: 100%;
}

.wrap_content_prof {
    position: relative;
    margin-top: 140px;
}

.wrap_content_prof p {
    color: #fff;
}

.wrap_content_prof h3 {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'circularmedium', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 22px;
    color: #fff;
}

.wrap_content_prof p {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #fff;

}

.wrap_content_prof h4 {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #fff;

}

.profile_pic {
    position: relative;
    width: 120px;
    margin: 0px auto;
    margin-bottom: 20px;

}

.shape_profile_pic {
    display: block;
    width: 120px;
    border-radius: 100%;
    height: 120px;
    border: 2px solid #fff;
    margin: 0px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}


.wrap_statistik {
    position: relative;
}

.wrap_content_tab {
    position: relative;
}

.wrap_content_tab ul {
    padding-left: 30px;
}

.wrap_content_tab ul li {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 15px;
    color: #000;
}

.wrap_content_tab p {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 15px;
    color: #000;
}

.wrap_content_tab h3 {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'circularmedium', sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 16px;
    color: #333;
}


.info_list_comp {
    clear: both;
    line-height: 17px;
    margin-bottom: 5px;
}

.info_list_comp .info_list_ic {
    font-size: 14px;
    float: left;
    line-height: 1.6;
}

.info_list_comp .info_list_txt {
    margin-left: 25px;
}

.info_list_comp .info_list_txt span {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    font-family: 'font-icons';
    content: "\e7a5";
    vertical-align: text-top;
    padding-top: 0;
}

.wrap_articles {
    position: relative;
    margin-bottom: 30px;
}

.wrap_articles .wrap_item_blog {
    position: relative;
}

.lbl_date {
  position: absolute;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 600;
    top: 0;
    font-family: 'Lato', sans-serif;
    left: 0;
    background-color: #DAECDE;
    color: #1A453B;
    opacity: 0;
}

.wrap_articles:hover .lbl_date {
    opacity: 1;
}

.wrap_articles .wrap_item_blog img {
    position: relative;
}

.content_blog_post {
    padding: 10px 20px 10px;
    text-align: center;
    border-top: 0;
    position: relative;
    /*z-index: 9;*/
    z-index: 3;
    background: #fff;
}

.wrap_date {
    position: relative;
    text-align: center;
}

.wrap_date h3 {
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 27px 0 0 0;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}

.wrap_date p {
    color: #000;
    padding: 15px 0 0 0;
    margin: 0;
    font-size: 20px;
}

.wrap_post_txt {
    position: relative;
    text-align: left;
    padding: 10px;
}


.wrap_post_txt ul {
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.wrap_post_txt ul li {
    list-style: none;
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 3px 0 0 0;
    margin: 0;
    font-weight: normal;
    font-size: 15px;
    float: left;
    margin-right: 20px;
}

.wrap_post_txt ul li i {
    margin-right: 5px;
}

.wrap_post_txt {
    position: relative;
    text-align: left;
    padding-top: 0px;
    padding: 0px;
    padding-bottom: 0px;
}

.wrap_post_txt h2 {
    line-height: 1.3 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 5px 0 10px 0;
    margin: 0;
    text-transform: lowercase;
    font-weight: 700;
    font-size: 20px;
}

.wrap_post_txt p {
    padding: 10px 0 0px 0;
    margin: 0;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.wrap_post_txt p a {
    padding: 0 0 10px 0;
    margin: 0;
    color: #000;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.wrap_post_txt p a i {
    vertical-align: middle;
}

.wrap_post_txt h1 {
    line-height: 1.3 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding: 10px 0 10px 0;
    margin: 0;
    font-weight: normal;
    font-size: 24px;
}

.wrap_post_txt h2 a {
    font-weight: 700;
    color: #000;
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}

.wrap_post_txt h2 a:hover {
    border-bottom: 1px solid #000;
}

.cat_blog {
    padding: 0px;
    margin-bottom: 10px;
    color: #000;
    font-size: 15px;
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
    /* background-color: #00FFFF; */
}

.author_txt {
    display: block;
    padding: 0px;
    margin-bottom: 3px;
    color: #777;
    font-size: 14px;
    text-align: left;
    font-family: 'Lato', sans-serif;
}

.txt_col_tosca {
    color: #00ffff !important;
}

.txt_col_yellow {
    color: #FFFF00 !important;
}

.widget_wrap {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    border: 1px solid #eee;
    padding: 20px;
}

.widget_wrap .title {
    position: relative;
}

.widget_wrap .title h4 {
    text-transform: lowercase;
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    margin: 0 0 8px 0;
    padding-bottom: 10px;
    font-weight: 700 !important;
}

.avatar_prof {
    width: 120px;
    height: 120px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
    position: relative;
}

.avatar_prof img {
    width: 120px;
    border-radius: 50%;
}

.wrap_prof_overview {
    position: relative;
}

.wrap_prof_overview h2 ,.wrap_prof_overview h1{
    padding: 0;
    margin: 0;
    font-weight: 600;
    line-height: 1.5 !important;
    color: #000;
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
}

.wrap_prof_overview p {
    padding: 0;
    margin: 0;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.wrap_prof_overview ul {
    list-style: none;
    margin-top: 20px;
}

.wrap_prof_overview ul li {
    padding: 0;
    display: inline-block;
    margin: 0 15px 0 0;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.wrap_prof_overview ul li a {
    font-weight: 600;
    line-height: 1.5 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}


.wrap_prof_overview ul li a:hover {
    border-bottom: 2px solid #1A453B;
    color: #000;
}

.gray_txt {
    color: #aba9a9;
}

.wrap_board {
    position: relative;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    margin-top: 0px;
}

.wrap_board:hover .overlay_board {
    opacity: 1;
}

.overlay_board {
    position: absolute;
    z-index: 1;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
}

.overlay_board a {
    position: absolute;
    top: 0%;
    right: 5%;
    left: auto;
    background-color: #F5F5F5;
    padding-top: 7px;
    background-color: #fff;
    padding-bottom: 7px;
    padding-right: 9px;
    font-weight: 600;
    padding-left: 9px;
    margin: 16px 0 0 -41px;
    font-size: 14px;
    width: auto !important;
    height: auto;
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #444;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
}

.overlay_board a:hover {
    background-color: #FFFF00;
}

.full_cover {
    position: relative;
    padding: 5px;
    height: 170px;
    overflow: hidden;
}

.thumb_board {
    position: relative;
}

.thumb_board ul {
    position: relative;
    list-style: none;
    margin: 0;
}

.thumb_board ul li {
    padding-top: 5px;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    height: 125px;
    overflow: hidden;
}

.wrap_board .wrap_title {
    padding: 10px;
    position: relative;
}

.wrap_board .wrap_title h3 {
    padding: 0px 0 0 0;
    margin: 0;
    font-weight: 600;
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.wrap_board .wrap_title p {
    padding: 0px 0 0 0;
    margin: 0;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.upload_wrapper {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    outline-offset: 15px;
}

.file-upload__label {
    display: block;
    padding: 1em 2em;
    padding: 10px;
    width: 80%;
    /* border: 2px dashed #ccc; */
    text-align: center;
    color: #1A453B;
    background-color: #DAECDE;
    outline-offset: 15px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    margin-bottom: 0px !important;
    /* border-radius: .5em; */
    transition: background .3s;
    margin: 0px auto;
    text-transform: lowercase;
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}

.wrap_add_board {
    cursor: pointer;
    position: relative;
    display: block;
    height: 360px;
    padding: 10px;
    border: 2px dashed #ccc;
    background-color: #f9f9f9;
}

.wrap_add_board h3 {
    text-align: center;
    padding: 120px 0 0 0;
    margin: 0;
    font-size: 18px;
    color: #777;
}

.wrap_add_board .wrap_ic {
    position: relative;
    margin-top: 30px;
    height: 60px;
    font-size: 50px;
    margin: 0px auto;
    border-radius: 50%;
    width: 60px;
    text-align: center;
    color: #ccc;
}

.shape_notif {
    width: 30px;
    height: 30px;
    background-color: #FFFF00;
    text-align: center;
    display: inline-block !important;
    border-radius: 50%;
    margin-top: -5px;
}

.shape_notif i {
    vertical-align: text-bottom !important;
    line-height: 1.7 !important;
    width: auto !important;
    font-size: 18px !important;
    margin-right: 0px !important;

}

.trx_dropdown_inner {
    width: 300px;
    box-shadow: 0 0 1px 1px rgba(206, 212, 217, 0.3), 0 3px 5px 0 rgba(195, 207, 217, 0.3), 0 5px 10px 0 rgba(195, 207, 217, 0.3);
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 15px;
}

.trx_dropdown_inner:before,
.notification_dropdown_inner:before {
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: 0px;
    margin-top: 15px;
}

.trx_dropdown_header {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 12px 18px;
}

.trx_dropdown_inner ul {
    position: relative !important;
    float: none;
    padding: 0;
    display: block;

    /* position: absolute; */
    /* width: 220px; */
    /* background-color: #FFF; */
    /* box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); */
    /* border: 1px solid #EEE; */
    /* border-top: 2px solid #1ABC9C; */
    /* height: auto; */
    z-index: 199;
    /* top: 100%; */
    /* left: 0; */
    margin: 0;
    margin-top: 0;
}



.footer_link_trx {
    display: block;
    font-family: 'circularbook', sans-serif !important;
    padding: 12px 18px !important;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    color: #1c85e8 !important;
    text-align: center;
}

.trx_dropdown_inner ul li.list_item_trx:hover {
    background-color: #f9f9f9;
}

.trx_dropdown_inner ul li.list_item_trx {
    position: relative;
    margin-bottom: 0;
    padding: 18px;
    border-bottom: 1px solid #eee;
    display: block;
    float: none;
    word-wrap: break-word;
    font-family: 'Lato', sans-serif;
}

.wrap_detail_trx_list {
    position: relative;
}

.wrap_detail_trx_list h3 {
    padding: 0px 0 0 0;
    margin: 0;
    line-height: normal;
    text-transform: capitalize;
    color: #000;
    line-height: 1.2;
    font-family: Lato, sans-serif;
    font-size: 14px !important;
}

.wrap_detail_trx_list h4 {
    padding: 0px 0 0 0;
    margin: 0;
    line-height: normal;
    text-transform: capitalize;
    color: #777;
    line-height: 1.2;
    font-family: 'Lato', sans-serif;
    font-size: 12px !important;
}


.bullet_red {
    position: absolute;
    width: 10px;
    left: 34px;
    top: 16px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF0000;
}

.padleft_10 {
    padding-left: 20px;
}

ul.tab-nav.tab-nav2 li a {
    box-shadow: none !important;
}

.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: transparent;
    color: #443434;
    border-bottom: 2px solid #000;
}



.bg_1 {
    background-color: #FFFE32;
}

.bg_2 {
    background-color: #BBFE32;
}


.bg_3 {
    background-color: #34FE98;
}

.bg_4 {
    background-color: #9AB9FC;
}

.cat_list_display:hover {
    color: #0000FE;

    border: 1.5px solid #0000FE;

}



.col_55 {
    width: 45%;
    display: block;
    position: relative;
    padding-left: 30px;
    float: left;
}


.col_45 {
    width: 45%;
    display: block;
    position: relative;
    float: left;
    margin-left: 10%;
    margin-top: 5px;
}

.col_50 {
    width: 50%;
    display: block;
    position: relative;
    margin-bottom: 50px;
    float: left;
}


.col_50_nav {
    width: 50%;
    display: block;
    position: relative;
    margin-bottom: 50px;
    float: left;
    padding-left: 30px;
}

.top-links {
    margin-top: 3px;
    float: right;
}

.onboarding {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
    display: flex;
    align-items: center;
}

.side-tabs ul.tab-nav.tab-nav2 li a {
    background-color: transparent;
    border-radius: 2px;
    border-bottom: 2px solid #eee;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.list_board {
    position: relative;
}

.list_board p {
    padding: 0 0 10px 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 15px;
    color: #777;
}

.list_board ul {
    list-style: none;
}

.list_board ul li {
    position: relative;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    width: 100%;
}


.list_board ul li:hover {

    background-color: #f9f9f9;
}




.list_board ul li h3 {
    padding: 0 0 0px 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.list_board ul li p {
    padding: 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

/*
.col_30 {
    width: 12%;
    display: block;
    position: relative;
    float: left;
}

.col_70 {
    width: 82%;
    padding-left: 5px;
    display: block;
    position: relative;
    float: left;
}
*/
.mark_board {
    font-family: 'circularmedium', 'sans-serif';
    color: #000;
    position: relative;
    text-align: center;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    font-size: 18px;
    background-color: #ccc;
    display: block;
}

.btn_save_board {
    position: absolute;
    top: 0;
    right: 2%;
    left: auto;
    padding-top: 7px;
    background-color: #f1f1f1;
    padding-bottom: 7px;
    padding-right: 9px;
    padding-left: 9px;
    margin: 8px 0 0 -41px;
    font-size: 13px;
    width: auto !important;
    height: auto;
    font-family: 'circularmedium', sans-serif;
    text-align: center;
    color: #444;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
}

.btn_save_board:hover {
    background-color: #1A453B;
    color: #fff;
}

.wrap_avatar_profile {
    position: relative;
    text-align: center;
}

.wrap_avatar_profile .wrap_img {
    width: 120px;
    height: 120px;
    margin: 0px auto;
    display: inline-block;
    background-color: #eee;
    border-radius: 100%;
}

.wrap_avatar_profile .wrap_img img {
    border-radius: 100%;
}

.mt_40 {
    margin-top: 40px;
}


.wrap_cat {
    position: relative;
}

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

.wrap_cat ul li {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0 10px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-size: 16px;
}

.wrap_cat ul li a {
    font-family: 'Lato', sans-serif !important;
    color: #000;
}

.wrap_detail_profesional {
    position: relative;
    background-color: #fff;
}

.wrap_detail_profesional .heading_desc {
    position: relative;
    padding: 30px;
}

.wrap_detail_profesional .heading_desc h1 {
    padding: 0 0 0px 0;
    margin: 0;
    line-height: normal;
    text-transform: capitalize;
    color: #000;
    line-height: 1.2;
    /* font-family: 'circularmedium', sans-serif; */
    font-size: 24px !important;
    font-family: 'circularmedium';
}

.wrap_detail_profesional .heading_desc p {
    padding: 0px 0 10px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #777;
    font-size: 16px;
}

.content_detail_profesional {
    position: relative;
    padding: 15px;
}

.reviews_wrap {
    position: relative;
    padding-top: 20px;
}

.reviews_wrap ul {
    position: relative;
    margin: 12px 0 0 0;
    list-style: none;
}


.reviews_wrap ul li {
    position: relative;
}

.reviews_wrap ul li .shape_rev {
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    border-radius: 50%;
    background-color: #1a453b;
}

.reviews_wrap ul li .shape_rev i {
    font-size: 20px;
    line-height: 1.9;
    color: #fff;
}

.reviews_wrap ul li .review_content {
    float: left;
    margin-left: 10px;
}

.reviews_wrap ul li .review_content h2 {
    padding: 0px 0 0px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-size: 18px;
}

.reviews_wrap ul li .review_content p {
    padding: 0px 0 0px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #777;
    font-size: 14px;
}

.total_board {
    position: relative;
    width: 30%;
    margin: 0px auto;
    margin-bottom: 20px;
}

.total_board h3 {
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.total_board h3 a {
    text-align: center;
    padding: 0;
    margin: 0;
    border-bottom: 3px solid #00FFFF;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.total_board h3 a:hover {
    border-bottom: 3px solid #000;
}

.wrap_review_list {
    margin-bottom: 30px;
    position: relative;
}

.wrap_review_list .review_head {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.wrap_review_list .review_post_content {
    position: relative;
    margin-top: 20px;
}

.wrap_review_list .review_post_content p {
    padding: 0 0 10px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

.wrap_review_list .review_post_content p a {
    color: #333;
    margin-left: 10px;
    border-bottom: 1px solid #333;
}

.wrap_review_list .review_post_content p a:hover {
    color: #333;
    margin-left: 10px;
    border-bottom: 1px solid #00FFFF;
}

.wrap_review_list .review_post_content span.date {
    padding: 0 0 0px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #aaa;
    font-weight: 400;
    font-size: 14px;
}

.wrap_shadow {
    position: relative;
    background-color: #fff;
    width: 100%;
    margin: 5em auto;
    position: relative;
    z-index: 3;
    box-shadow: 0 5px 50px 0 rgba(90, 109, 129, 0.1);
    padding: 2em 2em 2em 2em;
    max-width: 95%;
    margin: 0px auto;
}

.bg_followers_list {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 1px 8px 8px 0 rgba(0, 0, 0, .07);
    box-shadow: 1px 8px 8px 0 rgba(0, 0, 0, .07);
    margin: 0;
    outline: none;
    position: relative;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    -o-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    width: 100%;
}

.bg_followers_list .bg_cover {
    background-position: 50% !important;
    background-size: cover !important;
    height: 168px;
    width: 100%;
    background-color: #eee;

}


.bg_avatar {
    background-position: 50%;
    background-size: cover;
    background-color: #f9f9f9;
    border: 3px solid #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .07);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 80px;
    margin: -43px auto 0;
    position: relative;
    width: 80px;
    z-index: 9;
}

.bg_avatar img {
    border-radius: 100%;
}

.bg_followers_list .wrap_content_bio {
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.bg_followers_list .wrap_content_bio h2 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    font-family: 'Lato', sans-serif !important;
}

.bg_followers_list .wrap_content_bio h2 a {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    font-family: 'Lato', sans-serif !important;

}

.bg_followers_list .wrap_content_bio ul {
    list-style: none;
    margin-top: 10px;
}

.bg_followers_list .wrap_content_bio ul li {
    padding: 0 0 0 5px;
    display: inline-block;
    margin: 0 0px 0 0;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}


.bg_followers_list .wrap_content_bio ul li i {
    font-size: 7px;
}

.bg_followers_list .wrap_content_bio ul li a:hover {
    border-bottom: 2px solid #00FFFF;
    color: #000;
}

.bg_followers_list .wrap_content_bio ul li a {
    font-weight: normal;
    line-height: 1.5 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.reviews_wrap {
    position: relative;
    padding-top: 20px;
}

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

.notification ul {
    position: relative;
    margin: 12px 0 0 0;
    list-style: none;
}

.notification ul li {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eee;
    position: relative;
    margin-bottom: 10px;
}

.notification ul li .shape_notif_list {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    float: left;
    text-align: center;
    border-radius: 50%;
    background-color: #1a453b;
}

.notification ul li .notification_content {
    float: left;
    margin-left: 10px;
}

.notification ul li .notification_content h2 {
    padding: 0px 0 0px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-size: 16px;
}

.notification ul li .notification_content h2 a {
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-size: 16px;
}

.notification ul li .notification_content h2 a:hover {
    border-bottom: 1px solid #333;
}

.notification ul li .notification_content p {
    padding: 0px 0 0px 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #777;
    font-size: 14px;
}


.wrap_list_portfolio {
    position: relative;
    border-radius: 10px;
    padding: 0px;
    margin-bottom: 30px;
    background-color: #F6F6F6;
}

.wrap_list_portfolio .item_list {
    border-radius: 10px;
}

.wrap_list_portfolio .item_list img {
    display: block;
    width: 100%;
    height: auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.wrap_list_portfolio .wrap_content_portfolio {
    padding: 10px;
    position: relative;
}

.wrap_list_portfolio .wrap_content_portfolio h3 {
    padding: 10px 0 0 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-weight: 700;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-size: 16px;
}

.wrap_list_portfolio .wrap_content_portfolio h3 a {
    line-height: normal;
    display: block;
    font-weight: 700;
    font-family: 'Lato', sans-serif !important;
    color: #000;
    font-size: 16px;
}

.wrap_list_portfolio .wrap_content_portfolio h3 a:hover {
    text-decoration: underline !important;
}

.wrap_list_portfolio .wrap_content_portfolio p {
    padding: 5px 0 0 0;
    margin: 0;
    line-height: normal;
    display: block;
    font-weight: 400;
    font-family: 'Lato', sans-serif !important;
    color: #777;
    font-size: 14px;
}

#logo img {
    height: auto !important;
    margin:0px auto;
    padding-top: 10px;
}

#logo {
    position: absolute;
    z-index: 1;
    top: 8px;
}

.mb_35 {
    margin-bottom: 35px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 13px;
}

.dropdown-item {
    font-size: 13px;
}

.wrap_offer {
    position: relative;
    background: #fff;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    border-top: 2px solid #060;
}

.wrap_side_informasi {
    position: relative;
    background: #fff;
    padding: 16px;
    text-align: left;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.wrap_side_informasi h4 {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #eee;
}

.content_information {
    position: relative;

}

.content_information p {
    position: relative;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.content_information span {
    display: block;
    position: relative;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 14px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.content_information small {
    display: block;
    position: relative;
    padding: 0px 0 0 0;
    margin: 0;
    font-size: 14px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.offer_content_post {
    position: relative;
}

.offer_content_post h2 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.offer_content_post h2 a {
    font-size: 24px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.offer_content_post p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.offer_content_post p span {
    font-weight: 700;
    margin-right: 15px;
    color: #053308;
}

.offer_content_post p.desc {
    padding: 15px 0 0 0;
    margin: 0;
    font-size: 16px;
    color: #333;
    font-family: 'Lato', sans-serif;
}

.offer_content_post p.salary {
    padding: 0px 0 0 0;
    margin: 0;
    font-size: 16px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.offer_content_post p.desc a {
    margin-left: 5px;
    color: #053308;
    border-bottom: 1px solid #053308;
}

.date_post {
    position: relative;
}

.date_post p {
    text-align: right;
    padding: 0;
    margin: 0;
    color: #888;
    font-family: 'Lato', sans-serif;
    font-size: 14px;

}

.job_detail_desc {
    position: relative;
    margin-top: 30px;

}

.job_detail_desc h3 {
    padding: 0 0 10px 0;
    margin: 0;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}

.job_detail_desc ul {
    padding-left: 30px;
    margin: 0;
}

.job_detail_desc ul li {
    padding: 0;
    margin: 0;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.tab_link_profile {
    text-align: center;
    position: relative;
}


.tab_link_profile ul {
    list-style: none;
    display: inline-block;
    margin: 0px auto;
}

.tab_link_profile ul li {
    margin-right: 10px;
    display: inline-block;
}

.tab_link_profile ul li a {
    padding: 10px;
    border-bottom: 2px solid #ccc;
    color: #000;
    /*border-radius: 20px;*/
    font-family: 'Lato', sans-serif;
    cursor: pointer;
}

.tab_link_profile ul li a i {
    margin-right: 5px;
}

.tab_link_profile ul li a:hover {
    border-bottom: 2px solid #1A453B;
}

.post_relative {
    position: relative;
}

.wrap_about_us {
    position: relative;
    padding: 20px 60px;
}

.wrap_about_us p {
    padding: 0 0 15px 0;
    margin: 0;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.wrap_about_us p span {
    padding: 0 0 15px 0;
    margin: 0;
    font-weight: 700;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}


.wrap_contact {
    position: relative;
    text-align: center;
}

.wrap_contact h2 {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #000;
    font-weight: 600;
}


.wrap_contact p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #000;
    font-weight: 300;
}

.wrap_contact p a {
    color: #000;
    border-bottom: 1px solid #000;
}

#mob_cust .portfolio_designer {
    position: relative;
}

/*Customized Hader*/
#header-wrap {
    height: auto !important;
}

#header {
    height: auto;
}

/*Custom Header*/
.header_left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.66667%;
    float: left;
    height: 117px;
}

.header_middle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.3333%;
    float: left;
}

.header_right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.66667%;
    float: right;
    border-left: 1px solid #f7f7f7;
    height: 100px;
}

.main_menu {
    border-bottom: 1px solid #1a453b;
    display: block;
}

#header.transparent-header {
    background: #fff;
    border-bottom: 1px solid #eee;}

.main_menu,
.main_bottom {
    height: 67px;
    padding-right: 35px;
}

.col_70 {
    float: left;
    width: 73%;
    position: relative;
}

.col_30 {
    float: left;
    width: 27%;
    position: relative;
}

.bor_1 {
    border: 1.5px solid #742DD2 !important;
}

.bor_2 {
    border: 1.5px solid #BB1F57 !important;
}

.bor_3 {
    border: 1.5px solid #4DCC43 !important;
}

.bor_4 {
    border: 1.5px solid #FFEC00 !important;
}

.bor_5 {
    border: 1.5px solid #FFD464 !important;
}

.bor_6 {
    border: 1.5px solid #EAA3FC !important;
}

.bor_7 {
    border: 1.5px solid #56A7A7 !important;
}



#header.sticky-header:not(.static-sticky) .main_bottom {
    display: none;
}

#header.sticky-header #header-wrap {
    height: 70px !important;
}

#header.sticky-header #header-wrap .main_bottom {
    display: none !important;
}

#header.sticky-header #header-wrap .header_left {
    height: 70px !important;
}

.ds_none {
    display: none !important;
}

#header.sticky-header #header-wrap .ds_none {
    display: block !important;
}

.marleft_45 {
    margin-left: 35px;
}

#header.sticky-header #header-wrap {
    border-bottom: 1px solid #eee;
}


.wrap_marketplace {
    /*margin-bottom: 20px;*/
   
    position: relative;
   /* min-height: 450px;*/
    min-height: auto;
   /* width: 275px;*/
    width: auto;
    margin: auto;
     margin-bottom: 20px;
}

.wrap_marketplace .btn_action{
    position: absolute;
    top: 15px;
    right: 15px;
}

.wrap_marketplace .btn_action a{
    display: inline-block;
    background: rgba(26, 69, 59, 0.75);
    color: #fff;
    width: 30px;
    height: 30px;
    padding: 5px 8px;
    border-radius: 50%;
    margin-right: 2px;
}

.wrap_marketplace .btn_action a.delete{
    background: rgba(232, 21, 21, 0.75);
}

.wrap_marketplace .btn_action a:last-child{
    margin-right: 0px;
}

.wrap_mp_img {
    position: relative;
    overflow: hidden;
    height: 275px;
    width: auto;
     /*  width: 275px;*/

    margin:auto;
}

a.wrap_mp_img {
    display: block !important
}

.wrap_mp_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    /* max-height: 275px; */
}

.wrap_content_mp {
    position: relative;
    text-align: left;
    padding-top: 10px;
}

.wrap_content_mp h3 {
    padding: 10px 0 0px 0;
    margin: 0;
    line-height: normal;
    font-family: 'circularmedium';
    font-size: 16px;
    text-transform: lowercase;
    color: #1a453b;
}

.wrap_content_mp h3 a,
.wrap_content_mp h3 span {
    line-height: normal;
    font-family: 'circularmedium';
    font-size: 16px;
    text-transform: lowercase;
    color: #1a453b !important;
}

.wrap_content_mp h3 a {
    font-size: 17px !important;
}

.wrap_content_mp h3 span,
.wrap_content_mp h3 span a {
    font-family: 'Circular_AirLight';
    color: #000 !important;
}

.wrap_content_mp h3 a:hover {
    color: #555;
    border-bottom: 1px solid #053308;
}

.wrap_content_mp p {
    padding: 5px 0 0 0;
    margin: 0;
    line-height: normal;
    font-family: 'circularmedium';
    font-size: 15px;
    text-transform: lowercase;
    color: #777;
}

.wrap_content_mp h4 {
    padding: 5px 0 0 0;
    margin: 0;
    line-height: normal;
    font-family: 'circularmedium', sans-serif;
    font-size: 16px !important; 
    text-transform: lowercase;
    color: #333;
}

.wrap_content_mp h4 span:not(.no-convert) {
    padding: 10px 0 0 0;
    margin: 0;
    line-height: normal;
    text-decoration: line-through;
    font-family: 'Lato';
    font-size: 14px;
    text-transform: lowercase;
    color: #bbb !important;
}

.wrap_slide_mp ul {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
}

.wrap_slide_mp ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    padding: 2px;
    position: relative;
    cursor: pointer;
}

.wrap_slide_mp ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 40px;
    max-height: 40px;
    cursor: pointer;
}

.wrap_slide_mp ul li a {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 16px;
    color: #1a453b;
}

.ic_quickview {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.wrap_mp_img:hover>.ic_quickview {
    display: unset
}

.ic_wishlist {
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: center;
    line-height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    background-color: rgba(51, 51, 51, 0.45);
    z-index: 1;
}

.ic_wishlist i {
    font-size: 18px;
    text-align: center;
}

.ic_wishlist:hover {
    background-color: #fff;
    color: #1a453b;
}


.wrap_marketplace:hover .ic_wishlist {
    background-color: #fff;
    color: #1a453b;
}

.ic_wishlist.active {
   background-color: #DAECDE !important;
    color: #1A453B !important;

}

.product_ribbon {
    z-index: 90;
}

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
}

.ribbon {
    font: bold 15px sans-serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    top: 15px;
    font-family: 'circularmedium';
    left: -30px;
    width: 120px;
    background-color: #1a453b;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal !important;
}

.sub-menu #primary-menu ul li {
    border-right: 1px solid transparent;

}

#primary-menu ul li {
    font-family: 'Lato', sans-serif;
}

.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content {
    background-color: #fff;
    border-color: transparent;
    border-top-color: transparent;
}

.dark #primary-menu:not(.not-dark) ul ul li:hover>a,
#primary-menu.dark ul ul li:hover>a {
    background-color: #f7f7f7;
    color: #333 !important;
}

.bor_login {
    border: 4px solid #1A453B;
    padding: 15px;
}

#blog .owl-carousel .owl-nav.disabled {
    display: block;
}

.title_blog h4 {
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #1a453b;
    padding-bottom: 10px;
}

.wrap_cover_blog {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.wrap_cover_blog img {
    width: 100%;
}

.wrap_detail_blog_content {
    position: relative;
}

.wrap_detail_blog_content h2 , .wrap_detail_blog_content h1{
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    margin: 0;
    text-transform: lowercase;
    line-height: 1.2;
    font-weight: 600 !important;
    padding-bottom: 10px;
}

.wrap_detail_blog_content h3,
.wrap_detail_blog_content h4,
.wrap_detail_blog_content h5 {
    font-family: 'Lato', sans-serif;
    font-weight: 600 !important;
    padding-bottom: 10px;
    margin: 0;

}

.wrap_detail_blog_content p {
    font-family: 'Lato', sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    color: #000;
    font-size: 17px;
    line-height: normal;
}

.wrap_detail_blog_content p {
    font-family: 'Lato', sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 16px;
    line-height: normal;
}

.wrap_detail_blog_content img {
    max-width: 100%;
    display: inherit;
    margin: 10px auto;
}

.wrap_detail_blog_content p > img:last-of-type {
    margin-bottom: 15px;
}

/*.wrap_detail_blog_content p > img:first-child {
    margin-top: 15px;
}*/

.wrap_detail_blog_content figure {
    margin: 0 0 10px;
    display: block;
}

.wrap_detail_blog_content figure img {
    margin: 0 !important;
}

.wrap_detail_blog_content figure figcaption {
    border: 0;
    padding: 0;
    margin: 0;
    background: 0 0;
    color: #94999d;
    box-sizing: border-box;
    font-weight: 400;
}

.dropdown-item span {
    float: right;
}

.widget_wrap .media-body h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    padding: 0 0 10px 0;
}


.widget_wrap .media-body h5 a {
    font-size: 16px;
    font-weight: 600;
}

.hashtag_list {
    text-align: left;
    position: relative;
}

.hashtag_list ul {
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}


.hashtag_list ul li {
    list-style: none;
    line-height: 1 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    padding: 0px 0 0 0;
    margin: 0;
    margin-right: 8px;
    font-weight: normal;
    font-size: 17px;
    float: left;
}

.hashtag_list ul li a {
    list-style: none;
    line-height: 1 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    padding: 3px 0;
    margin: 0;
    font-weight: 500;
    font-size: 17px;
    float: left;
}


.hashtag_list ul li a:hover {
    background-color: #1A453B;
    color: #fff;
}

.cat_blog_detail {
    padding: 0px;
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
    text-transform: lowercase;
    font-family: 'Lato', sans-serif;
    /* background-color: #00FFFF; */
}

.author_txt_detail {
    display: block;
    padding: 0px;
    margin-bottom: 3px;
    color: #777;
    font-size: 16px;
    text-align: left;
    font-family: 'Lato', sans-serif;
}

.form-control {
    font-size: 14px !important;
}

.btn_select_job {
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #1a453b;
    border-color: transparent;
    font-weight: 600;
    border: 1px solid #1a453b;
    width: auto;
    padding: 7px 20px;
    font-size: 15px;
    border-radius: 5px;
    height: 40px;
    margin-right: 5px;
}

.btn_select_job .active {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn:not(:disabled):not(.disabled).active {
    background-color: #1a453b;
    color: #fff;
}

.upload_portfolio {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    outline-offset: 15px;
}

.file-upload__label_portfolio {
    display: block;
    padding: 1em 2em;
    padding: 10px;
    width: 100%;
    text-align: center;
    outline-offset: 15px;
    color: #fdfdfd;
    background-color: #1a453b;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    border: 2px dashed #ccc;
    height: 300px;
    margin-bottom: 0px !important;
    border-radius: .5em;
    transition: background .3s;
    margin: 0px auto;
    text-transform: lowercase;
}

.file-upload__input_portfolio {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}

.wrap_txt_upl {
    position: relative;
    margin-top: 70px;
}

.wrap_txt_upl {
    position: relative;
}

.wrap_txt_upl i {
    color: #ccc;
    font-size: 70px;
}

.wrap_txt_upl h3 {
    font-family: 'Lato', sans-serif;
    padding: 0 0 0px 0;
    margin: 0;
    font-size: 18px;
    line-height: normal;
}

.txt_note_box {
    position: relative;
}

.txt_note_box p {
    text-align: left;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #777;
}


.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: 'font-icons';
    display: inline-block;
    content: "\e6c1";
}

.rating>.half:before {
    content: "\e6c1";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
    color: #FFED85;
}

.head_information_prod {
    position: relative;
}

.head_information_prod h3 {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: 'circularmedium', sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 18px;
    line-height: normal;
}

.wrap_form_inqiury {
    border-radius: 5px;
    position: relative;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eee;
}



.lbl_popular {
    font-weight: 400 !important;
    font-family: 'Lato', sans-serif;
    background-color: #1A453B;
    border: 1px solid #fff;
    color: #fff;
    font-size: 9px;
    letter-spacing: 1px;
    line-height: 33px;
    position: absolute;
    right: -45px;
    text-align: center;
    text-transform: uppercase;
    top: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 175px;
}


.overview_prof {
    position: relative;
}

.overview_prof h2,.overview_prof h1 {
    padding: 0;
    margin: 0;
    text-transform: lowercase;
    font-weight: 600;
    line-height: 1.5 !important;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
}

.overview_prof p {
    padding: 0;
    margin: 0;
    text-transform: lowercase;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.overview_prof ul {
    list-style: none;
    margin-top: 20px;
}

.overview_prof ul li {
    padding: 0;
    display: inline-block;
    margin: 0 15px 0 0;
    text-transform: lowercase;
    font-weight: normal;
    line-height: 1.5 !important;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.overview_prof ul li a {
    text-transform: lowercase;
    font-weight: 600;
    line-height: 1.5 !important;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}


.overview_prof ul li a:hover {
    border-bottom: 2px solid #00FFFF;
    color: #fff;
}

.bg_overlay_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    -webkit-backface-visibility: hidden;
}

.btn_setting {
    text-align: center;
    border: 1px solid #fff;
    height: 35px !important;
    line-height: 33px;
    color: #000 !important;
    text-transform: lowercase;
    border-radius: 3px;
    display: block;
    width: 100%;
    background-color: #fff;
    margin-top: 4px;
}

.btn_setting:hover {
    background-color: #eee;
}

.btn_setting.active {
    text-align: center;
    border: 1px solid #fff;
    background-color: #ccc;
    height: 35px !important;
    line-height: 33px;
    color: #000 !important;
    border-radius: 3px;
    display: block;
    width: 100%;
    margin-top: 4px;
}


.box_list_inbox {
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    display: block;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.box_list_inbox h3 {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    color: #000;
    font-family: 'circularmedium';
    font-size: 16px;
}

.box_list_inbox h3 a {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: 'circularmedium';
    font-size: 16px;
}

.box_list_inbox p {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    color: #777;
    font-family: 'lato';
    font-size: 15px;
}

.box_list_inbox p.date {
    padding: 16px 0 0 0;
    margin: 0;
    line-height: 1.3;
    color: #888;
    text-align: right;
    font-family: 'lato';
    font-size: 1px;
}


.col_board_name {
    width: 12%;
    display: block;
    position: relative;
    float: left;
}

.col_board_name_left {
    width: 82%;
    padding-left: 5px;
    display: block;
    position: relative;
    float: left;
}

.fixed_wrap_bottom {
       position: fixed;
    right: 0;
    min-height: 180px;
    z-index: 10;
    bottom: 0;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    background-color: #daecde;
}

.btn_close_link_bottom {
    z-index: 299;
    top:0px;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #1A453B;
    bottom: 0;
    left: auto;
    right: 0;
    bottom: 111px;
    cursor: pointer;
    border-radius: 2px;
}

.bubble {
    background-color: transparent;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    color: #9a9a9a;
    font-family: sans-serif;
    height: 30px;
    line-height: 30px;
    margin: 14px auto;
    position: relative;
    text-align: center;
    width: 60px;
    font-size: 16px;
}

.bubble:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid;
    border-top-color: #9A9A9A;
    left: 50%;
    top: 102%;
    margin-left: -7px;
    color: #FFF;
}

.box_sosmed {
    float: left;
    position: relative;
    display: block;
    margin: 0 20px 0 0;
}

.heading_section_private {
    position: relative;
}

.heading_section_private h3 {
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 1.3;
    color: #000;
    text-transform: lowercase;
    font-family: 'circularmedium';
    font-size: 24px;
}

.wrap_intro_signup {
    padding: 10px;
    margin-top: 150px;
    position: relative;
}


.wrap_intro_signup h3 {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    color: #fff;
    text-transform: lowercase;
    font-family: 'circularmedium';
    font-size: 26px;
}

.wrap_intro_signup p {
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 1.3;
    color: #fff;
    text-transform: lowercase;
    font-family: 'lato';
    font-size: 20px;
}

.wrap_form_signup {
    position: relative;
    padding: 20px 30px 0;
}

.main_menu_link {
    position: relative;
}

a.main_menu_link {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    color: #000;
    text-transform: lowercase;
    font-family: 'lato';
    font-size: 18px;
    margin-right: 5px;
}

.menu_cat {
    background-color: #eee;
    border: 1px solid #eee;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.tabs {
    margin: 0;
}


.col_wrap_50_reg {
    position: relative;
    width: 100%;
    float: left;
    height: 800px;
    background-color: #fff;
    display: block;
}


.tabs {
    margin: 0;
}

.option_wrap_ic {
    margin-bottom: 80px;
    position: relative;
    padding: 0px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #eee;
}

.option_wrap_ic .ic_option_color {
    position: relative;
    color: #1A453B;
}

.option_wrap_ic .ic_option_color img {
    width: 100px;
    margin: 30px auto;
    display: block;
}

.option_wrap_desc {
    position: relative;
    padding: 0px 30px;
    text-align: center;
}

.option_wrap_desc h3 {
    display: block;
    margin: 0 0 10px 0;
    font-family: 'circularmedium';
    padding: 10px 0 0 0;
    font-size: 20px;
    text-transform: lowercase;
    color: #000;
}

.option_wrap_desc p {
    display: block;
    font-family: 'Lato', sans-serif;
    padding: 0px;
    font-size: 16px;
    text-transform: lowercase;
    color: #000;
}

.cta_button_block {
    display: block;
    font-family: 'circularmedium';
    padding: 10px;
    font-size: 16px;
    border-top: 1px solid #1A453B;
    color: #1A453B;
}

.cta_button_block i {
    float: right;
    font-size: 18px;
    line-height: 1.2;
}

.breadcrumb {
    position: relative !important;
    padding-left: 20px !important;
    margin: 12px 0 0 0;
}

.wrap_detail_blog_content p,
.wrap_detail_blog_content .blog_content div {
    text-transform: lowercase;
}

.breadcrumb {
    padding-left: 35px !important;
}

.wrap_privacy {
    position: relative;
}

.wrap_privacy p {
    padding: 0px 0 5px 0;
    margin: 0;
    text-align: justify;
    font-size: 16px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.wrap_privacy ul {
    padding-left: 30px;
    text-align: left;
    position: relative;
}

.wrap_privacy ul li {
    font-family: 'Lato', sans-serif;
    text-align: left;
    color: #000;
    font-size: 16px;
    position: relative;
    padding-bottom: 10px;
}

.wrap_privacy ul li ul.numlist {
    padding-left: 30px;
    text-align: left;
    padding-top: 10px;
    list-style-type: circle;
    position: relative;
}

.wrap_privacy ul li ul.numlist li {
    font-family: 'Lato', sans-serif;
    text-align: left;
    color: #000;
    font-size: 16px;
    position: relative;
    padding-bottom: 5px;
}

.wrap_privacy h3 {
    padding: 0px 0 15px 0;
    margin: 0;
    text-align: justify;
    font-weight: 700 !important;
    font-size: 17px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.wrap_privacy p {
    padding: 0px 0 15px 0;
    margin: 0;
    text-align: justify;
    font-size: 16px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.wrap_privacy p span {
    font-family: 'Lato', sans-serif;
    font-weight: 700;

}

.dark .breadcrumb a {
    color: #000;
    line-height: 1.5;
    text-transform: lowercase;
}

.dark .breadcrumb a:hover {
    color: #000;

}

.fixed_bg_sidebar {
    position: fixed;
    /*z-index: 6;*/
    z-index:3;
    top: 0%;
    left: 0;
    width: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.col_wrap_50_reg .wrap_form_signup{
    min-height: 800px !important
}

.bg_sidebar_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    min-width: 700px;
    height: 100%;
    overflow: auto;
    background: #F7F9FA;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
}

.content_container {
    top: 0;
    bottom: 0;
    padding-left: 700px;
}


#page_content {
    display: -webkit-box;
    background-color: #f7f9fa;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 28px;
    min-height: 600px;
}

/* About Us*/
.fixed_bg_sidebar_about {
    position: fixed;
    z-index: 6;
    top: 0%;
    left: 50%;
    width: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.bg_sidebar_container_about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    min-width: 700px;
    height: 100%;
    overflow: auto;
    background: #F7F9FA;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
}

.content_container_about {
    top: 0;
    bottom: 0;
    padding-left: 0px;
}


.col_wrap_50_about {
    position: relative;
    width: 50%;
    float: left;
    height: 700px;
    background-color: #fff;
    display: block;
}

.btn_edit_cover {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: rgba(51, 51, 51, 0.67);
    color: #fff;
    right: -50px;
    top: 1px;
    line-height: 2;
    font-size: 16px;
    text-align: center;
}

.btn_edit_cover:hover {
    color: #fff;
}

.wrap_search_suggest {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    padding: 10px;
    width: 100%;
    margin-top: 9px;
}

.wrap_search_suggest .btn_all {
    display: block;
    padding: 5px;
    font-family: 'circularmedium';
    text-align: center;
    background-color: #eee;
    color: #000;
}

.wrap_search_suggest .btn_all:hover {
    color: #fff;
    background-color: #1A453B;

}

.wrap_search_suggest h5 {
    padding: 0px;
    margin: 0;
    font-size: 4px;
    color: #5f5f5f;
    text-transform: lowercase;
    font-family: 'circularmedium';
}

.wrap_search_suggest ul {
    padding: 0px;
    margin: 0;
    color: #000;
    font-size: 16px;
    font-family: 'circularmedium';

}

.wrap_search_suggest ul li {
    color: #000;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

.wrap_search_suggest ul li:not(:last-child) {
    padding: 0 0 3px 0;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #eee;
}

.wrap_search_suggest ul li a {
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}

.wrap_search_suggest ul li a:hover {
    color: #000;
}

.list_users {
    position: relative;
}

.list_users p {
    padding: 0 0 10px 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 15px;
    color: #777;
}

.list_users ul {
    list-style: none;
}

.list_users ul li {
    position: relative;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    width: 100%;
}


.list_users ul li:hover {
    background-color: #f9f9f9;
}


.list_board ul li h3 {
    padding: 0 0 0px 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.list_board ul li p {
    padding: 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.col_avatar_users {
    width: 12%;
    display: block;
    position: relative;
    float: left;
}

.col_users_left {
    width: 82%;
    padding-left: 5px;
    display: block;
    position: relative;
    float: left;
}

.col_users_left h3 {
    font-weight: 700 !important;
    padding-top: 5px !important;
}

.wrap_scroll_user {
    width: 100%;
    position: relative;
    height: 250px;
    overflow-x: auto;
}

.dark .dropdown-menu {
    background-color: #fff;
    border-color: #fff;
}

.dark .dropdown-item {
    color: #777;
}

.dark .dropdown-item:hover {
    color: #000;
}

.top-links .dropdown-toggle::after {
    display: none;
}

.top-links .dropdown-menu {
    font-family: 'circularmedium';
    margin-top: 20px;
    font-size: 16px;
}

.bg_cover_reg_option {
    background: url('images/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*p {
  font-weight: 900;
}
*/

@media only screen and (max-width: 700px) {
    section {
        flex-direction: column;
    }
}

.wrap_not_found {
    position: relative;
    margin-top: 77px;
}

.wrap_not_found h3 {
    padding: 0;
    text-transform: lowercase;
    margin: 0;
    text-align: center;
    line-height: normal;
    font-size: 40px;
    color: #1A453B;
    font-family: 'circularmedium';
}

.bg_cover_notfound {
    height: 100%;
    min-height: 600px;
    background-size: cover;
}

.btn_back_not_found {
    padding: 10px 20px;
    border: 2px solid #1A453B;
    -webkit-box-shadow: 4px -4px 0px 1px rgba(26, 69, 59, 1);
    -moz-box-shadow: 4px -4px 0px 1px rgba(26, 69, 59, 1);
    box-shadow: 4px -4px 0px 1px rgba(26, 69, 59, 1);
    color: #1A453B;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    background-color: #fff;
    display: inline-block;
    font-family: 'Lato';
    text-transform: lowercase;
}



.lbl_txt {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;

    background: rgba(26, 69, 59, 0.5);
    left: 0;
    color: #fff;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px;
    line-height: 1.4;
    padding: 5px;
}

/*For Marketplace*/
.col_40_grid {
    position: relative;
    min-height: 1px;
    width: 40%;
    float: left;
}

.col_60_grid {
    position: relative;
    min-height: 1px;
    width: 57%;
    float: left;
}

.menu_nav_right {
    position: relative;
}

.menu_nav_right ul {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu_nav_right ul li {
    display: inline-block;
}

.menu_nav_right ul li a {
    display: block;
    font-family: 'circularmedium';
    padding: 0 18px 0 10px;
    font-size: 18px;
    text-transform: lowercase;
    color: #000;
}

.padtop_60 {
    padding-top: 20px;
}


.card_shop {
    background-color: #1a453b;
    position: relative;
    padding: 15px;
    /* border: 1px solid #eee;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);*/

}

.card_shop .card_ic {
    position: relative;
    font-size: 50px;
    color: #fff;
    text-align: center;
}

.card_shop .card_ic h3 {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 20px;
    line-height: normal;
    color: #FFF;
    font-family: 'circularbold';
}

.card_shop p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #FFF;

    font-weight: 400;
    font-family: 'Lato', sans-serif;
}


.heading_section_marketplace {
    position: relative;
    text-align:center;
}


.heading_section_marketplace h2 {
    margin: 0px 0 15px 0;
    display: block;
    font-family: 'circularmedium';
    padding: 30px 0px 0 0px;
    line-height: normal;
    font-size: 26px;
    text-transform: lowercase;
    color: #000;
}

.marbot_30 {
    margin-bottom: 30px;
}

.flex-prev {
    height: 100px;
    width: 36px;
    top: 40%;
}

.flex-next {
    top: 40%;
    height: 100px;
    width: 36px;
}

.flex-prev i {
    width: auto;
    margin-top: 20px;
}

.flex-next i {
    margin-top: 20px;
    width: auto;
}

.feature_pict {
    position: relative;
}

.overlay_feature {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text_overlay_feature {
    position: absolute;
    opacity: 0.85;
    top: auto;
    bottom: 0;
    height: auto;
    padding: 40px 15px 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    backface-visibility: hidden;
}

.text_overlay_feature h2 {
    padding: 0;
    margin: 0;
    font-size: 26px;
    line-height: normal;
    color: #FFF;
    font-family: 'circularbold';
}

.text_overlay_feature p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: normal;
    color: #FFF;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

[data-stage-padding] .owl-stage {
    padding-left: 0px !important;
}


.wrap_content_mp p {
    font-family: 'Lato' !important;
    font-size: 15px;
    font-weight: 400;
}



.highlight_pict {
    position: relative;
}

.overlay_highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
}


.text_overlay_highlight {
    position: absolute;
    opacity: 0.85;
    top: 10%;
    bottom: 0;
    width: 80%;
    height: auto;
    padding: 40px 30px 15px;
    /*  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/
    backface-visibility: hidden;
}

.text_overlay_highlight h2 {
    padding: 0;
    margin: 0;
    font-size: 40px;
    line-height: normal;
    color: #000;
    font-family: 'circularbold';
}

.text_overlay_highlight p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: normal;
    color: #000;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.text_overlay_highlight p.link {
    padding: 20px 0 0 0;
    margin: 0;
    font-size: 16px;
    line-height: normal;
    color: #1a453b;
    font-weight: 400;
    font-family: 'circularmedium', sans-serif;
}

.text_overlay_highlight p.link a {
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 16px;
    line-height: normal;
    color: #1a453b;
    font-weight: 400;
    font-family: 'circularmedium', sans-serif;
}

.text_overlay_highlight p.link a:hover {
    border-bottom: 1px solid #1a453b;
}

.seller_wrap {
    padding: 8px;
    height: 150px;
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0;
    outline: none;
    position: relative;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    -o-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    width: 100%;
}

.seller_wrap .seller_wrap__content {
    position: relative;

}


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

.seller_wrap.sp_ {
    height: 200px;
    background: #1a453b;
}

.seller_wrap.sp_ h4 {
    font-weight: 700 !important;
    font-size: 22px;
    color: #fff;
    width: 140px;
}

.seller_wrap .circle_shape {
    border: 1px solid #eee;
    margin: 0px auto;
    background-color: #eee;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.seller_wrap p {
    padding: 10px 0 0 0;
    margin: 0;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.seller_wrap .seller_wrap__content {
    margin-top: 10px;
}

.seller_wrap .seller_wrap__content img {
    border-radius: 100%;
    width: 70px;
    margin: 0px auto;
}


.seller_wrap:hover {
    background-color: #f9f9f9;
}

.method_payment__ li img {
    width: 55px;
}

.swal2-popup .swal2-title {
    font-size: 22px !important;
}

.button:hover {
    text-shadow: none !important;
}

/*Updated 4/7/2019*/

.box_side_shop {
    position: relative;
    border-radius: 5px;
    padding: 0px;
   /* border: 2px solid #1A453B;*/
}

.box_side_promo{
    position: relative;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #1A453B;
}

.price_tag_txt {
    position: relative;
}

.price_tag_txt h3 {
    padding: 0;
    margin: 0;
    font-size: 18px !important;
    color: #000;
    font-family: 'circularmedium', sans-serif;

}

.price_tag_txt p {
    color: #777;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
}

.bor_top {
    border-top: 1px solid #eee;
}

.wrap_cart_list {
    margin-top: 10px;
    padding: 10px;
    position: relative;
}

.close_wrap {
    position: relative;
    right: 5px;
    top: 20px;
    text-align: right;
    font-size: 24px;
    color: #b7b7b7;
}

.wrap_class_item {
    position: relative;
}

.content_cart {
    position: relative;
}

.content_cart h3 {
    padding: 20px 0 0 0;
    margin: 0;
    font-size: 14px;
    color: #1A453B;
    font-family: 'circularmedium', sans-serif;
}


.content_cart h3 a {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #1A453B;
    font-family: 'circularmedium', sans-serif;
}

.content_cart h4 {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #1A453B;
    font-family: 'Lato', sans-serif;
}

.content_cart h4 span {
    font-size: 14px;
    color: #000 !important;
    font-weight: 600 !important;
}

.content_cart h4.warning {
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 12px;
    color: red;
}

.content_cart h5 {
    padding: 8px 0 0 0;
    margin: 0;
    font-size: 13px;
    color: #1A453B;
    font-family: 'Lato', sans-serif;
}

.wrap_total_cart {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 10px;
    margin-top: 15px;

}

.wrap_total_cart h4 {
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.wrap_total_cart h4 span {
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.wrap_info_cart {
    position: relative;
    padding: 10px;
    background-color: #f9f9f9;
}


.ribbon-info span {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}


/* Trx Marketplace */
.box_cart {
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 15px;
}


.f_14_lbl {
    font-size: 14px;
}

.head_cart {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}


.footer_cart {
    position: relative;
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.footer_cart p {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.head_cart p {
    position: relative;
    padding: 5px 0 0 0;
    text-transform: lowercase;
    margin: 0;
    font-size: 14px;
    color: #777;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.pict_of_store {
    position: relative;
}

.pict_of_store ul {
    margin: 3px 0 0 10px;
    padding: 0;
    list-style: none;
}

.pict_of_store ul li {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.pict_of_store ul li img {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.content_cart_show {
    padding: 10px;
    position: relative;
}

.content_cart_show .wrap_resume_trx {
    position: relative;
    font-size: 25px;
    text-align: center;
}

.content_cart_show .wrap_resume_trx p {
    margin: 0;
    color: #777;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

.content_cart_show .wrap_resume_trx .bullet_red {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 21%;
}

.wrap_pict_cart {
    border: 1px solid #eee;
    margin-left: 7px;
}

.martop_mob_cart {
    margin-top: 7px;
}

.content_cart_show h3 {
    padding: 0 0 0px 0;
    margin: 0;
    line-height: 0.6;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}

.content_cart_show h3 a {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}

.content_cart_show p {
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 400;
    color: #777;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.pad_left_cart_0 {
    padding-left: 0 !important;
}

.pad_right_cart_0 {
    padding-right: 0 !important;
}


.content_cart_show h4 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'circularmedium';
    color: #1A453B;
}


.content_cart_show h4 span {
    color: #777 !important;
    margin-right: 5px;
    text-decoration: line-through;
}

.fix_bottom_cart {
    background-color: #fff;
    position: unset;
    border-top: 1px solid #ccc;
    bottom: 0;
    left: 0;
    z-index: 9;
    /* color: black; */
    margin: 15px -15px 0;
}


.sect_cart_bot {
    position: relative;
    padding: 7px 15px;
    border-bottom: 1px solid #eee;
}


.sect_cart_bot p {
    line-height: 1;
    padding: 0;
    font-size: 14px;
    font-family: 'circularmedium';
    margin: 0;
}

.sect_cart_bot h4 {
    line-height: 1;
    padding: 0 7px 0 0;
    text-align: right;
    font-size: 18px;
    font-family: 'circularmedium';
    margin: 0;
}


.sect_cart_bot h5 {
    padding: 0 7px 0 0;
    margin: 0;
    text-align: right;
    font-size: 14px;
    color: #1A453B;
    font-family: 'Lato', sans-serif;
}

.sect_cart_bot i {
    font-size: 18px;
    line-height: 1.2;
}

.btn_act_mob {
    padding: 7px;
    background-color: #1A453B;
    border: transparent;
    color: #fff;
    font-family: 'Lato', sans-serif;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 5px;
}

.pd_botttom {
    padding-bottom: 200px !important;
}

.default_address_checkout {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #eee;
    padding: 10px;
}

.default_address_checkout h4 {
    padding: 0;
    font-family: 'circularmedium';
    margin: 0;
    font-size: 16px;
    color: #1A453B;
}

.default_address_checkout p {
    padding: 0;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

.default_address_checkout p span {
    color: #F2AD62;
}

.default_address_checkout i {
    color: #1A453B;
    font-size: 16px;
    line-height: 1.8;
}

.link_address_circle {
    position: relative;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    height: 30px;
    display: inline-block;
    border: 1px solid #1A453B;
    color: #1A453B;
}

.opsi_pengiriman_wrap {
    position: relative;
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #eee;
}

.opsi_pengiriman_wrap h4 {
    padding: 0;
    font-family: 'circularmedium';
    margin: 0;
    font-size: 16px;
    color: #1A453B;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.opsi_pengiriman_wrap .opsi_kurir {
    position: relative;
}

.opsi_pengiriman_wrap .opsi_kurir h5 {
    padding: 0;
    font-family: 'circularmedium';
    margin: 0;
    font-size: 16px;
    color: #1A453B;
}

.opsi_pengiriman_wrap .opsi_kurir p {
    padding: 0px 0 0 0;
    margin: 0;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.opsi_pengiriman_wrap .opsi_kurir p strong {
    padding: 0;
    font-family: 'circularmedium';
    margin: 0 0 0 10px;
    font-size: 14px;
    text-align: right;
    color: #1A453B;
}

.opsi_pengiriman_wrap .opsi_kurir span {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #777;
}

.opsi_pengiriman_wrap i {
    padding-top: 15px;
    font-size: 25px;
    text-align: right;
}

.txt_tf {
    font-size: 14px;
    text-transform: none !important;
}

.txt_tf span {
    font-family: 'circularmedium';
    color: #1A453B;
}

.input-group-btn {
    background-color: #f9f9f9 !important;
}

.status_pengiriman {
    padding: 0;
    margin: 0;
    color: #1A453B;
    line-height: 1.2;
    font-family: 'Lato', sans-serif;
}

.bg_y_gray {
    background-color: #f9f9f9 !important;
}

.status_trx_desc {
    position: relative;
    padding: 10px;
    background-color: #1A453B;
    margin-bottom: 10px;
}

.status_trx_desc h3 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.status_trx_desc p {
    padding: 0;
    font-weight: 400;
    margin: 0;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 14px;
}

.btn_border_mb {
    padding: 7px;
    display: block;
    border: 1px solid #ccc;
    position: relative;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.btn_border_mb i {
    margin-right: 10px;
}

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.container_timeline {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.container_timeline::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: -17px;
    background-color: #1a453b;
    border: 4px solid #1a453b;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.left {
    left: 0;
}

/* Place the container to the right */
.right:not(.jcrop-vline) {
    left: 50%;
}

.tooltip.left::before {
     border: medium solid transparent;
}

/* Add arrows to the left container (pointing right) */
.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right:not(.tour-tour)::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -16px;
}

/* The actual content */
.content {
    padding: 0px;
    background-color: white;
    position: relative;
    border-radius: 6px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.content h2 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #777;
    font-weight: 600;
}

.content p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #1A453B;
    font-weight: 400;


}


/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {

    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .container_timeline {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .container_timeline::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}

ul.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: #1a453b;
    color: #FFF;
}

.panel_list {
    position: relative;
}

.wrap_cart_resume {
    position: relative;
    padding: 10px;
}

.head_akumulasi {
    position: relative;
}

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

.list_card_resume {
    position: relative;
}

.list_card_resume:hover {
    background-color: #f9f9f9;
}

.list_card_resume .itm_pict {
    border: 1px solid #eee;
    position: relative;
}


.list_card_resume .itm_desc {
    position: relative;
}

.list_card_resume .itm_desc h4 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #1a453b !important;
    font-family: 'circularmedium';
}


.list_card_resume .itm_desc p {
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #777;
    font-size: 14px;

}

.list_card_resume .itm_desc h5 {
    font-family: 'circularmedium';
    padding: 0;
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;
    color: #dc3545;
    font-size: 14px;

}

.list_card_resume .itm_desc h5 span {
    text-transform: lowercase;
    float: none;
    color: #000;
    font-size: 12px;
}

.btn_more_dropdown {
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #333 !important;
    border-color: transparent;
    background-color: #eee;
    font-weight: 400;
    width: 100%;
    padding: 7px !important;
    font-size: 15px !important;
    cursor: pointer;
    margin-top: 30px;
}

.wrap_detail_trx_init {
    text-align: center;
    padding: 15px;
    position: relative;
    display: block;
    background-color: #fff;
}

.wrap_detail_trx_init p {
    padding: 0 0 20px 0;
    margin: 0;
    /*text-transform: uppercase;*/
    font-size: 14px;
    color: #1a453b;
    line-height: normal;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.wrap_detail_trx_init p a {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #1a453b;
    line-height: normal;
    font-family: 'Lato', sans-serif;
}

.wrap_detail_trx_init p a i {
    margin-right: 10px;
}

.detail_item_trx {
    padding: 15px;
    position: relative;
    display: block;
    background-color: #f5f5f5;
}

.detail_item_trx p {
    padding: 0 0 0px 0;
    margin: 0 0 15px;
    font-size: 14px;
    color: #1a453b;
    line-height: normal;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.review_order_trx {
    margin-top: 30px;
    position: relative;
    display: block;
    background-color: #fff;
}

.review_order_trx_footer {
    position: relative;
    background: #fff;
}

.review_order_trx .seller_head {
    padding: 10px;
    /* border-bottom: 1px solid #eee; */
}


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

.review_order_trx .seller_head ul li {
    position: relative;
    line-height: 2;
}

.review_order_trx .seller_head ul li img {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    border-radius: 50%;
}

.review_order_trx .seller_head span {
    margin-left: 10px;
}

.review_order_trx .seller_head p {
    text-align: right;
    padding: 0 0 0px 0;
    margin: 0;
    font-size: 14px;
    color: #1a453b;
    line-height: normal;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.review_order_trx .desc_order {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.review_order_trx .desc_order .itm_produk {
    position: relative;
    border: 1px solid #eee;
}

.review_order_trx .desc_order h4 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #000;
}

.review_order_trx .desc_order p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.wrap_address_act {
    position: relative;
}

.wrap_address_act h4 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-family: 'circularmedium', sans-serif;
    font-weight: 600;
}

.wrap_address_act h5 {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.wrap_address_act p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #000;
    font-family: 'Lato', sans-serif;
}


.bold {
    font-weight: bold;
}

.time {
    position: absolute;
    left: -110px;
}

.timeline-wrapper {
    padding-left: 80px;
    min-width: 400px;
    font-family: 'Lato';
    font-size: 14px;
    /*border: 1px solid #CCC;*/
}

.StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

.StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 13px;
    width: 10px;
    height: 100%;
    border-left: 2px solid #CCC;
}

.StepProgress-item {
    position: relative;
    counter-increment: list;
}

.StepProgress-item:not(:last-child) {
    padding-bottom: 20px;
}

.StepProgress-item::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -32px;
    height: 100%;
    width: 10px;
}

.StepProgress-item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -37px;
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    border-radius: 50%;
    background-color: #FFF;
}

.StepProgress-item.is-done::before {
    border-left: 2px solid #1a453b;
}

.StepProgress-item.is-done::after {
    /*content: "?";*/
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border: 2px solid #1a453b;
    background-color: #1a453b;
}

/*.StepProgress-item.current::before { 
border-left: 2px solid green;
}
.StepProgress-item.current::after {
content: counter(list);
padding-top: 1px;
width: 19px;
height: 18px;
top: -4px;
left: -40px;
font-size: 14px;
text-align: center;
color: green;
border: 2px solid green;
background-color: white;
}*/
.StepProgress strong {
    display: block;
}

.wrap_step_payment {
    padding: 10px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    padding: 15px;
    border: 1px solid #eee;
}

.wrap_step_payment_desc {
    position: relative;
}

.wrap_step_payment_desc h4,
.wrap_step_payment_desc h2 {
    padding: 0 0 0px 0;
    line-height: 1;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-family: 'circularmedium', sans-serif;
}

.wrap_step_payment_desc h2 {
    font-family: 'Circular_AirLight', sans-serif;
    margin: 15px 0;
    font-size: 20px;
}

.wrap_step_payment_desc p {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 16px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.wrap_step_payment_desc h5 {
    padding: 0;
    margin: 0;
    text-transform: lowercase;
    font-weight: 600 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.wrap_step_payment_desc h6 {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.wrap_step_payment_desc ol {
    padding-left: 20px;
    margin: 0;
}

.wrap_step_payment_desc ol li {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    margin: 0;
    padding-bottom: 5px;
    color: #000;
    line-height: 1.6;
}

.f_25 {
    padding: 0;
    margin: 0;
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #000;
}

.voucher_wrapper {
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
}

.box_voucher_kode {
    width: 100%;
    height: 150px;
    position: relative;
    display: inline-block;
    background-color: #eee;
}

a.btn_use_voucher {
    padding: 10px;
    background-color: #1A453B;
    color: #fff;
    text-align: center;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    font-family: 'circularmedium', sans-serif;
}

a.disable {
    padding: 10px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    font-family: 'circularmedium', sans-serif;
}

a.btn_use_voucher:hover {
    color: #fff;
    background-color: #235F51;
}

a.btn_use_voucher i {
    float: right;
}

.box_voucher_kode h3 {
    padding: 50px 0 0 0;
    text-align: center;
    margin: 0;
    font-size: 22px;
    font-family: 'circularmedium', sans-serif;
    line-height: normal;
}

.content_voucher_desc {
    position: relative;
    padding: 15px 0 0 0;
}

.content_voucher_desc h4 {
    padding: 0;
    margin: 0;
    text-transform: unset;
    font-size: 14px;
    color: #000;
    font-family: 'circularmedium', sans-serif;
}

.content_voucher_desc p {
    padding: 0 0 20px 0;
    margin: 0;
    text-transform: unset;
    font-size: 14px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.menu_nav_right .dark a:hover {
    color: #333;
}

.form-row {
    position: relative;
}

.btn_download_pdf
 {
    background-color: #1a453b;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
}

 
.btn_download_pdf:hover {
    background-color: #1a453b;
    color: #fff;
}


.btn_download_pdf:hover a {
    background-color: #1a453b;
    color: #fff;
}

.btn_cta_reg.btn-lg {
    padding: 12px 20px;
}

.btn_cta_reg.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn_cta_reg.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
}

.dark #notifDown .dropdown-menu a:hover {
    color: inherit;
}

#notifDown .scroll_ a p a.btn_cta_reg {
    padding: 1px 5px;
}

/* CSS UI Tita*/
.wrap_side_seller {
    position: relative;
    background-color: #fff;
}

.wrap_side_seller ul {
    padding-left: 15px;
    list-style: none;
}

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

.wrap_side_seller ul li a {
    padding: 8px;
    display: block;
    font-family: 'circularmedium';
}

.wrap_side_seller ul li a i {
    float: right;
    color: #1A453B;
    padding-right: 8px;
}

.wrap_side_seller ul li ul.sub {
    padding-left: 15px;
    list-style: none;
}

.wrap_side_seller ul li ul.sub li {
    list-style: none;
}

.wrap_side_seller ul li ul.sub li a {
    padding: 5px;
    display: block;
    font-family: 'Lato';
}

.wrap_side_seller ul li ul.sub li a span {
    color: #D8070D;
    font-size: 14px;
    margin-left: 5px;
}

.resume_seller {
    position: relative;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    height: 120px;
}

.resume_foot {
    position: absolute;
    padding: 8px;
    display: block;
    padding-bottom: 5px;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #eee;
}

.resume_foot a {
    color: #777;
    font-size: 14px;
}

.resume_foot a i {
    float: right;
}

.resume_seller h3 {
    padding: 0;
    text-transform: lowercase;
    margin: 0;
    font-size: 14px;
    color: #777;
    font-family: 'circularmedium', sans-serif;
}


.resume_seller h4 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #000;
    font-family: 'circularmedium', sans-serif;
}

.resume_seller p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #777;
    font-family: 'Lato', sans-serif;
}

.insight_produk {
    position: relative;
    background-color: #fff;
}

.insight_pict {
    position: relative;
}

.insight_desc {
    position: relative;
    padding: 10px;
}

.insight_desc h3 {
    font-family: 'circularmedium', sans-serif;
    padding: 0;
    text-transform: lowercase;
    margin: 0;
    line-height: 1.2;
    font-size: 14px;
    color: #777;
}

.insight_desc p {
    font-family: 'Lato', sans-serif;
    padding: 0 0 10px 0;
    line-height: 1.2;
    text-transform: lowercase;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #777;
}

.insight_desc h3 a {
    font-family: 'circularmedium', sans-serif;
    padding: 0;
    text-transform: lowercase;
    margin: 0;
    font-size: 16px;
    color: #777;
}

.insight_desc h3 a:hover {
    border-bottom: 1px solid #000;
}


.insight_desc h4 {
    font-family: 'circularmedium', sans-serif;
    padding: 0px 0 0 0;
    text-transform: lowercase;
    margin: 0;
    font-size: 14px;
    color: #000;
}

.insight_desc h5 {
    font-family: 'Lato', sans-serif;
    padding: 0px 0 0 0;
    text-transform: lowercase;
    margin: 0;
    font-size: 13px;
    color: #777;
}

.insight_desc h4 span {
    color: #1A453B !important;
}

#flex-slider .slider-wrap img:not(.zoomImg){
    opacity: 0;
    transition: 0.5s;
}
#flex-slider .slider-wrap .flex-active-slide img:not(.zoomImg){
    opacity: 1;
}
.aside_mobile .btn_cta_reg i{
    font-size: 14px !important;
    color: #888888;
}
.aside_mobile .btn_cta_reg i.icon-caret-up{
    margin-top: -2px;
}

.wrap_step{
    position: relative;
    margin-bottom:10px;
    text-transform: lowercase;
}

.wrap_step h3 {
   padding:0;
   margin:0;
   font-size: 16px;
   color:#000;
   line-height: normal;
    font-family: 'circularmedium',sans-serif;
} 

.wrap_step p {
    text-align: right;
    padding:0;
    margin:0;
    font-size: 14px;
    color:#777;
    line-height: normal;
    font-family: 'circularmedium',
    sans-serif;
}

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

.wrap_step h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #000;
    line-height: normal;
    font-family: 'circularmedium', sans-serif;
}

.wrap_step_title{
    position: relative;
    padding: 10px;
}

.wrap_step_title h3 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #000;
    line-height: normal;
    font-family: 'circularmedium', sans-serif;
}

.wrap_step_title p {
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 14px;
    color: #000;
    line-height: normal;
    font-family: 'lato', sans-serif;
}

.btn_add_service {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 2;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 50%;
    margin-top: 3px;
    color: #000;
}

.wrap_quick_checkout {
    padding:10px;
    background-color:#eee;
    position: relative;
} 

.wrap_quick_checkout p {
   padding: 0;
   margin: 0;
   line-height: normal;
   font-size: 18px;
   text-transform: lowercase;
   font-family: 'Lato',sans-serif;
   color: #000;
}

.wrap_quick_checkout p i {
    color:#000;
    text-align: right;
    font-size: 18px;
}

/*Detail Product*/
.detail_trx_purchase{
position: 'relative';
margin: -15px -15px 0;
padding: 15px;
background: #fff;
border-bottom: 1px solid #eee;
}


.review_order_trx .seller_head span.float-right a.text-info, .review_order_trx h4 a.text-info{
	color: #000!important;
}
.review_order_trx .seller_head span.float-right a.text-info, ._parent_list .detail_trx_purchase a.text-info,.portfolio_designer a.text-info, ._border_list a.text-info{
	border-bottom: 1px dotted black;
}
._border_list .media-body a.text-info{
    border-bottom: none;
}
.review_order_trx .desc_order p.text-semibold{
	text-transform: lowercase;
}
.review_order_trx_footer .seller_head .col-6:first-child p, .review_order_trx_footer .seller_head .text-left.border_list.pb-2{
    text-transform: lowercase;
    color: black;
}
._parent_list .detail_trx_purchase a.text-info, .wrap_heading_desc a.text-info, .portfolio_designer a.text-info, ._border_list a.text-info{
	color: #000!important;
}
#manageSellerKurir .pl-0.col-sm-3 input[name="seller_fee"]{
    height: calc(2.25rem + 2px);
}
#profileDown .dropdown-item{
    padding: .25rem .75rem;
}
#sellerKurirForm .table{
    margin-bottom: .25rem;
}
.photo_zoom_container .photo_zoom_fixed .photo_zoom_img_tools:nth-child(2){
    top: auto;
    bottom: 0;
    background: none;
}

.photo_zoom_content .portfolio_designer .media .media-right{
    position: absolute;
    top: 3%;
    right: 3%;
}

@media (min-width: 768px){
    #tour-contact-info.col-md-3{
        max-width: 26%;
    }
    #tour-content.col-md-9{
        max-width: 74%;
    }
}
.breadcrumb-item.active{
    font-size: 14px;
}
.trx_tab_status {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 0;
    min-width: 950px;
}
.trx_tab_status li{
    display: inline-block;
    width: auto;
    margin: 0 0 5px;
    text-align: center;
    font-size: 12px;
}
.tab_fav__ {
    background: #eee;
    border-bottom: 2px solid transparent;
}
.wrap_detail_profesional .border_list{
    border-bottom: 1px solid #eee;
}
.wrap_detail_profesional .radio-child{
    width: 50%;
    margin-left: .5rem;
    /* margin-top: .25rem; */
    display: inline-block;
}
.wrap_detail_profesional .form-voucher{
    margin-bottom: 1.5rem;
}
.wrap_detail_profesional .form-voucher:last-child{
    margin-bottom: 0;
}
.wrap_detail_profesional .form-voucher .radio-child .input-group{
    margin-top: .4rem;
}
.wrap_detail_profesional .form-voucher .radio-child small{
    position: relative;
    top: 1.25rem;
}
.wrap_detail_profesional .form-voucher .radio-child.w-70{
    width: 70%;
}
.wrap_promo .promo_content span, .wrap_promo .promo_content a{
    font-size: 1rem;
}
.bor-dash{border-bottom: 1.5px dotted #1A453B;}
.wrap_promo .promo_content .prm-btn{font-size: .875rem;padding: .5rem; border: 1px solid #1a453b; border-radius: 5px;}
.wrap_promo .promo_content .dropdown-item span{float: none;}
.wrap_promo .promo_content .dropdown-menu{min-width: 22.5rem; border: 2px solid #1A453B;}
.wrap_promo .promo_content .dropdown-menu[aria-labelledby="promoDropdown"]{transform: translate3d(-240px, 28px, 0px)!important;height: 300px;overflow-y: scroll;}
.wrap_promo .promo_content .dropdown-item:not(:last-child){border-bottom: 1px solid #eee;}
.wrap_promo .promo_content .dropdown-item{padding-bottom: .75rem;padding-top: .75rem;}

/* Added at 13 Mei 2020 - TA*/

.intro_sect{
    position: relative;
    text-transform: lowercase;
}


.intro_sect h1{
   padding: 0;
    font-family: 'circularmedium';
    font-size: 34px;
    line-height: normal;
    margin: 0 0 0px 0;
}

.intro_sect p{
    padding: 15px 0 0 0;
    font-family: 'Lato';
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    color:#000;
}

.link_filter_podcast {
    position: relative;
}

.link_filter_podcast ul {
   text-align: center;
   margin:30px 0 0 0;
   padding: 0;
}

.link_filter_podcast ul li{
 display: inline-block;
 margin-right: 15px;
 padding-bottom: 13px;
}

.link_filter_podcast ul li:last-child {
margin-right:0px;
}

.link_filter_podcast ul li a{
padding:10px;
font-family: 'circularmedium';
font-size: 16px;
line-height: normal;
background-color: #DAECDE;
margin:0;
}

.link_filter_podcast ul li a:hover {
    background-color: #fff;
    padding-bottom: 7px;
}

.link_filter_podcast ul li a.active{
    padding-bottom: 7px;
    background-color: #fff;
}

.podcast_list_wrap{
    position: relative;
    margin-bottom: 30px;
}

.cover_pod {
    position: relative;
}

.overlay_cover {
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.18);
    left:0;
    top:0;
}

.caption_podcast {
    position: relative;
    padding: 10px 0 0 0
}

.caption_podcast h3 {
    padding:5px 0 0 0;
    margin:0;
    line-height: normal;
    font-size: 16px;
    font-family: 'circularmedium';
}

.caption_podcast h4 {
    padding:0;
    margin:0;
    font-size: 16px;
    font-family: 'circularmedium';
}

.caption_podcast p {
    padding:10px 0 0 0;
    margin:0;
    font-size: 13px;
    color:#777;
    font-family: 'Lato';
}

.play_ic {
    position: absolute;
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px solid #fff;
    z-index: 3;
    left: 50%;
    line-height: 1.9;
    border-radius: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -50px;
}

.play_ic:hover {
      background: rgba(238, 238, 238, 0.28);
}

.play_ic i {
    font-size: 50px;
    color: #fff;
    margin-left: 8px;
}
  

.bg_featured{
    background-color: #eee;
}

.podcast_featured{
    position: relative;
}

.cover_pod_featured {
    position: relative;
    background: #eee;
    width: 450px;
    height: 350px;
}


.overlay_cover_featured {
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.56);
    left:0;
    top:0;
}

.feature_post_pod {
    padding: 30px;
    text-align: center;
    position: relative;
    margin-top: 50px;
}

.feature_post_pod h2 {
    padding:0;
    margin:0;
    line-height: normal;
    color:#1A453B;
    font-size: 36px;
    font-family: 'circularmedium';
}

.feature_post_pod h3 {
    padding:10px 0 0 0;
    margin:0;
    line-height: normal;
    color:#1A453B;
    font-size: 20px;
    font-family: 'circularmedium';
}

.feature_post_pod h4{
    padding:10px 0 0 0;
    margin:0;
    line-height: normal;
    color:#1A453B;
    font-size: 19px;
    font-family: 'Lato';
}

.feature_post_pod p {
    padding: 15px 15px 10px 15px;
    margin: 0;
    line-height: 1.5;
    color: #1A453B;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Lato';
}


.btn_listen {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: transparent;
    border: 1px solid #1A453B;
    overflow: hidden;
    padding: 9px 35px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.btn_listen:hover {
    border: 1px solid #1A453B;
    color: #1A453B !important;
}

.overlay_featured_pod {
    position: absolute;
    width: 50%;
    height: 100%;
    background: rgba(138, 137, 137, 0.1);
    top: 0;
    left: 0;
}

.wrap_text_hero {
    position: relative;
    padding: 15px;
    text-transform: lowercase;
    text-align: center;
    margin-top: 80px;
}

.wrap_text_hero h2, .wrap_text_hero h1 {
    padding: 20px 0 10px 0;
    font-family: 'circularmedium';
    font-size: 30px;
    line-height: normal;
    margin: 0;
    color: #fff;
}


.wrap_text_hero p {
    padding: 0px 0 0 0;
    font-family: 'Lato';
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    color: #fff;
}

.overlay_hero_mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    top: 0;
    left: 0;
}

.sect_relative {
    position: relative;
}


.link_filter_mobile {
    position: relative;
}

.link_filter_mobile ul {
    text-align: center;
    margin:40px 0 0 0;
    padding: 0;
}

.link_filter_mobile ul li{
     display: inline-block;
     margin-right: 15px;
}


.link_filter_mobile ul li a{
    padding:0;
    color:#fff;
    font-family: 'circularmedium';
    font-size: 20px;
    line-height: normal;
    margin:0;
}

.link_filter_mobile ul li a:hover {
  border-bottom: 2px solid #fff;
  padding-bottom: 7px;
}

.link_filter_mobile ul li a.active{
    border-bottom: 2px solid #fff;
     padding-bottom: 7px;
}



.banner_prof {
    position: relative;
}

.overlay_bg_prof {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   /* background: rgba(2, 2, 2, 0.06);*/
}

.cta_prof_banner {
    position: relative;
    padding: 30px;
}

.cta_prof_banner h2 {
    padding:0;
    color:#1A453B;
    font-family: 'circularmedium';
    font-size: 25px;
    line-height: normal;
    margin:0;
}


.cta_prof_banner p {
    padding:10px 0 0 0;
    color:#1A453B;
    font-family: 'Lato';
    font-size: 14px;
    line-height: normal;
    margin:0;
}


.btn_prof_cta{
   position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    border: 1px solid #1A453B;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.btn_prof_cta:hover {
    border: 1px solid #1A453B;
    color: #1A453B !important;
}

.wrap_professional_list {
    position: relative;
    margin-bottom: 30px;
}

.wrap_professional_list:hover  .overlay_prof{
opacity: 1;
transition: opacity 0.4s ease;
}

.wrap_professional_list:hover  .wrap_statistic_prof{
opacity: 1;
}


.pict_prof {
    position: relative;
}


.caption_prof  {
    position: relative;
    padding: 10px 0 0 0
}

.caption_prof  h3 {
    padding:5px 0 0 0;
    margin:0;
    line-height: normal;
    font-size: 16px;
    font-family: 'circularmedium';
}


.caption_prof  h3 a{
    line-height: normal;
    font-size: 16px;
    font-family: 'circularmedium';
}


.caption_prof  h3 a:hover{
    border-bottom: 1px solid #1A453B;
}


.caption_prof  h4 {
    padding:0;
    margin:0;
    font-size: 16px;
    font-family: 'circularmedium';
}

.caption_prof  p {
    padding:0px 0 0 0;
    margin:0;
    font-size: 13px;
    color:#333;
    font-family: 'Lato';
}



.cat_prof_list {
    text-align: left;
    position: relative;
}

.cat_prof_list ul {
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}


.cat_prof_list ul li {
    list-style: none;
    line-height: 1 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    padding: 0px 0 0 0;
    margin: 0;
    margin-right: 8px;
    font-weight: normal;
    font-size: 14px;
    float: left;
}

.cat_prof_list ul li a {
    list-style: none;
    line-height: 1 !important;
    color: #777;
    font-family: 'Lato', sans-serif;
    padding: 3px 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    float: left;
}


.cat_prof_list ul li a:hover {
    background-color: #1A453B;
    color: #fff;
}
.nopadleft{
    padding-left: 0 !important;
}

.overlay_prof {
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
opacity: 0;
     background: linear-gradient( to top, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 57% );

}

.btn_follow_prof {
    position: absolute;
    right: 15px;
    top:15px;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0px 0 0 0;
    font-size: 13px;
    line-height: 2em;
    text-transform: lowercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    padding: 4px 18px;
    cursor: pointer;
    z-index: 3;
    font-family: 'lato' !important;
        border-radius: 3px;
}


.btn_follow_prof:hover {
  background-color: #eee;
}

.wrap_statistic_prof {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    text-align: center;
    bottom:0;
    height: 40px;
    background: transparent;
}

.wrap_statistic_prof ul {
margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.wrap_statistic_prof ul li {
    list-style: none;
    line-height: 1.5 !important;
    color: #fff;
    font-family: 'Lato', sans-serif;
    padding: 8px;
    margin: 0;
    font-weight: normal;
    font-size: 15px;
    display: inherit;
}


.wrap_statistic_prof ul li i {
    margin-right: 5px;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    color: #3d423e !important;
    background-color: #daecde !important;
    border-color: #daecde !important;

}

.pagination > li > a, .pagination > li > span{
     font-family: 'circularmedium';
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1A453B;
    border-color: transparent;
}

.pagination > li > a, .pagination > li > span {
    background-color: #ffffff;
    border: 1px solid transparent !important;
}
.page-item:first-child .page-link {
    height: 40px;
     font-family: 'circularmedium';
} 

.page-item:last-child .page-link {
 font-family: 'circularmedium';
    height: 40px;
}

.bg_banner {
    background-color:#1A453B;
    margin-bottom: 30px;
}

.bg_text_banner_prof {
    position: absolute;
    width: 50%;
    right: 0;
    height: 100%;
    background: transparent;
    padding: 78px 90px 0 0;
    top: 0;
}

.bg_text_banner_prof  h2{
    padding:0;
    margin:0;
    font-size:30px;
    line-height: normal;
    color:#fff;
    font-family: 'circularmedium';
}


.bg_text_banner_prof  p{
    padding:10px 0 0 0;
    margin:0;
    font-size:16px;
    line-height: normal;
    color:#fff;
    font-family: 'lato';
}



.cat_blog_mob {
    position: relative;
}

.cat_blog_mob ul {
    position: relative;
}

.cat_blog_mob ul {
   text-align: center;
   margin:40px 0 0 0;
   padding: 0;
}

.cat_blog_mob ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}


.cat_blog_mob ul li a{
    font-family: 'circularmedium';
    font-size: 18px;
    position: relative;
    line-height: normal;
    color: #777;
    margin: 0;
    padding: 6px 4px;
    border-radius: 4px;

}

.cat_blog_mob ul li a:hover {
  border-bottom: 2px solid #1A453B;
  padding-bottom: 7px;
}

.cat_blog_mob ul li a.active{
    border-bottom: 2px solid #1A453B;
     padding-bottom: 7px;
}

.wrap_podcast_embed {
    margin-bottom: 30px;
    position: relative;
    background: #f7f7f7;
    padding: 10px;
    margin-top: 30px;
}

.detail_podcast {
    text-align: center;
    position: relative;
}





.detail_podcast h2,.detail_podcast h1 {
    padding: 0;
    margin: 0;
    line-height: normal;
    color: #1A453B;
    font-size: 26px;
    font-family: 'circularmedium';
}


.detail_podcast h3 {
    padding: 10px 0 15px 0;
    margin: 0;
    line-height: normal;
    color: #1A453B;
    font-size: 20px;
    font-family: 'circularmedium';
}


.detail_podcast h6 {
    padding: 10px 0 0px 0;
    margin: 0;
    line-height: normal;
    color: #777;
    letter-spacing: 2px;
    font-size: 16px;
    font-family: 'Lato';
}


.detail_podcast p {
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 1.5;
    color: #1A453B;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Lato';
}


.heading_section_podcast {
    position: relative;
    text-align: center;
}


.heading_section_podcast h3,.heading_section_podcast h2 {
    padding: 0 0 30px 0;
    margin:0;
    font-size: 24px;
    font-family: 'circularmedium';
    color:#000;
}


.overlay_shop_featured {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.overlay_shop_featured.overlay_active {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}
.overlay_shop_featured .feature_shop_banner.text_light h2, .overlay_shop_featured .feature_shop_banner.text_light .btn_listen{
    color:#fff !important;
    border-color:#fff !important;
}


.feature_shop_banner {
    margin-top: 140px;
    padding: 30px;
    text-align: center;
    position: relative;
}

.feature_shop_banner h2, .feature_shop_banner h1 {
    padding:0 0 15px 0;
    margin:0;
    line-height: normal;
    color:#1A453B;
    font-size: 30px;
    font-family: 'circularmedium';
}

.wrap_shop_intro {
    position: relative;
}

.wrap_shop_intro h3 {
    padding:0 0 15px 0;
    margin:0;
    line-height: normal;
    color:#1A453B;
    font-size: 30px;
    font-family: 'circularmedium';
}

.wrap_shop_intro p {
    padding:0;
    margin:0;
    line-height: 1.5;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Lato';
}

.wrap_cat_shop {
    position: relative;
    margin-bottom: 30px;
}

.wrap_cat_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.0);
}

.btn_cat_shop{
    display: inline-block;
    vertical-align: middle;
    width: 202px;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
    left: 50%;
    line-height: 1.9;
    margin-left: -99px;
    text-align: center;
    margin-top: -50px;
    position: absolute;
    bottom: 18%;

}

.btn_cat_shop:hover {
    color: #fff !important;
    background-color: #1A453B;
}

.headermarket {
    background: none !important;
    background-position: 61% 0 !important;
    background-color: #fff !important;
}

.searchbar {
    background-color: #eee !important;}


.heading_section_shop {
    position: relative;
    text-align: center;
}

.heading_section_shop h3 {
    padding: 0 0 30px 0;
    margin:0;
    font-size: 30px;
    font-family: 'circularmedium';
    color:#000;
    text-transform: lowercase;
}

.banner_article {
    position: relative;
}


.thumb_article_banner {
    height: 250px;
    overflow: hidden;
}

.overlay_banner_article {
    position: absolute;
    width: 100%;
    height: 100%;
    padding:40px;
    left:0;
    top:0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0, 0, 0, 0.25) 73%);
}

.overlay_banner_article h3{
    padding:60px 0 0 0;
    margin:0;
    font-size: 30px;
    max-width: 600px;
    margin:0px auto;
    text-transform: lowercase;
    color:#fff;
    text-align: center;
}

.read_more_article{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
    left: 50%;
    line-height: 1.9;
    margin-left: -72px;
    text-align: center;
    margin-top: -50px;
    position: absolute;
    bottom: 36%;
}

.read_more_article:hover{
    background-color: #1A453B;
    color:#fff;
}

.caption_cat_mob{
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    font-size: 13px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
    padding: 10px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
    left: 50%;
    line-height: 1.9;
    margin-left: -80px;
    text-align: center;
    margin-top: -50px;
    position: absolute;
    bottom: 18%;
}

.wrap_intro_shop {
    position: relative;
    text-align: center;
}

.wrap_intro_shop h2 {
    margin:0;
    padding: 0 30px 20px;
    line-height: normal;
    margin: 0;
    font-size: 22px;
    font-family: 'circularmedium';
    color: #000;
    text-transform: lowercase;
}

.wrap_intro_shop p {
    margin: 0;
    padding: 0 0 30px 0;
    line-height: 1.5;
    margin: 0;
    font-size: 18px;
    font-family: 'Lato';
    color: #333;
    text-transform: lowercase;
}

    .line_green{
    max-width: 100px;
    margin: 0px auto;
    height: 2px;
    background: #1A453B;
    }

    .wrap_product_list_mob {
    position: relative;
    width: auto;
    margin-bottom: 20px; 
    }

.wrap_thumb_prod_mob {
    position: relative;
}

.overlay_hero_marketplace {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.0);
    top: 0;
    left: 0;
}

.wrap_text_hero_marketplae {
    position: relative;
    padding: 15px;
    text-transform: lowercase;
    text-align: center;
    margin-top: 80px;
}

.wrap_text_hero_marketplae h2 {
    padding: 20px 0 10px 0;
    font-family: 'circularmedium';
    font-size: 30px;
    line-height: normal;
    margin: 0;
    color:#1A453B;
}

.btn_banner_shop_cta {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.tab__list {
     margin-top: 50px;
}

.headingtab_product_desc{
    position: relative;
    margin-bottom: 30px;
}

.headingtab_product_desc h3{
    margin:0;
    font-size: 30px;
    line-height: normal;
    text-align: center;
    padding: 0 0 15px 0;
    font-family: 'circularmedium', sans-serif;
}

.headingtab_product_desc p{
    line-height: normal;
    padding: 0;
    max-width: 90%;
    margin:0px auto;
    font-size: 16px;
    color: #000;
}

.wrap_prod_detail_mob {
    position: relative;
    padding-top: 10px;
    margin-bottom: 30px;
}

.wrap_prod_detail_mob h3, .wrap_prod_detail_mob h1 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-family: 'circularmedium', sans-serif;
    color: #000;
    line-height: normal;
    text-transform: lowercase;
}

.wrap_prod_detail_mob h4 {
    padding: 3px 0 0 0;
    margin:0;
    font-size: 18px;
    color:#777;
    font-family: 'Lato', sans-serif;
}

.bg_Section_mob {
    background-color: #eee;
}

.prod_detail_desc_mob {
    position: relative;
    text-align: center;
}

.prod_detail_desc_mob h3 {
    padding:0;
    margin:0;
    font-size: 20px;
    font-family: 'circularmedium', sans-serif;
    color: #000;
    line-height: normal;
}

.prod_detail_desc_mob p {
    padding:20px;
    margin:0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #000;
    line-height: normal;
}

.flex-control-nav li a {border: 1px solid #9a9a9a;}
.flex-control-nav li:hover a, .flex-control-nav li a.flex-active {background-color: #1A453B;}
.btn_cta_reg { border-radius: 0px !important;}
.mr_ic{ margin-right: 10px;}
.progress {height: 10px;}
.progress-bar {background-color: #1a453b;}
.duration_podcast {position: relative; margin-top: 35px;}

.duration_podcast p {
    padding:0px 0 10px 0;
    margin:0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #777;
    line-height: normal;
}

.duration_podcast p span {
    float: right;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #777;
    line-height: normal;
}

.box_subcribe_podcast{
    max-width: 100%;
    margin: 24px auto;
    padding: 24px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.box_subcribe_podcast p{
    padding: 15px 0 10px 0;
    margin: 0;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #333;
    line-height: 1.5;
    text-transform: lowercase;
}

.payment_method_wrap{
    text-align: center;
    position: relative;
}

.payment_method_wrap h3 {
    padding:0 0 10px 0;
    margin:0;
    font-size: 18px;
    font-family: 'circularmedium', sans-serif;
    color: #000;
    line-height: normal;
    text-transform: lowercase;
}

.subscribe_plan ul {
    margin:10px 0 0 0;
    padding: 0 0 0 0px;
    text-align: left;
    list-style: none;
}

.subscribe_plan ul li{
    line-height: 1.5;
    color: #1A453B;
    font-size: 16px;
    font-weight: normal;
    text-transform: lowercase;
    font-family: 'Lato';
}

.subscribe_plan ul li i {
    margin-right: 5px;
}

.payment_method_wrap img {
    margin:0px auto;
    width: 100px;
    margin-bottom: 20px;
}

.subscribe_plan p {
    padding: 15px 0 10px 20px;
    margin: 0;
    text-align: left;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #333;
    line-height: 1.5;
    text-transform: lowercase;
}

.subscribe_plan {
    background: #fff;
    position: relative;
    max-width: 100%;
    margin: 24px auto;
    padding: 24px;
    border: 1px solid #D9DADC;
    text-align: center;
}

.subscribe_plan img {
    margin:0px auto;
    width: 300px;
}

.price_subscribe {
    font-size: 2.2rem;
    font-weight: 700;
     padding: 10px 0 0 0;
    text-align: center;
    margin:0;
    margin-top: 10px;
    font-family: 'circularmedium' !important;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1;
    color:#1A453B;
}

.price_subscribe span {
    font-size: 18px;
    color:#1A453B !important;
}

h2.text_head_subscribe,h1.text_head_subscribe  {
    padding: 0;
    font-family: 'circularmedium';
    font-size: 24px;
    text-transform: lowercase;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.wrap_lh_hero{
    position: relative;
    max-width: 80%;
    margin:0px auto;
    margin-top: 190px;
    text-align: center;
}

.wrap_lh_hero h1{
    padding: 20px 0 10px 0;
    font-family: 'circularmedium';
    font-size: 40px;
    line-height: normal;
    margin: 0;
    color: #1A453B;
}

.wrap_lh_hero p{
    padding: 15px 0 0px 0;
    font-family: 'Lato';
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    color: #1A453B;
}

.wrap_about_tds_home {
    position: relative;
}

.wrap_about_tds_home h2 {
    padding: 0 0 0 0; /*20px*/
    margin:0;
    text-align: center;
    font-family: 'circularmedium';
    font-size: 30px;
    line-height: normal;
    margin: 0;
    color: #1A453B;
}

.wrap_about_tds_home {
    margin-bottom: 30px;
}

.wrap_fo_featured {
    border:1px solid #eee;
    position: relative;
    padding: 30px;
}

.wrap_fo_featured:hover {
    background-color: #f3f3f3;
}

.wrap_fo_featured  h3{
    padding:0 0 10px 0;
    margin:0;
    text-align: center;
    text-transform: lowercase;
    font-family: 'circularmedium';
    font-size: 22px;
    line-height: normal;
    margin: 0;
    color: #1A453B;
}

.wrap_fo_featured  p{
    padding:0 0 10px 0;
    margin:0;
    text-align: center;
    font-family: 'Lato';
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    text-transform: lowercase;
    color: #1A453B;
}

.wrap_graphic {
    position: relative;
    width:150px;
    margin:0px auto;
    height: 150px;
    border-radius: 100%;
    margin-bottom: 20px;
}

.wrap_graphic  img{
    border-radius: 100%;
}

.wrap_fo_featured  p a{
    text-align: center;
    font-family: 'circularmedium';
    font-size: 18px;
    line-height: normal;
    margin: 15px 0 0 0;
    color: #1A453B;
    border-bottom: 1px solid #1A453B;
}

.col_50_banner {
    position: relative;
    padding:0;
    width: 50%;
    float: left;
    min-height: 1px;
}


.overlay_banner_lp {
    position: absolute;
    width: 100%;
    height: 100%;
    padding:120px;
    left:0;
    top:0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0, 0, 0, 0.3) 73%);
}

.overlay_banner_lp h3,.overlay_banner_lp h2{
    padding: 10px 0 5px 0;
    margin:0;
    font-size: 40px;
    font-family: 'circularmedium';
    max-width: 600px;
    margin:0px auto;
    border-bottom: 2px solid #fff;
    text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);
    color:#fff;
    text-align: center;
}


.overlay_banner_lp p{
    padding:10px 0 10px 0;
    margin:0;
    text-align: center;
    font-family: 'Lato';
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    text-transform: lowercase;
    color: #fff;
}


.read_more_banner {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
    left: 50%;
    line-height: 1.9;
    margin-left: -42px;
    text-align: center;
    margin-top: -50px;
    position: absolute;
    bottom: 15%;
}

.read_more_banner:hover {
    background-color: #1A453B;
    color:#fff;
}

.bg_service {
    background-color: #eee!important;
}


.wrap_service_featured {
    border:1px solid #eee;
    position: relative;
    padding: 0px;
}

.wrap_service_featured:hover {
    background-color: #f3f3f3;
}

.wrap_service_graphic {
    position: relative;
    margin:0px auto;
    border-radius: 100%;
    margin-bottom: 20px;
}

.wrap_service_graphic  img {
    margin-bottom: 20px;
}

.wrap_service_featured  p a{
    text-align: center;
    font-family: 'circularmedium';
    font-size: 18px;
    line-height: normal;
    margin: 15px 0 0 0;
    color: #1A453B;
    border-bottom: 1px solid #1A453B;
}

.banner_service{
   position: relative;
}

.overlay_banner_service {
    position: absolute;
    width: 100%;
    height: 100%;
    padding:100px;
    text-align: center;
    left:0;
    top:0;
    background-color: rgba(0, 0, 0, 0.25);
}

.overlay_banner_service h3, .overlay_banner_service h1{
    padding: 100px 0 0 0;
    margin: 0;
    font-size: 70px;
    max-width: 600px;
    margin: 0px auto;
    font-family: 'circularmedium';
    color: #fff;
    text-align: center;
}

#primary-menu.style-2{
    border-top: 1px solid transparent ;
}

#primary-menu ul > li{
    border-right: 1px solid transparent !important;
}

#primary-menu.style-2 > div > ul > li > a {
    font-size: 19px !important;
}

/*#primary-menu ul li > a{
    font-size: 19px !important;
}/*

#header.sticky-style-2{
    height: auto !important;
}

/* Override Header New */
 .custom_header_ic{
    font-size: 18px !important;
    line-height: 1.8 !important;
 }


.btn_cta_login {
    height: 35px !important;
    color: #fff !important;
    border-radius: 3px;
    margin-top: 15px;
    padding: 0 20px !important;
    margin-top: 15px;
    border: 1px solid #DAECDE;
    background-color: #DAECDE;
    color: #000 !important;
    line-height: 1.8 !important;
}

.nobottom_border {
    border-bottom: 1px solid #CBDBCD !important;
}

.marleft_30 {
    margin-left: 30px !important;
}

.bor_dark_aqua {
    border: 1.5px solid #DAECDE!important;
    background: #DAECDE;
    line-height: 1.5;
    color: #001d16  !important;
}

.cat_list_display {
    position: relative;
    padding: 6px;
    display: block;
    color: #ccc;
    text-align: center;
    border-radius: 5px;
    border: 1.5px solid #ccc;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: lowercase;
    font-size: 15px !important;
}

.bor_dark_aqua:hover{
    border: 1.5px solid #c7e4ca!important;
    background: #c7e4ca;
    line-height: 1.5;
    color: #1a453b !important;
}

.btn_link_bottom {
    position: fixed;
    right: 6%;
    z-index: 9;
    bottom: 30px;
    cursor: pointer;
    padding: 8px 10px 8px 10px;
    width: auto;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #daecde;
    color: #001d16;
    background-color: #daecde;
}

.portfolio-overlay a:hover {
    color: #001d16;
    background-color: #c7e4ca;
}

.bor_bot {
    border-bottom: 1px solid #1a453b;
    margin-bottom: 10px;
}

.wrap_about_footer {
    position: relative;
    margin-bottom: 30px;
}

.wrap_about_footer p {
    padding: 0;
    margin: 0;
    line-height: 1.5;
    color: #1A453B;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Lato';
} 

.wrap_about_footer h3 {
    padding: 10px 0 15px 0;
    margin: 0;
    line-height: normal;
    color: #1A453B;
    font-size: 20px;
    font-family: 'circularmedium';
}

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

.wrap_about_footer ul li{
}

.wrap_about_footer ul li a{
    line-height: 1.5;
    color: #1A453B;
    font-size: 16px;
    font-weight: normal;
    text-transform: lowercase;
    font-family: 'Lato';
}

.wrap_about_footer ul li a:hover{color: #1A453B;}
.pad_l0 { padding-left: 0 !important;}
 .btn_payment_cta {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    margin: 0px 0 0 0;
    text-align: center;
    font-size: 16px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .20em;
    text-transform: lowercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #D9EBDD;
    border: 1px solid #D9EBDD;
    overflow: hidden;
    padding: 9px 15px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}


a.btn_cta_mini {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 14px;
    font-weight: 300;
    text-transform: lowercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B !important;
    background-color: #D9EBDD;
    overflow: hidden;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

a.btn_cta_mini:hover {
    color:#1A453B;
}

.btn_cta_mini i {
    color:#1A453B;
    margin-right: 5px;
}

.btn_subscribe {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #D9EBDD;
    border: 1px solid #D9EBDD;
    overflow: hidden;
    padding: 9px 35px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.btn_subscribe:hover {
    border: 1px solid #D9EBDD;
    color: #1A453B !important;
    background-color: #D9EBDD;
}

.btn_banner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    border: 1px solid #1A453B;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.overlay_banner_service a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.overlay_banner_service a:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.btn_login {
    background-color: #DAECDE !important;
    border: 1px solid #DAECDE  !important;
    line-height: 30px;
    color: #1A453B !important;
}

#copyrights.bg_f9f9f9 {
    background-color: #DAECDE !important;
    border-top: 1px solid #eee;
}

.service_overlay{
    width: 90%;
    bottom: 8%;
    left: 0;
    position: absolute;
    left: -1%;
    margin-left: 23px;
    background-color: #fff;
    padding: 5px;
}

.service_overlay  h3{
    padding:5px 0 5px 0;
    margin:0;
    text-align: center;
    text-transform: lowercase;
    font-family: 'circularmedium';
    font-size: 20px;
    line-height: normal;
    margin: 0;
    color: #1A453B;
}

.service_overlay  p{
    padding:0 0 10px 0;
    margin:0;
    text-align: center;
    font-family: 'Lato';
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    text-transform: lowercase;
    color: #1A453B;
}

#primary-menu ul li.current > a > div {padding: 3px; border-bottom: 2px solid #1A453B;}
.cover_txt_blog {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    top:0;
    text-align: center;
}

.cover_txt_blog_content{
    display: table-cell;
    width: 100%;
    position: relative;
    height: 530px;
    vertical-align: middle;
    text-align: center;
}

.cover_txt_blog h3 {
    padding:0 0 5px 0;
    margin:0;
    text-align: center;
    text-transform: lowercase;
    font-family: 'circularmedium';
    font-size: 30px;
    line-height: normal;
    max-width: 700px;
    margin: 0px auto;
    color: #fff;
}


.cover_txt_blog  a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .36em;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden;
    padding: 6px 20px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
}

.hashtag_list ul li a, .hashtag_list ul li span {
    font-size: 14px !important;
} 


a.help-link {
    font-size: 1rem;
    font-weight: bold;
    padding: .5rem 1rem;
    background-color: #daecde !important;
    color: #1A453B !important;
    margin: .3rem;
    border-radius: .35rem;
    display: inline-block;
}

.f_14_txt{
    font-size: 14px !important;
}

.btn_cta_signup {
    position: relative;
}

.btn_cta_signup  {
    border: 1px solid #eee;
    display: block;
    padding:10px;
    text-align: center;
    font-size: 16px;
    font-family: 'circularmedium' !important;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
}

.btn_cta_signup i {
    float: right;
}

.btn_cta_signup:hover {
    background-color: #eee;
}

.btn_upload .for_upload {
color: #1A453B !important;
font-weight: 600 !important;
}

.heading_footer {
position: relative;
margin-top: 0px !important;
}

.boxed-slider {
    /*padding-top: 30px !important;*/
}

input {
   -webkit-appearance: none;
}

.select2-container .select2-search--inline .select2-search__field {margin-top: 0px; }

.wrap_detail_content {
    position: relative;
}

.wrap_portfolio_detail_content h3 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 20px;
    font-family: 'circularmedium', sans-serif;
    color: #fff;
    line-height: normal;
}

.wrap_portfolio_detail_content h4 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 22px;
    font-family: 'circularmedium', sans-serif;
    color: #fff;
    line-height: normal;
}

.wrap_portfolio_detail_content h4 a {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    font-family: 'GothamLight', sans-serif;
    color: #fff;
    line-height: normal;
}

.wrap_portfolio_detail_content p {
    padding: 10px 0 0px 0;
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    font-family: 'Lato', sans-serif;
    color: #fff;
}

.txt_light_mod{color: #fff !important;}
.photo_zoom_content .portfolio_designer ul li p{color: #fff !important;}
.wrap_cat_sub_shop {position: relative;}
.wrap_cat_sub_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.0);
}

.btn_cat_sub_shop {
    display: inline-block;
    vertical-align: middle;
    width: 202px;
    font-size: 14px;
    line-height: 2em;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: lowercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    color: #1A453B;
    background-color: #fff;
    overflow: hidden;
    padding: 6px 10px;
    cursor: pointer;
    z-index: 3;
    font-family: 'circularmedium' !important;
    left: 50%;
    line-height: 1.4;
    margin-left: -99px;
    text-align: center;
    margin-top: -50px;
    position: absolute;
    bottom: 14%;
}

.pad_top10 {padding-top: 10px;}
/* Adjust Header Markerplace*/
/* Adjust Header Markerplace*/

.min_h_card {min-height: 136px;margin-top: 15px;}
.mfp-content .divcenter{border-radius: 0px !important}
.headermarket  #header-wrap {padding-top: 30px;}
#header.transparent-header {background: #fff;}
#primary-menu ul li .pCat__ {top: 160px !important;}
#header.sticky-header #header-wrap{ padding-top: 0;}
#header { height: 161px; border-bottom: 1px solid #eee;}
.dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a{ margin-top: 5px;}
/* Adjust Header Markerplace*/
.heading_section_shop h3 {line-height: 1.3 !important;}
.pad_info_prod {padding-top: 10px;  padding-bottom: 10px;}
.pad_info_prod  h3 {padding-top: 20px;}
.read_moresub {position: absolute;  bottom: 0;  left: 0; width: 100%;  text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, transparent, black);}
/* .blog_content div:after{
    text-align: left;
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(250, 250, 250, 0.69) );
} */

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


.pricing-box {min-height: 441px; }

.pricing-action {
    padding: 15px 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.button-darkgreen i {
    color: #1A453B !important;
} 
.button-darkgreen:hover i {
    color: #1A453B !important;
}

.photo_zoom_img_tools .btn_cta_2 {
    color: #fff !important;
    border: 1px solid #fff;
}

.radio-style-3-label:before {
    border: 1px solid #1A453B !important;
} 

.bg_featured_article_mp {
    background-color: #eee;
}

.alert { border-radius: 0;}