/*
 Theme Name:   Zele Child
 Theme URI:    http://zele.bold-themes.com
 Description:  Zele child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     zele
 Version:      2.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  zele-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */




body:not(.btStickyHeaderActive).btMenuHorizontal .menuPort nav > ul > li > a {
  padding-top: 35px;
  padding-bottom: 0;
  line-height: 50px;
}

@media screen and (min-width: 1250px) {

    body:not(.btStickyHeaderActive).btMenuHorizontal .bt-logo-area .logo img {
        height: 120px;
        width: auto;
    }

    body:not(.btStickyHeaderActive).btMenuHorizontal.hawaiihoopfest .bt-logo-area .logo img,
    body:not(.btStickyHeaderActive).btMenuHorizontal.devdomain .bt-logo-area .logo img {
        height: 140px;
        width: auto;
    }
}

@media screen and (max-width: 1199px) {

    body:not(.btStickyHeaderActive).btMenuVertical .bt-logo-area .logo img {
        height: auto;
        width: auto;
        max-width: 70%;
        max-height: 130px;
        position: relative;
        top: -5px;
    }

    body:not(.btStickyHeaderActive).btMenuVertical.hawaiihoopfest .bt-logo-area .logo img,
    body:not(.btStickyHeaderActive).btMenuVertical.devdomain .bt-logo-area .logo img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 130px;
        position: relative;
        top: -5px;
    }
}


@media screen and (max-width: 600px) {

    body:not(.btStickyHeaderActive).btMenuVertical.hawaiihoopefest .bt-logo-area .logo img,
    body:not(.btStickyHeaderActive).btMenuVertical.devdomain .bt-logo-area .logo img {
        height: auto;
        width: auto;
        max-width: 80%;
        max-height: 130px;
        position: relative;
        top: -11px;
    }
}


.nko_imageCardStyle1 .bt_bb_card_image_text_box .bt_bb_card_image_inner .bt_bb_card_image_content_text {
  font-size: 14px;
  font-weight: 500;
}
.nko_imageCardStyle1 .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_text p {
  font-size: 14px;
  line-height: 1.4;
}
.nko_imageCardStyle1 .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_text p:first-child {
    margin-bottom: .5em;
}
.nko_imageCardStyle1 .nko_imageCardScheduleLink {
    display: inline-block;
  font-weight: 500;
  position: relative;
  z-index: 10;
  pointer-events: auto !important;
}
.nko_imageCardStyle1 .nko_imageCardScheduleLink:before {
  position: absolute;
  display: block;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  content: "";
}
.nko_imageCardStyle1 .bt_bb_image > a,
.nko_imageCardStyle1 .bt_bb_image > span {
  background: #000;
}
.nko_imageCardStyle1 .bt_bb_image > a > img,
.nko_imageCardStyle1 .bt_bb_image > span > img {
  opacity: 1;
    transition: opacity 650ms ease-in-out, transform 650ms ease-in-out,filter 650ms ease-in-out;
}
.nko_imageCardStyle1 .bt_bb_card_image:hover .bt_bb_image > a > img,
.nko_imageCardStyle1 .bt_bb_card_image:hover .bt_bb_image > span > img {
  opacity: .5;
}

.home .btCardLink {
    z-index: 5;
}

.nko_imageCardStyle1 .bt_bb_card_image .bt_bb_card_image_icon {
  border-radius: 500px;
  width: 40px;
  height: 40px;
  top: calc(50% - 50px);
  right: auto;
  bottom: auto;
  left: calc(50% - 20px);
  padding: 0;
  margin: auto;
  text-align: center;
  overflow: visible;
  opacity: 1;
  transition: opacity 650ms ease-in-out;
}

.nko_imageCardStyle1 .bt_bb_card_image:hover .bt_bb_card_image_icon,
.nko_imageCardStyle1 .bt_bb_card_image:focus .bt_bb_card_image_icon {
  opacity: 0;
}

.nko_imageCardStyle1 .bt_bb_card_image .bt_bb_icon.bt_bb_style_outline .bt_bb_icon_holder::before,
.nko_imageCardStyle1 .bt_bb_card_image .bt_bb_icon.bt_bb_style_outline a.bt_bb_icon_holder::before {
  border-radius: 500px;
  outline: none;
  background: rgba(0,0,0,.35);
  font-size: 40px;
  box-shadow: none;
  width: 40px;
  height: 40px;
}



.hawaiitikibowl.home .nko_mobileMobileCards.nko_imageCardStyle1 .bt_bb_card_image .bt_bb_card_image_background .bt_bb_image::before {
    opacity: 1;
}





.nko_blockReadyForHawaiiJoinTeam .bt_bb_headline .bt_bb_headline_content {
    color: #fe5000 !important;
}

.nko_blockReadyForHawaiiJoinTeam .bt_bb_button.bt_bb_style_clean a {
    color: #000 !important;
}

.nko_blockReadyForHawaiiJoinTeam .bt_bb_button.bt_bb_style_clean a:hover,
.nko_blockReadyForHawaiiJoinTeam .bt_bb_button.bt_bb_style_clean a:focus {
    color: #1a719c !important;
}

.nko_blockLearnMoreViewItinerary .bt_bb_button,
.nko_blockReadyForHawaiiJoinTeam .bt_bb_button {
    position: relative;
    z-index: 5;
    white-space: nowrap;
}

