/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*
Addendum: This theme has been significantly modified from the parent theme.
*/
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); */
@font-face {
    font-family: dejarip;
    src: url(fonts/dejaweb/DejaWeb.ttf);
    font-display: swap;
}
@font-face {
    font-family: open-sans;
    src: url(fonts/open-sans/OpenSans-Regular.ttf);
    font-display: swap;
}
/*Customer Id Terang login page css*/
@font-face {
    font-family: "Bebas";
    src:
        url("/wp-content/themes/dt-the7-child/fonts/bebas/BEBAS___.otf"),
        url("/wp-content/themes/dt-the7-child/fonts/bebas/BEBAS___.woff") format("woff"),
        url("/wp-content/themes/dt-the7-child/fonts/bebas/BEBAS___.TTF") format("truetype");
    font-display: swap;
}

/*Customer Id Terang login page css*/

@font-face {
    font-family: futurabt-bold;
    src:
        url("/wp-content/themes/dt-the7-child/fonts/futurabt/futura-bt-bold-webfont.woff") format("woff"),
        url("/wp-content/themes/dt-the7-child/fonts/futurabt/futura-bt-bold.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Montserrat-bold";
    src:
        url("/wp-content/themes/dt-the7-child/fonts/montserrat/montserrat-bold-webfont.woff") format("woff"),
        url("/wp-content/themes/dt-the7-child/fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2");
}

html {
    overflow-y: scroll !important;
    margin-right: 0 !important;
}
#site2container,
#site3container,
#site2visible,
#site3visible {
    display: none;
}
#removesitediv1,
#removesitediv2,
#removesitediv3 {
    display: none;
}
.ajax-loader-container {
    text-align: center;
}
.error404 .page-title .wf-wrap {
    min-height: 100px;
}
.vendor-main input:-internal-autofill-selecteds {
    background-color: black !important;
}
.wpcf7 .ajax-loader.custom-ajax-loader {
    background-image: url(/wp-content/uploads/2019/03/circleLoading-slow1.gif);
    visibility: hidden;
    display: inline-block;
    width: 24px;
    height: 25px;
    background-position: center;
    background-size: cover;
}
.wpcf7 .ajax-loader.is-active.custom-ajax-loader {
    visibility: visible;
}
.switch-form {
    border: 1px solid #2b3033;
    overflow: hidden;
}
#thinking-icon {
    display: none;
    margin: auto;
}
.logged-in-page .wf-padded {
    padding: 2%;
    background-image: url(/wp-content/uploads/2016/12/skin05r.stripes-stripe-1-bg-image.gif);
}
.logged-in-page .benefit-line-decoration img {
    height: 3em;
}
.wf-cell:first-of-type .wf-padded {
    background-image: none;
}
.bot-im-sec img {
    width: 100%;
    height: auto;
}
.wpcf7-form-control-wrap {
    margin-top: 0;
    display: block;
}
#linktocopy {
    word-wrap: break-word;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    position: absolute;
    background-color: #fff !important;
    color: #000;
    right: -10px !important;
    border-radius: 25px;
    width: 24px;
    height: 24px;
    top: -10px;
    opacity: 1;
    font-size: 22px;
    line-height: normal;
}
img.mfp-img {
    background-color: #fff;
    padding: 0 !important;
}
.mfp-content {
    padding-left: 1%;
    padding-right: 1%;
}
.mfp-figure {
    position: relative;
}
.mfp-image-holder .mfp-content {
    padding-top: 70px;
}
.phone-link {
    color: #5f676c;
    text-decoration: none;
}
.phone-link:hover {
    color: #5f676c;
}
#wpcf7-f2404-p2398-o1 i {
    color: #8d8d8d !important;
}
.vendor-main .um-field-error {
    border-radius: 0;
    background-color: #f65831;
}
.vendor-main .um-field-arrow {
    color: #f65831;
}
.vendor-main .wpcf7 .wpcf7-form a,
.vendor-main .wpcf7 .wpcf7-form a:hover {
    color: #8ac52d;
    text-decoration: none;
    font-weight: 700;
}
.vendor-main input[name="next-nmi-site2"],
.vendor-main input[name="next-nmi-site3"] {
    margin-top: 30px;
}
.vendor-main div.wpcf7-mail-sent-ok {
    color: #8ac52d;
    text-align: center;
}
.vendor-main .site1hidethis,
.vendor-main .site2hidethis,
.vendor-main .site3hidethis {
    margin: 0;
}
.vendor-main div.wpcf7-mail-sent-ng {
    border: none;
}
.vendor-main .action-icon {
    height: 24px;
    width: auto;
    vertical-align: bottom;
    padding-bottom: 1px;
}
.vendor-main button.fw:focus {
    outline-color: #8ac52d;
}
.vendor-main button.fw,
.vendor-main button.fw:hover {
    color: #000;
    background: -webkit-linear-gradient(left, #8ac52d 32%, #8ac52d 100%);
    border: 0;
    width: 100%;
    font-size: 18px;
    padding: 5px 25px 7px 15px;
    height: 43px;
    margin: 15px 0 0;
}
#wpcf7-f2404-p2398-o1 button.fw i.awesome-icon {
    color: #000 !important;
    font-size: 1.1em;
    margin: 0 15px 0 0;
}
.vendor-main div.wpcf7-validation-errors {
    border: none;
    text-align: center;
    color: #f65831;
}
.vendor-main .um-field-area {
    height: 0;
}
.vendor-main input,
.vendor-main textarea {
    background-color: #000;
    border-color: #000;
    font-size: 15px;
}
.vendor-main textarea {
    resize: none;
}
.vendor-main .um-field-radio-state {
    color: #8ac52d;
    background: -webkit-linear-gradient(left, #8ac52d 32%, #8ac52d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vendor-main .rollover i {
    background-color: inherit;
    display: block;
    background-image: url(/wp-content/uploads/2017/08/Magnifying-Glass.png);
    background-size: 60px 60px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
}
.vendor-main .rollover i::after {
    background-image: none;
}
.vendor-main {
    padding: 0 !important;
}
.vendor-main .content h1,
.vendor-main .content h2,
.vendor-main .content h3,
.vendor-main .content h4,
.vendor-main .content h5,
.vendor-main .content h6 {
    font-family: dejarip, Arial, sans-serif;
}
.vendor-main p,
.vendor-main .content div {
    font-family: open-sans, Arial, sans-serif;
}
.vendor-main .wpb_wrapper {
    color: #000;
}
.vendor-main .aio-icon-header h3.aio-icon-title {
    font-weight: 700;
}
.vendor-main li {
    padding: 0 0 0.5em 1.8em;
    margin-bottom: 0.2em;
    list-style: none;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2017/08/plain-tick-icon.png);
    background-size: 20px 20px;
}
.vendor-main .next-green {
    color: #8ac52d;
    text-decoration: none;
}
.vendor-main .dark-bg .button-block {
    padding: 5px 0;
    width: 100%;
    margin: 25px 0 0;
}
.vendor-main .quote-button {
    background-color: #8ac52d;
    border: none;
    color: #000;
    padding: 4px 13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 15px 0;
    cursor: pointer;
}
.vendor-main .aio-icon-header {
    white-space: inherit !important;
}
.vendor-main .service-first-row {
    margin-left: -500px;
    margin-right: -500px;
    background-color: #2b3033;
    padding: 20px 0;
}
.vendor-main .service-first-row h3 {
    color: #fff;
    padding-left: 500px;
}
.vendor-main .service-right-col {
    margin-top: -65px;
}
div.hidden_fields br {
    display: none;
}
span.tp-bullet-title {
    display: none;
}
#wpcf7-f1904-p1902-o1 .um-field-error {
    margin-top: 0;
}
i.um-icon-android-radio-button-on,
i.um-icon-android-radio-button-off {
    margin-left: 3px;
}
.um-field-radio-option-custom {
    margin: 0 0 0 36px;
    line-height: 24px;
    display: block;
}
.grey_button_download {
    margin-top: 20px;
    text-transform: uppercase !important;
    background: #fff;
}
.grey_button_download a {
    font:
        normal 500 15px / 17px Roboto,
        Helvetica,
        Arial,
        Verdana,
        sans-serif;
    color: #7ac143;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 13px 15px 14px 15px;
    display: block;
    border-radius: 4px;
    border: 2px solid #7ac143;
}
.grey_button_download a:hover {
    color: #fff;
    border-radius: 4px;
    border: 2px solid #00bfff;
}
.grey_button_download:hover {
    background: #00bfff;
}
.grey_button {
    font:
        normal 500 15px / 17px Roboto,
        Helvetica,
        Arial,
        Verdana,
        sans-serif;
    border-radius: 4px;
    padding: 12px 15px 14px 15px;
    line-height: 45px;
    margin-top: 20px;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    color: #7ac143;
    background: #fff;
    border: 2px solid #7ac143;
    text-decoration: none;
}
.grey_button:hover {
    background: #00bfff;
    border: 2px solid #00bfff;
    color: #fff;
}
.um-1756 .um-misc-ul {
    margin-left: 10px;
}
.um-1756 .um-misc-ul li:first-child {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    background: #eee;
    color: #656666;
    text-decoration: none;
    display: block;
    box-sizing: content-box;
    max-width: 198px;
    margin: auto;
}
.um-1756 .um-misc-ul li:last-child {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    background: #eee;
    text-decoration: none;
    display: block;
    max-width: 198px;
    margin: auto;
    box-sizing: content-box;
}
.um-dropdown {
    overflow: hidden;
}
.um-1756 .um-form .um-misc-ul li {
    list-style: none;
}
.um-1756 .um-form .um-misc-ul li a:hover {
    color: #fff !important;
}
.um-1756 .um-form .um-misc-ul li a {
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
    color: #656666;
}
.um-1756 .um-form .um-misc-ul li:hover {
    background: #00bfff;
}
.um-misc-with-img {
    border-bottom: 2px solid #eee !important;
}
.um-misc-ul::before {
    content: "\f0d8";
    box-sizing: content-box;
    font-family: FontAwesome !important;
    font-size: 25px;
    color: #eee;
    position: relative;
    bottom: -12px;
    left: 133px;
}
.um-1756 .um-misc-img img {
    width: 120px;
    height: 120px;
}
.um-account .um-account-main label {
    font-size: 16px !important;
    font-weight: 600;
    color: #656666;
}
.site1fileuploadfield,
.site2fileuploadfield,
.site3fileuploadfield {
    display: none;
}
.aio-icon-box {
    display: block !important;
}
div.wpcf7-mail-sent-ok {
    border: none;
    color: #00bfff;
    transform: translate(-13px, 0);
}
div.wpcf7-response-output {
    margin-top: 0.5em;
}
.Defaults-chevron-circle-right {
    padding-left: 3px;
}
li.icon_list_item {
    font-size: 52px !important;
}
.small-to-medium-list .smile_icon_list li .icon_list_icon {
    height: 2.3em !important;
    line-height: 2em !important;
}
.smile_icon_list.left li .icon_description {
    height: 2.3em !important;
    line-height: 2.3em !important;
    padding-left: 18px !important;
}
#wpcf7-f1879-p1880-o1 .wpcf7-submit {
    text-transform: uppercase;
}
.wpcf7 .wpcf7-form .wpcf7-submit {
    margin-top: 20px;
    letter-spacing: 1px;
    min-height: 48px !important;
    /*padding: 13px 15px 16px 15px!important;*/
    line-height: 0;
}
.accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar::after {
    display: none;
}
#footer .wf-container-footer {
    padding-left: 6px;
}
.textwidget a {
    text-decoration: none;
}
.small-to-medium-list .smile_icon_list li .icon_list_icon {
    width: 20px;
}
.small-to-medium-list .smile_icon_list li.icon_list_item {
    margin: 0 !important;
}
.dt-mobile-header .text-area a:hover {
    color: #7ac143;
}
.dt-mobile-header .text-area a {
    font-size: 15px;
    font-weight: 100 !important;
    text-decoration: none;
    color: #656666;
    white-space: nowrap;
}
.accent-gradient .dt-close-mobile-menu-icon span {
    background: #7ac143;
}
.dt-mobile-header .text-area .gradient_colour,
.Defaults-chevron-circle-right,
.colourful-text-link a,
a.colourful-text-link,
.um-field-radio-state {
    color: #1990d1;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#pre-header-bar {
    height: 30px;
    width: 100%;
    padding-top: 3px;
    background-color: #00bfff;
}
#pre-header-bar a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
#pre-header-bar .fa-lightbulb,
#pre-header-bar .fa-thumbs-o-up {
    overflow: hidden;
}
#left-pre-header-bar {
    float: left;
    text-align: left;
    width: 43%;
    height: 27px;
}
#right-pre-header-bar {
    float: right;
    text-align: right;
    width: 57%;
}
#left-pre-header-bar > span {
    margin-left: 50px;
    display: inline-block;
}
/*
#right-pre-header-bar > span {
margin-right: 50px;
}*/
.no-margin {
    margin: 0;
}
.service-bg {
    background-image: url(/wp-content/uploads/2017/07/grey_banner.png);
    background-size: cover;
}
.next-image {
    height: 60px;
    width: auto;
    padding: 5px;
    margin-top: 25px;
}
.next-main-text,
#fancybox-content .wpcf7-validation-errors {
    color: #fff;
}
.next-sub-text {
    color: #8ac52d;
    font-size: 30px;
    line-height: 35px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.s7-1 {
    display: none;
}
#hero-tex {
    width: 100%;
}
.nbm {
    width: 1250px;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 100%;
}
.c:nth-of-type(2) {
    padding-right: 0;
    padding-left: 30px;
    clear: none;
}
.c50 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.c50 .with-header {
    padding: 0 30px 34px;
    position: relative;
}
.c50 .dark-bg {
    width: 100%;
    background-color: #2b3033;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    clear: left;
    color: #fff;
}
.c50 .ac {
    text-align: center !important;
}
.c50 .with-header h4 {
    background: #8ac52d;
    color: #111 !important;
    padding: 20px 30px;
    margin: 0 -30px 30px;
    position: relative;
    text-align: center;
}
.c50 .with-header h4::after {
    top: 100%;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #8ac52d;
    position: absolute;
    content: " ";
}
.c50 h4 {
    font-size: 1.4em;
    letter-spacing: -0.5px;
    padding: 0;
    float: left;
    clear: left;
    width: 100%;
    font-family: dejarip, Arial, sans-serif;
    line-height: 1.15;
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
}
.c50 .white {
    color: #fff;
}
.c50 .has-awesome-icon-top {
    position: relative;
    padding: 50px 0 0;
    min-height: 65px;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}
