.home-video {display: flex; justify-content: center; align-items: center;}
.home-video a {display: inline-flex; justify-content: center; align-items: center;}
.home-video a:hover .play-btn {transform: scale(1.2);}
.home-video .play-btn {position: absolute;width: 100px;transition: all .2s ease;}

.sticky-site-logo img {width: 170px;}

/*Leaderboard CSS*/

.leaderboard-block #Leaderboard h4 {
    color: inherit;
    margin-top: 40px;
}

.leaderboard-block #Leaderboard a:not(.btn):hover {
    text-decoration: none !important;
}

.leaderboard-block #Leaderboard .leaderboardrow .rank {
    position: absolute;
    top: 60px;
    left: 295px;
    padding: 0;
    font-size: 18px;
    width: 30px;
    z-index: auto;
    background-color: transparent !important;
    color: #333333;
}

.leaderboard-block #Leaderboard .leaderboardrow .rank:before {
    content: "#" !important;
    color: #333333;
    transform: rotate(0);
    position: relative;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    padding-right: 1px;
    font-family: 'KWFFedraSansREGULAR';
}

.leaderboard-block #Leaderboard .leaderboardrow a {
    display: block;
    padding: 30px 0px;
    color: #333333;
    margin: 0 60px;
    border-bottom: 2px solid #fff;
}

.leaderboard-block #Leaderboard .leaderboardrow .options {
    padding-left: 35px;
}

.leaderboard-block #Leaderboard .leaderboardrow .options .btn-primary {
    /*background-color: #F7A735;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

.leaderboard-block #Leaderboard .leaderboardrow .options .btn-primary:hover {
    background-color: #E3A042;
}

.leaderboard-block #Leaderboard .leaderboardrow .options .btn-primary:focus {
    background-color: #F7A735;
    border-color: #C78932;
}

.leaderboard-block #Leaderboard .leaderboardrow {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #F7F7F7;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.leaderboard-block #Leaderboard .leaderboardrow:hover {
    transform: scale(1);
    box-shadow: none;
    z-index: auto;
}

.leaderboard-block #Leaderboard .leaderboardrow:nth-child(even) {
    background: #F7F7F7;
}

.leaderboard-block #Leaderboard .leaderboardrow .profilename {
    width: 30%;
}

.leaderboard-block #Leaderboard .leaderboardrow.hasbadge .profileimage img {
    background-color: #fff;
    padding: 5px;
    border: 7px solid #f7931e;
}

.leaderboard-block #Leaderboard .leaderboardrow .profileimage img {
    background-color: #fff;
    padding: 5px;
    box-sizing: content-box;
    width: 95px !important;
    height: 95px !important;
    object-fit: cover;
}

.leaderboard-block .search-block .lump-search .input-group {
    width: 300px;
    margin-right: 15px;
    margin-top: 10px;
}

.leaderboard-block .search-block .lump-search .col-sm-3 {
    display: none;
}

.leaderboard-block .search-block .lump-search {
    position: absolute;
    right: 0;
}

.leaderboard-block .search-block {
    position: absolute;
}

.leaderboard-block .vertical-align-top {
    position: relative;
}

.leaderboard-block .lump.tab-content .nav-tabs {
    border-bottom: 2px solid #ddd;
    display: flex;
    justify-content: left;
    margin: 0 -110px 40px;
    padding: 0 120px 20px 120px;
}

.leaderboard-block .lump.tab-content .nav-tabs li.active {
    border: 2px solid #25272B;
    color: #25272B;
    background-color: transparent;
    font-weight: bold;
    border-radius: 50px;
}

.leaderboard-block .lump.tab-content .nav-tabs li {
    border: 2px solid transparent;
    opacity: 1;
    float: left;
    margin-bottom: 0;
    font-weight: bold;
    background-color: #D8DFE7;
    border-radius: 50px;
    margin-right: 20px;
}

.leaderboard-block .lump.tab-content .nav-tabs li a {
    text-decoration: none;
    border-radius: 50px;
    color: inherit;
    padding: 18px 25px;
    line-height: 0;
    font-size: 14px;
}

.leaderboard-block .content .lump a:not(.btn):hover {
    color: inherit;
    text-decoration: none;
}

.leaderboard-block .lump-search .col-sm-3 {display: none;}
.leaderboard-block .lump-search .col-sm-6 {padding: 0;}
.leaderboard-block .lump-search .col-sm-6 .input-group {width: 350px;}

.leaderboard-block .leaderboard-search {position: absolute;top: 73px;}

/* End of leaderboard CSS */