.nko_blockLearnMoreViewItinerary header:first-child span {
    color: #fe5000;
}

@media screen and (max-width: 380px) {
    .nko_blockLearnMoreViewItinerary .bt_bb_button a.bt_bb_link {
        font-size: 1.5rem;
    }
    .nko_blockReadyForHawaiiJoinTeam .bt_bb_button a.bt_bb_link {
        font-size: 1.5rem;
    }
}


@media screen and (min-width: 1200px) {
    .home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline h1, .home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline h2, .home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline h3, .home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline h4, .home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline h5, .home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline h6 {
        font-size: 6.75rem;
    }
}


.nko_counterAnimateDisable.bt_bb_counter_holder .bt_bb_counter span.onedigit {
  transition: none !important;
}



h6.contact-us a, h6.contact-us a:link, .contact-us h6 a:visited {
    color: #181818;
}
h6.contact-us a:hover, h6.contact-us a:focus {
    color: #fe5000 !important;
}

.btMenuHorizontal .menuPort > nav > ul > li.menu-item-44 > a::after {display: none !important;}


.nko_ul_1 {
    margin-bottom: 1.5em;
}

.nko_ul_1 li {
    margin-bottom: .8em;
    margin-top: .8em;
}

.nko_ul_1 > li:first-child {
    margin-top: .25em;
}




.nko_ul_2 {
    margin-bottom: 1em;
}

.nko_ul_2 li {
    margin-bottom: 0;
    margin-top: 0;
}

.nko_ul_2 > li:first-child {
    margin-top: 0;
}

.bt_bb_testimonial_text + .bt_bb_testimonial_name {
  margin-top: 1em;
}

@media (max-width: 768px) {
  .nko_testimonialsSection.bt_bb_section.bt_bb_section.bt_bb_top_spacing_extra_large.bt_bb_bottom_spacing_extra_large > .bt_bb_port {
    padding-bottom: 8em;
    padding-top: 8em;
  }
  .nko_testimonialsSection .bt_bb_testimonial .bt_bb_testimonial_text .bt_bb_headline.bt_bb_size_medium h4 {
    font-size: 1.35rem;
  }
}

.nko_joinTheTeamButtonFixedRight.btFixedRightInner.bt_bb_button.bt_bb_style_filled.bt_bb_size_large {
  top: 50vh;
  margin: 0 !important;
  width: 300px;
  height: 80px;
  right: -111px;
  white-space: nowrap;
}


.page-register .nko_joinTheTeamButtonFixedRight,
.page-register .nko_blockReadyForHawaiiJoinTeam,
.page-account .nko_joinTheTeamButtonFixedRight,
.page-account .nko_blockReadyForHawaiiJoinTeam,
.page-terms .nko_joinTheTeamButtonFixedRight,
.page-terms .nko_blockReadyForHawaiiJoinTeam,
.page-sms-terms .nko_joinTheTeamButtonFixedRight,
.page-sms-terms .nko_blockReadyForHawaiiJoinTeam,
.page-privacy-policy .nko_joinTheTeamButtonFixedRight,
.page-privacy-policy .nko_blockReadyForHawaiiJoinTeam,
.page-join-the-team .nko_joinTheTeamButtonFixedRight,
.page-join-the-team .nko_blockReadyForHawaiiJoinTeam,
.page-player-invitations .nko_joinTheTeamButtonFixedRight,
.page-player-invitations .nko_blockReadyForHawaiiJoinTeam,
.page-recruitment .nko_joinTheTeamButtonFixedRight,
.page-recruitment .nko_blockReadyForHawaiiJoinTeam,
.page-underclass-recruitment .nko_joinTheTeamButtonFixedRight,
.page-underclass-recruitment .nko_blockReadyForHawaiiJoinTeam,
.page-recruiting .nko_joinTheTeamButtonFixedRight,
.page-recruiting .nko_blockReadyForHawaiiJoinTeam {
    display: none !important;
}

.nko_aboutUsReasonsToParticipate .bt_bb_service + .bt_bb_separator {
    margin-bottom: 3em;
}

.bt_bb_headline .bt_bb_headline_content span::before,
.bt_bb_headline .bt_bb_headline_content span::after {
  height: 0;
  font-size: 0;
}

.nko_HeadlineBreakSpaces .bt_bb_headline_content > span {
    white-space: break-spaces;
}

.page-id-3795 .bt-content .bt_bb_text h3,
.page-terms .bt-content .bt_bb_text h3,
.page-id-3777 .bt-content .bt_bb_text h3,
.page-privacy-policy .bt-content .bt_bb_text h3,
.page-sms-terms .bt-content .bt_bb_text h3 {
    font-size: 2.25rem;
    margin-top: 1em;
}


footer .nko_footerLogo img,
.bt-site-footer .nko_footerLogo img {
    width: 300px;
    height: auto;
    max-width: 100%;
}


.error404 .bt-content header,
.error404 .bt-content header * {
    color: #fff;
}