.c50 .has-awesome-icon-top .awesome-icon {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -32.5px;
    width: 45px;
    height: 45px;
    padding: 10px;
    text-align: center;
    font-size: 50px;
}
.c50 .awesome-icon {
    font-size: 50px;
    line-height: 100%;
    display: inline-block;
    font: normal normal normal 14px / 1 "Nbe";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c50 h5 {
    margin: 10px 0;
    padding: 0;
    line-height: 1.25;
    font-weight: 400;
    width: 100%;
    position: relative;
    font-family: dejarip, Arial, sans-serif;
    float: left;
    clear: left;
    font-size: 1.4em;
    letter-spacing: -0.5px;
    color: #fff;
}
#fancybox-close {
    top: -13px !important;
}
.c50 p {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 0;
    display: block;
    clear: left;
}
.s568 {
    display: none;
}
.j568 {
    display: block;
}
.accent-gradient #page .fancy-header .color-accent span,
.accent-gradient #page .wpb_content_element .wpb_accordion_header a:hover span {
    background: 0 0;
    -webkit-text-fill-color: #1990d1;
}
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
    padding-right: 10%;
}
/*
.wpb_accordion_header a:hover span {
-webkit-text-fill-color: #1990d1!important;
}
*/
.mob350 {
    display: none;
}
/**
 * Member only button
 */
.v2ndbutton {
    display: block;
    float: left;
    border-radius: 4px;
    max-width: 388px;
    width: 100%;
}
.mo-btn {
    display: inline-block;
    box-sizing: border-box;
    color: #ffffff;
    max-width: 388px;
    border-radius: 4px;
    padding: 13px 17px 15px 17px;
    background: #7ac143;
    text-align: center;
    width: 100%;
    text-decoration: none;
    letter-spacing: 1px;
    font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.mo-btn:hover {
    background: #00bfff;
    color: #fff;
}
.darker-bg {
    background-color: #000;
}
.s568 {
    display: none;
}
.c834 {
    display: none;
}
.c568 {
    display: none;
}

.codedropz-upload-handler .codedropz-upload-container {
    padding: 0;
}

@media all and (max-width: 1336px) and (min-width: 1113px) {
    .page-id-1927 .wf-wrap .hgroup,
    .page-id-1769 .wf-wrap .hgroup,
    .page-id-2494 .wf-wrap .hgroup,
    .page-id-1920 .wf-wrap .hgroup,
    .page-id-1880 .wf-wrap .hgroup,
    .page-id-1761 .wf-wrap .hgroup,
    .page-id-1767 .wf-wrap .hgroup,
    .page-id-1771 .wf-wrap .hgroup,
    .page-id-2468 .wf-wrap .hgroup,
    .page-id-1936 .wf-wrap .hgroup,
    .page-id-1763 .wf-wrap .hgroup,
    .page-id-2497 .wf-wrap .hgroup,
    .page-id-1902 .wf-wrap .hgroup {
        margin-top: 40px !important;
    }
}
@media all and (max-width: 1112px) and (min-width: 834px) {
    .page-id-1927 .wf-wrap .hgroup,
    .page-id-1769 .wf-wrap .hgroup,
    .page-id-2494 .wf-wrap .hgroup,
    .page-id-1920 .wf-wrap .hgroup,
    .page-id-1880 .wf-wrap .hgroup,
    .page-id-1761 .wf-wrap .hgroup,
    .page-id-1767 .wf-wrap .hgroup,
    .page-id-1771 .wf-wrap .hgroup,
    .page-id-2468 .wf-wrap .hgroup,
    .page-id-1936 .wf-wrap .hgroup,
    .page-id-1763 .wf-wrap .hgroup,
    .page-id-2497 .wf-wrap .hgroup,
    .page-id-1902 .wf-wrap .hgroup,
    .page-id-3749 .wf-wrap .hgroup {
        margin-top: 37px !important;
    }
}
@media all and (max-width: 833px) and (min-width: 700px) {
    .page-id-1927 .wf-wrap .hgroup,
    .page-id-1769 .wf-wrap .hgroup,
    .page-id-2494 .wf-wrap .hgroup,
    .page-id-1920 .wf-wrap .hgroup,
    .page-id-1880 .wf-wrap .hgroup,
    .page-id-1761 .wf-wrap .hgroup,
    .page-id-1767 .wf-wrap .hgroup,
    .page-id-1771 .wf-wrap .hgroup,
    .page-id-2468 .wf-wrap .hgroup,
    .page-id-1936 .wf-wrap .hgroup,
    .page-id-1763 .wf-wrap .hgroup,
    .page-id-2497 .wf-wrap .hgroup,
    .page-id-1902 .wf-wrap .hgroup,
    .page-id-3749 .wf-wrap .hgroup {
        margin-top: 40px !important;
    }
    .footer #text-4 {
        padding: 0 16px 0 22px;
    }
}

#left-pre-header-bar > span {
    margin-left: 26px;
}
#right-pre-header-bar > span {
    margin-right: 25px;
}
.mobile-mini-widgets-in-menu .fa,
.mobile-mini-widgets-in-menu .fas {
    margin-right: 10px;
}
.mobile-mini-widgets-in-menu .fa-envelope-o {
    margin-right: 9px;
}
.mobile-mini-widgets-in-menu .fa-phone {
    margin-right: 8px;
}
.mobile-mini-widgets-in-menu .fa-arrow-left {
    margin-right: 11px;
}
.mobile-mini-widgets-in-menu .fa-lightbulb {
    margin-right: 11px;
    margin-left: 2px;
}
@media screen and (max-width: 1226px) {
    .hide-on-desktop .mobi-offer {
        padding-bottom: 10px;
        display: block;
    }
}

@media screen and (max-width: 1150px) {
    .mobi-offer i {
        /*    margin-bottom: 10px;*/
        display: inline-block;
        font-size: 16px !important;
    }
    .hide-on-desktop .mobi-offer {
        padding-bottom: 10px;
        display: block;
    }

    #pre-header-bar a {
        font-size: 13px;
    }

    .next-image {
        height: 45px;
    }
    .next-main-text {
        font-size: 39px;
        line-height: 45px;
        text-align: center;
    }
    .next-sub-text {
        font-size: 22.5px;
        line-height: 26.25px;
        text-align: center;
    }
    .masthead.masthead-mobile-header:not(#phantom) {
        top: 30px;
    }
    .page-template-template-vendor .page-inner {
        margin-top: 30px;
    }
}

@media screen and (min-width: 1113px) {
    #bottom-bar .wf-float-left:last-of-type {
        text-align: right !important;
        margin-right: 10px;
        float: none;
    }
}
@media all and (max-width: 1440px) and (min-width: 1336px) {
    #rev_slider_3_1_forcefullwidth {
        margin-top: -10px !important;
    }
}
@media all and (max-width: 1280px) and (min-width: 1113px) {
    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 490px !important;
    }
    #rev_slider_3_1_forcefullwidth {
        margin-top: -10px !important;
    }
}
@media all and (max-width: 1112px) and (min-width: 835px) {
    .home-clients-box {
        margin: 0 19% !important;
    }
    #top-header-sec .vc_column-inner {
        max-width: 1042px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: -50px;
    }
    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 469px !important;
    }
}
@media all and (max-width: 834px) and (min-width: 769px) {
    #top-header-sec .vc_column-inner {
        /*max-width: 764px;*/
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: -50px;
    }
}
@media all and (max-width: 930px) and (min-width: 769px) {
    .x930x {
        display: block;
    }
    .mannchala .title-weight {
        font-size: 21px !important;
    }
}
.mstp-intro {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    text-transform: uppercase;
}
.line-agn .box-upload {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    text-transform: uppercase;
}

