@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');

/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY67FIEjg&skey=a1029226f80653a8&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: local('Calibri Bold'), local('Calibri-Bold'), url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHxIZrCE&skey=cd2dd6afe6bf0eb2&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/glyphicons-halflings-regular.woff2') format('woff2');
}


/* MAIN COLORS */
/* RED #c51e26 */
/* ORANGE #f86624 */
/* YELLOW #f9c825 */
/* BLUE #76cee2 */

/* General styling */
body {font-family: Calibri, Arial, sans-serif; font-size: 16px; color:#333333; overflow-x:hidden;}
h1 {font-size:36px;line-height: 42px;color:#413e3e;font-family: 'Oswald', sans-serif; margin:10px auto; text-transform: uppercase; text-align: left;}
h2 {font-size:30px;line-height: 36px;color:#f2069e;font-family: 'Oswald', sans-serif; margin:10px auto; text-transform: uppercase; text-align: left;}
h3 {font-size:18px;line-height: 21px;color:#3481a5;font-family: 'Oswald', sans-serif; margin:7px auto; text-transform: uppercase; text-align: left;}
h4 {font-size:18px;line-height: 19px;color:#333333;font-family: Calibri, Arial, sans-serif; margin:5px auto; text-align: left;}
h5 {font-size:16px;line-height: 18px;color:#333333;font-family: 'Oswald', sans-serif; margin:3px auto; text-transform: uppercase; text-align: left;}
p {font-size:16px;line-height: 20px;color:#333333; text-align: justify;}
.color-black {color: #333333!important;}
.color-red {color: #c51e26!important;}
.color-pink {color: #f2069e!important;}
.color-orange {color: #f76524!important;}
.color-grey {color: #666666!important;}


a, a:visited, a:active, a:focus {text-decoration: none; color:#3481a5;border: 0; cursor:pointer;outline: 0; margin:0;}
a:hover {color:#c51e26; text-decoration:none;}
a img {border:0;outline: 0;}
:focus, :active {outline: 0; text-decoration: none;}

p a, .col-sm-8 li a, .panel-body a {font-weight: bold; text-decoration: underline;}

hr {border-top: 1px solid #ddd;}
.top-buffer { margin-top:20px; }

.justified {
	text-align:justify;
}

ul {
	font-size: 16px;
}

@font-face {
    font-family: 'si';
    src: url('/fonts/socicon-v1.5/socicon.eot');
    src: url('/fonts/socicon-v1.5/socicon.eot?#iefix') format('embedded-opentype'),
         url('/fonts/socicon-v1.5/socicon.woff') format('woff'),
         url('/fonts/socicon-v1.5/socicon.ttf') format('truetype'),
         url('/fonts/socicon-v1.5/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(/fonts/socicon-v1.5/socicon.svg) format(svg);
    }
}

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

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
	-ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 19px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-right: 10px;
/*
    color: #ffffff;
*/
    /*background-color: #f86624;*/
	background-image: url(../images/soc-splatter.png);
	background-size: contain;
	background-repeat: no-repeat;
	color:#3481a5;
}

.soc a:hover {
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-sharethis:before {
    content:'\e069';
}
.soc-facebook:before {
    content:'\e041';
}
.soc-instagram:before {
    content:'\e057';
}
.soc-youtube:before {
    content:'\e051';
}
.soc-linkedin:before {
    content:'\e049';
}

.dropdown-menu {font-size: 14px;}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

/* ------ start form styling ------ */
input, textarea, select, select option, button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; outline:none; cursor:pointer;}
input[type=radio] { border-radius: 0; outline:none; cursor:pointer;}
select::-ms-expand {display: none;}
input, select, textarea {font-size:16px;color:#666666;background:#ffffff; border:1px solid #dddddd;}
input[type=radio] {font-size:16px;color:#666666;background:#ffffff; border:1px solid #dddddd;}
select option:disabled {color: #aaaaaa;}
input[type=radio] {-webkit-appearance:radio;-moz-appearance:radio;-ms-appearance:radio;-o-appearance:radio;appearance:radio;}
input[type=checkbox] {-webkit-appearance:checkbox;-moz-appearance:checkbox;-ms-appearance:checkbox;-o-appearance:checkbox;appearance:checkbox;}
input::-moz-focus-inner,button::-moz-focus-inner {border: 0;padding: 0;}

/* Reset `button` and button-style `input` default styles */
button { background: none; border: 0; color: inherit;line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button;   -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}

input[type=text], input[type=number], input[type=password], input[type=tel], input[type=email], select, textarea {width:100%;height:34px; padding-left:10px; padding-right:10px; margin:3px 0;background:#ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
textarea { resize: vertical; height: 120px;}
select{background-image:url('../images/dropdown-arrow.gif'); background-repeat:no-repeat;background-position:right center; display:block; box-sizing: border-box;padding-right:35px;}

::-webkit-input-placeholder {color:#aaaaaa;}
::-moz-placeholder {/* Firefox 19+ */color:#aaaaaa;}
:-ms-input-placeholder {/* IE 10+ */color:#aaaaaa;}
:-moz-placeholder {/* Firefox 18- */color:#aaaaaa;}

/* checkbox & radio button */
.checkbox {height: 25px;padding: 0 5px 0 0;clear: left;float: left; margin-top:0; margin-bottom:0; margin-right:5px;}
.radio {height: 25px;padding: 0 5px 0 0;clear: left;float: left; margin-top:0; margin-bottom:0; margin-right:5px;}
/* .radio {background: url(../images/radio.png) no-repeat;} */
label {font-weight: normal; display: inline;}
.op {display:inline-block; margin-right:40px; margin-top:5px!important;}
.op-wrapper {margin:0 0 15px 0;}

.input-wrapper {margin: 10px 0; width: 98%;}
select.countrycode {width: 100%; display: inline-block;}
input.contact {width: 98%; display: inline-block; float: right;}
.input-wrapper.half-left {width: 48%; display: inline-block;}
.input-wrapper.half-right {width: 48%; display: inline-block; float: right;}
textarea.donate-msg { resize: vertical; height: 80px; width: 100%;}
.input-wrapper .notes {font-size: 14px; line-height: 16px; color: #888888;}
.contact-wrapper table {width: 100%;}
.contact-wrapper table tr td {vertical-align: top;}
.contact-wrapper table tr td:first-child {width: 30%;}

.input-group-addon {color: #888;}
.input-group.date input {margin: 0;}
.input-group.date {margin: 3px 0;}
/* ------ end form styling ------ */

/* table styling */
.table thead td {background:#f2069e; color:#ffffff; font-weight:bold; border-bottom:none!important;}
.table tr td {border-bottom:1px solid #76cee2;}

.truncate {width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.truncate:hover{color:#c51e26;}
.navbar {margin-bottom: 0;}
.navbar-nav {font-size:14px;}
.nav > li > a {padding: 10px 10px; color: #000000;}
.navtop, .navbottom {margin: 16px 0 5px 0!important;}
.navbar-toggle .icon-bar {background: #c51e26;}

.form-group {position: relative;}
.search-btn {position: absolute; right: 10px; top: 10px;}
.searchbox {padding-right: 30px;}
.btn, a.btn, a.btn:hover, a.btn:visited, a.btn:active, a.btn:focus  {font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #ffffff; vertical-align: middle;}
.btn:hover, .btn:focus, .btn.focus {color: #ffffff;}
.btn-blue {background: #ccf2ff; color:#413e3e;border-radius: 3px; min-width: 90px;}
a.btn.btn-blue {background: #ccf2ff; color:#413e3e;border-radius: 3px; min-width: 90px;}
.btn-blue:hover {background: #6fbfd1;}
.btn-orange {background: #f76524; border-radius: 3px; min-width: 90px;}
.btn-orange:hover {background: #f26600;}
.btn-pink {background: #f2069e; border-radius: 3px; min-width: 90px;}
.btn-pink:hover {background: #f26600;}
.btn-red {background: #c51e26; border-radius: 3px; min-width: 90px;}
.btn-red:hover {background: #af1c3e;}
.btn-yellow {background: #fff7ca; border-radius: 3px; min-width: 90px; color:#3481a5;}
.btn-yellow:hover {background: #f26600;}
a.btn.btn-yellow {background: #fff7ca; color:#3481a5;border-radius: 3px; min-width: 90px;}
.btn-fb {background: #0054a6; border-radius: 3px; min-width: 100px;}
.btn-fb:hover {background: #004098;}
.btn-fb:before {content: '\e041';font-family: si!important;margin-right: 10px;font-size: 13px;}
.btn-wa {background: #25a525; border-radius:3px; min-width: 100px;}
.btn-wa:hover {background: #1f931f;}
.btn-wa:before {content: '\e01b';font-family: si!important;margin-right: 10px;font-size: 13px;}
.btn.minwidth {min-width: 150px; padding-left: 25px; padding-right: 25px;}
.btn .glyphicon {margin-right: 10px;}
.btn-li {background: #0077b5; border-radius: 3px; min-width: 100px;}
.btn-li:before {content: '\e049';font-family: si!important;margin-right: 10px;font-size: 13px;}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -ms-transform: translate3d(0, 0, 0);
	  -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,body {height: 100%;}
.carousel, .carousel-inner .item, .carousel-inner .active {height: 500px;}
.carousel-inner { height: 100%;}
.fill { width: 100%; height: 100%;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.fill.slide1 {background-image:url('../images/LFH-Website-Masthead-V1.jpg');}
.fill.slide2 {background-image:url('../images/ambassador-clement.jpg');}
/*
.fill.slide3 {background-image:url('../images/slider3b.jpg');}
*/
.fill.slide3 {background-image:url('../images/hfh-homepage-banner-2023b.jpg');}

.fill.slide4 {background-image:url('../images/slider4.jpg');}
.fill.slide5 {background-image:url('../images/slider5.jpg');}

.carousel-indicators li, .carousel-indicators li.active  {box-shadow: 0 0 10px #777; margin: 5px;}

#slider-overlay {
    position: absolute;
	top: 50%;
  	-ms-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);
    left: 4%;
	width: 610px;
	height: 400px;
    z-index: 10;
    padding: 30px 70px;
    color: #fff;
    text-align: center;
    text-shadow: 0 00 rgba(0, 0, 0, 0);
	background-image: url(../images/banner-boxbg.png);
	background-repeat: no-repeat;
	background-size: contain;
	/* background:url('../images/slider-overlay-bg.gif') #c51e26 no-repeat right bottom; */
}
#slider-overlay h1 { font-size: 48px; line-height: 52px; color: #ffffff; text-align: center;}
#slider-overlay p {color: #ffffff; line-height: 20px; text-align: center; margin: 15px 0;}
#slider-overlay .btn-blue {min-width: 160px; height: 50px; padding: 9px 12px;}
#slider-overlay .btn-orange {min-width: 160px; height: 50px; padding: 9px 12px;}
#slider-overlay .btn, #slider-overlay a.btn {font-size: 20px; margin: 10px;}

#slider-overlay h1.kmspks-banner {font-size: 36px; line-height: 42px; text-align: center;}
#slider-overlay h2.kmspks-banner {font-size: 18px; line-height: 21px; text-align: center; color: #ffffff; text-transform: uppercase;}

#slider-overlay h1.event-banner {font-size: 36px; line-height: 42px; text-align: left;}
#slider-overlay .event-logo-wrapper {margin-top: 80px; text-align: left;}
#slider-overlay .event-logo-wrapper img {margin-right: 10px;}

.modal-content {border-radius: 0; border: 0;}
.close {font-size: 36px;}
.modal-header {border-bottom: none; padding-bottom: 5px;}
.modal-body {padding-top: 10px; padding-bottom: 15px; max-height: 80vh; overflow: auto;}

#quicklinks {margin: 10px 0;}
.dline {width: 70px;height: 170px;background-image:url('../images/dline.png');display: inline-block; vertical-align: middle;}
.quicklink { width: calc(20% - 40px); height: 100%; display: inline-block; vertical-align: middle;}
.quicklink img {display: block; margin: 10px auto; max-width: 70px; width: 70%;}
.quicklink h3 {text-align: center; width: 100%; font-size:21px;line-height: 24px;color:#000000;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.quicklink.announcement { width: calc(60% - 40px); }
.quicklink.follow-us { width: 250px;}

#quicklinks .soc {margin: 0 auto; width: 250px;}

#news-top .container-fluid {background:#f0efe9; padding:30px 0;}
.news-box {margin: 20px 0;}
.news-box .img-wrapper {width: 200px; margin-right:10px; margin-top: 7px; height:130px; display:inline-block; vertical-align:top; position:relative;}
.img-wrapper {position:relative; width: 200px; height: 200px;}
.img-wrapper img {height:100%; margin:0 auto;position: absolute;top: 50%;left: 50%; margin-right: -50%;-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow:hidden;}
.news-box .text { width: calc(100% - 220px); display:inline-block; vertical-align:top;}
a.learn-more-btn {text-transform: uppercase; font-size:12px; font-weight:700;}

#news-top .nav-tabs > li {width: 32%; margin-right: 1%; height: 55px; overflow: hidden;}
#news-top .nav-tabs > li:nth-child(2) {width: 34%;}
#news-top .nav-tabs > li:last-child {width: 32%; margin-right: 0;}
#news-top .nav-tabs > li > a {text-align: center;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, #news-top .nav > li > a:hover, #news-top .nav > li > a:focus {
    font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 19px; line-height: 21px; letter-spacing: 0.5px;
	 height: 55px;
	color: #ffffff;
    cursor: pointer;
    background-color: #f76524;
    border: 1px solid #f76524;
    border-bottom-color: transparent;
}

#news-top .nav > li > a:hover {
    background-color: #e05400;
	border: 1px solid #e05400;
}
.nav-tabs > li > a {
    font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 19px; line-height: 21px; letter-spacing: 0.5px;
	height: 55px;
	color: #ffffff;
    cursor: default;
    background-color: #f9c825;
    border-bottom-color: transparent;
	position: relative;
}
.nav-tabs > li > a span {margin:0 auto;position: absolute;top: 50%;left: 50%; margin-right: -50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%;}
.nav-tabs { border-bottom: 2px solid #f86624; overflow: hidden;}

.top-profile {padding: 8px 10px; margin: 6px 0; background: #ffffff; width: 100%;}
a .top-profile {border: 1px solid #ffffff;}
a:hover .top-profile {border: 1px solid #d0d0d0;}
.top-profile .number {width: 30px; height: 30px; background: #c51e26; border-radius: 100%; position: relative; display: inline-block; vertical-align: middle; margin-right: 5px;}
.top-profile .number.one {background: #f76524;}
.top-profile .number.two {background: #f86624;}
.top-profile .number.three {background: #f9c825;}
.top-profile .number.four {background: #76cee2;}
.top-profile .number.five{background: #c51e26;}
.top-profile .number span {margin:0 auto; text-align: center; position: absolute;top: 50%;left: 50%; margin-right: -50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); width: 100%; font-size: 16px; color: #ffffff; }
.top-profile .pp {width: 100px; height: 83px; vertical-align: middle; margin-right: 10px;}
.pp {overflow:hidden; display:inline-block; position:relative;}
.pp img {width:100%; margin:0 auto;position: absolute;top: 50%;left: 50%; margin-right: -50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.shavee-desc {width: calc(100% - 165px); display: inline-block; vertical-align: middle;}

#message .container-fluid {background:#ccf2ff; padding:30px 0;}
#message h2, #message p {color: #413e3e;}
#message .btn {margin-top: 10px;}
#message .message-wrapper {text-align: center; width: 90%; max-width: 700px; margin: 0 auto; position: relative;}
.message-wrapper:before {content: '“';position: absolute; top: 80px; left: -60px; font-size:180px;line-height: 1px; color:#f76524;}
.message-wrapper:after {content: '”';position: absolute; bottom: 0; right: -60px; font-size:180px;line-height: 1px;color:#f76524;}

.credit-footer {padding: 20px 0; background-color: #f7f4f3;}
.credit-footer .soc {float: right; margin-top: 10px;}

footer {background: #000000; padding: 15px 0;color: #888888; font-size: 12px;}
footer a, footer a:visited, footer a:active, footer a:focus {text-decoration: none; color:#888888;}
footer a:hover {color:#888888; text-decoration:underline;}

#page-title .container-fluid {background:#ccf2ff; padding:0 0 10px 0;}
#page-title .container-fluid:before {background: #f76524; height: 5px; width: 100%;}
#page-title .container-fluid .col-md-12 {height: 140px; position: relative;}
#page-title h1 {display:inline-block;position: absolute; bottom: 0; width: 90%;}
#page-title h1 img {display:inline-block;height:70px;}

.breadcrumb {padding: 5px 0; margin: 10px 0 20px 0; background-color: transparent; color: #413e3e;}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus {color:#413e3e;}
.breadcrumb a:hover {color:#ffffff; text-decoration:underline;}
.breadcrumb > .active {color: #f76524;}
.breadcrumb > li + li:before { padding: 0 7px; color: #f9c825;content: ">";}
#content {padding: 30px 0; min-height: 400px;}
.login-form {border-right: 1px solid #dddddd;}
.no-account h3 {width: 100%; text-align: center;}
.no-account {text-align: center;}
.no-account-wrapper {margin-top: 50px;}
.no-account .btn {margin-top: 10px;}
.form .separator {height: 15px; width: 100%;}

.divider {
	margin: 30px auto;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

/* Steps breadcrumb styling */
#steps .container-fluid {background: #f0efe9;}
.steps-breadcrumbs *, .steps-breadcrumbs *:before, .steps-breadcrumbs *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul.cf {
  list-style: none;
}

.cf:before, .cf:after {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}

.steps-breadcrumbs .inner {
  max-width: 100%;
  margin: 0 auto;
}

.steps-breadcrumbs {
  background-color: #f0efe9;
}

.steps-breadcrumbs ul {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.steps-breadcrumbs li {
  float: left;
}

.steps-breadcrumbs.twosteps li {
  float: left;
  width: 50%;
}

.steps-breadcrumbs.foursteps li {
  float: left;
  width: 25%;
}

.steps-breadcrumbs a {
  position: relative;
  display: block;
  padding: 10px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 13px;
  text-align: center;
  color: #aaa;
  cursor: pointer;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.steps-breadcrumbs a.active {
  color: #3481a5;
  background-color: #fff7ca;
}

.steps-breadcrumbs a span{
	vertical-align: middle;
}
.steps-breadcrumbs a span:first-child {
  display: inline-block;
  padding: 2px;
  margin-right: 5px;
	font-size: 130%;
}

.steps-breadcrumbs a.active span:first-child {
  color: #3481a5;
}

.steps-breadcrumbs a span:last-child {
	max-width: 60%;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.steps-breadcrumbs a:before,
.steps-breadcrumbs a:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 12px solid transparent;
}

.steps-breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #fff;
}

.steps-breadcrumbs a:after {
  border-left-color: #f0efe9;
}

.steps-breadcrumbs a.active:after {
  border-left-color: #fff7ca;
}

.steps-breadcrumbs li:last-child a:before,
.steps-breadcrumbs li:last-child a:after {
  display: none;
}

.error a {
	color: #76cee2;
}
@media (max-width: 520px) {
  .steps-breadcrumbs a {
    padding: 5px;
  }

  .steps-breadcrumbs a:before,
  .steps-breadcrumbs a:after {
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 8px;
  }

  .steps-breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .steps-breadcrumbs li a span:last-child {
    display: none;
  }
}


.message-footer {margin-top: 50px;}
.message-footer p {margin: 0 0 3px 0;}

.img-wrapper.upload-preview {width: 250px; height: 250px; margin-top: 7px;
	background-image: url("/images/upload-placeholder.png");
}

.option-wrapper {display: flex;    flex-wrap: wrap;
    justify-content: center;}

.option-wrapper a { width:32%;
					flex: 1;
					display:flex;}



.option-box-three { width: 100%;margin-right: 1%; padding: 30px 10px; border: 1px solid #fff;}
.option-box-three p {color:#ffffff;text-align:center;margin:0px;}
.option-box-two {display: inline-block; width: 100%; margin-right: 1%; padding: 30px 10px; border: 1px solid #fff;}
.option-box-two p {color:#ffffff;text-align:center;margin:0px;}
.option-box-three:hover, .option-box-two:hover {border: 1px solid #f86624;}
.option-box-three.individual {background: #f2069e;}
.option-box-three.satellite {background: #f9c825;}
.option-box-three.group {margin-right: 0%; background: #76cee2;}
.option-box-two.satellite {background: #c51e26;}
.option-box-two.group {margin-right: 0%; background: #f9c825;}
.option-box-three img, .option-box-two img {margin: 0 auto 10px auto; display: block;}
.option-box-three h3, .option-box-two h3 {text-align: center; color: #fff;}
.option-box-two.new {background: #f86624;}
.option-box-two.existing {margin-right: 0%; background: #76cee2;}

.row {
	display:block;
}

#modal-crop .modal-body {background: #f0f0f0;}

.row.info-box {margin-top: 20px; padding: 35px 0; background:url('../images/info-overlay-bg.gif') #f0efe9 no-repeat right bottom;}
.row.info-box.main-event {margin-top: 20px; margin-bottom: 20px; padding: 25px 15px; background:url('../images/info-overlay-bg-time.gif') #f0efe9 no-repeat right bottom;}
.row.info-box.main-event table tr {vertical-align: top; border-top: 1px solid #ddd;}
.row.info-box.main-event table tr td {padding: 10px 20px 10px 0;}

.merch-collection {background-color: #f0efe9; padding: 25px; margin: 20px auto;}

.merch-collection table.info {width: 100%;}
.merch-collection table.info tr {vertical-align: top; border: 1px solid #ddd;}
.merch-collection table.info tr td {padding: 10px 20px 10px 0;}
.merch-collection table.info tr td:first-child {
	width: 30%;
}



.new-format {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.new-format .point {background-color: #ffd700; padding: 20px; width: 32%; border-radius: 4px; margin-top: 15px;}
.new-format .point.blank {background-color: transparent;}
.new-format .point p {text-align: left; font-size: 17px; font-weight: normal;}

.icon-title-wrapper {margin-top: 10px; margin-bottom: 5px; width: 100%;}
.icon-title-wrapper h3 {display: inline-block; width: calc(100% - 90px); vertical-align: middle;}
.icon-title-wrapper .icon-title {display: inline-block; width: 70px; margin-right: 15px; margin-top:15px; vertical-align: middle;}

#sidebar {padding: 20px 12px; background: #f0efe9;}
#sidebar ul {padding: 0; margin: 0; list-style-type: none;font-size: 14px;}
#sidebar ul li { margin: 1px 0;padding: 10px 8px; text-align: left;}
#sidebar ul li.active, #sidebar ul li:hover {background: #f76524; color: #ffffff; cursor: pointer;}
#sidebar ul a li.active, #sidebar ul a li:hover {color: #ffffff;}
#sidebar ul a:hover li {text-decoration:none!important;}
#sidebar ul li.subhead {}
#sidebar ul li.subhead:hover {cursor: default;background: transparent;color: #333;}
#sidebar ul li.sublink {padding: 10px 8px 10px 30px;}

.table.account-data tr td {border: none; padding: 12px 8px; font-size: 16px;}
.table.account-data .data {font-weight: bold;}

.no-padding-top {padding-top: 0!important;}
.padding-top-30 {padding-top: 30px;}
.profile-box { background:url('../images/profile-overlay-bg.gif') #f0efe9 no-repeat right bottom; padding: 20px 0;}
.pp-wrapper {margin-bottom: 10px;}
.img-wrapper.pp {width: 250px; height: 250px; margin-right: 10px;}
.reason {font-size: 16px; line-height: 21px; margin: 5px 0 15px 0; text-align: justify;}

.target-box {background: #fbfaf8; padding: 15px;}
.target-box p {margin: 10px 0 5px 0;}
.target-box .target-amount span, .target-box .amount-raised span {color:#f86624; font-size: 18px; font-weight: bold;}
.target-box .target-amount, .target-box .amount-raised {display: inline-block; margin-right: 25px;}
.desc-wrapper, .group-wrapper {margin: 15px 0;}
.group-wrapper .group-pic {width: 80px; height: 80px; margin-right: 10px; display: inline-block; vertical-align: top;}
.group-wrapper .group-name, .group-wrapper .satellite-name {display: inline-block; vertical-align: top;}
.desc-wrapper input {max-width: 500px;}
a.clipboard {font-size: 12px; display: block; margin-top: 0;}

.message-box {margin: 10px 0; padding: 10px 10px 20px 10px; border-bottom: 1px solid #dddddd;}
.message-box .donator {font-size:18px;color:#f76524;font-family: 'Oswald', sans-serif;}
.message-box .donator .amount {font-size:14px;
/*color:#76cee2;*/
color:#f2069e;
font-family: 'Oswald', sans-serif;}

.pagination > li > a, .pagination > li > span {color:#3481a5; font-weight: normal; text-decoration: none!important;padding:5px 6px;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#3481a5; font-weight: normal; text-decoration: none!important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #ccf2ff; border-color: #ccf2ff;color:#413e3e;border-radius:3px;}

.img-wrapper.pp-group {width: 250px; height: 250px; margin-right: 10px;}

.shavee-box {width: 180px; display: inline-block; vertical-align: top; margin: 10px 25px 20px 0;}
.shavee-box .img-wrapper {width: 180px; height: 180px;}
.shavee-box p {margin: 0;}
.shavee-box h4 {margin: 5px 0 0 0; min-height: 80px;}
.shavee-box .btn {width: 100%; margin-top: 3px;}
.shavee-box-wrapper.top5  .shavee-box {width: 150px; margin: 10px 10px 10px 0;}
.shavee-box-wrapper.top5 .shavee-box .img-wrapper {width: 150px; height: 150px;}

.satellite-code input {max-width: 530px; width: calc(100% - 110px);  display: inline-block;}
.satellite-code .input-label {display: block;}
.sort-box select {width: 150px;}
.sort-box .input-wrapper {display: inline-block; margin-right: 20px; width: auto;}
.sort-box .checkbox-wrapper{display: inline-block; margin-right: 10px;}
.sort-box .checkbox-wrapper-wrapper{display: inline-block;}
.sort-box.float-right {float:right;}

.input-wrapper.search input { width: calc(100% - 50px); vertical-align: middle;}
.input-wrapper.search .btn {min-width:auto;}
.input-wrapper.search .btn .glyphicon {margin-right: 0;}
.input-wrapper.search span.input-label {display:block;}

h2.inline {display:inline; vertical-align: bottom;}
a.view-all-link {display:inline; vertical-align: bottom; margin-left:10px;}

.timeline {position: relative;margin: 50px 0;}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 4px;
  margin: 0 auto;
  background: #dddddd;
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 380px;
  padding: 15px;
  background: #c51e26;
}

.timeline ul li:nth-child(4n+1) div { background: #c51e26;}
.timeline ul li:nth-child(4n+2) div { background: #f86624;}
.timeline ul li:nth-child(4n+3) div { background: #f9c825;}
.timeline ul li:nth-child(4n+4) div { background: #51bac0;}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div { left: 30px; }

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #c51e26 transparent transparent;
}

.timeline ul li:nth-child(even) div {left: -404px;}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #c51e26;
}

.timeline ul li:nth-child(4n+1) div::before {border-color: transparent #c51e26 transparent transparent;}
.timeline ul li:nth-child(4n+2) div::before {border-color: transparent transparent transparent #f86624;}
.timeline ul li:nth-child(4n+3) div::before {border-color: transparent #f9c825 transparent transparent;}
.timeline ul li:nth-child(4n+4) div::before {border-color: transparent transparent transparent #51bac0;}

.timeline ul li div time {
  display: block;
  font-size: 30px;
	line-height: 30px;
  margin-bottom: 10px;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
}

.timeline ul li div p {color: #ffffff; font-size: 14px; line-height: 16px;}

.timeline ul li::after { transition: background .3s ease-in-out; }

.timeline ul li.in-view::after { background: #c51e26; }

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.timeline ul li:nth-child(odd) div { -ms-transform: translate3d(200px, 0, 0); -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }

.timeline ul li:nth-child(even) div { -ms-transform: translate3d(-200px, 0, 0);  -webkit-transform: translate3d(-200px, 0, 0);  transform: translate3d(-200px, 0, 0); }

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}
.timeline h2 {font-size:42px; line-height:48px; position:absolute; top:0; Left:0; width:50%;}

.collapse-toggle {text-decoration: none!important;}
.collapse-toggle:after {
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
	font-size: 10px;
	margin-left: 5px;
}
.collapse-toggle.collapsed:after {
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.table .breakdown {margin-top:5px;}

.milestones .event-list {background: #f4f4f4; padding: 10px 5px; max-width:375px;}
.milestones .event-list ul {margin-bottom:0;}
.milestones tr td:last-child {width: 50%;}

.merch-title {color: #f86624; font-weight: bold;}
.merchandise-box {display: inline-block; margin: 10px; vertical-align: top; width: 200px;}
.merch-img {border:1px solid #dddddd; width: 200px; height: 151px; overflow: hidden; position: relative;}
.merch-img img {width:100%;}
.merch-img.sold-out a::after {
	display: block;
	content: url('../images/merch-sold-out.png');
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.ekko-lightbox .modal-dialog {
  flex: 100%!important;
  margin-left: 0;
  margin-right: 0;
}

.article-wrapper {
	width: 100%;
	border-top: 1px solid #76cee2;
	margin: 10px 0 30px 0;
}
.article-wrapper:last-child {border-bottom: 1px solid #76cee2; padding-bottom: 20px;}

.press .year div {
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
	font-family: 'Oswald', sans-serif; text-transform: uppercase;
	padding: 20px 10px;
	background: #f86624;
	margin: 0;
}

.press tr td {padding: 0 10px; vertical-align: top;}
.press h3 {margin-top: 20px;}
.press ul {padding-left: 0; list-style-type:none; margin-bottom: 10px;}
.press ul li{margin: 7px 0;}
.press ul li:before {font-family: 'Glyphicons Halflings'; content: "\e250"; margin-right: 5px; color: #8fd5d3; font-size: 10px;}

.table.cancertype tr td {width: 50%; border-top: 1px solid #76cee2;}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit;
}

.panel-default > .panel-heading {background-color: #f0efe9;
    border-color: #ddd;
  color: #333;
 }
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

 
.panel {box-shadow: none;    background-color: #fff;
    border: 1px solid transparent;}
.panel-body {padding:15px; text-align: justify;font-size: 16px;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-title {
margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.popover {max-width: 600px;}

.album-box {display: inline-block; margin: 15px 7px; vertical-align: top; width: 260px;}
.album-img {border:1px solid #dddddd; width: 100%; height: 160px; overflow: hidden;}
.album-img img {width:100%;}

#walkin-form .navbar-header {height:126px;}
#walkin-form .op {margin-right:15px;}
#walkin-form .op-wrapper {margin:30px 0 15px 0;}
#walkin-form #cheque-no {max-width: 150px; margin-left: 10px;}

#walkin-form .checkbox, #walkin-form .radio {float: none; display: inline-block; vertical-align: middle;}

.sponsor-logo {margin-top: 40px;}
.sponsor-logo p {margin: 0;}
.sponsor-logo img {max-width: 200px; width: 100%;}

.sponsors .row {margin-bottom: 50px;}
.sponsors .row h2 {text-align: center; margin:0; background-color: #eee; padding: 10px;}

img.ambassador-formal {
	margin-bottom: 20px;
	margin-right: 20px;
	width: 200px;
}

img.ambassador-formal + h3, img.ambassador-formal {
	display: inline-block;
	vertical-align: middle;
}

img.ambassador-formal + h3 {
	width: calc(100% - 224px);
	font-size: 22px;
    line-height: 28px;
}

img.ambassador-right {
	float: right;
	margin: 5px 0 15px 20px;
}

img.ambassador-left {
	float: left;
	margin: 7px 20px 15px 0;
}

.partner-salons {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.partner-salons .partner {
	width: calc(100% / 3 - 20px);
	padding: 20px;
	text-align: center;
	border: 1px solid #888;
	cursor: pointer;
	margin: 10px 0;
}

.partner-salons .partner.desktop-only {
	border: none;
	cursor: default;
}

.partner-salons .partner h3 {
	text-align: center;
}

.partner-salons .partner img {
	width: 100%;
}

.modal-dialog .modal-content h3:not(:first-child) {
	margin-top: 20px;
}

.modal-dialog .modal-content .remarks {
	font-size: 14px;
	color: #727272;
	margin-bottom: 0;
	margin-top: -5px;
}

.modal-dialog .modal-content table {
	text-align: left;
	width: 100%;
}

.modal-dialog .modal-content table tr:not(:first-child) {
	vertical-align: top;
    border-top: 1px solid #ddd;
}

.modal-dialog .modal-content table tr td {
	padding: 12px 5px 8px;
	vertical-align: middle;
}

.modal-dialog .modal-content table tr td:first-child {
	width: 22px;
}

.modal-dialog .modal-content table tr td:nth-child(3n) {
	width: 150px;
}

.modal-dialog .modal-content table tr td .index {
	display: block;
	background-color: #ffd700;
	font-weight: bold;
	border-radius: 22px;
	width: 22px;
	height: 22px;
	line-height: 24px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.desktop-only {
		display: none;
	}
	.col-xs-4.sponsor-logo {
		width: 100%;
	}
	img.ambassador-formal {
		width: 40%;
		max-width: 200px;
	}
	
	img.ambassador-formal + h3 {
		width: calc(60% - 24px);
		font-size: 18px;
		line-height: 24px
	}
	
	img.ambassador-left, img.ambassador-right {
		float: none;
		margin: 15px auto;
		display: block;
	}
}

table.donation-review tr td {padding: 5px 0; vertical-align: text-top;}
table.donation-review tr td:first-child {max-width: 200px; font-weight: bold;}
table.donation-review tr td:nth-child(2) {padding-left: 15px;}
.isstripe .field-full, .isstripe .field-no {width: 30%; margin-right: 2%; margin-bottom: 10px; display: inline-block;}
#stripe-card-expiry-month {width: 45%; display: inline-block; margin-right: 3%;}
#stripe-card-expiry-year {width: 45%; display: inline-block; margin-left: 3%;}

.option-wrapper {
	text-align:center;
}




.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
	display:initial;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 00px;
    border: 1px solid transparent;
	padding:0px;
}

.navbar-right .submenu .dropdown-menu {
    display: block;
    width: calc(100% + 25px);
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 1px 0 rgb(255 255 255 / 10%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 1px 0 rgb(255 255 255 / 10%);
}

.navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.fade.in {
    opacity: 1;
}

.carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #c51e26;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.modal-dialog button.close {
	position:absolute;
	top:0px;
	right:15px;
}


.navbar-nav .dropdown-menu {
    position: absolute;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-search:before {
    content: "\e003";
}

b, strong {
    font-weight: bold;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

img.img-responsive {
	width:100%;
	height:auto;
}