@media screen and (min-width: 450px) {
  .bt_bb_row .bt_bb_column.nko_desktopPadLR {
     padding-left: 40px;
     padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
    .nko_fundraiseVideoWrap {
        padding: 25px 60px;
    }
}

@media screen and (min-width: 900px) {
    .nko_fundraiseVideoWrap {
        padding: 25px 125px;
    }
}

body .nko_fundraiseSocialImage {
    background-image: url("images/fundraising-feature-social-mobile.jpg") !important;
}

body .nko_fundraiseLetterImage,
body.hawaiihoopfest .nko_fundraiseLetterImage {
    background-image: url("images/HHF/fundraising-feature-fundraise-letter-mobile.jpg?v=TY2026-001") !important;
}

body.nokaoivolleyball .nko_fundraiseLetterImage {
    background-image: url("images/NKOVB/fundraising-feature-fundraise-letter-mobile.jpg?v=TY2026-001") !important;
}

body.golfinthe808 .nko_fundraiseLetterImage {
    background-image: url("images/GIT808/fundraising-feature-fundraise-letter-mobile.jpg?v=TY2026-001") !important;
}

body.hawaiitikibowl .nko_fundraiseLetterImage {
    background-image: url("images/HTB/fundraising-feature-fundraise-letter-mobile.jpg?v=CY2026-001") !important;
}

body .nko_fundraisingSection .nko_fundraiseLetterImage,
body.hawaiihoopfest .nko_fundraisingSection .nko_fundraiseLetterImage {
    background-image: url("images/HHF/fundraising-letter-example-mobile.jpg?v=TY2026-001") !important;
}

body.nokaoivolleyball .nko_fundraisingSection .nko_fundraiseLetterImage {
    background-image: url("images/NKOVB/fundraising-letter-example-mobile.jpg?v=TY2026-001") !important;
}

body.golfinthe808 .nko_fundraisingSection .nko_fundraiseLetterImage {
    background-image: url("images/GIT808/fundraising-letter-example-mobile.jpg?v=TY2026-001") !important;
}

body.hawaiitikibowl .nko_fundraisingSection .nko_fundraiseLetterImage {
    background-image: url("images/HTB/fundraising-letter-example-mobile.jpg?v=CY2026-001") !important;
}

body .nko_fundraiseLetterImage,
body .nko_fundraiseSocialImage {
    background-position: top right !important;
}

@media screen and (min-width: 768px) {

    body .nko_fundraiseSocialImage {
        background-image: url("images/fundraising-feature-gofundme-large.png") !important;
    }

    body .nko_fundraiseLetterImage,
    body.hawaiihoopfest .nko_fundraiseLetterImage {
        background-image: url("images/HHF/fundraising-feature-fundraise-letter-large-v1.png?v=TY2026-001") !important;
    }

    body.nokaoivolleyball .nko_fundraiseLetterImage {
        background-image: url("images/NKOVB/fundraising-feature-fundraise-letter-large-v1.png?v=TY2026-001") !important;
    }

    body.golfinthe808 .nko_fundraiseLetterImage {
        background-image: url("images/GIT808/fundraising-feature-fundraise-letter-large-v1.png?v=TY2026-001") !important;
    }

    body.hawaiitikibowl .nko_fundraiseLetterImage {
        background-image: url("images/HTB/fundraising-feature-fundraise-letter-large-v1.png?v=CY2026-001") !important;
    }

    body .nko_fundraisingSection .nko_fundraiseLetterImage,
    body.hawaiihoopfest .nko_fundraisingSection .nko_fundraiseLetterImage {
        background-image: url("images/HHF/fundraising-letter-example-large.png?v=TY2026-001") !important;
    }

    body.nokaoivolleyball .nko_fundraisingSection .nko_fundraiseLetterImage {
        background-image: url("images/NKOVB/fundraising-letter-example-large.png?v=TY2026-001") !important;
    }

    body.golfinthe808 .nko_fundraisingSection .nko_fundraiseLetterImage {
        background-image: url("images/GIT808/fundraising-letter-example-large.png?v=TY2026-001") !important;
    }

    body.hawaiitikibowl .nko_fundraisingSection .nko_fundraiseLetterImage {
        background-image: url("images/HTB/fundraising-letter-example-large.png?v=CY2026-001") !important;
    }
}

@media screen and (max-width: 768px) {

    body .nko_fundraiseLetterImage,
    body .nko_fundraiseSocialImage {
        height: 350px !important;
        max-height: 80vw !important;
    }

    body .nko_fundraisingSection .nko_fundraiseLetterImage {
        height: 300px !important;
        max-height: 300px !important;
    }
}






/**
 * ZELE THEME: FUNDRAISING LETTER GENERATOR
 ***/

form#fundLetter {
    padding: 0;
    margin: 0 auto;
}

.nko_fundraiseStepsBlock {
    padding-top: 40px;
    padding-bottom: 40px;
}

.nko_fundraiseStepsBlock > .bt_bb_text {
    margin-bottom: 0;
    padding-bottom: 40px;
}

#fundLetter p.field,
#fundLetter p.field * {
    vertical-align: top;
}

.nko_fundraiseStepsHeadingSection > .bt_bb_port {
    padding-top: 0px !important;
}

.nko_fundraiseStepsContentSection > .bt_bb_port {
    padding-bottom: 90px !important;
}

#fundLetter label {
    display: block;
    width: auto;
    padding-top: 10px;
}

#fundLetter input {
    border: 1px solid #444;
    background: #fff;
    max-width: 90%;
}

#fundLetter input.invalid {
    border: 1px solid #f00;
    background: #FFD7D7;
}