.cf7mls_number_step_wrap {
    line-height: 1;
    text-align: center;
}
.cf7mls_number_step_wrap .cf7mls_progress_barinner {
    background: #d3c24f !important;
}
.cf7mls_number_step_wrap .cf7mls_number,
.cf7mls_number_step_wrap .cf7mls_step_current {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 0px;
    font-family: Montserrat, sans-serif;
    display: inline-block;
}
.form-button-1 .cf7mls_number {
    display: none !important;
}
.form-button-1 .cf7mls_progress_percent {
    display: none;
}
@media screen and (max-width: 768px) {
    .mstp-intro {
        max-width: 91%;
    }
    .page-id-9910 #page .wpcf7-validation-errors,
    .page-id-9910 #page .wpcf7-response-output {
        letter-spacing: 0.5px;
        left: 0;
        right: 0;
    }

    .title-b p {
        z-index: 9;
        position: relative;
    }
    .form-button-1 .wpcf7-form-control.wpcf7-submit {
        max-width: fit-content;
    }
    .cf7mls_number_step_wrap .cf7mls_progress_percent {
        background: #690e22;
    }
    .nbm {
        padding: 0 15px;
    }
    .box1-icon-content .ult-content-box {
        height: auto !important;
    }
}
@media (max-width: 1150px) and (min-width: 700px) {
    .mobile-mini-widgets {
        max-width: 0;
    }
}
@media screen and (min-width: 767px) {
    .aio-ibd-block,
    .aio-icon-box {
        display: table-cell;
    }
    .sub-title-boxes {
        text-align: left;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .next-main-text {
        font-size: 33.8px;
        line-height: 39px;
        text-align: center;
    }
    .vendor-main .service-right-col {
        margin-top: 0;
    }
}
@media screen and (max-width: 700px) {
    .hide-mobile {
        display: none;
    }
    #pre-header-bar {
        display: none;
    }
    .masthead.masthead-mobile-header:not(#phantom) {
        top: 0 !important;
    }
    .page-template-template-vendor .page-inner {
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 547px) {
    div.um-account-tab-delete div.um-account-heading {
        display: none;
    }
    .wf-wrap {
        padding: 0 22px;
    }
}
@media all and (max-width: 640px) and (min-width: 570px) {
    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 400px !important;
    }
    #slide-10-layer-32,
    #slide-10-layer-23 {
        margin-top: -25px !important;
    }
    #slide-10-layer-30 {
        margin-top: -15px !important;
    }
    .top-revy-s7 {
        height: 400px;
    }
}
/* iPhone 5 & 5S in landscape */

@media all and (max-width: 568px) and (min-width: 460px) {
    .page-id-1902 #fancybox-content div,
    .page-template-template-vendor #fancybox-content div,
    .page-id-3749 #fancybox-content div,
    .page-id-1880 #fancybox-content div {
        width: auto !important;
    }

    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 380px !important;
    }
    #top-header-sec .mobile-adjustments {
        margin-top: 15px;
    }
    .wpb_revslider_element {
        height: 380px !important;
    }
    #slide-10-layer-32 {
        margin-top: -20px !important;
    }
    #slide-10-layer-23 {
        margin-top: -20px !important;
    }
    #slide-10-layer-30 {
        margin-top: -10px !important;
    }
    .s568 {
        display: block;
    }
    #fancybox-content .wpcf7-mail-sent-ok {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #00bfff !important;
        transform: translate(0, 0);
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        text-align: center;
    }
    #top-header-sec .mobile-adjustments {
        margin-top: 15px;
    }
    .s568 {
        display: block;
    }
    .j568 {
        display: none;
    }
}
@media all and (max-width: 459px) and (min-width: 415px) {
    #fancybox-content .wpcf7-mail-sent-ok {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #00bfff !important;
        transform: translate(0, 0);
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        text-align: center;
    }
}
@media all and (max-width: 414px) and (min-width: 401px) {
    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 530px !important;
    }
    #rev_slider_3_1_forcefullwidth {
        height: 530px !important;
    }
    #fancybox-content .wpcf7-mail-sent-ok {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #00bfff !important;
        transform: translate(0, 0);
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        text-align: center;
    }
}
@media all and (max-width: 400px) and (min-width: 340px) {
    #fancybox-content .wpcf7-mail-sent-ok {
        background: #00bfff !important;
        transform: translate(0, 0);
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        margin: 0 auto !important;
        text-align: center;
    }
    #fancybox-content > div {
        width: 300px !important;
        left: 50%;
        transform: translateX(-150px);
    }
    #fancybox-close {
        right: -51px !important;
    }
    #fancybox-wrap {
        max-width: 300px;
    }
    #fancybox-content > div {
        width: 300px !important;
    }
    .raddison {
        padding: 13px 55px 15px 55px;
    }
    .s7-1 {
        display: block;
    }
    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 450px !important;
    }
    .deal-btn {
        padding: 13px 41px 15px 31px;
    }
    #slide-10-layer-32 {
        margin-top: -35px !important;
        line-height: 50px !important;
    }
    #slide-10-layer-23 {
        margin-top: -40px !important;
    }
    #slide-10-layer-30 {
        margin-top: -25px !important;
    }
    #rev_slider_3_1_forcefullwidth {
        height: 420px !important;
    }
    .wpb_revslider_element {
        margin-bottom: 25px !important;
    }
    .tabi-setup,
    .mob350 {
        display: block !important;
    }
}
@media screen and (max-width: 339px) {
    .page-template-template-vendor #fancybox-content .wpcf7-validation-errors {
        padding: 15px 0 !important;
    }
    #fancybox-wrap #fancybox-outer #fancybox-content {
        height: auto !important;
        width: 320px !important;
    }
    .page-id-2986 #fancybox-wrap #fancybox-outer #fancybox-content {
        width: 319.5px !important;
    }
    .um-4135 .um-form input[type="submit"].um-button,
    .um-4153 .um-form input[type="submit"].um-button {
        width: 100%;
    }
    #fancybox-content .wpcf7-mail-sent-ok {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #00bfff !important;
        transform: translate(0, 0);
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        text-align: center;
    }
    .page-id-2986 #fancybox-content > div {
        width: 283px !important;
        left: 52.5%;
        transform: translateX(-150px);
    }
    #fancybox-content > div {
        width: 283px !important;
        left: 52.5%;
        transform: translateX(-150px);
    }
    .page-id-1902 #fancybox-content > div {
        width: 282px !important;
        left: 52.5%;
        transform: translateX(-150px);
    }
    .page-id-1902 #fancybox-close {
        right: -13px !important;
    }

    .page-id-2986 #fancybox-wrap {
        width: 292.5px !important;
    }
    #fancybox-close {
        right: -17px !important;
        top: -13px !important;
    }
    #fancybox-wrap {
        max-width: 300px;
    }
    #slide-10-layer-30 {
        min-width: 278px !important;
        margin-top: -10px;
    }
    #rev_slider_3_1_forcefullwidth .tp-simpleresponsive,
    #rev_slider_3_1_forcefullwidth .fullwidthbanner-container {
        height: 397px !important;
    }
    .wpb_revslider_element {
        height: 397px !important;
    }
    #slide-10-layer-23 {
        margin-top: -10px !important;
    }
    #top-header-sec .mobile-adjustments {
        margin-top: 15px;
    }
    .c568 {
        display: block;
    }
}
/**
 * Fix footer in header background
 */

#page::before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    background: #000;
    z-index: 100;
}
.page-id-2398 .wpcf7-form.invalid .ajax-loader-container,
.page-id-2398 .wpcf7-form.sent .ajax-loader-container {
    display: none;
}
.page-id-2398 div.wpcf7-mail-sent-ok {
    transform: translate(0);
}
/**
 * Password Toggler
 */

body.has-toggle-passwords .password-toggler {
    position: relative;
}
body.has-toggle-passwords .password-toggler .toggle {
    position: absolute;
    height: calc(100% - 4px);
    box-sizing: border-box;
    width: 44px;
    text-align: center;
    background: transparent;
    right: 2px;
    top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
body.has-toggle-passwords .password-toggler input.pswd-field {
    padding-right: 56px !important;
}
.fa-eye::before {
    color: #656666;
}
/**
 * CF7 Response Fix
 */

.spacer-r {
    padding-left: 3px !important;
}
#fancybox-content .wpcf7-response-output {
    box-sizing: border-box;
    margin: 0 auto;
}
/**
 * Login Form & Registration form
 */

.um .um-field-label {
    color: #656666 !important;
}
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
    color: #7ac143;
}
.um .um-form .um-button.um-alt,
.um input[type="submit"].um-button.um-alt {
    border-radius: 4px !important;
    box-shadow:
        0 0px 0px rgba(0, 0, 0),
        0 0px 0px rgba(0, 0, 0);
    opacity: 1;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    background: #00bfff;
    padding: 15px 17px 17px 17px !important;
    height: 49px;
}
.um .um-form input[type="submit"].um-button,
a.um-button {
    height: 49px !important;
    background: #7ac143;
    font-size: 15px;
    /*  border: none!important;*/
    display: block;
    width: 100%;
    line-height: 1em !important;
    padding: 15px 17px 17px 17px !important;
    text-align: center;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-family: Roboto, sans-serif;
    position: relative;
    transition: 0.25s;
    box-sizing: border-box;
    border-radius: 4px !important;

    opacity: 1;
    letter-spacing: 1px;
    text-transform: uppercase !important;
}
.um-4153 .um-form input[value="Login"].um-button,
.um .um-form .um-right .um-button {
    color: #7ac143;
    border: 2px solid #7ac143 !important;
    background: #fff !important;
}
.um-4135 .um-form input[value="Register"].um-button:hover,
.um-4135 .um-form input[value="Register"].um-button:focus,
.um-4135 .um-form input[value="Register"].um-button:active,
.um .um-form .um-right .um-button:hover,
.um .um-button.um-alt:hover,
.um input[type="submit"].um-button.um-alt:hover,
.um-4153 .um-form input[value="Login"].um-button:hover,
.um input[type="submit"].um-button:focus {
    color: #fff;
    background: #00bfff !important;
    border: 2px solid #00bfff !important;
}

