.lock { overflow: hidden; }

.wsite-menu-default a { color: #fff !important; }

.top-separator { position: relative; }
.top-separator .separator-bg { position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.top-separator img { position: absolute; top: 0; left: 0; width: 100%; height: 3px; }

/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
@import "compass/reset";
*/
/* ========================================================================== Author's custom styles ========================================================================== */
@font-face { font-family: Montserrat-Medium; src: url("../fonts/Montserrat-Medium.otf"); }
@font-face { font-family: Montserrat-Regular; src: url("../fonts/Montserrat-Regular.otf"); }
/* 
$fa-font-path: "../fonts";
@import "./fontawesome/scss/fontawesome.scss";
@import "./fontawesome/scss/solid.scss";
@import "./fontawesome/scss/regular.scss";
@import "./fontawesome/scss/brands.scss";
*/
.medium-font { font-family: Montserrat-Medium; }

/* p,
span,
div { font-family: Montserrat-Regular;
} */
html { background-size: 100% auto; }

body { padding-top: 10px; font-family: Montserrat-Regular, sans-serif; color: var(--text-color, #2a2a2a); background: transparent; padding-bottom: 4em; }

.navbar-inverse .navbar-toggle .icon-bar { background-color: #35c3db; }

#title { text-align: center; font-weight: 600; font-size: 30px; padding-bottom: 15px; }

.navbar-brand { transform: translateX(-50%); left: 50%; position: absolute; padding: 0; }
@media (min-width: 992px) { .navbar-brand { position: relative; } }

.navbar-brand > img { height: 100%; width: auto; }

.qq-gallery .qq-upload-list { text-align: center; }

.qq-gallery .qq-upload-list li { height: auto; margin: 0; }

.qq-gallery.qq-uploader { border: 5px dashed #35c3db; width: 100%; max-width: 200px; display: table-cell; vertical-align: middle; height: 200px; }

.qq-gallery .qq-upload-button { border-radius: 10px; width: 100%; margin: 0; }

#myFineUploader { display: table; }

#search-again-wrapper { margin: 10px 0px 10px 0px; height: 10%; }

#search-again-p { display: table; height: 100%; }

#search-again-btn { background: #777; color: #fff; width: 100%; height: 100%; display: table; }

.search-table { display: table; height: 100%; }

.table { display: table; }

.table-cell { display: table-cell; vertical-align: middle; }

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

#cameraButtonContainer { position: relative; overflow: hidden; direction: ltr; }

#cameraButtonContainer .ios { display: block; }

#cameraButton { position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; }

.result-confidence-wrapper { font-size: 9px; text-align: center; }

#result-title { padding-top: 20px; }
@media (min-width: 992px) { #result-title { padding-top: 0px; } }

#result-image-container { padding-bottom: 25px; }

.result-image { max-width: 100px; max-height: 150px; width: 100%; margin: 0 auto; text-align: center; }

#fullimage-image-container { padding: 10px; background: #35c3db; text-align: center; margin-bottom: 10px; }
@media (min-width: 992px) { #fullimage-image-container { margin-top: 0px; } }

.fullimage-btn { margin: 1px 0px; font-size: 18px; padding: 3px 0px; color: #fff; text-align: center; }

#modal-hint-wrapper { color: darkslategray; font-size: 14px; }

#fullimage-share-btn-facebook { background: #0079c0; background-image: url(http://cdn.grepcv.com/frontend/images/facebook.png); background-repeat: no-repeat; background-position: 93% 50%; }

#fullimage-share-btn-email { background: #0096d4; background-image: url(http://cdn.grepcv.com/frontend/images/email.png); background-repeat: no-repeat; background-position: 95% 50%; }

#fullimage-share-btn-download { background: #006600; background-image: url(http://cdn.grepcv.com/frontend/images/download.png); background-repeat: no-repeat; background-position: 95.5% 50%; }

#main-container { padding-bottom: 0; margin-top: 0; display: flex; flex-direction: column; align-content: center; }
#main-container .row { margin-left: 0; margin-right: 0; }
@media screen and (min-width: 768px) { #main-container { padding: 0; }
  #main-container .row { padding: 0; } }
@media screen and (max-width: 767px) { #main-container .row { padding: 0 20px; } }

p, span { font-size: 12px; }
@media screen and (max-width: 320px) { p, span { font-size: 10px; } }

.line { border-bottom: 1px solid #9F9F9F; margin-bottom: 15px; margin-top: 10px; }

.top-separator { margin-bottom: 20px; }

.cus-btn { margin-bottom: 20px; }
@media screen and (max-width: 320px) { .cus-btn { margin-bottom: 10px; } }

.btn-cancel { background-color: #fff; color: #000; border: 1px solid black; }

.btn-send { color: #fff; background-color: #2a2a2a; }
.btn-send:hover, .btn-send:focus, .btn-send.focus { color: #fff; }

.btn-select, .dropdown-menu li { background-color: var(--accent-color); }
.btn-select:hover, .btn-select:active, .btn-select:focus, .dropdown-menu li:hover, .dropdown-menu li:active, .dropdown-menu li:focus { opacity: 0.9; }
.btn-select > span, .dropdown-menu li > span { color: var(--link-color) !important; }

.img-btn { cursor: pointer; position: relative; display: inline-block; width: 288px; height: 48px; border-radius: 8px; text-transform: uppercase; color: var(--link-color); background-color: var(--accent-color); padding: 0 1em; line-height: 1.2; }
@media screen and (max-width: 320px) { .img-btn { height: 36px; background-position: center; } }
.img-btn span { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; /* &.yello { color: #4396bb; }
*/ }
.img-btn span.left { /*
top: 28%;
left: 20%;
*/ padding-right: 36px; }
.img-btn span.right { /*
top: 31%;
left: 29%;
*/ padding-left: 36px; }
.img-btn span.new-search { color: #FFFFFF; }
.img-btn span.find-photo { color: #FFFFFF; }

#swipebox-overlay { background: #FFFFFF; }

.header-wrapper { margin-top: 1em; text-align: center; }
.header-wrapper .logo img { max-width: 40%; margin: 0 auto; z-index: 15; position: relative; }
@media (min-width: 768px) { .header-wrapper .logo img { max-width: 30%; } }
@media (min-width: 992px) { .header-wrapper .logo img { max-width: 25%; } }
.header-wrapper .title { font-size: 20pt; }
@media (max-width: 512px) { .header-wrapper .title { font-size: 16pt; } }
@media (max-width: 320px) { .header-wrapper .title { font-size: 12pt; } }
.header-wrapper .title p { font-size: 1em; color: #555; margin-top: 10px; min-width: 20%; }

#face-search { text-align: center; }
#face-search #find-you { margin: 20px 0; }
#face-search img { margin: 0 auto; max-width: 100px; }

#footer-btn-wrapper { text-align: center; }
#footer-btn-wrapper img { margin: 0 auto; }

#swipebox-slider .slide:before { width: 0px; }

.image-details-noofimage { font-family: Montserrat-Medium; color: #333; margin-top: 15px; float: right; text-align: right; }
.image-details-noofimage span { padding: 0 0.5rem; }

.image-details-confidence { font-family: Montserrat-Medium; color: #2a2a2a; font-size: 20px; margin-top: 15px; float: left; }

.black-text { color: #000000; }
@media (min-width: 768px) { .black-text { font-size: 18px; } }

.image-block { padding: 1px; position: relative; overflow: hidden; border: 1px transparent solid; }
.image-block img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.image-block img.portrait { width: 100%; height: auto; }
.image-block img:hover, .image-block img:active, .image-block img:focus { background-color: black; opacity: .8; }
.image-block .image-load { background-position: center center; background-repeat: no-repeat; }
.image-block .image-load img { /* width: 100%; */ }
.image-block .bottom-text { position: absolute; bottom: 0; width: 100%; left: 0px; background-color: rgba(255, 183, 1, 0.8); color: #FFFFFF; }

.display-wrapper { text-align: center; margin-bottom: 1em; }
.display-wrapper #display-btn-wrapper div { margin: 0 auto; position: relative; }
.display-wrapper #display-btn-wrapper .icon-img { position: absolute; max-height: 30px; top: 18%; left: 76%; }
.display-wrapper #display-btn-wrapper #new-search-block { position: relative; display: inline-block; }
.display-wrapper #display-btn-wrapper #name-area { width: 288px; height: 48px; }
.display-wrapper #display-btn-wrapper #name-area span { float: left; color: #2a2a2a; font-size: 14px; width: 70%; }
.display-wrapper #display-btn-wrapper #name-area .separate { width: 10%; height: 25px; border-left: 1px solid #2a2a2a; float: left; margin: 6px 0; }
.display-wrapper #display-btn-wrapper #name-area img { float: left; max-width: 20%; }
.display-wrapper #face-match-display-wrapper-title p { color: var(--text-color, #2a2a2a); }
.display-wrapper #no-result-wrapper { text-align: center; }
.display-wrapper #no-result-wrapper img { margin: 0 auto; }
.display-wrapper #no-result-wrapper #first-p p { color: var(--text-color, #2a2a2a); }
.display-wrapper #no-result-wrapper #second-p p { color: var(--text-color, #2a2a2a); }
.display-wrapper #more-photos { color: #2a2a2a; text-align: center; margin: 20px 0 150px; }
.display-wrapper #more-photos .more { text-decoration: underline; }
.display-wrapper #more-photos .more :hover { cursor: pointer; }
.display-wrapper #more-photos .current { color: #2a2a2a; }

#share-link-wrapper { height: 48px; border-top: 1px solid #FFB701; border-bottom: 1px solid #FFB701; }
#share-link-wrapper .share-link { height: 100%; width: 20%; max-width: 75px; display: inline-block; background-color: #FFB701; position: relative; float: left; }
#share-link-wrapper .share-link img { padding-top: 4px; margin: 0 auto; }
#share-link-wrapper .share-text { height: 100%; width: 80%; display: inline-block; text-align: center; line-height: 44px; color: #2a2a2a; }
#share-link-wrapper .share-text a { color: #2a2a2a; cursor: default; }
#share-link-wrapper .share-text a:hover { color: #FB0023; text-decoration: none; }

#social-share-wrapper { height: 68px; background-color: #dedede; bottom: 0; position: fixed; width: 100%; z-index: 99999999; }
#social-share-wrapper .social-block { display: inline-block; width: 25%; height: 100%; float: left; }
#social-share-wrapper .social-block .vertical-align { height: 100%; display: table; margin: 0 auto; }
#social-share-wrapper .social-block .vertical-align-inner { height: 100%; display: table-cell; vertical-align: middle; }
#social-share-wrapper .social-block#download, #social-share-wrapper .social-block#purchase { width: 25%; }
#social-share-wrapper .social-block#download .img-icon, #social-share-wrapper .social-block#purchase .img-icon { width: 100%; height: auto; padding: 5px; }
@media (min-width: 320px) { #social-share-wrapper .social-block#download .img-icon, #social-share-wrapper .social-block#purchase .img-icon { width: auto; height: 36px; padding: 0; } }
@media (min-width: 768px) { #social-share-wrapper .social-block#download .img-icon, #social-share-wrapper .social-block#purchase .img-icon { height: 54px; } }
@media (min-width: 992px) { #social-share-wrapper .social-block#download .img-icon, #social-share-wrapper .social-block#purchase .img-icon { height: 58px; } }
#social-share-wrapper .social-block#download { background-color: #5895b7; }
#social-share-wrapper.dark { background-color: #202020; }
#social-share-wrapper.dark .social-block span { cursor: pointer; width: 50px; height: 50px; display: inline-flex; border-radius: 50%; background-color: #fff; justify-content: center; align-items: center; }
#social-share-wrapper.dark .social-block span i { font-size: 32px; color: #202020; }
#social-share-wrapper.dark .social-block#download { background-color: #202020; }

#social-share-wrapper:not(.on-preview-with-dl) .social-block { width: 25%; }
@media (max-width: 767px) { #social-share-wrapper:not(.on-preview-with-dl) #twitter { width: 25% !important; } }
@media (max-width: 767px) { #social-share-wrapper:not(.on-preview-with-dl) #facebook { width: 17% !important; } }
@media (max-width: 767px) { #social-share-wrapper:not(.on-preview-with-dl) #email { width: 28% !important; } }
#social-share-wrapper:not(.on-preview-with-dl) #runner-tag-link img { width: 100%; max-width: 70px; height: auto; }
@media (max-width: 767px) { #social-share-wrapper:not(.on-preview-with-dl) #runner-tag-link { width: 30% !important; float: right !important; } }

.conf-level-share { height: 100px !important; width: 85% !important; border-top: 2px solid #4396bb; }
.conf-level-share .img-icon { height: 25px; }
@media (min-width: 321px) { .conf-level-share .img-icon { height: 30px; } }

/** #social-share-wrapper { height: 100px; background-color: #dedede; bottom: 0; position: fixed; width: 85%; z-index: 99999999; border-top: 2px solid #50aadf;  @media (min-width: 992px) { height: 125px; }  .social-block { display: inline-block; width: 25%; height: 100%; float: left; .vertical-align { height: 100%; display: table; margin: 0 auto; } .vertical-align-inner { height: 100%; display: table-cell; vertical-align: middle; } &#download { background-color: #73c8b7; } }
} **/
#confidence-level-wrapper, #nearby-runner-wrapper { padding-left: 15px; padding-right: 15px; padding-top: 3px; bottom: 0; position: fixed; height: 100px; width: 85%; }
@media (min-width: 992px) { #confidence-level-wrapper, #nearby-runner-wrapper { padding-left: 50px; padding-right: 50px; } }
#confidence-level-wrapper .row, #nearby-runner-wrapper .row { margin-right: 0; margin-left: 0; }
#confidence-level-wrapper .more-accrt, #nearby-runner-wrapper .more-accrt { float: left; padding-top: 0; }
#confidence-level-wrapper .more-mtch, #nearby-runner-wrapper .more-mtch { float: right; padding-top: 0; }
#confidence-level-wrapper .irs, #nearby-runner-wrapper .irs { height: 50px; }
#confidence-level-wrapper .conf-label, #nearby-runner-wrapper .conf-label { padding-top: 6px; font-size: 12px; margin-bottom: 0; color: #8a8a8a; }
#confidence-level-wrapper .irs .irs-line, #confidence-level-wrapper .irs-bar, #nearby-runner-wrapper .irs .irs-line, #nearby-runner-wrapper .irs-bar { height: 5px; top: 30px; }
#confidence-level-wrapper .irs-bar-edge, #nearby-runner-wrapper .irs-bar-edge { height: 5px; top: 30px; width: 15px; }
#confidence-level-wrapper .irs-slider, #nearby-runner-wrapper .irs-slider { width: 20px; height: 35px; top: 15px; border-radius: 8px; }
#confidence-level-wrapper .irs .irs-from, #confidence-level-wrapper .irs .irs-to, #confidence-level-wrapper .irs .irs-single, #confidence-level-wrapper .irs .irs-min, #confidence-level-wrapper .irs .irs-max, #nearby-runner-wrapper .irs .irs-from, #nearby-runner-wrapper .irs .irs-to, #nearby-runner-wrapper .irs .irs-single, #nearby-runner-wrapper .irs .irs-min, #nearby-runner-wrapper .irs .irs-max { font-size: 10px; }

#bttm-lot-and-found { text-align: center; margin-right: 5px !important; }
@media (min-width: 360px) { #bttm-lot-and-found { margin-right: 10px !important; } }
@media (min-width: 768px) { #bttm-lot-and-found { margin-right: 0 !important; padding-left: 20%; } }
#bttm-lot-and-found .img-btn { width: 100%; background-size: cover; height: 40px; text-align: initial; border: none; }
@media (max-width: 320px) { #bttm-lot-and-found .img-btn { background-position: initial; } }
@media (min-width: 360px) { #bttm-lot-and-found .img-btn { height: 42px; } }
@media (min-width: 412px) { #bttm-lot-and-found .img-btn { height: 48px; } }
@media (min-width: 768px) { #bttm-lot-and-found .img-btn { width: 288px; height: 48px; } }
#bttm-lot-and-found .img-btn span.right { padding-left: 54px; }
@media (min-width: 360px) { #bttm-lot-and-found .img-btn span.right { padding-left: 70px; } }
@media (min-width: 412px) { #bttm-lot-and-found .img-btn span.right { padding-left: 90px; } }
@media (min-width: 768px) { #bttm-lot-and-found .img-btn span.right { padding-left: 70px; } }
#bttm-lot-and-found .vertical-align-center { display: table-cell; }

#page-bottom-wrapper { height: 68px; background-color: #fff; bottom: 0; position: fixed; width: 100%; z-index: 8000; }

.searched-state { height: 100px !important; border-top: 2px solid #8a8a8a; }

.btm-left-block { display: inline-block; width: 85%; height: 100%; float: left; }

.btm-right-block { display: inline-block; width: 15%; height: 100%; float: left; }

.btm-left-block .vertical-align-center, .btm-right-block .vertical-align-center { height: 100%; display: table; margin: 0 auto; }
.btm-left-block .vertical-align-center-inner, .btm-right-block .vertical-align-center-inner { height: 100%; display: table-cell; vertical-align: middle; }

#general-share { background: #fff; cursor: pointer; }
#general-share .img-icon { height: 50px; }
@media (min-width: 992px) { #general-share .img-icon { height: 70px; } }

.modal { z-index: 100001; }

.modal-title { text-align: center; color: #333; }

#modal-close-span { font-size: 40px; }

#dynamicModal { color: #333; }

.modal-header { color: #333; }
.modal-header .close { position: fixed; right: 15px; }

#loading-screen { position: fixed; width: 100%; height: 100%; top: 0px; margin-top: -10px; background-color: #FFF; z-index: 100000; }
#loading-screen img { margin: 0 auto; }
#loading-screen #block-1 { height: 40%; }
#loading-screen #block-1 img { max-width: 70%; max-height: 25%; }
@media (min-width: 768px) { #loading-screen #block-1 img { max-width: 50%; } }
@media (min-width: 992px) { #loading-screen #block-1 img { max-width: 40%; } }
@media (min-width: 1200px) { #loading-screen #block-1 img { max-width: 30%; } }
#loading-screen #block-2 { height: 40%; }
#loading-screen #block-2 img { max-width: 30%; }
#loading-screen #block-3 { /* background-color: #2C2929; */ width: 100%; height: 20%; position: absolute; bottom: 0; }
#loading-screen #block-3 img { background-color: #fff; padding: 2px; max-height: 50%; }
@media (min-width: 768px) { #loading-screen #block-3 img { max-height: 70%; } }

#loading-gif { position: fixed; width: 100%; height: 100%; margin-top: -10px; background: rgba(115, 130, 118, 0.6); z-index: 999999999999999999; }
#loading-gif img { margin: 0 auto; }

#uploading-wrapper div { padding: 0; }
#uploading-wrapper img { margin: 0 auto; background-color: #FFFFFF; opacity: 0.6; }
#uploading-wrapper #progress-bar { height: 48px; border-top: 1px solid #FFB701; border-bottom: 1px solid #FFB701; display: table; }
#uploading-wrapper #progress-bar #bar { display: table-cell; background-color: #FFB701; width: 0%; }
#uploading-wrapper #progress-bar #bar-text { display: table-cell; vertical-align: middle; width: 50%; padding-left: 10px; color: #FFB701; }
#uploading-wrapper #status { height: 48px; text-align: center; display: table; }
#uploading-wrapper #status span { color: #2a2a2a; display: table-cell; vertical-align: middle; }

#swipebox-bottom-bar { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; position: absolute; top: 45%; z-index: 0; background-color: transparent; }
@media screen and (min-width: 992px) { #swipebox-bottom-bar { top: 48%; } }

#swipebox-arrows { max-width: 1200px; z-index: 1; }

#swipebox-prev { background-position: center; background-image: url(../img/preivous.png); }
@media screen and (max-width: 768px) { #swipebox-prev { background-size: 35px 35px; } }

#swipebox-next { background-position: center; background-image: url(../img/next.png); }
@media screen and (max-width: 768px) { #swipebox-next { background-size: 35px 35px; } }

.swipebox-slider { height: 90vh; }
.swipebox-slider .slide { background-color: #2d2d2d; }

#swipebox-slider .slide img { max-height: 70vh; }

#image-details-wrapper { color: #333 !important; font-size: 1.5em !important; margin-top: 40px !important; }
@media (min-width: 992px) { #image-details-wrapper { margin-top: 0; } }

.img-icon { height: 30px; }
@media (min-width: 992px) { .img-icon { height: 40px; } }

#footer-wrapper { height: 68px; background-color: #dedede; position: fixed; bottom: 0; width: 100%; padding-bottom: 10px; padding-top: 10px; display: inline-block; text-align: center; }
#footer-wrapper .vertical-align { height: 100%; display: table; margin: 0 auto; }
#footer-wrapper .vertical-align .vertical-align-inner { height: 100%; display: table-cell; vertical-align: middle; }
#footer-wrapper img { max-height: 40px; margin: 0 auto; }
#footer-wrapper .copyright { font-size: 5px; }
@media (min-width: 360px) { #footer-wrapper .copyright { font-size: 6px; } }
@media (min-width: 412px) { #footer-wrapper .copyright { font-size: 7px; } }
@media (min-width: 768px) { #footer-wrapper .copyright { font-size: 8px; } }
#footer-wrapper .copyright a { color: black; }
#footer-wrapper.dark { background: #202020; }

.vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }

.vertical-align-center { display: table-cell; vertical-align: middle; }

.policy-span-2 { color: #000000; font-weight: 400; text-decoration: none; vertical-align: baseline; font-size: 11pt; font-family: "Arial"; font-style: normal; }

.policy-span { padding-top: 0pt; padding-bottom: 0pt; line-height: 1.15; orphans: 2; widows: 2; text-align: left; }

.policy-span-height { height: 11pt; }

.modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width: inherit; height: inherit; /* To center horizontally */ margin: 0 auto; pointer-events: all; }
.modal-content .modal-body { /* ord-break: break-all; */ }

#img-icon-globe { width: 50px; }

div.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5; display: none; filter: alpha(opacity=50); /* required for opacity to work in IE */ }

#arrow-box-btn { /* background: #c2e1f5;
color: white; */ width: 150px; padding-top: 15px; text-decoration: underline; margin: 0 auto; }

.arrow_box { position: fixed; top: 20px; right: 22px; background: #88b7d5; width: 300px; border: 14px solid #c2e1f5; padding: 15px; display: none; }
.arrow_box div { text-align: center; }
.arrow_box span { font-size: medium; }

.arrow_box:after, .arrow_box:before { bottom: 100%; left: 82%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow_box:after { border-width: 0px 0px 30px 100px; border-color: transparent transparent #88b7d5 transparent; margin-left: -51px; top: -12px; }

.arrow_box:before { border-width: 0px 0px 30px 100px; margin-left: -37px; border-color: transparent transparent #c2e1f5 transparent; top: -31px; }

/*#modal-email { -webkit-transform: none; -moz-transform: none; -o-transform: none; position: fixed;  width: 100%; 
}*/
#modal-email { position: absolute; }

.modal-open { position: fixed; width: 100%; height: 100%; }

.modal-backdrop { height: 100% !important; }

.not-render-image { display: none !important; visibility: hidden !important; }

#upload-area { margin-bottom: 15px; }

#bib_search { color: #333; }

.buy-now-wrapper { display: flex; gap: 2rem; }

#bib_search_wrapper { text-align: center; margin-bottom: 10px; }
#bib_search_wrapper #search-container { width: 300px; margin: 0 auto; position: relative; }
#bib_search_wrapper #new-search-block { height: 40px; width: 40px; vertical-align: bottom; }
#bib_search_wrapper #type-loader { position: absolute; top: 19px; z-index: 20; }
#bib_search_wrapper #type-text { display: none; }
#bib_search_wrapper .typing-loader { width: 6px; height: 6px; border-radius: 50%; -webkit-animation: typing 1s linear infinite alternate; -moz-animation: Typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; position: relative; left: 0px; padding: 0px !important; }
@-webkit-keyframes typing { 0% { background-color: #010101; box-shadow: 12px 0px 0px 0px rgba(1, 1, 1, 0.2), 24px 0px 0px 0px rgba(1, 1, 1, 0.2); }
  25% { background-color: rgba(1, 1, 1, 0.4); box-shadow: 12px 0px 0px 0px #010101, 24px 0px 0px 0px rgba(1, 1, 1, 0.2); }
  75% { background-color: rgba(1, 1, 1, 0.4); box-shadow: 12px 0px 0px 0px rgba(1, 1, 1, 0.2), 24px 0px 0px 0px #010101; } }
@-moz-keyframes typing { 0% { background-color: #010101; box-shadow: 12px 0px 0px 0px rgba(1, 1, 1, 0.2), 24px 0px 0px 0px rgba(1, 1, 1, 0.2); }
  25% { background-color: rgba(1, 1, 1, 0.4); box-shadow: 12px 0px 0px 0px #010101, 24px 0px 0px 0px rgba(1, 1, 1, 0.2); }
  75% { background-color: rgba(1, 1, 1, 0.4); box-shadow: 12px 0px 0px 0px rgba(1, 1, 1, 0.2), 24px 0px 0px 0px #010101; } }
@keyframes typing { 0% { background-color: #010101; box-shadow: 12px 0px 0px 0px rgba(1, 1, 1, 0.2), 24px 0px 0px 0px rgba(1, 1, 1, 0.2); }
  25% { background-color: rgba(1, 1, 1, 0.4); box-shadow: 12px 0px 0px 0px #010101, 24px 0px 0px 0px rgba(1, 1, 1, 0.2); }
  75% { background-color: rgba(1, 1, 1, 0.4); box-shadow: 12px 0px 0px 0px rgba(1, 1, 1, 0.2), 24px 0px 0px 0px #010101; } }
#bib_search_wrapper #search-autocomplete-items { position: absolute; top: 100%; left: 0; right: 0; margin: 0px 10px; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; }
#bib_search_wrapper #search-autocomplete-items div { padding: 10px; background-color: white; border-bottom: 1px solid #d4d4d4; text-align: left; cursor: pointer; }
#bib_search_wrapper #search-autocomplete-items div:hover { background-color: #d4d4d4; }
#bib_search_wrapper #search-autocomplete-items .sd-search-results { color: #333; font-family: Montserrat-Regular, sans-serif; text-transform: capitalize; }
#bib_search_wrapper #search-autocomplete-items .sd-demo { padding-left: 10px; font-weight: lighter; }
#bib_search_wrapper #search-autocomplete-items .sd-subtext { font-size: smaller; margin: 0; }
#bib_search_wrapper #search-autocomplete-items .bib-number { border: thin solid #000; padding: 1px 3px; border-radius: 3px; margin-left: .5em; color: #333 !important; }

#bib_searchfield_wrapper { width: 28px; margin: 0 auto; position: relative; margin-bottom: 5px; }

#bib_search { display: inline-block; position: relative; height: 40px; width: 238px; border: 1px solid #8a8a8a; padding-left: 10px; }

#bib_search_icon { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; }

#bib-search-lbl { color: #fff; opacity: 1; }

#bib-searched-text { color: #aaa; text-align: center; display: block; padding: 10px 10px; letter-spacing: .05em; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: normal; }

.photo_not_me, .tag_a_bib { margin-top: 15px; margin-bottom: 15px; text-align: left;     /*  @media (min-width: 768px) { font-size: 18px !important; }
 @media (min-width: 992px) { font-size: 20px !important; } */ }
.photo_not_me .let-us-know-lnk, .photo_not_me .tag-a-bib-lnk, .tag_a_bib .let-us-know-lnk, .tag_a_bib .tag-a-bib-lnk { color: #000; text-decoration: underline; z-index: 999; }
.photo_not_me .let-us-know-lnk:hover, .photo_not_me .tag-a-bib-lnk:hover, .tag_a_bib .let-us-know-lnk:hover, .tag_a_bib .tag-a-bib-lnk:hover { text-decoration: none; }

.btm-info-wrapper { margin-right: 0; margin-left: 0; }

.photo_not_me { font-size: smaller; }

#modal-not-me .modal-body p { color: #444; text-align: center; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 2em; }

.nearby_text_container { display: inline-block; height: 100%; float: left; }
.nearby_text_container .vertical-align { height: 100%; display: table; margin: 0 auto; }
.nearby_text_container .vertical-align-inner { height: 100%; display: table-cell; vertical-align: middle; }

#nearby_label { width: 20%; }
@media (min-width: 992px) { #nearby_label { margin-top: 10px; } }
#nearby_label span { color: #878585; letter-spacing: .05em; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 8px; font-weight: bold; line-height: normal; }
@media (min-width: 360px) { #nearby_label span { font-size: 10px; } }
@media (min-width: 412px) { #nearby_label span { font-size: 11px; } }
@media (min-width: 768px) { #nearby_label span { font-size: 15px; } }

#nearby_records { width: 80%; overflow-y: auto; }
#nearby_records .vertical-align-center { pointer-events: auto; }

.nearby-runner-bib { margin: 3px; padding: 3px; background: #4396bb; float: left; text-align: center; width: 45px; overflow: hidden; border-style: solid; border-color: #fff; /*@media (min-width: 768px) { margin: 3px; //padding: 8px; width: 90px;
}*/ }
.nearby-runner-bib a { color: #fff; }
@media (min-width: 360px) { .nearby-runner-bib { padding: 5px; width: 50px; } }
@media (min-width: 412px) { .nearby-runner-bib { width: 57px; } }
@media (min-width: 768px) { .nearby-runner-bib { margin: 3px; padding: 8px; width: 111px; } }
@media (min-width: 992px) { .nearby-runner-bib { margin: 0 15px; padding: 8px; width: 125px; } }
@media (min-width: 1200px) { .nearby-runner-bib { width: 130px; } }
.nearby-runner-bib a:hover, .nearby-runner-bib a:focus { text-decoration: none; }

#modal-no-bib p { font-size: 14px; color: #686464; }

#modal-tag-a-bib .display-lbl { font-size: 14px; color: #686464; }

#modal-not-me .modal-body { padding-bottom: 0; }
#modal-not-me .modal-footer { padding-top: 0; border-top: none; }

#social-share-wrapper:not(.on-preview-with-dl) #runner-tag-link img { width: 100%; max-width: 70px; height: auto; }
@media (max-width: 767px) { #social-share-wrapper:not(.on-preview-with-dl) #runner-tag-link { float: right !important; } }

/*#sponsors-wrapper { bottom: 68px; position: fixed; width: 100%; margin-left: 0; margin-right: 0;  .sponsor-block { .img-icon { margin-left: auto; margin-right: auto; display: block; height: 50px;  @media (min-width: 768px) { height: 100px; } } }  .second-row-wrapper { .sponsor-block:first-child { padding-right: 0;  .img-icon { margin-right: 0;  @media (min-width: 768px) { margin-right: 10px; }  @media (min-width: 992px) { margin-right: 20px; }  @media (min-width: 1200px) { margin-right: 50px;; }  @media (min-width: 1500px) { margin-right: 80px;; }  @media (min-width: 1800px) { margin-right: 100px;; } } }  .sponsor-block:last-child { padding-left: 0;  .img-icon { margin-left: 0;  @media (min-width: 768px) { margin-left: 10px; }  @media (min-width: 992px) { margin-left: 20px; }  @media (min-width: 1200px) { margin-left: 50px;; }  @media (min-width: 1500px) { margin-left: 80px;; }  @media (min-width: 1800px) { margin-left: 100px;; } } } }
} */
.header { opacity: 1; height: 60px; position: fixed; top: 0; z-index: 12; overflow-y: hidden; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity 1000ms ease-in; -moz-transition: opacity 1000ms ease-in; -ms-transition: opacity 1000ms ease-in; -o-transition: opacity 1000ms ease-in; transition: opacity 1000ms ease-in; padding: 0 5px; }
@media screen and (min-width: 768px) { .header { padding: 0 10px; } }
@media screen and (min-width: 1200px) { .header { padding: 0 15px; } }
@media screen and (max-width: 992px) { .header { -webkit-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); -moz-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); -ms-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); -o-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); } }
.header .container-fluid { position: relative; width: 100%; box-sizing: border-box; padding: 10px 0; }
.header .container-fluid label { padding-right: 1em; }
.header .logo-nav { display: table-cell; padding-right: 25px; vertical-align: middle; color: #ffffff; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; line-height: normal; padding-left: 5px; }
@media screen and (max-width: 992px) { .header .logo-nav { padding-right: 15px; }
  .header .logo-nav #wsite-title { font-size: 1em !important; line-height: 1.3em !important; } }
.header .logo-nav a { overflow: hidden; color: #ffffff; letter-spacing: .05em; text-transform: uppercase; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; line-height: normal; }
.header .logo-nav a img { height: auto; max-height: 40px; }

label.hamburger { cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-align: left; position: relative; }
label.hamburger span:before, label.hamburger span, label.hamburger span:after { position: relative; display: block; width: 18px; height: 1px; background: #fff; content: ''; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }
label.hamburger span { margin: 18.2px 0; display: inline-block; }
label.hamburger span:before { top: -8px; }
label.hamburger span:after { bottom: -6px; }

/*div.hamburger { background-position: center; background-image: url(../img/hamburger_icon.png); background-size: contain; float: left; background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; width: 35px; height: 40px; top: 0;
}*/
.nav { color: white; display: table-cell; overflow: hidden; vertical-align: middle; text-align: center; padding: 1em auto; }
.nav span { font-size: 21px; text-transform: uppercase; }
.nav .row { padding: 1em; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; }
.nav ul { float: right; display: inline-block; text-align: left; }
.nav li { display: block; float: left; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; }
.nav li a { display: block; color: #fff; padding: 22px 20px; letter-spacing: .05em; text-transform: uppercase; font-size: 13px; font-weight: bold; line-height: normal; }
.nav li.wsite-menu-item-wrap#active > a, .nav li.wsite-menu-subitem-wrap#active > a, .nav li.wsite-menu-item-wrap > a:hover, .nav li.wsite-menu-subitem-wrap > a:hover { background: #fdd600; color: #fff; }

body.nav-open .mobile-nav { max-height: 100vh; padding: 0 15px; opacity: 1; }

.mobile-nav { display: none; }
.mobile-nav ul, .mobile-nav ol, .mobile-nav li, .mobile-nav h1, .mobile-nav h2, .mobile-nav h3, .mobile-nav h4, .mobile-nav h5, .mobile-nav h6, .mobile-nav pre, .mobile-nav form, .mobile-nav body, .mobile-nav html, .mobile-nav p, .mobile-nav blockquote, .mobile-nav fieldset, .mobile-nav input { margin: 0; padding: 0; }

.mobile-nav { position: fixed; margin: 0 auto; padding: 0 3em; top: 0; left: 0; z-index: 99999999; display: block; overflow-x: hidden; overflow-y: auto; height: 100%; max-height: 0; min-width: 400px; opacity: 0; background: rgba(0, 0, 0, 0.95); box-sizing: border-box; -webkit-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); -moz-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); -ms-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); -o-transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); transition: all 500ms cubic-bezier(0, 0.995, 0.99, 1); }
@media screen and (max-width: 768px) { .mobile-nav { width: 100%; } }
.mobile-nav label.hamburger { position: relative; top: 0; left: 0; display: block; width: 30px; height: 30px; cursor: pointer; -webkit-tap-highlight-color: transparent; background: transparent; }
.mobile-nav label.hamburger span:before, .mobile-nav label.hamburger span, .mobile-nav label.hamburger span:after { position: relative; top: 10px; display: block; width: 22px; height: 2px; background: #FFF; content: ''; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.mobile-nav label.hamburger span { background: transparent; }
.mobile-nav label.hamburger span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-nav label.hamburger span:after { top: -1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.mobile-nav ul { float: none; display: block; width: 100%; height: auto; }
.mobile-nav li { position: relative; float: none; display: block !important; margin: 0; padding: 0; border: none; text-align: center; }
.mobile-nav li a.wsite-menu-item, .mobile-nav li a.wsite-menu-subitem { padding: 10px 0; font-size: 1.2em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
@media screen and (min-width: 1200px) { .mobile-nav li a.wsite-menu-item, .mobile-nav li a.wsite-menu-subitem { font-size: 1.5em; } }
.mobile-nav li .wsite-menu-wrap { display: block !important; overflow: hidden; max-height: 0; -webkit-transition: all 500ms ease-in-out 250ms; -moz-transition: all 500ms ease-in-out 250ms; -ms-transition: all 500ms ease-in-out 250ms; -o-transition: all 500ms ease-in-out 250ms; transition: all 500ms ease-in-out 250ms; }
.mobile-nav li .wsite-menu-wrap li.wsite-nav-current > a { color: #fdd600; }
.mobile-nav li .wsite-menu-wrap li.wsite-nav-current > span.icon-caret:before, .mobile-nav li .wsite-menu-wrap li.wsite-nav-current > span.icon-caret:after { background: #fdd600; color: #fff; }
.mobile-nav li .wsite-menu-wrap .wsite-menu-arrow { display: none; }
.mobile-nav li.wsite-menu-item-wrap#active > a, .mobile-nav li.wsite-menu-item-wrap > a:hover, .mobile-nav li.wsite-menu-subitem-wrap > a:hover { background: none; color: #4396bb; }
.mobile-nav li.has-submenu.wsite-menu-item-wrap#active > span.icon-caret:before, .mobile-nav li.has-submenu.wsite-menu-item-wrap#active > span.icon-caret:after { background: #fdd600; }
.mobile-nav li.has-submenu.wsite-menu-item-wrap a:hover ~ span.icon-caret:before, .mobile-nav li.has-submenu.wsite-menu-subitem-wrap a:hover ~ span.icon-caret:before, .mobile-nav li.has-submenu.wsite-menu-item-wrap a:hover ~ span.icon-caret:after, .mobile-nav li.has-submenu.wsite-menu-subitem-wrap a:hover ~ span.icon-caret:after { background: #fdd600; }
.mobile-nav li.has-submenu > span.icon-caret { position: absolute; top: 0; right: 10px; display: block; width: 20px; height: 20px; padding: 10px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.mobile-nav li.has-submenu > span.icon-caret:before, .mobile-nav li.has-submenu > span.icon-caret:after { position: relative; display: block; background: #ffffff; width: 2px; height: 8px; content: ' '; }
.mobile-nav li.has-submenu > span.icon-caret:before { top: 5px; left: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-nav li.has-submenu > span.icon-caret:after { top: -3px; left: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-nav li.has-submenu .wsite-menu-wrap.open { max-height: 1000px; }
.mobile-nav li.wsite-nav-more { display: none !important; }

@media (min-width: 360px) and (max-width: 767px) { #lost-and-found-btn { margin-bottom: 5px; } }

#vip-btn { display: none; }
@media (min-width: 360px) and (max-width: 767px) { #vip-btn { margin-bottom: 5px; } }

/* #lost-and-found-btn, #all-race-btn { .img-btn { border: 1px solid #4396bb; background-color: #fff; }
} */
#sponsor-logos-wrapper, #sponsor-logo-wrapper, #organiser-logos-wrapper, #organiser-logo-wrapper { width: 100%; overflow-y: auto; padding-right: 15px; padding-left: 15px; margin-bottom: 100px; }
@media (min-width: 360px) and (max-width: 400px) { #sponsor-logos-wrapper, #sponsor-logo-wrapper, #organiser-logos-wrapper, #organiser-logo-wrapper { padding-right: 40px; padding-left: 40px; } }
#sponsor-logos-wrapper .vertical-align-center, #sponsor-logo-wrapper .vertical-align-center, #organiser-logos-wrapper .vertical-align-center, #organiser-logo-wrapper .vertical-align-center { display: table; margin: 0 auto; height: 50px; }
#sponsor-logos-wrapper .vertical-align-center .vertical-align-center-inner, #sponsor-logo-wrapper .vertical-align-center .vertical-align-center-inner, #organiser-logos-wrapper .vertical-align-center .vertical-align-center-inner, #organiser-logo-wrapper .vertical-align-center .vertical-align-center-inner { vertical-align: middle; display: flex; flex-direction: row; justify-content: center; flex-shrink: 0; flex-wrap: wrap; }
#sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 15px; text-align: center; width: auto; overflow: hidden; border-style: solid; border-color: transparent; display: flex; flex-direction: column; justify-content: center; }
#sponsor-logos-wrapper .sponsor-logos-block img, #sponsor-logos-wrapper .organiser-logos-block img, #sponsor-logo-wrapper .sponsor-logos-block img, #sponsor-logo-wrapper .organiser-logos-block img, #organiser-logos-wrapper .sponsor-logos-block img, #organiser-logos-wrapper .organiser-logos-block img, #organiser-logo-wrapper .sponsor-logos-block img, #organiser-logo-wrapper .organiser-logos-block img { margin: 0 auto; height: auto; max-width: 200px; }
@media (min-width: 412px) { #sponsor-logos-wrapper .sponsor-logos-block img, #sponsor-logos-wrapper .organiser-logos-block img, #sponsor-logo-wrapper .sponsor-logos-block img, #sponsor-logo-wrapper .organiser-logos-block img, #organiser-logos-wrapper .sponsor-logos-block img, #organiser-logos-wrapper .organiser-logos-block img, #organiser-logo-wrapper .sponsor-logos-block img, #organiser-logo-wrapper .organiser-logos-block img { width: 70%; } }
@media (min-width: 768px) { #sponsor-logos-wrapper .sponsor-logos-block img, #sponsor-logos-wrapper .organiser-logos-block img, #sponsor-logo-wrapper .sponsor-logos-block img, #sponsor-logo-wrapper .organiser-logos-block img, #organiser-logos-wrapper .sponsor-logos-block img, #organiser-logos-wrapper .organiser-logos-block img, #organiser-logo-wrapper .sponsor-logos-block img, #organiser-logo-wrapper .organiser-logos-block img { width: 50%; } }
@media (min-width: 992px) { #sponsor-logos-wrapper .sponsor-logos-block img, #sponsor-logos-wrapper .organiser-logos-block img, #sponsor-logo-wrapper .sponsor-logos-block img, #sponsor-logo-wrapper .organiser-logos-block img, #organiser-logos-wrapper .sponsor-logos-block img, #organiser-logos-wrapper .organiser-logos-block img, #organiser-logo-wrapper .sponsor-logos-block img, #organiser-logo-wrapper .organiser-logos-block img { width: 60%; } }
@media (min-width: 1200px) { #sponsor-logos-wrapper .sponsor-logos-block img, #sponsor-logos-wrapper .organiser-logos-block img, #sponsor-logo-wrapper .sponsor-logos-block img, #sponsor-logo-wrapper .organiser-logos-block img, #organiser-logos-wrapper .sponsor-logos-block img, #organiser-logos-wrapper .organiser-logos-block img, #organiser-logo-wrapper .sponsor-logos-block img, #organiser-logo-wrapper .organiser-logos-block img { width: 65%; } }
@media (min-width: 375px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 17px; } }
@media (min-width: 384px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 18px; } }
@media (min-width: 412px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 10px; } }
@media (min-width: 768px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 38px; } }
@media (min-width: 992px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 8px; float: left; } }
@media (min-width: 1200px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 25px; } }
@media (min-width: 1500px) { #sponsor-logos-wrapper .sponsor-logos-block, #sponsor-logos-wrapper .organiser-logos-block, #sponsor-logo-wrapper .sponsor-logos-block, #sponsor-logo-wrapper .organiser-logos-block, #organiser-logos-wrapper .sponsor-logos-block, #organiser-logos-wrapper .organiser-logos-block, #organiser-logo-wrapper .sponsor-logos-block, #organiser-logo-wrapper .organiser-logos-block { margin: 15px; } }

@media (max-width: 414px) { .pg-no-results { padding-bottom: 70px; } }

#main-site-logo-wrapper { width: 100%; overflow-y: auto; padding-right: 15px; padding-left: 15px; }
@media (min-width: 360px) and (max-width: 400px) { #main-site-logo-wrapper { padding-right: 40px; padding-left: 40px; } }
@media (min-width: 768px) { #main-site-logo-wrapper { margin-top: 30px; } }
#main-site-logo-wrapper .main-site-logo-block { margin: 0 auto; text-align: center; }
#main-site-logo-wrapper .main-site-logo-block img { width: 85%; padding: 18px; }
@media (min-width: 412px) { #main-site-logo-wrapper .main-site-logo-block img { width: 60%; } }
@media (min-width: 768px) { #main-site-logo-wrapper .main-site-logo-block img { width: 40%; } }
@media (min-width: 992px) { #main-site-logo-wrapper .main-site-logo-block img { width: 30%; } }
@media (min-width: 1200px) { #main-site-logo-wrapper .main-site-logo-block img { width: 20%; } }

.download-buttons.container-fluid { display: flex; flex-direction: column; align-content: center; align-items: center; }
.download-buttons button { margin-bottom: 1em; white-space: normal; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.download-buttons .border { border: thin solid #CCC; }
.download-buttons .button-label { padding: 0 1em; }
.download-buttons img { border-radius: 5px; width: 8em; }
.download-buttons div.text-container { position: relative; }
.download-buttons div.text-container div.top-right { position: absolute; top: 0.2em; right: 0.2em; padding: 3px; background: #333; opacity: 0.8; border-radius: 4px; color: white; }

.vertical-align { display: flex; align-items: center; }

#runner-details-wrapper { text-align: center; color: var(--text-color, #2a2a2a); }
#runner-details-wrapper #runner-first-name { text-transform: uppercase; }
#runner-details-wrapper #runner-last-name { text-transform: capitalize; }

/* .btn-icon-wrapper { width: 1em; padding: 0 2px;
} */
#checkpoint-select-wrapper > a { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 6px 10px 6px 20px; }
#checkpoint-select-wrapper > a span { flex-grow: 0; font-size: 14px; padding-left: 0.5em; padding-right: 0.5em; }
#checkpoint-select-wrapper > a span:first-of-type { overflow: hidden; text-overflow: ellipsis; flex-grow: 1; padding: 0; text-align: left; }
#checkpoint-select-wrapper > a span.caret { padding: 0; }

.dropdown-menu { left: 50%; transform: translateX(-50%); }
.dropdown-menu li > a { display: flex; flex-direction: row; justify-content: space-between; padding: 0 1em; }
.dropdown-menu li > a span { font-size: 14px; }
.dropdown-menu li > a span:first-of-type { overflow: hidden; text-overflow: ellipsis; flex-grow: 1; }
.dropdown-menu li > a span:last-of-type { padding-left: 1em; flex-grow: 0; }

#all-race-btn { margin-bottom: 70px; }

#advert-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.89); z-index: 100000; cursor: pointer; }

#advert-body { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); }
#advert-body img { border: 1px solid #eee; }
#advert-body #advert-close { position: absolute; right: 0; }

#checkpoint-select-wrapper .btn-select { width: 288px; height: 48px; border-radius: 6px; }
#checkpoint-select-wrapper .caret { border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; }
#checkpoint-select-wrapper.open > .dropdown-menu { display: block; background-color: var(--accent-color); width: 288px; border: none; margin: 0; }
#checkpoint-select-wrapper.open > .dropdown-menu > li > a:hover, #checkpoint-select-wrapper.open > .dropdown-menu > li > a:focus { background-color: transparent; background-image: none; color: var(--text-color); }
#checkpoint-select-wrapper.open > .dropdown-menu > li > a { padding: 6px 20px; font-size: 14px; color: var(--link-color); }

.margin-top { margin-top: 20px; }

#upload-photo-btn { font-weight: 400; }

/* Overlay preview and picker  */
.overlay-image { display: none; }
.overlay-image img { width: 100%; height: 100%; }

#overlay-wrapper { overflow: hidden; position: absolute; }
#overlay-wrapper .overlay-image { position: absolute; }

.portrait #original-image { height: 300px; }
@media (min-width: 768px) { .portrait #original-image { height: 500px; } }

.landscape #original-image { width: 250px; }
@media (min-width: 330px) { .landscape #original-image { width: 300px; } }
@media (min-width: 576px) { .landscape #original-image { width: 400px; } }
@media (min-width: 992px) { .landscape #original-image { width: 700px; } }

#modal-overlay-select { z-index: 10000; }

#overlay-selection-wrapper { display: flex; justify-content: space-evenly; align-items: center; cursor: pointer; flex-flow: row wrap; }
#overlay-selection-wrapper .overlay-selection { display: flex; border-radius: 4px; padding: 0.2em 1em; text-transform: uppercase; color: var(--accent-color, black); transition: background-color 0.5s ease; }
#overlay-selection-wrapper .overlay-selection.active { color: white; background-color: var(--accent-color, black); }

.paddle { border: none; background: transparent; width: 3em; color: var(--accent-color, black); opacity: 0.8; }
.paddle:hover { opacity: 1; }
.paddle i { font-size: 24px; }

.upload-progress { z-index: 10001; position: fixed; top: 40%; left: 25%; width: 50%; }
@media (min-width: 768px) { .upload-progress { left: 40%; width: 20%; } }

.btn { text-transform: uppercase; }

.btn-outline { border: thin solid var(--link-color); }

.btn-wide { background-color: var(--accent-color); display: flex; align-self: center; flex-flow: row nowrap; gap: 1.5em; justify-content: center; color: var(--link-color); width: 100%; max-width: calc(min(100vw, 768px)); text-transform: uppercase; border-radius: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; border-radius: 16px; padding: 1em; margin: 0; cursor: pointer; opacity: 0.9; }
.btn-wide .dark { color: #444; }
.btn-wide .gray { opacity: 0.7; }
@media screen and (max-width: 768px) { .btn-wide { border-radius: 0px; width: 100vw; margin-left: -15px; } }
.btn-wide:hover { opacity: 1.0; }

.download-purchase { margin-bottom: 1em; }

#batch-download-cta:hover, #download-purchase:hover { color: var(--link-color); }

.purchase-cta { text-align: center; color: var(--link-color); font-size: calc(min(4vw,1.8em)); text-transform: capitalize; font-weight: 600; }

#modal-purchase, #modal-download { padding: 0 !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
#modal-purchase .modal-dialog, #modal-download .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
#modal-purchase .modal-content, #modal-download .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
#modal-purchase p, #modal-download p { font-size: medium; }
#modal-purchase .row, #modal-download .row { display: flex; justify-content: center; margin-bottom: 1em; gap: 1em; padding: 0; margin-left: 0; margin-right: 0; }
#modal-purchase .row div, #modal-download .row div { align-self: center; }
#modal-purchase .row div .icon, #modal-download .row div .icon { color: #111; }
#modal-purchase .table-row, #modal-download .table-row { justify-content: center; width: calc(min(100vw, 60rem)); display: flex; }
#modal-purchase .table-row div, #modal-download .table-row div { display: flex; }
#modal-purchase .table-row div:first-child, #modal-download .table-row div:first-child { flex-basis: calc(max(10%, 3em)); align-self: baseline; justify-content: center; }
#modal-purchase .table-row div:last-child, #modal-download .table-row div:last-child { flex-basis: 75%; }
#modal-purchase .buy-now, #modal-download .buy-now { width: calc(min(100vw, 768px)); display: flex; gap: 2em; align-self: center; justify-content: center; font-size: larger; font-weight: bolder; }
#modal-purchase .modal-header, #modal-download .modal-header { background-color: #DDD; color: var(--accent-color); text-align: center; }
#modal-purchase .modal-header h3, #modal-download .modal-header h3 { font-size: calc(min(7vw,3em)); }
#modal-purchase .modal-body, #modal-download .modal-body { color: #333; }
#modal-purchase .purchase-buttons, #modal-download .purchase-buttons { display: flex; flex-direction: column; align-items: center; padding-bottom: 6em; }
#modal-purchase #purchase-thumbnails, #modal-download #purchase-thumbnails { display: flex; flex-flow: row wrap; white-space: nowrap; overflow-x: scroll; gap: 1em; justify-content: space-evenly; max-height: 20vh; margin-bottom: 1em; }
#modal-purchase .contact-support-footer, #modal-download .contact-support-footer { position: fixed; background: white; color: #333; z-index: 2; bottom: 0; border-top: thin solid var(--accent-color); width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 1em; padding: 1em; min-height: 6em; }

.vip-bottom-text p { margin: 0px; }
.vip-bottom-text p.vip-name { font-size: calc(max(10px,2vw)); }
.vip-bottom-text p.vip-company { font-size: calc(max(8px,1.5vw)); }

/* Welcome to Compass. Use this file to write IE specific override styles. Import this file using the following HTML or equivalent: <!--[if IE]> <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /> <![endif]--> */
/* Welcome to Compass. Use this file to define print styles. Import this file using the following HTML or equivalent: <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
.embed-responsive > div { background-position: center center; background-size: cover; }

.embed-responsive-1by1 { padding-bottom: 100%; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.fa-15x { font-size: 1.5em; }

body.music_run .modal button.close span { font-size: 28px; }
body.music_run .modal .modal-title { color: #202020 !important; }
body.music_run .modal .modal-body p { color: #202020 !important; }
body.music_run .pagination span { color: #202020 !important; }
body.music_run #face-search { cursor: pointer; }
body.music_run #face-search.qq-upload-button-hover { background: transparent !important; background-color: transparent !important; }
body.music_run #face-search.qq-upload-button-focus { border: none !important; outline: none !important; }
body.music_run #bib_search { border-color: #202020; }
body.music_run #no-result-wrapper p { color: #202020 !important; }
body.music_run #display-wrapper .bottom-text { color: #202020 !important; }
body.music_run #footer-wrapper .copyright a { cursor: pointer; color: white; }
body.music_run #all-race-btn { margin-bottom: 10px; }
body.music_run #privacy-modal-btn { font-size: 10px; color: #202020; margin-bottom: 70px; }
body.music_run #privacy-modal-btn a { color: #202020; cursor: pointer; border-bottom: 1px solid #202020; text-decoration: none; }
body.music_run #modal-terms iframe, body.music_run #modal-privacy iframe { width: 100%; border: none; height: 80vh; }
@media (min-width: 992px) { body.music_run #modal-terms iframe, body.music_run #modal-privacy iframe { height: 70vh; } }
body.music_run #page-bottom-wrapper { border-color: #202020 !important; }
body.music_run #page-bottom-wrapper .irs-bar, body.music_run #page-bottom-wrapper .irs-bar-edge { background: #202020 !important; border-color: #202020 !important; }
body.music_run #page-bottom-wrapper .irs-single { color: #202020; background: #00ff4d; }
body.music_run .conf-level-share { border-color: #202020 !important; }
body.music_run #general-share.sharedActive { background-color: #202020 !important; }
body.music_run .mobile-nav li.wsite-menu-item-wrap#active > a, body.music_run .mobile-nav li.wsite-menu-item-wrap a:hover { color: #00ff4d; }
body.music_run .mobile-nav li.wsite-menu-subitem-wrap a:hover { color: #00ff4d; }
body.music_run .img-btn { text-transform: uppercase; }
body.music_run #find-you { margin: 0.5rem 0; }