@media (min-width: 1000px) {

    .step {
        white-space: nowrap;
    }

    #fundLetter p.field {
        display: inline-block;
        width: 49%;
        margin: 5px 0 18px 0;
        white-space: nowrap;
    }

    #fundLetter p.field:nth-child(odd) {
        padding-right: 4%;
    }

    #fundLetter p.field:nth-child(even) {
        padding-left: 4%;
    }

    #fundLetter p.field input[type="text"] {
        max-width: 100%;
    }
}

@media (max-width: 1000px) {

    #fundLetter p.field {
        display: block;
        margin: 5px 0 12px 0;
        white-space: nowrap;
    }

    #fundLetter p.field input[type="text"] {
        max-width: 100%;
    }

    #fundLetter .nko_fundraiseStepsContentSection .bt_bb_column > .bt_bb_column_content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fundLetter .bt_bb_button {
        margin: 0;
    }

    #fundLetter .bt_bb_button .bt_bb_button_text {
        line-height: 1.1;
    }
}



.nko_fundraisingSection ol li::marker {
    font-weight: bold;
}

.nko_weWriteHeadline {
    margin-top: -12px !important;
    padding-bottom: 24px !important;
}

@media (max-width: 600px) {

    .nko_weWriteHeadline {
        line-height: 1 !important;
    }
}




html body.home .nko_homeOverviewSection .nko_homeOverviewSectionImage {
    max-width: 350px;
    margin: auto;
    padding-bottom: 50px;
}

@media screen and (min-width: 993px) {

    html body.home .nko_homeOverviewSection .nko_homeOverviewSectionText {
        padding-right: 0;
    }

    html body.home .nko_homeOverviewSection .nko_homeOverviewSectionImage {
        position: relative;
        top: -65px;
        padding-bottom: 0;
    }
}




/* Homepage Slider */
html body.hawaiihoopfest.home .bt_bb_content_slider .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
    text-shadow: 1px 1px 2px rgba(0,0,0,.75),1px 1px 3px rgba(0,0,0,.75),1px 1px 13px rgba(0,0,0,.5);
    text-shadow: 1px 1px 3px rgba(0,0,0,.65),1px 1px 13px rgba(0,0,0,.65);

    text-shadow: 2px 2px 0px rgba(0,0,0,.65);
}

html body.hawaiihoopfest.home .bt_bb_content_slider .bt_bb_headline .bt_bb_headline_content span {
    text-shadow: 1px 1px 3px rgba(0,0,0,.5),1px 1px 13px rgba(0,0,0,.5);

    text-shadow: 2px 2px 0px rgba(0,0,0,.65);
}

html body.hawaiihoopfest.home .bt_bb_content_slider .bt_bb_headline:first-child .bt_bb_headline_content span {
    text-shadow: 1px 1px 3px rgba(0,0,0,.125),1px 1px 13px rgba(0,0,0,.25);
    text-shadow: 1px 1px 3px rgba(0,0,0,.125),1px 1px 13px rgba(0,0,0,.125);

    text-shadow: 2px 2px 0px rgba(0,0,0,.65);
}

html body.hawaiihoopfest.home .bt_bb_content_slider .bt_bb_button.bt_bb_style_skew_filled {
    background: rgba(254, 80, 0, 1) !important;
}

/* Homepage Menu Darken Underlay */
XXXX.html body.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader:before {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 200px;
    box-shadow: 0 0 150px 120px rgba(0,0,0,.65);
    content: "";
}

XXXX.html body.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader:before {
    position: absolute;
    display: block;
    top: -65px;
    left: 0;
    height: 120px;
    width: 100%;
    background: rgba(0,0,0,.3);
    box-shadow: 0 0 90px 90px rgba(0,0,0, .3);
    content: "";
}

XXXX.html body.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader .menu > li > a:not(:hover):not(:focus) {
    text-shadow: 1px 1px 1px rgba(0,0,0,.75),1px 1px 10px rgba(0,0,0,.5);
    text-shadow: 0 0 2px rgba(0,0,0,.75),0 0 5px rgba(0,0,0,.625),0 0 10px rgba(0,0,0,.5);
    text-shadow: 2px 1px 5px rgba(0,0,0,.5),2px 2px 10px rgba(0,0,0,.5);

    text-shadow: 2px 1px 5px rgba(0,0,0,.5),2px 2px 10px rgba(0,0,0,.5);
}

XXXX.html body.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader .bt_bb_icon_holder {
    text-shadow: 0 0 2px rgba(0,0,0,.75),0 0 5px rgba(0,0,0,.625),0 0 10px rgba(0,0,0,.5);
    text-shadow: 0px 0px 5px rgba(0,0,0,.5),0px 0px 10px rgba(0,0,0,.5);
    text-shadow: 2px 0px 5px rgba(0,0,0,.5),2px 0px 10px rgba(0,0,0,.5);

    text-shadow: 2px 0px 5px rgba(0,0,0,.25),2px 0px 10px rgba(0,0,0,.35);
}