.owl-carousel.bullets-small-dot-stroke .owl-dot.active {
    background: #656666 !important;
}
.owl-carousel.bullets-small-dot-stroke .owl-dot span,
.owl-carousel.bullets-small-dot-stroke .owl-dot.active {
    box-shadow: 0 0 0 2px #656666;
    background: transparent;
}
.owl-carousel.bullets-small-dot-stroke .owl-dot:not(.active):hover span,
.owl-carousel.bullets-small-dot-stroke .owl-dot.active span {
    background: #656666 !important;
}
.accent-gradient .dt-testimonials-shortcode .testimonial-vcard .text-secondary {
    background: #656666;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.um-page-login .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
    color: #7ac143;
}
.um-field-error::before {
    content: "\f00d";
    color: #fff;
    font-family: FontAwesome !important;
    margin-right: 5px;
}
.um-login .custom-error::before {
    content: "\f00d";
    color: #fff;
    font-family: FontAwesome !important;
    margin-right: 5px;
}
.um-1756 .um-col-alt-b {
    clear: both;
}
.page-lnk {
    color: #7ac143;
    font-weight: bold;
    text-decoration: none;
}
.page-lnk:hover {
    color: #00bfff;
}
.um-login .custom-error p {
    display: inline-block;
}
.um-login .custom-error p {
    font-size: 14px;
}
.um-login .custom-error {
    width: 100%;
    max-width: 100%;
    background: #c74a4a;
    border-radius: 3px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 12px;
    font-size: 14px;
    line-height: 20px !important;
    margin: 12px 0 12px 0;
    display: inline-flex;
}
.um-login .custom-error .um-field-arrow {
    left: -8px;
    position: absolute;
    z-index: 900;
    color: #c74a4a;
    font-size: 28px;
    line-height: 1em !important;
    top: 7px;
}
.um-login .custom-info::before {
    content: "\f00c";
    color: #fff;
    font-family: FontAwesome !important;
    margin-right: 5px;
}
.um-login .custom-info {
    width: 100%;
    max-width: 100%;
    background: #00bfff;
    border-radius: 3px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 12px;
    font-size: 14px;
    line-height: 20px !important;
    margin: 0 0 16px 0;
    display: inline-flex;
}
.um-login .custom-info > p {
    color: #fff !important;
    font-size: 14px !important;
}
.um-login .custom-info .um-field-arrow {
    left: -8px;
    position: absolute;
    z-index: 900;
    color: #00bfff;
    font-size: 28px;
    line-height: 1em !important;
    top: 7px;
}
.sub-title-boxes {
    font-size: 16px;
    line-height: 20px;
    color: #656666;
}
.um-page-login .um-link-alt:hover {
    color: #7ac143 !important;
    text-decoration: none !important;
}
#fancybox-content .wpcf7-mail-sent-ok {
    white-space: pre-wrap;
}
.um-register .um-form .um-field-label label,
.wpcf7 label,
.um-login .um-field-label label {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600;
    color: #656666 !important;
    -webkit-font-smoothing: antialiased;
}
.page-id-9910 #page .wpcf7-validation-errors,
.page-id-9910 #page .wpcf7-response-output {
    position: absolute;
    color: #fff !important;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-left: 6px;
    padding-right: 0;
}
.wpcf7 p {
    margin-bottom: 13px;
}
.wpcf7 .wpcf7-list-item-label {
    font-weight: 400;
}
.um .um-field-label {
    margin: 0 0 2px !important;
}
.wpcf7-form input[type="submit"] {
    text-transform: uppercase !important;
}
.um .um-form input[type="text"],
.um .um-form input[type="tel"],
.um .um-form input[type="password"],
.um .um-form textarea {
    color: #656666 !important;
    line-height: 22px;
}
.print-copy {
    font-weight: bold;
    color: #7ac143;
    text-decoration: none;
}
.print-copy:hover {
    font-weight: bold;
    color: #00bfff;
    text-decoration: none;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
    background: transparent;
    margin-top: 28px;
    right: 90px;
    position: absolute;
    bottom: 0;
    top: 40%;
}

.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
    color: #7ac143 !important;
}
.um-login .custom-error p {
    color: #fff;
}
.um-profile .um-form .um-header .um-profile-edit .um-dropdown {
    overflow: visible;
}
.wpcf7-form input[type="text"]:focus,
.content input[type="email"]:focus,
.wpcf7-form textarea:focus {
    border: 2px solid #bbb !important;
}
.vendor-main .wpcf7-form input[type="text"]:focus,
.vendor-main .content input[type="email"]:focus,
.vendor-main .wpcf7-form textarea:focus {
    border: 2px solid #000 !important;
}
.vendor-main .content input[type="email"] {
    margin-bottom: 0;
    font-size: 15px;
}
.vendor-main .um-field-radio .um-field-radio-option-custom {
    color: #fff !important;
    font-size: 15px;
    font-weight: 400;
}
.vendor-main .switch-title {
    font-size: 18px;
    font-weight: 400;
    color: #8ac52d;
}
.um-account-tab-delete p {
    color: #656666;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}
.um-account-tab-delete p::after {
    content: ".";
}
.vendor-main .promo-text {
    font-size: 15px;
    font-weight: normal;
    color: #8d8d8d;
    margin-top: 0;
}
.vendor-main .top-text {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}
.vendor-main .next-promo-code {
    display: inline-block;
    width: 67px;
}
.vendor-main .promo-text .next-promo-code input,
.vendor-main .promo-text .next-promo-code input:hover,
.vendor-main .promo-text .next-promo-code input:focus {
    font-size: 15px !important;
    font-weight: normal;
    color: #8d8d8d !important;
    border: 0 solid #fff !important;
    padding: 0 0 !important;
}
.vendor-main .wpcf7-dynamictext {
    background: transparent;
    border: none;
}
.vendor-main .um-field-radio {
    margin-top: 6px;
    margin-bottom: 1px;
}
.vendor-main .bot-spacer {
    margin-bottom: 5px;
}
.wpcf7-form input[type="text"],
.page-id-9910 .wpcf7-form input[type="email"],
.page-id-9910 .content input[type="number"] {
    padding: 0 12px !important;
    width: 100%;
    display: block !important;
    border-radius: 2px;
    outline: none !important;
    cursor: text !important;
    font-size: 15px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: static;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
.wpcf7-form textarea,
.wpcf7-form input[type="email"] {
    font-size: 15px;
    padding: 5px 12px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
}
/*
#site1fileuploadlabel1,
#site1fileuploadlabel2,
#site1fileuploadlabel3,
#site1fileuploadlabel4,
#site1fileuploadlabel5,
#site1fileuploadlabel6,
#site2fileuploadlabel1,
#site2fileuploadlabel2,
#site2fileuploadlabel3,
#site2fileuploadlabel4,
#site2fileuploadlabel5,
#site2fileuploadlabel6,
#site3fileuploadlabel1,
#site3fileuploadlabel2,
#site3fileuploadlabel3,
#site3fileuploadlabel4,
#site3fileuploadlabel5,
#site3fileuploadlabel6 {
margin-top: 0;
margin-bottom: 0;
line-height: 27px;
}
*/
.wpcf7 .state select option,
.wpcf7 .state select {
    color: #656666;
    font-size: 15px !important;
    padding-left: 12px;
    -webkit-padding-start: 12px;
    padding-inline-start: 12px;
}
@media all and (max-width: 736px) and (min-width: 568px) {
    .logos-grid .wf-cell div {
        max-width: 75%;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (min-width: 415px) {
    .remove-br-on-lg > br {
        display: none;
    }
}
@media all and (max-width: 1077px) and (min-width: 918px) {
    .um-form .um-header .um-profile-photo .um-profile-photo-img {
        top: auto !important;
    }
}
.um-profile-edit {
    position: absolute;
    top: -5px;
    right: 35px;
    vertical-align: middle;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 66;
    padding-right: 10px;
}
/*Helper text for Terang Registeration Form*/

.um-field-terang-co-op-member .um-field-area::before {
    content: "This is your 8 digit member number provided by Terang Co-op, as shown on your member key tag";
    display: block;
    color: #656666;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: -3px;
}
.um-4135 .um-field-user_email .um-field-area::before {
    content: "We will email you access details to view your members only offers";
    display: block;
    font-weight: 300;
    color: #656666;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: -3px;
}
.um-4153 .um-center,
.um-4153 .um-col-alt-b a,
.um-4135 .um-center {
    text-align: left;
}
.um-4153 .um-col-alt-b {
    padding-top: 10px;
}
.terang-helper {
    font-weight: bold;
    color: #656666;
    text-decoration: none;
    -webkit-font-smoothing: antialiased !important;
}
.terang-helper1 {
    font-weight: bold;
    color: #7ac143;
    text-decoration: none;
    -webkit-font-smoothing: antialiased !important;
}
.terang-helper:hover,
.terang-helper1:hover {
    color: #00bfff;
}
.um-4135 .um-field-user_password .um-field-label label::after {
    content: "*";
}
.um-4153 .um-field-username .um-field-area::before {
    content: "Your Username is your 8 digit Terang Co-op member number";
    display: block;
    color: #656666;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: -3px;
}
/*New Tareng page*/

@media all and (max-width: 1920px) and (min-width: 1441px) {
    .s1tcheck {
        margin-top: 0;
    }
    .s2tcheck {
        margin-top: 0;
    }
    .s3tcheck {
        margin-top: 0;
    }
    .s4stcheck {
        margin-bottom: 16px;
    }
}
@media all and (max-width: 1440px) and (min-width: 1366px) {
    .s1tcheck {
        margin-top: 0;
    }
    .s2tcheck {
        margin-top: 0;
    }
    .s3tcheck {
        margin-top: 0;
    }
    .s4stcheck {
        margin-bottom: 15px;
    }
}
@media all and (max-width: 1365px) and (min-width: 1280px) {
    .s1tcheck {
        margin-top: 0;
    }
    .s2tcheck {
        margin-top: 0;
    }
    .s3tcheck {
        margin-top: 0;
    }
    .s4stcheck {
        margin-bottom: 14px;
    }
}
@media all and (max-width: 1279px) and (min-width: 1112px) {
    .s1tcheck {
        margin-top: 11px;
    }
    .s2tcheck {
        margin-top: 11px;
        margin-bottom: 14px;
    }
    .s3tcheck {
        margin-top: 0;
    }
}
@media all and (max-width: 1111px) and (min-width: 1024px) {
    .s1tcheck {
        margin-top: 36px;
    }
    .s2tcheck {
        margin-top: 36px;
        margin-bottom: 15px;
    }
    .s3tcheck {
        margin-top: 0;
    }
    .s4stcheck {
        margin-top: 36px;
    }
}
@media all and (max-width: 1023px) and (min-width: 896px) {
    .s1tcheck {
        margin-top: 62px;
        margin-bottom: 14px;
    }
    .s2tcheck {
        margin-top: 62px;
    }
    .s3tcheck {
        margin-top: 11px;
    }
}
@media all and (max-width: 895px) and (min-width: 834px) {
    .s1tcheck {
        margin-top: 36px;
    }
    .s2tcheck,
    .s3tcheck {
        margin-top: 36px;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 833px) and (min-width: 812px) {
    .s1tcheck {
        margin-top: 36px;
        margin-bottom: 16px;
    }
    .s2tcheck,
    .s3tcheck {
        margin-top: 10px;
    }
}
@media all and (max-width: 811px) and (min-width: 800px) {
    .s1tcheck {
        margin-top: 36px;
    }
    .s2tcheck,
    .s3tcheck {
        margin-top: 0;
    }
}
@media all and (max-width: 799px) and (min-width: 768px) {
    .s1tcheck {
        margin-top: 36px;
        margin-bottom: 19px;
    }
    .s2tcheck,
    .s3tcheck {
        margin-top: 36px;
        margin-bottom: 19px;
    }
    .s4stcheck {
        margin-bottom: 0;
    }
}
/*Vendor page Top hero section logos*/

#hero-text .nbm .hero-smb {
    list-style: none;
    display: inline-block;
    margin: 0 0 0 0;
    line-height: 0;
    width: 100%;
}
.hero-smb li {
    display: inline-block;
    padding: 0 5% 0 0;
    vertical-align: top;
    background-image: none;
    line-height: 32px;
    vertical-align: middle;
}
.hero-smb li:last-child {
    padding: 0 0 0 0;
    margin: 0 0 0 -7px;
}
.hero-smb li:last-child {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.hero-smb img {
    height: auto;
    width: auto;
    padding: 0;
    margin-top: 0 !important;
    max-width: 91px;
}
.spacer-C {
    padding-top: 124px;
}
#hero-text .nbm .hero-smb .thin-line {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2019/05/White-Line-Avenger.png);
    background-size: auto;
    background-position: right center;
    background-repeat: no-repeat;
    margin-right: 0%;
}
/*Terco Calculator page boxes */

@media screen and (min-width: 1246px) {
    .jannat1 .ult-content-box,
    .jannat4 .ult-content-box,
    .jannat2 .ult-content-box,
    .jannat3 .ult-content-box {
        min-height: 589.73px !important;
    }
}
@media screen and (min-width: 768px) {
    .becky55 .vc_column_container {
        width: 24% !important;
    }
    .becky55 {
        justify-content: space-between;
    }
}

@media screen and (min-width: 1227px) {
    .menu-item-3449 {
        display: none !important;
    }
}

@media screen and (min-width: 1151px) {
    div.closed-mobile-header > #pre-header-bar {
        display: none;
    }
    .top-header .outside-item-remove-margin.main-nav > li:first-child > a {
        display: none;
    }
    .page-template-template-vendor .page-inner {
        margin-top: 33px;
    }
    .menu-item-1672 {
        display: none !important;
    }
    .menu-item-3399 .sub-nav {
        margin-left: -40px;
        width: 212px !important;
    }
    .menu-item-3405 .sub-nav {
        margin-left: 20px;
    }
    .menu-item-3405 .level-arrows-on::before {
        content: "\f0d8";
        font-family: fontawesome !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        top: -21px;
        position: absolute;
        left: 46%;
        font-size: 32px;
    }
    .menu-item-3399 .level-arrows-on::before {
        content: "\f0d8";
        font-family: fontawesome !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        top: -21px;
        position: absolute;
        left: 45.5%;
        font-size: 32px;
    }
    .sub-nav a {
        justify-content: center;
    }
    .phantom-sticky .sticky-on.masthead:not(.masthead-mobile) {
        background-color: rgba(0, 42, 66, 0.8) !important;
    }
    .menu-item-1720 .sub-nav {
        width: 99.8% !important;
    }
    .top-header .outside-item-remove-margin.main-nav > li:last-child > a,
    .menu-item-3450 a {
        padding-right: 12px !important;
    }
    #slide-10-layer-30 {
        font-weight: 900 !important;
    }
    .role-um_terang-member .sub-nav .menu-item-4729 .menu-item-text .menu-text:hover,
    .role-um_terang-member .sub-nav .menu-item-4976 .menu-item-text .menu-text:hover {
        color: #fa4517 !important;
        padding: 17px;
    }
    .role-um_terang-member .sub-nav .menu-item-4729 .menu-item-text .menu-text,
    .role-um_terang-member .sub-nav .menu-item-4976 .menu-item-text .menu-text {
        color: #ffffff !important;
        padding: 17px;
    }
    .role-um_terang-member .menu-item-3399 .sub-nav .menu-item-4729 > a,
    .role-um_terang-member .menu-item-3399 .sub-nav .menu-item-4976 > a {
        background: #fa4517;
    }

    .role-um_terang-member .menu-item-3399 .sub-nav {
        padding: 0;
    }

    .role-um_terang-member .menu-item-3399 .sub-nav .menu-item-4729 > a:hover,
    .role-um_terang-member .menu-item-3399 .sub-nav .menu-item-4976 > a:hover {
        background: #fff;
    }
    .role-um_terang-member .menu-item-3399 .level-arrows-on::before {
        color: #fa4517;
        pointer-events: none;
    }
    .role-um_terang-member .menu-item-3399 .level-arrows-on:hover::before {
        color: #fa4517;
        pointer-events: none;
    }
    .role-um_terang-member .sub-nav .menu-item-4729 a,
    .role-um_terang-member .sub-nav .menu-item-4976 a {
        padding: 0;
    }
    .role-um_terang-member .menu-item-3399 .level-arrows-on .menu-item-4495 a {
        padding: 17px;
    }
}
.ce-p {
    display: none;
}
@media all and (min-width: 1366px) {
    .ce-p {
        display: block;
    }
    #hero-text .nbm .hero-smb {
        margin: 0 0 25px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 1365px) and (min-width: 1280px) {
    .ce-p {
        display: block;
    }
    #hero-text .nbm .hero-smb {
        margin: 0 0 25px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 1279px) and (min-width: 1025px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 35px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 1024px) and (min-width: 897px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 35px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 115px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 896px) and (min-width: 835px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 35px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 834px) and (min-width: 769px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 35px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 768px) and (min-width: 737px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 19px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 81px;
    }
}
@media all and (max-width: 736px) and (min-width: 668px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 19px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 98px;
    }
    .dukh-tareng img {
        max-width: 78px;
    }
}
@media all and (max-width: 667px) and (min-width: 641px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 19px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 98px;
    }
    .dukh-tareng img {
        max-width: 77px;
    }
}
@media all and (max-width: 640px) and (min-width: 569px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 19px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 98px;
    }
    .dukh-tareng img {
        max-width: 75px;
    }
}
@media all and (max-width: 568px) and (min-width: 421px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 19px 0;
        text-align: center;
        max-width: 380px;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 98px;
    }
    .dukh-tareng img {
        max-width: 74px;
    }
}
@media all and (max-width: 420px) and (min-width: 414px) {
    #hero-text .nbm .hero-smb {
        margin: 0 0 19px 0;
        text-align: center;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 0 0 0;
        width: 33%;
        text-align: center;
        padding: 0 0 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    .hero-smb li:last-child {
        text-align: right;
        width: 32%;
        padding-right: 6px;
    }
    #hero-text .nbm .hero-smb .thin-line {
        text-align: left;
        width: 31%;
        padding-left: 6px;
    }
    .spacer-C {
        padding-top: 125px;
    }
    .dukh-tareng img {
        max-width: 74px;
    }
    .fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
        right: 137px !important;
    }
}
@media all and (max-width: 413px) and (min-width: 375px) {
    .fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
        right: 95px;
    }
    .hero-smb img {
        max-width: 79px;
    }
    #hero-text .nbm .hero-smb {
        margin: 0 0 14px 0;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 15px 0 0;
    }
    .eg-logo1 {
        max-width: 107px !important;
    }
    #hero-text .nbm .hero-smb .thin-line {
        margin-right: 21px;
        padding-right: 26px;
    }
    .spacer-C {
        padding-top: 130px;
    }
    .dukh-tareng img {
        max-width: 74px;
    }
}
@media all and (max-width: 374px) and (min-width: 360px) {
    .fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
        right: 95px;
    }
    .hero-smb li:last-child {
        padding: 0 0 0 0;
        margin: 0 0 0 -7px;
    }
    .hero-smb img {
        max-width: 79px;
    }
    #hero-text .nbm .hero-smb {
        margin: 0 0 14px 0;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 11px 0 0;
    }
    .eg-logo1 {
        max-width: 114px !important;
    }
    #hero-text .nbm .hero-smb .thin-line {
        margin-right: 16px;
        padding-right: 21px;
    }
    .spacer-C {
        padding-top: 118px;
    }
}
@media screen and (max-width: 359px) and (min-width: 320px) {
    .fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
        right: 92px;
    }
    .hero-smb li:last-child {
        padding: 0 0 0 0;
        margin: 0 0 0 -7px;
    }
    .hero-smb img {
        max-width: 68px;
    }
    #hero-text .nbm .hero-smb {
        margin: 0 0 24px 0;
    }
    .hero-smb li {
        line-height: 27px;
        margin: 0 11px 0 0;
    }
    .eg-logo1 {
        max-width: 97px !important;
    }
    #hero-text .nbm .hero-smb .thin-line {
        margin-right: 16px;
        padding-right: 21px;
    }
    .spacer-C {
        padding-top: 115px;
    }
    .hero-smb li:last-child {
        padding: 0 0 0 0;
        margin: 0 0 0 -7px;
    }
}
.page-id-4187 #pre-header-bar .member-off,
.page-id-4366 #pre-header-bar .member-off {
    color: #154360 !important;
}