/*Alt lightbox CSS*/

.alt-lightbox h3 {
    height: 60px;
    display: flex;
    align-items: flex-end;
    padding-left: 25px;
}

.alt-lightbox-col {
    width: 30%; 
    padding: 0 20px;
}

.alt-lightbox .video-thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 220px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.alt-lightbox .video-thumb:hover .fa-play {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.alt-lightbox .video-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: 50% 50%;
    background: #2b2b2b;
}

.alt-lightbox .video-thumb .fa-play {
    z-index: 1;
    color: #ed1b68;
    font-size: 50px;
    transition: all 0.2s ease;
    margin-top: -50px;
}

.video-modal, .video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}

.video-modal {
    overflow: hidden;
    position: fixed;
    opacity: 0;
    -webkit-transform: translate(500%, 0%);
    transform: translate(500%, 0%);
    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.video-modal .overlay {
    z-index: 0;
    background: rgba(13, 1, 61, 0.82);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0.05s;
    transition: opacity 0.2s ease-out 0.05s;
}

.video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    margin: 0 auto;
    overflow-y: visible;
    background: #000;
    width: calc(100% - 12em);
    height: 0;
    padding-top: calc((100% - 12em) * 0.5625);
}

@media (min-aspect-ratio: 1.77778) {
    .video-modal-content {
        width: 0;
        height: calc(100vh - 10em);
        padding-top: 0;
        padding-left: calc((100vh - 10em) * 1.7778);
    }
}

@media (max-width: 640px) {
    .video-modal-content {
        width: calc(100% - 1em);
        padding-top: calc((100% - 1em) * 0.5625);
        /* 16:9 calc */
    }
}

.close-video-modal {
    display: block;
    position: absolute;
    left: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}

.show-video-modal .video-modal {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.show-video-modal .video-modal .overlay {
    opacity: 1;
}

.show-video-modal .video-modal-content {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

/*End of alt lightbox CSS*/

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

#image-map area {
    cursor: pointer;
}

.sponsors-country-block img {
    width: 160px;
}

.test-class td {
    padding-left: 20px;
}

/* Tablet CSS */

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

    .funraisin-mobile-nav {
        background: #fff;
        height: 100px;
        box-shadow: 5px 0 10px rgba(0,0,0,0.1);
    }
    
    .funraisin-mobile-nav .funraisin-header-nav {
        height: 100px;
    }
    
    .funraisin-mobile-nav .site-logo img {
        content: url("https://d1ip5jxnm6z0z2.cloudfront.net/004a472ac17d9b970509e392d9d0d4ac.png");
        width: 170px;
    }
    
    .funraisin-primary-nav ul li a:not(.btn), .funraisin-page-left .funraisin-primary-nav .funraisin-dropdown-menu li a {
        color: #000;
    }
    
    .funraisin-page-left .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu {
        padding-left: 20px !important;
    }
    
    .funraisin-page-left .funraisin-primary-nav .btn-primary {
        margin-top: 20px;
    }
    
    .funraisin-dropdown-nav > a:after {
        content: "" !important;
    }
}

/* End of tablet CSS */

.list-of-venues ul li {
    margin: 10px 0;
}

.list-of-venues h4:first-child {
    margin-top: 0;
}

.lump-shop .product-hover .product-info, .lump-shop .product-carousel .product-info {
    padding: 20px;
}