/* Homepage Menu Lighten Underlay */
/***
html body.hawaiihoopfest.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader:before {
    position: absolute;
    display: block;
    top: -120px;
    left: 0;
    height: 120px;
    width: 100%;
    background: rgba(255,255,255,.35);
    box-shadow: 0 0 90px 90px rgba(255,255,255,.35);
    content: "";
}

html body.hawaiihoopfest.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader .menu > li > a:not(:hover):not(:focus) {
    color: #000;
}

html body.hawaiihoopfest.home.btMenuHorizontal:not(.btStickyHeaderActive) .mainHeader .bt_bb_icon_holder {
    color: #000;
}
/***/


/* Testimonials: Hide Image */
html body.hawaiihoopfest.home .bt_bb_testimonial .bt_bb_testimonial_image {
    display: none !important;
}



/* Coaches Overlay Frame */
.nko_coachRow .bt_bb_image > span {
    display: block;
    position: relative;
}

.nko_coachRow .bt_bb_image > span:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("images/accent-white-overlay.png") center center no-repeat;
    background-size: cover;
    z-index: 2;
    content:"";
}



.nko_galleryLinks .bt_bb_button .bt_bb_button_text {
    line-height: 1;
}











/******
 * HOME TOP VIDEO
 ***/
body.nokaoivolleyball {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto;
    overflow-x: hidden !important;
}

#nko_topVideoSection .banner-main {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #000;
}

#nko_topVideoSection .banner-main:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
    background: url("images/white_bottom_wave_01.png") bottom center no-repeat;
    background-size: 100%;
    content: "";
    z-index: 1;
}




/*******/
#nko_topBackgroundVideoContainer > div > div {
    width: 100% !important;
    height: 100% !important;
}
/*******/



/**
 * Section: Top Section (Video).
 */
#nko_topBackgroundVideoWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

/*****
#nko_topBackgroundVideoContainer {
    position: absolute;
    top: 0;
    left: -30%;
    left: -30vw;
    width: 130%;
    width: 130vw;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
    background: #dedfe0 url('images/home-video-bg-mobile.jpg') center center no-repeat;
    background: #dedfe0 url('images/home-video-bg-desktop-2.jpg') center center no-repeat;
    background-size: cover !important;
}
/*****/

#nko_topBackgroundVideoContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
/******background: #dedfe0 url('images/video/landing/mobile.jpg') center center no-repeat;******/
    background: #000;
    background-size: cover !important;
}

#nko_topBackgroundVideoContainer video:before {
    position: absolute;
    display: block;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: #d5d5d7;
        background: background: #171717;
    content: "";
}

#nko_topBackgroundVideoContainer .w-ui-container {
    opacity: 0 !important;
    display: none !important;
}

#nko_homeVideoCover {
    position: absolute;
    top: 50%;
    top: 50vh;
    margin-top: -50%;
    margin-top: -50vh;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    text-align: center;
}

@media screen and (min-width: 1100px) {

    #nko_homeVideoCover {
        background: rgba(0,0,0,.5);
    }
}

/**
 * Section: Top (Overlay/Feature Video).
 * - Updated [08/12/24]: Fix Wista video embed misalignment.
 */
#nko_topVideoWrap {
    position: fixed;
    top: 0;
    left: -9999px;
    opacity: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    max-width: 100%;
    z-index: 999999;
    background: #222;
        background: #171717;
    text-align: center;
}

#nko_topVideoWrapInner {
    height: 100%;
    width: 100%;
    padding: 2vh 2vw;
    box-sizing: border-box;
    outline: none;
    text-align: center;
    line-height: 96vw;
}

#videoContainer {
    margin: auto;
    position: absolute;
    box-shadow: none;
    text-align: center;
    display: inline-block;
    max-width: 96vw;
    max-height: 96vh;
    top: 2vh;
    left: 2vw;
    bottom: 2vh;
    right: 2vw;
}

#nko_topVideoPlayButtonWrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 27vmax;
    padding-top: 6vh;
    height: 0;
}

#nko_topVideoPlayButton {
    position: relative;
    font-family: 'MuseoSans', Arial, Helvetica, sans-serif;
    display: inline-block;
/**
    display: inline-block !important;
/**/
    background: rgba(0, 0, 0, .125);
    outline: 1px solid #fff;
    color: #fff !important;
    text-decoration: none;
    white-space: nowrap;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 2vmax;
    letter-spacing: .65vmin;
    line-height: 2.75;
    height: 5.5vmax;
    z-index: 500;
    font-weight: 900;
    transition: background .35s;
}

.noVideoTest #nko_topVideoPlayButton {
    display: inline-block !important;
}

#nko_topVideoPlayButton:hover,
.nko_keyUser #nko_topVideoPlayButton:focus {
    background: rgba(0, 0, 0, .5);
}

@media screen and (max-width: 450px) {

    #nko_topVideoPlayButtonWrap {
        top: 0;
        padding-top: 0;
    }
}

@media screen and (min-width: 700px) and (max-width: 1099px) {

    #nko_topVideoPlayButtonWrap {
        width: 20vmax;
        padding-top: 3vh;
    }

    #nko_topVideoPlayButton {
        font-size: 1.4vmax;
        line-height: 2.85;
        height: 4vmax;
    }
}

@media screen and (min-width: 1099px) {

    #nko_topVideoPlayButtonWrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 14vw;
        padding-top: 3vh;
    }

    #nko_topVideoPlayButton {
        font-size: 1.2vw;
        line-height: 2.25vw;
        height: 2.25vw;
        letter-spacing: .2vw;
        outline-width: 2px;
    }

    #nko_topVideoPlayButton:after {
        position: absolute;
        display: block;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        z-index: -1;
        background: transparent;
        content: "";
    }
}