.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
    padding-right: 0;
}
.dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a {
    padding: 9px 25px 9px 18px;
}
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a::after,
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a::before {
    right: 13px !important;
}
.page .um-login .custom-error p {
    color: #fff !important;
    font-size: 14px !important;
}
p.um-notice.err {
    background: #c74a4a;
    color: #fff !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
}
.um-4153 .custom-error {
    margin: 12px 0 15px 0px;
}
.sub-nav .calc-noshow,
#page #mobile-menu .sub-nav .calc-noshow {
    display: none;
}

@font-face {
    font-family: "Bebas";
    src:
        url("/wp-content/themes/dt-the7-child/fonts/bebas/BEBAS___.otf"),
        url("/wp-content/themes/dt-the7-child/fonts/bebas/BEBAS___.woff") format("woff"),
        url("/wp-content/themes/dt-the7-child/fonts/bebas/BEBAS___.TTF") format("truetype");
    font-display: swap;
}

/**
 * Contact Form 7 Custom Upload Styling
 */

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
    height: auto;
    background: transparent;
    border-radius: 0;
    width: 100%;
    position: relative;
    margin-top: 5px;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image .dnd-thumb img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar > span:first-child::before {
    content: "";
    background: #e7e7e7;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    z-index: -1;
    border-radius: 5px;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar > span:not(.progress-text) {
    border-radius: 5px;
    font-size: 0;
    padding: 0;
    height: 6px;
    background-color: #00bfff;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar .progress-text {
    color: inherit;
    height: auto;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar .progress-text > span {
    float: left;
    color: inherit;
    font-size: 14px;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar .progress-text .progress-percent {
    background: none !important;
    min-width: 80px;
    text-align: left !important;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar .progress-text > .fsize {
    float: right;
    background: transparent;
    color: inherit;
    font-size: 14px;
    width: auto;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file,
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-icon-remove,
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-icon-remove::before {
    line-height: 1;
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-icon-remove::before {
    content: "\02715";
    font-size: 18px;
    font-weight: 600;
    color: #656666;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file span::after {
    content: none !important;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-icon-remove {
    position: absolute;
    top: -3px;
    right: 0;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-icon-remove.deleting {
    display: flex;
    place-items: center;
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details {
    position: relative;
}
.codedropz-upload-wrapper .dnd-upload-status:last-child {
    border-bottom: 0;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    line-height: 17px;
    font-style: normal;
}

.codedropz-upload-wrapper .dnd-upload-status {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image {
    border: none;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.has-error {
    color: #c74a4a;
    font-size: 14px;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details {
    max-width: calc(100% - 50px);
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 !important;
    max-width: calc(100% - 120px);
    font-weight: 600 !important;
    color: #656666;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .up-speed {
    padding: 0 5px;
    font-size: 14px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}
.codedropz-upload-wrapper .dnd-upload-status.complete .dnd-upload-details .up-speed {
    display: none;
}
@media screen and (max-width: 458px) {
    .codedropz-upload-wrapper .dnd-upload-status {
        flex-flow: column;
    }
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details {
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name {
        max-width: calc(100% - 86px);
    }
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .up-speed {
        padding-right: 0;
        padding-left: 0;
    }
}
.hidden {
    display: none;
}
.custom-i .custom-error {
    width: auto;
    max-width: 520px;
    background: #c74a4a;
    border-radius: 3px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 12px;
    line-height: 0;
    margin: 12px 0 0 0;
}
.custom-i .custom-error p {
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
}
.custom-i .custom-error:before {
    content: "\f0d8";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    top: -17px;
    position: relative;
    color: #c74a4a;
    font-size: 27px;
}
.reg-color,
.pro-spa {
    display: none;
}

@media screen and (max-width: 1226px) and (min-width: 700px) {
    .dt-mobile-header .mobile-mini-widgets-in-menu .text-area:first-child {
        margin: 0;
    }
}
@media screen and (max-width: 700px) {
    .dt-mobile-header .mobile-mini-widgets-in-menu .text-area:nth-child(6n),
    .dt-mobile-header .mobile-mini-widgets-in-menu .text-area:nth-child(7n) {
        margin: 0;
    }
}
.logged-in .dt-mobile-header .mobile-mini-widgets-in-menu .text-area:nth-child(7n) {
    margin: 5px 20px 5px 0;
}
.invite-color {
    display: none;
}
.logged-in .invite-color {
    display: inline-block;
}

@media screen and (min-width: 1151px) {
    .role-temporary-login-access .menu-item-3399 .sub-nav,
    .role-um_temporary-terang-member .menu-item-3399 .sub-nav {
        padding: 0;
    }
    .role-temporary-login-access .menu-item-3399 .level-arrows-on::before,
    .role-um_temporary-terang-member .menu-item-3399 .level-arrows-on::before {
        color: #fff;
        pointer-events: none;
    }
    .role-temporary-login-access .menu-item-3399 .sub-nav li > a,
    .role-um_temporary-terang-member .menu-item-3399 .sub-nav li > a {
        background: #fff;
    }
    .role-temporary-login-access .menu-item-3399 .sub-nav li .menu-item-text .menu-text,
    .role-um_temporary-terang-member .menu-item-3399 .sub-nav li .menu-item-text .menu-text {
        color: #fa4517 !important;
        padding: 17px;
    }
    .role-temporary-login-access .menu-item-3399 .sub-nav li:hover .menu-item-text .menu-text,
    .role-um_temporary-terang-member .menu-item-3399 .sub-nav li:hover .menu-item-text .menu-text {
        color: #fff !important;
    }
    .role-temporary-login-access .menu-item-3399 .sub-nav li > a:hover,
    .role-um_temporary-terang-member .menu-item-3399 .sub-nav li > a:hover {
        background: #fa4517;
    }

    .role-temporary-login-access .sub-nav .menu-item-4729 a,
    .role-temporary-login-access .sub-nav .menu-item-4976 a,
    .role-um_temporary-terang-member .sub-nav .menu-item-4729 a,
    .role-um_temporary-terang-member .sub-nav .menu-item-4976 a {
        padding: 0;
    }
    .role-temporary-login-access .menu-item-3399 .level-arrows-on .menu-item-4495 a {
        padding: 17px;
    }
}
/**/

.fixmenow {
    position: fixed;
}
.reg-message {
    text-align: center;
}
.wpcf7-form-control.autoExpand {
    padding-bottom: 30px;
}
@media all and (max-width: 1226px) and (min-width: 701px) {
    .transparent:not(.photo-scroller-album) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on),
    .transparent .sticky-on.masthead.masthead-mobile {
        top: 0 !important;
    }
    .loggedout .mobile-header-scrollbar-wrap .mobile-mini-widgets-in-menu div:nth-child(4) {
        display: block !important;
        width: 100%;
        /*padding-top:10px;*/
    }
}
.loggedout .dt-mobile-header .mobile-mini-widgets-in-menu > * {
    margin: 5px 0 5px 0;
}
@media screen and (max-width: 700px) {
    .loggedout .mobile-header-scrollbar-wrap .mobile-mini-widgets-in-menu div:nth-child(9) {
        /*display:block!important;*/
        width: 100%;
        /*padding-top:10px;*/
    }
}
.cf7sr-g-recaptcha {
    margin-bottom: 13px;
}
.tandc-form {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}
.tandc-form:hover {
    text-decoration: none;
    color: #d8bd4c;
    font-weight: 700;
}

/*Fortune Landing page CSS  */
.lantarn {
    padding-top: 120px;
}

.daimond:after {
    content: "";
    position: absolute;
    border: 1px solid #d8bd4c;
    width: 45%;
    top: 3.5px;
    right: 15px;
}
.daimond:before {
    content: "";
    position: absolute;
    border: 1px solid #d8bd4c;
    width: 45%;
    top: 3.5px;
    left: 15px;
}
@media (min-width: 813px) {
    .page-id-7172 .heateor_sss_vertical_sharing,
    .page-id-8796 .heateor_sss_vertical_sharing,
    .page-id-9044 .heateor_sss_vertical_sharing {
        top: 172px !important;
        right: -14px !important;
        left: auto !important;
    }
}
.f-title,
.f-title1,
.f-title2,
.f-title3,
.f-title3-1,
.f-title4,
.f-title5,
.f-title6,
.f-title7,
.f-title6-1 {
    display: none;
}
.page-id-9910 .heateorSssSharing {
    margin-bottom: 5px !important;
    margin-right: 4px !important;
}
.thirdboxb {
    max-width: 80%;
}
@media (min-width: 1440px) {
    /*
.box-spacer3 {
	margin-bottom:87px!important;
}*/
    .s2ndboxh {
        height: 643px;
    }

    .thirdboxb {
        max-width: 80%;
        margin: 147px auto;
    }
    .page-id-9910 #page .wpcf7-validation-errors,
    .page-id-9910 #page .wpcf7-response-output {
        margin-left: 0px;
    }
    .lantarn {
        padding-top: 120px;
    }
    .page-id-7172 .lantarn::before,
    .page-id-8796 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 50%;
        top: -10px;
    }

    .f-title7 {
        display: block;
    }
    .lantern-text h2 {
        width: 80%;
    }
    .t-header-box {
        padding-top: 126px;
    }
    .daimond:before,
    .daimond:after {
        width: 47%;
    }
    .page-id-9910 .lantarn .vc_col-sm-12 .vc_column-inner::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 79%;
        top: -120px;
    }
    .page-id-7172.logged-in .lantarn::before,
    .page-id-8796.logged-in .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 64%;
        top: -10px;
    }

    .page-id-7172.logged-in .lantern-text h2,
    .page-id-8796.logged-in .lantern-text h2,
    .page-id-9044.logged-in .lantern-text h2 {
        width: 100%;
    }
}
@media (max-width: 1439px) and (min-width: 1280px) {
    .page-id-9910 #page .wpcf7-validation-errors,
    .page-id-9910 #page .wpcf7-response-output {
        margin-left: -11px;
    }
    .lantern-text h2 {
        width: 80%;
    }
    .page-id-7172 .lantarn::before,
    .page-id-8796 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 47%;
        top: -10px;
    }

    .f-title7 {
        display: block;
    }
    .page-id-9910 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        top: -10px;

        left: 70%;
    }
    .page-id-9910 .lantern-text h2 {
        width: 85%;
    }
    .daimond:before,
    .daimond:after {
        width: 47%;
    }
    .page-id-7172.logged-in .lantarn::before,
    .page-id-8796.logged-in .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 70%;
        top: -10px;
    }
    .page-id-7172.logged-in .lantern-text h2,
    .page-id-8796.logged-in .lantern-text h2 {
        width: 100%;
    }
}
@media (max-width: 1279px) and (min-width: 1024px) {
    .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2) .cf7_mls_steps_item_icon {
        margin-right: 7px !important;
    }
    .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7_mls_steps_item_icon {
        margin-right: -7px !important;
    }
    .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7_mls_steps_item_icon {
        margin-right: 5px !important;
    }
    .page-id-9910 #page .form-button-1 .wpcf7-validation-errors,
    .page-id-9910 #page .form-button-1 .wpcf7-response-output {
        margin-left: -17px;
        margin-right: 20px;
    }
    .lantarn {
        padding-top: 120px;
    }

    .mobile-spacer {
        width: 50%;
    }
    /*.lantarn::before {
   left: 47%;
}*/
    .f-title6-1 {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 1024px;
    }
    #pre-header-bar a {
        font-size: 13px;
    }
    .page-id-7172 .lantarn::before,
    .page-id-8796 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 47%;
        top: -10px;
    }

    .page-id-9910 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        top: -10px;
        left: 73%;
    }
    .page-id-9910 .btn-align-center .m-issue768 {
        margin-top: 53px !important;
    }
    .hiddenbr4 {
        display: none;
    }

    .page-id-7172.logged-in .lantarn::before,
    .page-id-8796.logged-in .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 70%;
        top: -10px;
    }
}
@media (max-width: 1226px) and (min-width: 1024px) {
    .page-id-9910 .lantarn {
        padding-top: 105px;
    }
}