.profile-header .share-page-icons {padding-top:10px;}

/*Early bird popup CSS*/
.early-bird-popup {
    /*margin-top: 20px;*/
    display: inline-block;
    padding: 20px 50px 35px;
    background-color: rgba(15,53,68,0.7);
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    text-align: center;
}

.early-bird-popup h3 {
    font-size: 20px;
}

.early-bird-popup #clockdiv {
	color: #000;
	display: inline-block;
	font-weight: 700;
	text-align: center;
	font-size: 40px;
	font-family: "Montserrat";
	margin-top: 5px;
}

.early-bird-popup #clockdiv > div {
    border-radius: 4px;
    background: #fff;
    width: 190px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.early-bird-popup #clockdiv div > span {
	padding: 3px;
	border-radius: 4px;
	background: #fff;
	display: inline-block;
}

.early-bird-popup #clockdiv .smalltext {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 600;
    color: #595a5e;
}

.early-bird-popup .btn-primary, .early-bird-popup .btn-primary:focus {
    background-color: #f7931e !important;
    border-color: #f7931e !important;
}
/*End of early bird popup CSS*/

.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu, .funraisin-page-left .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu {
    margin-top: 10px;
    border-radius: 4px;
}

.template-donation .donationHandlers .dollarhandle .dollarhandle-text {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.template-donation .donationHandlers .dollarhandle .dollarhandle-image {border-top-left-radius:10px;border-top-right-radius:10px;}

.btn-xl {font-size: 20px !important;line-height: 1.7em;}
.btn-xl.btn-white-border {padding:9px 20px;}

#validatepromocode {background: transparent !important;color: #a9a9a9 !important;border: 1px solid #a9a9a9;font-size: 12px;}

.funraisin-dropdown-nav > a:after {position:relative;padding-left:5px;right:0;top:-1px;font-size:0.86em;}
.funraisin-dropdown-nav .funraisin-dropdown-menu {-webkit-box-shadow: 0 13px 25px rgba(0,0,0,0.4);box-shadow: 0 13px 25px rgba(0,0,0,0.4);}
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li {position:relative;}
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {display:block;}

.funraisin-dropdown-nav > .btn-login:before {top:15px;}
.funraisin-dropdown-nav .btn-login .caret {display:none;}

.funraisin-footer .container {width:1100px;}
.funraisin-footer ul li {margin:10px 0;font-weight:400;position:relative;padding-right:25px;}
.funraisin-footer .footer-faq li a {display:block;height:30px;color:#9fa5a5;}
.funraisin-footer .footer-faq li a h4 {font-family:Museo;font-weight:400;text-decoration:underline;}
.funraisin-footer ul li a:hover {color:#e7742a;}
.funraisin-footer .footer-faq li a:after, 
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:after {position: absolute;right: 0;top: 2px;font-size: 0.86em;-webkit-transition: all .2s;transition: all .2s;}
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:after {right:15px;top:10px;}
.funraisin-footer .footer-faq li a:hover:after, 
.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:hover:after{
    -webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);
}

.funraisin-footer .footer-social li {
    display: inline-block;
    padding-right: 5px;
}

.funraisin-footer .footer-social .btn-social {
    height:50px;
    width:50px;
    margin:75px 4px 0;
    padding:0;
}

.footer-social .btn {
    max-width: 200px;
    margin: 0 0 0 auto;
}

.funraisin-footer .footer-social i {
    width:50px;
    height:50px;
    margin-right:10px;
    display:inline-block;
    background:rgba(0,0,0,0.05);
    color:#e7742a;
    vertical-align:middle;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    font-size:30px;
    background: #21424f;;
}
.funraisin-footer .footer-social a:hover i {
    background: rgba(0,0,0,0.1);
}

a.text.nav-social i {background: rgba(255,255,255,0.14);width: 35px;height: 35px;line-height: 35px;text-align: center;border-radius: 50%;color:#fff;font-size:17px;}
a.text.nav-social:hover i {background: rgba(255,255,255,0.3);}

.funraisin-footer a.btn-primary {color:#fff;}
.funraisin-footer a.btn-primary:hover {color:#fff;}

li.funraisin-dropdown-nav.active:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e6edf1;
}




.toggle-switch .toggle-btn {margin-bottom:0;}

.targetHandlers .target {width:16.66%;float:left;border-radius:0;padding:15.5px;border-left:1px solid #fff;}
.targetHandlers .target:first-child {border-radius:125px 0 0 125px;}
.targetInput #m_target_other {border-radius:0 125px 125px 0;padding-left:0;}
.targetInput #m_target_other.bg-primary::placeholder {color:#fff;}

.challenges .reward {width:100px;height:96px;display:block;float:left;background:url('https://d1ip5jxnm6z0z2.cloudfront.net/280974b494bf803bb9f1f299dc3a6be6.png') no-repeat;position:relative;margin:10px 8px 50px 8px;background-size:1100px;filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));}
.challenges .reward-on {width:100px;height:96px;display:block;float:left;background:url('https://d1ip5jxnm6z0z2.cloudfront.net/8426b242721632f63cf5bd74fad66d9a.png') no-repeat;position:relative;margin:10px 8px 50px 8px;background-size:1100px;filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));}
.challenges .reward:before,.challenges .reward-on:before {content:'';position:absolute;top:0;left:0;border-radius:50%;width:100%;height:100%;background:rgba(255,255,255,0.7);opacity:0;transition:all 0.2s;}
.challenges .reward:after,.challenges .reward-on:after {content:'';position:relative;display:inline-block;width:1px;vertical-align:middle;height:100%;}
.challenges .reward span,.challenges .reward-on span {opacity:0;position:relative;display:inline-block;text-align:center;top:0;left:5px;width:90px;color:#000;line-height:100%;transition:all 0.2s;vertical-align:middle;font-size:13px;font-weight:500;}
.challenges .reward:hover span,.challenges .reward-on:hover span,.challenges .reward:hover::before,.challenges .reward-on:hover::before {opacity:1;}

.challenges .reward-photo {background-position:-3px 0;}
.challenges .reward-share {background-position:-113px 0;}
.challenges .reward-email {background-position:-221px 0;}
.challenges .reward-donation {background-position:-331px 0;}
.challenges .reward-25percent {background-position:-442px 0;}
.challenges .reward-50percent {background-position:-551px 0;}
.challenges .reward-75percent {background-position:-661px 0;}
.challenges .reward-100percent {background-position:-771px 0;}
.challenges .reward-1000 {background-position:-879px 0;}
.challenges .reward-changedtarget {background-position:-990px 0;}

.hkd-dollar-handle-change .profileSidebar .radio .amount {width: 120px;}

.funraisin-sticky-nav li a {color: #2fa8df;}
.funraisin-sticky-nav li a:hover {color: rgb(247, 144, 35);}
.funraisin-sticky-nav li a:hover .fa {color: rgb(247, 144, 35);}

/* Natalia's CSS */

.lump-faq {
    border: 1px solid #D4DEE3;
    padding: 0 0 10px 0;
}
    
.funraisin-dektop-nav img {max-width:none;}

#tooltip {background-image:none;}
.hvr-grow {
  display: inline-block; 
  vertical-align: middle;
  transition: 0.1s ease;
  cursor: pointer;}
  
.hvr-grow:hover {transform: scale(1.05, 1.05); /** default is 1, scale it to 1.1 */
    opacity: 1;}
    
#popup {transition:all 0.2s;}
.header-bottom-scroll {position: absolute;bottom: 40px;left: 0;right: 0;width: 50px;height: 50px;margin: auto;border-radius: 50%;box-shadow: 0 15px 19px rgba(0,0,0,.2);display: flex;justify-content: center;align-items: center;padding: 0;overflow: hidden;}
.header-bottom-scroll img {width: 20px;}