#nko_topVideoStopButton {
    display: inline-block;
    position: fixed;
    padding: 10px;
    padding: 1vmax;
    top: 10px;
    top: 1.25vmin;
    right: 10px;
    right: 1.25vmin;
    z-index: 500;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    background: rgba(0, 0, 0, .5);
    font-size: 24px;
    font-size: 5vmin;
    width: 5vmin;
    height: 5vmin;
    line-height: 1;
    text-shadow: 1px 1px 0px #000, 1px 1px 0px #000;
    font-family: Arial, Helvetica, Georgia, Verdana, "Times New Roman", "Courier New", 'Apple Color Emoji', 'Ubuntu', 'system-ui', -apple-system, sans-serif;
    font-weight: normal !important;
    box-sizing: content-box;
}

#nko_topVideoStopButton:after {
    position: absolute;
    display: block;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -1;
    background: transparent;
    content: "";
}

.nko_keyUser #nko_topVideoStopButton:focus {
    outline: 2px solid #fff;
}

@media screen and (min-width: 900px) {

    #nko_topVideoStopButton {
        top: 1vmax;
        right: 1vmax;
        font-size: 24px;
        font-size: 4vmin;
        width: 4vmin;
        height: 4vmin;
    }
}


#nko_homeTopDownArrow {
    display: none;
}

@media screen and (min-width: 750px) {

    #nko_homeTopDownArrow {
        display: block;
        position: absolute;
        bottom: 7vh;
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 0;
        z-index: 99;
        text-decoration: none !important;
        width: 3vmin;
        height: 3vmin;
        min-width: 15px;
        min-height: 15px;
    }

    #nko_homeTopDownArrow:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-right: none;
        border-bottom: none;
        transform: rotate(-135deg);
        transition: top .5s;
        content: "";
    }

    #nko_homeTopDownArrow:hover:after {
        top: 1.25vh;
    }

    #nko_homeTopDownArrow:before {
        position: absolute;
        display: block;
        top: -100%;
        left: -100%;
        width: 300%;
        height: 300%;
        z-index: -1;
        background: transparent;
        content: "";
    }
}

@media screen and (min-width: 800px) {

    #nko_homeTopDownArrow:after {
        border-width: 3px;
    }
}




/**
 * Wistia Background Videos.
 */
#nko_wistiaVideoDesktopWrap,
#nko_wistiaVideoMobileWrap {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    overflow: hidden !important;
}

#nko_wistiaVideoDesktopWrap {
    /**background: #f00;**/
    left: -200%;
    z-index: -99;
}

#nko_wistiaVideoMobileWrap {
    /**background: #ff0;**/
    left: 0;
    z-index: 0;
}

@media screen and (min-width: 600px) and (orientation: landscape),
       screen and (min-width: 1100px),
       screen and (min-aspect-ratio: 1/1) {

    #nko_isMobile {
        display: none !important;
    }

    #nko_wistiaVideoDesktopWrap {
        left: 0 !important;
        z-index: 0 !important;
    }

    #nko_wistiaVideoMobileWrap {
        left: -200% !important;
        z-index: -99 !important;
    }

    #nko_topBackgroundVideoContainer {
        left: 0;
        width: 100%;
        width: 100vw;
/*******background: #dedfe0 url('images/video/landing/desktop.jpg') center center no-repeat !important;*******/
        background-size: cover !important;
    }
}


@media screen and (max-width: 549px) {

    #nko_topBackgroundVideoWrap,
    #nko_topBackgroundVideoContainer,
    #nko_wistiaVideoDesktopWrap,
    #nko_wistiaVideoMobileWrap {
        width: 100% !important;
        height: 100% !important;
    }

    #nko_topBackgroundVideoWrap,
    #nko_topBackgroundVideoContainer,
    #nko_wistiaVideoDesktopWrap,
    #nko_wistiaVideoMobileWrap {
        width: 100% !important;
        height: 100% !important;
    }

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
    }

    #nko_topBackgroundVideoWrap {
        top: 0;
    }

    #nko_homeVideoCover {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
    }

    #nko_topVideoPlayButton {
        left: 50%;
        right: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #nko_topVideoWrap {
        width: 100%;
        height: 100%;
    }
}


#nko_topVideoPlayButtonWrap2 {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1 !important;
    transition: all 1.25s ease-in-out !important;
    transform-origin: center;
}