@media (max-width: 1023px) and (min-width: 962px) {
    .mobile-spacer {
        width: 50%;
    }
    .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 415px;
        position: absolute;
        left: 47%;
        top: 28px;
    }
    .f-title6 {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 962px;
    }
    .page-id-9910 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 415px;
        position: absolute;
        left: 70%;
        top: 0;
    }
    .page-id-7172.logged-in .lantarn::before,
    .page-id-8796.logged-in .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 70%;
        top: -10px;
    }

    .hiddenbr3 {
        display: none;
    }
    .page-id-9910 .lantarn {
        padding-top: 105px;
    }

    .page-id-9910 #page .cf7mls_progress_bar {
        display: none;
    }
    .page-id-9910 #page .cf7mls_number_step_wrap {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .page-id-9910 #page .form-button-1 .wpcf7-validation-errors,
    .page-id-9910 #page .form-button-1 .wpcf7-response-output {
        margin-left: -26px;
    }
    .page-id-9910 #page .line-agn .wpcf7 .wpcf7-form .wpcf7-submit.upbutton {
        padding: 15px 52px 16px 52px;
    }
    .page-id-9910 #page .line-agn .file-uploader .wpcf7 .wpcf7-spinner {
        right: -10px;
        bottom: 23px;
    }
    .page-id-7172.logged-in .fortunelogo,
    .page-id-8796.logged-in .fortunelogo {
        visibility: visible;
        margin-top: -15px;
    }
    .page-id-7172.loggedout .fortunelogo,
    .page-id-8796.loggedout .fortunelogo {
        margin-top: -15px;
    }
}
@media (max-width: 961px) and (min-width: 768px) {
    /*.mobile-spcr{
	margin-bottom:60px;
}*/
    .page-id-9910 #page .cf7mls_progress_bar {
        display: none;
    }
    .page-id-9910 #page .cf7mls_number_step_wrap {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .page-id-9910 #page .wpcf7-validation-errors,
    .page-id-9910 #page .wpcf7-response-output {
        margin-left: -3px !important;
    }
    .page-id-9910 .fortune-btn {
        max-width: 250px;
    }
    .page-id-9910 .btn-align-center .m-issue768 {
        margin-top: 12px !important;
    }

    .f-title5 {
        display: block;
    }
    .hiddenbr2 {
        display: none;
    }
    .mobile-spacer {
        width: 50%;
    }
    .fortune-sign-up h3 {
        font-size: 26px;
    }
    .lantarn .extra-pad.vc_col-sm-4 {
        width: 39%;
    }
    .lantarn .vc_col-sm-8 {
        width: 61%;
    }
    .lantarn .um .um-form input[type="submit"].um-button,
    a.um-button {
        padding: 10px !important;
    }
    /*	.page-id-7172 .lantarn::before {
content: "";
display: table;
background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
width: 159px;
background-repeat: no-repeat;
background-size: contain;
height: 410px;
position: absolute;
left: 70%;
top: -10px;
}*/
    .page-id-7172.loggedout .lantarn .vc_col-sm-8 .vc_column-inner::before,
    .page-id-8796.loggedout .lantarn .vc_col-sm-8 .vc_column-inner::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-768px-V6.png);
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 474px;
        position: absolute;
        background-position: center center;
        left: 0px;
        top: -88px;
    }

    .page-id-9910 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 415px;
        position: absolute;
        left: 67%;
        top: 0;
    }
    .page-id-7172.logged-in .fortunelogo,
    .page-id-8796.logged-in .fortunelogo {
        visibility: visible;
        margin-top: -15px;
    }
    .page-id-7172.loggedout .fortunelogo,
    .page-id-8796.loggedout .fortunelogo {
        visibility: hidden;
        margin-top: -15px;
    }
    .page-id-7172.logged-in .lantarn .vc_col-sm-8,
    .page-id-8796.logged-in .lantarn .vc_col-sm-8 {
        width: 78%;
    }
    .page-id-9910 .fortunelogo {
        visibility: visible;
        margin-top: -15px;
    }
    .lantarn::before {
        display: none;
    }
    #main > .wf-wrap {
        max-width: 768px;
        padding: 0 20px;
    }
    .page-id-9910 #page .line-agn .file-uploader .wpcf7 .wpcf7-spinner {
        right: -12px;
        bottom: 9px;
    }
    .page-id-9910 #page .line-agn .wpcf7 .wpcf7-form .wpcf7-submit.upbutton {
        padding: 15px 25px 16px 25px;
    }
    .page-id-7172.logged-in .lantarn::before,
    .page-id-8796.logged-in .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 70%;
        top: -10px;
    }
}
@media (max-width: 767px) and (min-width: 670px) {
    .page-id-9910 #page .cf7mls_progress_bar {
        display: block;
    }
    .page-id-9910 #page .cf7mls_number_step_wrap {
        display: none;
    }
    .page-id-9910 #page .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li {
        display: inline-block;
    }
    .page-id-9910 #page .wpcf7-validation-errors,
    .page-id-9910 #page .wpcf7-response-output {
        margin-left: -5px !important;
    }
    .hidebr {
        display: none;
    }
    .heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
        max-width: 375px;
    }
    .extra-pad {
        padding-right: 0;
        max-width: 393px;
        margin: auto;
    }

    .page-id-7172 .lantarn::before,
    .page-id-8796 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 70%;
        top: -10px;
    }
    .page-id-9910 .lantarn::before {
        ontent: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        top: -10px;
        left: 75%;
    }
    .lantarn {
        padding-top: 60px;
    }
    #join-for-free .vc_custom_1625058337660 {
        margin-top: 0 !important;
    }
    .f-title4 {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 670px;
    }
    .daimond:before {
        width: 47%;
    }
    .daimond:after {
        width: 47%;
    }
    .hiddenbr1 {
        display: none;
    }
}
@media (max-width: 767px) and (min-width: 701px) {
    .lantarn {
        padding-top: 87px;
    }
}
@media (max-width: 669px) and (min-width: 568px) {
    .page-id-9910 #page .line-agn .file-uploader .wpcf7 .wpcf7-spinner {
        right: -12px;
    }
    .page-id-9910 #page .cf7mls_progress_bar {
        display: block;
        overflow: hidden;
    }
    .page-id-9910 #page .cf7mls_number_step_wrap {
        display: none;
    }
    .page-id-9910 #page .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li {
        display: inline-block;
    }
    .page-id-9910 #page .wpcf7-validation-errors,
    .page-id-9910 #page .wpcf7-response-output {
        margin-left: -8px !important;
    }
    .heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
        max-width: 375px;
    }
    .extra-pad {
        padding-right: 0;
        max-width: 393px;
        margin: auto;
    }
    .page-id-7172 .lantarn::before,
    .page-id-8796 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        left: 70%;
        top: -10px;
    }
    .page-id-9910 .lantarn::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/06/Lantern-197pc-V2.png);
        width: 159px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
        top: -10px;
        left: 71%;
    }
    .lantarn {
        padding-top: 60px;
    }
    #join-for-free .vc_custom_1625058337660 {
        margin-top: 0 !important;
    }
    .f-title3,
    .f-title3-1 {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 568px;
    }

    .daimond:before {
        width: 46%;
    }
    .daimond:after {
        width: 46%;
    }
    .hiddenbr1 {
        display: none;
    }
}
@media (max-width: 567px) and (min-width: 412px) {
    .fortune-sign-in .wpcf7 .wpcf7-form .wpcf7-submit.upbutton {
        padding-left: 33px;
        padding-right: 33px;
    }
    .fortune-btn {
        max-width: 270px;
    }
    .title-b h3 {
        padding: 0 3%;
    }
    .I412spacer {
        margin-top: 36px;
    }
    .hiddenbr {
        display: none;
    }
    .extra-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
    .fortunelogo {
        visibility: hidden;
        margin-top: -15px;
    }
    .lantarn::before {
        display: none;
    }
    .lantarn .vc_col-sm-8 .vc_column-inner::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-Mobile-411px.png);
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 428px;
        position: absolute;
        background-position: center center;
        left: 2px;
    }
    .lantarn .vc_col-sm-12 .vc_column-inner::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-Mobile-411px.png);
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 428px;
        position: absolute;
        background-position: center center;
        left: 2px;
    }
    .lantarn {
        padding-top: 60px;
    }
    #join-for-free .vc_custom_1625058337660 {
        margin-top: 0 !important;
    }
    .f-title2 {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 412px;
    }
    .extra-pad.slide > .vc_column-inner > .wpb_wrapper .fortune-sign-in,
    .extra-pad.slide > .vc_column-inner > .wpb_wrapper .fortune-sign-up {
        transform: translateY(-463px);
    }
    .fortune-sign-up h3 {
        font-size: 25px;
    }
    .mobile-spcr {
        margin-bottom: 100px;
    }
}
@media (max-width: 411px) and (min-width: 360px) {
    .mobile-spcr {
        margin-bottom: 25px;
    }
    .line-agn .file-uploader .wpcf7 .wpcf7-spinner {
        right: -1px;
        bottom: 9px;
    }
    .line-agn .box-upload {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 32px;
        text-transform: uppercase;
    }
    .extra-pad.slide > .vc_column-inner > .wpb_wrapper .fortune-sign-in,
    .extra-pad.slide > .vc_column-inner > .wpb_wrapper .fortune-sign-up {
        transform: translateY(-463px);
    }
    .fortune-sign-up h3 {
        font-size: 26px;
    }
    .lantarn {
        padding-top: 60px;
    }
    .fortunelogo {
        visibility: hidden;
        margin-top: -15px;
    }
    .lantarn::before {
        display: none;
    }
    .lantarn .vc_col-sm-8 .vc_column-inner::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-Mobile-360px-02.png);
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 370px;
        position: absolute;
        background-position: center center;
        left: 2px;
    }
    .lantarn .vc_col-sm-12 .vc_column-inner::before {
        content: "";
        display: table;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-Mobile-360px-02.png);
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 370px;
        position: absolute;
        background-position: center center;
        left: 2px;
    }
    #join-for-free .vc_custom_1625058337660 {
        margin-top: 0 !important;
    }
    .extra-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
    .f-title1 {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 360px;
    }

    .fortune-btn {
        max-width: 227px;
    }
    .b-image1 img {
        max-width: 242px;
    }
    .title-b h3,
    .title-b p {
        padding: 0 5%;
    }
    .fortune-sign-in .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
        padding: 16px 35px;
    }
}
@media (max-width: 359px) and (min-width: 320px) {
    .line-agn .file-uploader .wpcf7 .wpcf7-spinner {
        right: -19px;
        bottom: 5px;
    }
    .fortune-sign-in .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
        padding: 16px 31px;
    }
    .fortune-btn {
        max-width: 183px;
    }
    .b-image1 img {
        max-width: 242px;
    }
    .extra-pad.slide > .vc_column-inner > .wpb_wrapper .fortune-sign-in,
    .extra-pad.slide > .vc_column-inner > .wpb_wrapper .fortune-sign-up {
        transform: translateY(-463px);
    }
    .line-issue,
    .line-issue2 {
        display: none;
    }
    .mobileline {
        line-height: 0;
    }
    .fortune-sign-up h3 {
        font-size: 25px;
    }
    .extra-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
    .lantarn {
        padding-top: 60px;
    }
    .fortunelogo {
        visibility: hidden;
    }
    .lantarn::before {
        display: none;
    }
    .lantarn .vc_col-sm-8 .vc_column-inner::before {
        content: "";
        display: block;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-Mobile-V5.png);
        width: 281.59px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
    }
    .lantarn .vc_col-sm-12 .vc_column-inner::before {
        content: "";
        display: block;
        background-image: url(/wp-content/uploads/2021/07/Fortune-Club-Landing-Logo-w-Lantern-Mobile-V5.png);
        width: 281.59px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 410px;
        position: absolute;
    }
    #join-for-free .vc_custom_1625058337660 {
        margin-top: 0 !important;
    }
    .f-title {
        display: block;
    }
    #main > .wf-wrap {
        max-width: 320px;
    }
    /*Fortune Box */
}
.title-b h3 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    font-family: futurabt-bold;
    margin-top: 32px;
    margin-bottom: 8px;
    /*text-shadow: 3px 3px 4px rgba(59 18 26 / 60%);*/
    position: relative;
}
.title-b p {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    color: #d3c24f;
    line-height: 26px;
    letter-spacing: 1.2px;
    position: relative;
}

