body { overflow-x: hidden; }
h1 {color:#333}
h2, h3, h4, h5, h6 { color: #666 }
h2 {font-weight:700}

a:not([class]) { text-decoration: none; }
a:not([class]):hover { text-decoration: underline; }
a { color: #337ab7; }

.btn-primary { color: #fff; background-color: #61c203; border-color: #61c203; }
.btn-primary:hover { color: #fff; background-color: #2d9002; border-color: #2d9002; }
.btn-warning { color: #fff; background-color: #f7931e; border-color: #f7931e; }
.btn-warning:hover { color: #fff; background-color: #ce740b; border-color: #ce740b; }

blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; }
blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; }
blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0'; }

.dropdown-toggle::after { border-bottom-color: #808080; border-top-color: #808080; }
.nav .nav-link {color:#666}
.navbar-toggler { padding: .25rem .5rem; }
.bi-search {margin:6px}
.collapsed svg.chevron { transform: rotate(180deg) }
@media all and (min-width: 992px) { .dropdown .dropdown-menu-end { right: 0; left: auto; }
    .dropdown .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0; }
    .dropdown .dropdown-menu.fade-up { top: 180%; }
    .dropdown:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg); }
}	
@media (min-width: 1200px) {
    .container { max-width: none; width: 100%; padding-right: 7%; padding-left: 7%; }
}

@media (max-width: 991px) {
    .headersearch {width:100%;padding:10px;border:solid 1px #ccc;background:#fefefe;margin-bottom:10px}
    .navbar-brand { text-align: center;margin-right:0 }
    .navbar-brand img { max-width: 100% }
}

.btn { border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
.btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(39, 128, 227, 0.25); box-shadow: 0 0 0 0.2rem rgba(39, 128, 227, 0.25); }
.btn-success { color: #fff; background-color: #61c203; border-color: #61c203; }
.btn-success:hover { color: #fff; background-color: #2d9002; border-color: #2d9002; }
.btn-outline-success { color: #61c203; border-color: #61c203; }
.btn-outline-success:hover { color: #fff; background-color: #3dc203; border-color: #3dc203; }
.btn-light { color: #000; background-color: #f0f7f7; border-color: #f0f7f7; }
.bg-lightg { background-color: #f8f9fa !important; }

.bg-light { background-color: #f0f7f7 !important; }
.bg-success { background-color: #61c203 !important; }
.text-success { color: #61c203 !important; }
.rounded-4 {border-radius:40px}
.starratings { margin: 5px 0; height: 20px; }
.gstars { width: 91px; height: 18px; background-image: url(../i/ico/stars/star-sprite.png); float: left; margin-right: 8px }

.gstars0 { background-position: 0 -90px }
.gstars1 { background-position: 0 -72px }
.gstars2 { background-position: 0 -54px }
.gstars3 { background-position: 0 -36px }
.gstars4 { background-position: 0 -18px }
.gstars5 { background-position: 0 0 }
.gstars45 { background-position: 0 -108px }
.gstars35 { background-position: 0 -126px }
.gstars25 { background-position: 0 -144px }
.gstars15 { background-position: 0 -162px }
.gstars05 { background-position: 0 -180px }

ul.checkslg { padding-left: 0; list-style: none; }
ul.checkslg li { font-size: 1.7rem; position: relative; padding-left: 40px; margin-bottom: 15px; font-weight: 300 }
ul.checkslg li:before { content: ''; width: 24px; height: 24px; position: absolute; left: 0; top: 18px; background: transparent url(/s/i/ico/green-check.svg) no-repeat; transform: translateY(-50%); background-position: center; }

ul.inlinecheck { padding-left: 0; list-style: none; }
ul.inlinecheck li { font-size: 1.1rem; position: relative; padding-left: 40px; margin-bottom: 15px; font-weight: 400; vertical-align: middle; display: flex; align-items: center }
ul.inlinecheck li:before { content: ''; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; background: transparent url(/s/i/ico/green-check.svg) no-repeat; transform: translateY(-50%); background-position: center; }


#contributorstatus .container {max-width:400px}
.avatar { width: 100%; max-width: 40px; max-height: 40px; }
.prizeimg img { height: 120px; }
.blocked { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/contribute/photos/locked.png); background-size: contain; background-position: center center; z-index: 9999; color: white; text-align: center; border-radius: 8px; }
.pimg { width: 150px; height: 150px; }

.confettimap { background-image: url(/s/i/bg/confetti.svg),url(/s/i/bg/big-map.svg); background-position: top center, bottom center; background-size: auto, cover; background-repeat: repeat-x }

#brag .col-lg-2 {max-width:160px}
footer {font-size:.85rem}
footer a { text-decoration: none; color: #212529 }
footer a:hover { color: #808080 }
#ezlocal-copyrights { clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%); }
#ezlocal-copyrights p, #ezlocal-copyrights ul { margin: 0 }

#nightmode { background: #333; border-bottom-right-radius: 20px; border-top-right-radius: 20px; transition: all .3s cubic-bezier(.4,0,.2,1); bottom: 15px; left: -100px; display: flex; height: 32px; padding-top: 3px; padding-left: 6px; overflow: hidden; position: fixed; width: 130px; text-decoration: none }
#nightmode span { color: #fff; padding-top: 0px; margin-left: 4px; }
#nightmode:hover { left: 0; text-decoration: none; }
#nightmode svg { color: #fff; fill: #fff !important; position:absolute; right:1px;top:7px }
body.night #nightmode { background: #fff }
body.night #nightmode svg { color: #333; fill: #333 !important; }
body.night #nightmode span { color: #333 }

body.night { background: #343a40; color: #fafafa }
body.night a:not([class]) { color: #61c203 }
body.night .bg-light { background-color: #333 !important; }
body.night .card { background-color: #343a40; }
body.night h1, body.night h2, body.night h3, body.night h4, body.night h5, body.night h6 { color: #ccc; }
body.night table { color: #ccc; }
body.night .assoc img { filter: invert(100) }
body.night .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
body.night .navbar-light .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1); }

@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end { right: 0; left: auto; }
    .navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0; }
    .navbar .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up { top: 180%; }
    .navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg); left:auto }

    .navbar .nav-item .dropdown-toggle::before { transition: .1s; opacity: 0; position: absolute; bottom: -8px; z-index: 1032; display: block; width: 15px; height: 15px; margin-left: 30px; overflow: hidden; content: ""; background-color: #fff; border-top: 1px solid #dee2e6; border-left: 1px solid #dee2e6; transform: rotate(45deg); }
    .navbar .nav-item:hover .dropdown-toggle::before { transition: .6s; opacity: 1 }

}
#expresssuperdrop .list-group-item { padding: 1rem 1rem; }
#expresssuperdrop .list-group-item.active { color: #212529; background-color: #f0f7f7; border-color: rgba(0,0,0,.125); }
#expresssuperdrop .shadow { box-shadow: 0 0 15px rgba(0,0,0,0.75); clip-path: inset(0px -15px 0px 0px); }

#flickr {height:85px;overflow:hidden }
.flickr-image { margin: 0px 10px 8px 0px; border: 1px solid; }

.no-transition { -webkit-transition: height 0s; -moz-transition: height 0s; -ms-transition: height 0s; -o-transition: height 0s; transition: height 0s; }