#nko_topVideoPlayButtonWrap2 {
    position: absolute;
    top: calc(100vh - 140px);
        top: auto;
    bottom: 0;
    left:50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height:auto;
    cursor: pointer;
    z-index: 3;
    opacity: 1;
}
.playButtonWrap.playButton2 button {
    width:200px;
    height:70px;
    background: linear-gradient(to left top, #c32c71 50%, #b33771 50%);
    border-style: none;
    color:#fff;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    /*transform: rotate(-3deg) scale(1.1);*/


    padding: 0;
    padding: 0 0 0 34px;
        padding: 0 0 0 24px;
        padding: 0 4px 0 24px;
    font-family: 'Roboto';
        font-family: 'Oswald', Roboto, Impact, system-ui, sans-serif;
        white-space: nowrap;
    font-weight: 500;
        font-weight: 300;
        font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 23px;
        font-size: 22px;

        width: 188px;
        width: 192px;
        height: 58px;

        font-family: "Anton",'Oswald', Roboto, Impact, system-ui, sans-serif;
        background: linear-gradient(to left top, #e54800 50%, #fe5000 50%);
}
.playButtonWrap.playButton2 button span {
    position: absolute;
    display: block;

        opacity: .25;
}
.playButtonWrap.playButton2 button span:nth-child(1) {
    height: 3px;
    width:200px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1 {
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.playButtonWrap.playButton2 button span:nth-child(2) {
    height: 70px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2 {
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
.playButtonWrap.playButton2 button span:nth-child(3) {
    height:3px;
    width:200px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3 {
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}

.playButtonWrap.playButton2 button span:nth-child(4) {
    height:70px;
    width:3px;
    bottom:-70px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
@keyframes span4 {
    0%{
        bottom: -70px;
    }
    100%{
        bottom:70px;
    }
}

.playButtonWrap.playButton2:hover button {
    transition: all .5s;
    transform: rotate(-3deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
        transform: scale(1.05);
        box-shadow: 0px 3px 8px rgba(0,0,0,.6);
        box-shadow: 0px 3px 8px rgba(0,0,0,.3), 0px 3px 18px rgba(0,0,0,.3), 0px 3px 18px rgba(0,0,0,.3);
        transition: all .25s ease;
}
.playButtonWrap.playButton2:hover button span {
    animation-play-state: paused;
}

.circleV2 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .025);
  margin: auto;
  transform: scale(1, 1);

    z-index: 500;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 20px;
    right: auto;
    bottom: 0;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .05);
    background-color: rgba(0, 0, 0, .05);

    left: 15px;
    left: 9px;
    left: 4px;
    background-color: rgba(0, 0, 0, 0);
}

.playButtonWrap .circleV2 svg {
  fill: #fff;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 1;
  transition: all 0.3s;

    position: absolute;
    top: -5% !important;
    height: 110% !important;
    left: -2.5% !important;
}

#nko_topVideoEventTextDesktop {
    display: none;
}

#nko_topVideoEventTextMobile {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto !important;
    max-width: 100%;
    max-height: calc(100% - 100px);
    z-index: 9;
}

#nko_topVideoPlayButtonWrap2 {

}

#nko_topVideoTextButtonWrap {
    position: absolute;
    display: block;
    top: 200px;
        top: 0;
        bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 88%;
    max-width: 380px;
    height: calc(100% - 360px);
        height: calc(100% - 200px);
        max-height: 500px;
    background: #f00;
    background: rgba(255, 255, 255, .2);
    background: none;
    z-index: 10;
    overflow: hidden;
}

.nko_topVideoEventText {
    animation: opacity1 3s ease-in-out;
}

.hiddenElements #nko_topVideoPlayButtonWrap2 {
    transform: translate(-50%, -50%) scale(2.5) !important;
    opacity: 0 !important;
}

#nko_topVideoTextButtonOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width: 600px) and (orientation: landscape),
       screen and (min-width: 1100px),
       screen and (min-aspect-ratio: 1/1) {

    #nko_topVideoTextButtonWrap {
        position: absolute;
        width: 80%;
        max-width: 1200px;
        height: calc(100% - 260px);
            height: 60%;
            max-height: 60%;
        left: 0;
        right: 0;
        margin: auto;
        top: 200px;
            top: 30%;
            top: 24%;
            bottom: auto;
    }

    #nko_topVideoEventTextMobile {
        display: none;
    }

    #nko_topVideoEventTextDesktop {
        display: block;
        position: absolute;
            position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: calc(100% - 130px) !important;
        margin: auto;
            margin-bottom: 80px;
    }

    #nko_topVideoPlayButtonWrap2 {
        position: relative;
        top: auto;
        bottom: auto;
    }
}

@keyframes opacity1 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}




/**
 * Gravity Forms: Contact Forms.
 */
.nko_gravityForm .gform_required_legend {
    display: none;
}

.nko_gravityForm .gform_wrapper + p,
.nko_gravityForm .gform_wrapper p:empty,
.nko_gravityForm .gform_wrapper .gform_footer .gform_button.button ~ p {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.nko_gravityForm .gform_wrapper p:empty,
.nko_gravityForm .gform_wrapper .gform_footer .gform_button.button ~ p br {
    display: none;
}

.nko_gravityForm .gform_wrapper {
    padding-top: 8px;
}

.nko_gravityForm .gform_wrapper .gform_fields > .gfield:not(:first-child) {
    margin-top: 1em;
}

.nko_gravityForm .gform_wrapper .gform_footer {
    margin: 45px 0 0 0 !important;
    padding: 5px 0 0 0 !important;
}

.nko_gravityForm .gform_wrapper .gform_button.button {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 165px;
    padding: 1em 1.5em 1em 1.5em !important;
    line-height: 1 !important;
    color: #fff !important;
    background: #fe5000;
    font-weight: 700;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: .9375rem !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    border: none !important;
    display: inline-block;
    transition: all .35s;
}

.nko_gravityForm .gform_wrapper .gform_button.button:hover,
.nko_gravityForm .gform_wrapper .gform_button.button:focus {
    background: #000;
}


.nko_gravityForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type='submit']),
.nko_gravityForm .gform_wrapper textarea {
    font-size: 1rem !important;
    transition: all 500ms ease;
}