.page-id-9910 .heateorSssWhatsappSvg,
.page-id-9910 .heateorSssSMSSvg {
    position: relative;
    background-position: 3px 0px;
}
.page-id-9910 .heateorSssFacebookSvg,
.page-id-9910 .heateorSssTwitterSvg,
.page-id-9910 .heateorSssLinkedinSvg,
.page-id-9910 .heateorSssFacebookMessengerSvg,
.page-id-9910 .heateorSssEmailSvg {
    position: relative;
    background-position: 7px 0px;
}
.page-id-9910 ss.heateorSssSharingSvg.heateorSssFacebookSvg:before,
.page-id-9910 ss.heateorSssSharingSvg.heateorSssLinkedinSvg:before {
    left: 47px;
    content: "Share";
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 34px;
}
.page-id-9910 ss.heateorSssSharingSvg.heateorSssEmailSvg:before {
    left: 47px;
    content: "Email";
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 34px;
}
.page-id-9910 ss.heateorSssSharingSvg.heateorSssTwitterSvg:before {
    left: 47px;
    content: "Tweet";
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 34px;
}
.page-id-9910 ss.heateorSssSharingSvg.heateorSssSMSSvg:before {
    left: 40px;
    content: "Message";
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 34px;
}
.page-id-9910 ss.heateorSssSharingSvg.heateorSssWhatsappSvg:before {
    left: 38px;
    content: "Message";
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 34px;
}
.page-id-9910 ss.heateorSssSharingSvg.heateorSssFacebookMessengerSvg:before {
    left: 40px;
    content: "Message";
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 34px;
}