.nko_gravityForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type='submit']),
.nko_gravityForm .gform_wrapper textarea {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.3);
    padding: 0 0 .8em 0 !important;
    background: transparent;
}

.nko_gravityForm.nko_darkGreyForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type='submit']),
.nko_gravityForm.nko_darkGreyForm .gform_wrapper textarea {
    border-bottom: 1px solid rgba(0,0,0,.3);
}

.nko_gravityForm.nko_darkGreyForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.nko_gravityForm.nko_darkGreyForm .gform_wrapper textarea:focus {
    border-color: #fe5000;
}

.nko_gravityForm.nko_darkGreyForm .gform_wrapper .gform_fields {
    color: #171c34;
}

.nko_gravityForm.nko_lightForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type='submit']),
.nko_gravityForm.nko_lightForm .gform_wrapper textarea {
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.nko_gravityForm.nko_lightForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.nko_gravityForm.nko_lightForm .gform_wrapper textarea:focus {
    border-color: #fe5000;
}

.nko_gravityForm.nko_lightForm .gform_wrapper .gform_fields {
    color: #fff;
}

.nko_gravityForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type='submit']) {
    line-height: 1 !important;
}

.nko_gravityForm .gform_wrapper textarea {
    line-height: 1.5 !important;
}

.nko_gravityForm .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type='submit'])::placeholder,
.nko_gravityForm .gform_wrapper textarea::placeholder {
    opacity: 1;
    font-size: 1rem;
    line-height: 1;
    color: inherit;
}

.nko_gravityForm .gform_wrapper .ginput_container.ginput_complex > p {
    flex: 1;
    font-size: 0;
    line-height: 0;
    padding-right: 5%;
}

.nko_gravityForm .gform_wrapper .ginput_container.ginput_complex > p:last-child {
    padding-right: 0;
}

.nko_gravityForm .gform_wrapper .ginput_container.ginput_complex input ~ label {
    line-height: 1;
    padding-top: 8px;
}


.nko_gravityForm .gform_wrapper .gform_validation_errors {
    margin-bottom: 30px !important;
    border-radius: 0 !important;
}

.nko_gravityForm .gform_wrapper .gform_validation_errors > .gform_submission_error {
    font-size: 1rem !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
}

.nko_gravityForm .gform_wrapper.gform_validation_error .hidden_label input:not([type="checkbox"]):not([type="radio"]):not([type='submit']),
.nko_gravityForm .gform_wrapper.gform_validation_error .hidden_label textarea {
    background: #fff;
    color: #171c34;
    padding: 10px 12px !important;
    border-color: #c02b0a;
    border: 1px solid rgba(0,0,0,.5);
}

.nko_gravityForm .gform_wrapper.gform_validation_error input:not([type="checkbox"]):not([type="radio"]):not([type='submit']):focus,
.nko_gravityForm .gform_wrapper.gform_validation_error textarea:focus {
    border-color: #000;
}

.nko_gravityForm .gform_wrapper.gform_validation_error input:not([type="checkbox"]):not([type="radio"]):not([type='submit'])::placeholder,
.nko_gravityForm .gform_wrapper.gform_validation_error textarea::placeholder {
    color: #bbb;
    color: transparent;
    display: none;
}

.nko_gravityForm .gform_wrapper.gform_validation_error .gfield,
.nko_gravityForm .gform_wrapper .gfield.gfield_error {
    margin-bottom: 8px;
}

.nko_gravityForm .gform_wrapper .validation_message,
.nko_gravityForm .gform_wrapper .gfield_description.validation_message.gfield_validation_message {
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.nko_gravityForm .gform_wrapper.gform_validation_error .hidden_label .gfield_label,
.nko_gravityForm .gform_wrapper.gform_validation_error .hidden_label.gfield_error .gfield_label {
  clip: unset !important;
  word-wrap: unset !important;
  border: 0 !important;
  -webkit-clip-path: unset !important;
  clip-path: unset !important;
  height: auto !important;
  margin: 0 0 5px 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
}

@media screen and (min-width: 768px) {
    section:last-child .gform_confirmation_wrapper {
        padding-bottom: 300px;
    }
}

@media screen and (max-width: 500px) {

    .nko_gravityForm .gform_wrapper .ginput_container.ginput_complex > p {
        display: block;
        width: 100%;
        flex: unset;
        padding-right: 0;
    }
}


/**
 * Twitter X Icon Override
 * - https://fontawesome.com/icons/x-twitter?f=brands&s=solid
 * - Current BT Builder doesn't include FontAwesome version with the new Twitter X brand icon.
 * - Saved X icon glyph from fa brands via font-forge to single glyph (X, unicode 0058); generated woff2 file.
 */
@font-face {
    font-display: swap;
    font-family: 'xicon';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/twitter-x-icon-only.woff2') format('woff2');
    unicode-range: U+0058;
}

.btIconWidget[href*="twitter"] .bt_bb_icon_holder:before,
.btIconWidget[href*="x"] .bt_bb_icon_holder:before,
.bt_bb_icon_holder[href*="twitter"]:before,
.bt_bb_icon_holder[href*="x"]:before {
    font-family: xicon !important;
    content: "\0058" !important;
}