.role-um_fortune-user-accounts #right-pre-header-bar .invite-color {
    display: none !important;
}

.role-um_fortune-user-accounts #right-pre-header-bar span:nth-child(3) {
    margin-right: 0;
}
.page-id-9910 #pre-header-bar .member-off {
    color: #154360;
}

@media (max-width: 1024px) {
    #st-2 .st-btn {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        border: none;
        cursor: pointer;
        display: inline-block;
        font-size: NaNpx;
        height: 48px;
        line-height: 24px;
        margin-bottom: 0;
        opacity: 1;
        overflow: hidden;
        padding: 12px;
        position: relative;
        text-align: left;
        top: 0;
        vertical-align: top;
        white-space: nowrap;
        width: 48px;
    }
}
.heateorSssPullOut {
    display: none;
}

/*Multi step Css*/
.cf7mls_progress_bar li .cf7_mls_count_step {
    color: #690e22;
}
.cf7mls_progress_bar li .cf7_mls_count_step {
    font-size: 45px;
    font-family: "Montserrat", sans-serif;
    font-weight: bolder;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
    background: transparent;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_container {
    margin-left: 0%;
    display: block;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_content {
    vertical-align: baseline;
}
.cf7mls_progress_bar li .cf7mls_progress_bar_title {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    color: #690e22;
    line-height: 12px;
    letter-spacing: 1.2px;
    overflow: visible !important;
}
.large-business-col .cf7mls_progress_bar li .cf7mls_progress_bar_title,
.large-business-col .cf7mls_progress_bar li .cf7_mls_count_step {
    color: #a21d2f;
}

.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal[data-id-form="8165"] li.active .cf7_mls_steps_item_icon,
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal[data-id-form="10175"] li.active .cf7_mls_steps_item_icon {
    text-align: left;
}
.cf7mls_progress_bar li.active .cf7mls_progress_bar_title,
.cf7mls_progress_bar li.current .cf7mls_progress_bar_title {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 12px;
    letter-spacing: 1.2px;
    font-weight: 600;
    overflow: visible;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.active:before {
    background: #fff;
}
.exit-formcf7 {
    text-decoration: none;
}
.exit-formcf7 span {
    color: #d8bd4c;
    text-decoration: none;
}
.exit-formcf7 span:hover {
    color: #fff;
    text-decoration: none;
}

.page-id-9910 div[id^="wpcf7-f8165-p"] button.cf7mls_back,
.page-id-9910 div[id^="wpcf7-f10175-p"] button.cf7mls_back {
    font-size: 15px;
    color: #d3c24f;
    background: #a21d2f;
    border: 1px solid #d3c24f;
    font-family: "Roboto";
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 0px;
}
.page-id-9910 .large-business-col div[id^="wpcf7-f8165-p"] button.cf7mls_back,
.page-id-9910 .large-business-col div[id^="wpcf7-f10175-p"] button.cf7mls_back {
    font-size: 15px;
    color: #d3c24f;
    background: #660000;
    border: 1px solid #d3c24f;
    font-family: "Roboto";
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 0px;
}

.page-id-9910 div[id^="wpcf7-f8165-p"] button.cf7mls_next,
.page-id-9910 div[id^="wpcf7-f10175-p"] button.cf7mls_next {
    border: 1px solid #d3c24f;
    font-family: "Roboto";
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 15px;
    line-height: normal;
    background: #d3c24f;
    color: #880000;
}

.page-id-9910 div[id^="wpcf7-f8165-p"] button.cf7mls_back:hover,
.page-id-9910 div[id^="wpcf7-f10175-p"] button.cf7mls_back:hover {
    background-color: #d3c24f;
    color: #a21d2f;
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset:first-child {
    margin-bottom: 213px;
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset:nth-child(2) {
    margin-bottom: 212px;
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset:nth-child(3):after {
    content: "No hard sell. No obligation. \A By clicking Submit, you agree to our \A Terms of use and Privacy Policy.";
    display: inline-block;
    color: #d3c24f;
    font-size: 12px;
    line-height: 22px;
    white-space: break-spaces;
    text-align: right;
    margin: 4px 0 56px;
    width: 100% !important;
    clear: both;
}
#cf7mls-back-btn-cf7mls_step-3 {
    margin-top: -5px;
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset textarea {
    border-radius: 3px;
    margin-bottom: 0;
}

.page-id-9910 .wpcf7 .wpcf7-spinner::before,
.page-id-9910 .wpcf7 .wpcf7-spinner::before {
    content: "";
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: unset;
    animation-duration: inherit;
    animation-timing-function: unset;
    animation-iteration-count: unset;
    background: url(/wp-content/plugins/contact-form-7-multi-step-pro/assets/frontend/img/loader.svg);
    background-size: cover;
}

.page-id-9910 .fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning,
.page-id-9910 .fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning {
    display: none;
}

.page-id-9910 .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.page-id-9910 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    z-index: 9999;
    top: 24px;
    padding: 3px 12px 4px 8px;
    margin-left: 5px;
}
.page-id-9910 .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors:before,
.page-id-9910 .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors:before {
    content: "\f06a";
    font-family: "FontAwesome";
    font-size: 19px;
    top: 8px;
    display: inline;
    margin-right: 5px;
    color: #fff !important;
    fill: #fff;
    /* background: #fff; */
    font-weight: 900;
}
.page-id-9910 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.current:before,
.page-id-9910 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.current:before {
    background-color: #fff;
}
.page-id-9910 span.wpcf7-not-valid-tip:after,
.page-id-9910 span.wpcf7-not-valid-tip:after {
    content: "\f0d8";
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    top: -18px;
    left: 10px;
    position: absolute;
    z-index: 900;
    color: #c74a4a;
    font-size: 28px;
    line-height: 1em !important;
}
.page-id-9910 span.wpcf7-not-valid-tip:before,
.page-id-9910 span.wpcf7-not-valid-tip:before {
    content: "\f00d";
    color: #fff;
    font-family: FontAwesome !important;
    margin-right: 5px;
    position: relative;
    top: 0;
    left: 0;
    font-size: 13px;
}

.wpcf7-form {
    border: none;
    overflow: visible;
}

.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:before {
    background-color: #690e22;
    height: 6px;
    left: 3px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:first-child:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:first-child:before {
    left: 0px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:last-child:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:last-child:before {
    left: 6px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li {
    margin-right: 6px;
}
.cf7mls_next.action-button img {
    right: 0;
    left: -35px;
}
.exit-formcf7 {
    margin: 10px 0px 15px 0;
    display: block;
    line-height: 1;
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset {
    padding-bottom: 0;
    margin-bottom: 0;
}
.cf7mls-btns .cf7mls_next.action-button,
.cf7mls-btns .cf7mls_back.action-button {
    margin: 15px 0 26px;
}

.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2) .cf7_mls_steps_item_icon {
    padding-left: 3px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7_mls_steps_item_icon {
    padding-left: 6px;
    margin-right: 11px;
}
/*
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7_mls_steps_item_icon{
	margin-right:-1px;
}
*/
/*fortune offer pop up from*/
#wpcf7-f11714-o1 .wpcf7-form-control-wrap input {
    padding: 0 12px !important;
    width: 100%;
    display: block;
    border-radius: 2px;
    outline: none !important;
    cursor: text !important;
    font-size: 15px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: static;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    border: 2px solid rgb(221, 221, 221);
}
#wpcf7-f11714-o1 label {
    margin-bottom: 15px;
    display: block;
}
#wpcf7-f11714-o1 .wpcf7-form-control-wrap .codedropz-upload-wrapper input {
    display: none;
}

@media (max-width: 961px) and (min-width: 768px) {
    .page-id-11841 .offer-details-box.test-sidebar {
        width: 100%;
        clear: both;
        float: none;
        margin: auto;
        margin-bottom: 50px;
    }
    .page-id-11841 .box-columns .vc_col-sm-8 {
        width: 100%;
    }
    .page-id-11841 .offerbox-itab {
        width: 100%;
        float: none;
    }
    .page-id-11841 .offer-details-box.test-sidebar {
        width: 86%;
        padding-bottom: 20px;
        margin: 0 auto;
        max-width: 345px;
    }
}

/*
#wpcf7-f11714-o1 .wpcf7-form-control-wrap br {display:none;}
span.wpcf7-not-valid-tip {
border-radius: 3px;
color: #fff;
position: relative;
font-size: 14px;
line-height: 20px!important;
width: auto;
max-width: 100%;
background: #C74A4A;
box-sizing: border-box;
padding: 12px;
margin: 12px 0 0;
display:block;
}
*/
body .animated-cursor {
    /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23FFF'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23FFF' transform='rotate(30 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23e5e5e5' transform='rotate(60 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23ccc' transform='rotate(90 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23b2b2b2' transform='rotate(120 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23999999' transform='rotate(150 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%237f7f7f' transform='rotate(180 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23666' transform='rotate(210 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%234c4c4c' transform='rotate(240 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23333' transform='rotate(270 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23191919' transform='rotate(300 64 64)'/%3E%3Cellipse cx='64' cy='18.75' rx='6.25' ry='18.75' fill='%23000' transform='rotate(330 64 64)'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64' calcMode='discrete' dur='1080ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E") !important;
    background-image: url('/wp-content/plugins/ninjateam-cf7-multi-step-pro/assets/frontend/img/loader.svg') !important;*/
    background-size: cover;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(farthest-side, #00bfff 95%, #0000) 50% 1px / 6px 6px no-repeat,
        radial-gradient(farthest-side, #0000 calc(100% - 8px), #ccc 0) !important;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
    animation: cursorAnimation 1.5s infinite ease-in-out;
    position: absolute;
    z-index: 9999;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

@keyframes cursorAnimation {
    to {
        transform: rotate(1turn);
    }
} /*
body .animated-cursor {
  width: 96px;
  height: 16px;
  display: inline-block;
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 4px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  font-size: 30px;
  background-size: 1em 1em;
  box-sizing: border-box;
  animation: barStripe 1s linear infinite;
}

@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }
  100% {
    background-position: 0 0;
  }
}

  */
.wpcf7-form-control-wrap .codedropz-upload-wrapper span.has-error-msg {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    font-style: normal;
}
.wpcf7-form-control-wrap .codedropz-upload-wrapper span.has-error-msg:before {
    content: "\f06a";
    font-family: "FontAwesome";
    font-size: 19px;
    top: 8px;
    display: inline;
    margin-right: 5px;
    color: #fff !important;
    fill: #fff;
    /* background: #fff; */
    font-weight: 900;
}