@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap);
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-bacteria:before {
  content: "\e059"; }

.fa-bacterium:before {
  content: "\e05a"; }

.fa-bahai:before {
  content: "\f666"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-tissue:before {
  content: "\e05b"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudflare:before {
  content: "\e07d"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-faucet:before {
  content: "\e005"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guilded:before {
  content: "\e07e"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-medical:before {
  content: "\e05c"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-sparkles:before {
  content: "\e05d"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-wash:before {
  content: "\e05e"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-handshake-alt-slash:before {
  content: "\e05f"; }

.fa-handshake-slash:before {
  content: "\e060"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side-cough:before {
  content: "\e061"; }

.fa-head-side-cough-slash:before {
  content: "\e062"; }

.fa-head-side-mask:before {
  content: "\e063"; }

.fa-head-side-virus:before {
  content: "\e064"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hive:before {
  content: "\e07f"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-user:before {
  content: "\e065"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-innosoft:before {
  content: "\e080"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\e055"; }

.fa-instalod:before {
  content: "\e081"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-house:before {
  content: "\e066"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lungs-virus:before {
  content: "\e067"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-octopus-deploy:before {
  content: "\e082"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-arrows:before {
  content: "\e068"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-perbyte:before {
  content: "\e083"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-square:before {
  content: "\e01e"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-plane-slash:before {
  content: "\e069"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pump-medical:before {
  content: "\e06a"; }

.fa-pump-soap:before {
  content: "\e06b"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-virus:before {
  content: "\e06c"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sink:before {
  content: "\e06d"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-soap:before {
  content: "\e06e"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-stopwatch-20:before {
  content: "\e06f"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-store-alt-slash:before {
  content: "\e070"; }

.fa-store-slash:before {
  content: "\e071"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-slash:before {
  content: "\e072"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-trailer:before {
  content: "\e041"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-uncharted:before {
  content: "\e084"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-unity:before {
  content: "\e049"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-users-slash:before {
  content: "\e073"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-vest:before {
  content: "\e085"; }

.fa-vest-patches:before {
  content: "\e086"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-virus:before {
  content: "\e074"; }

.fa-virus-slash:before {
  content: "\e075"; }

.fa-viruses:before {
  content: "\e076"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-watchman-monitoring:before {
  content: "\e087"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wodu:before {
  content: "\e088"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?23f19bb08961f37aaf692ff943823453);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?23f19bb08961f37aaf692ff943823453?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?d878b0a6a1144760244ff0665888404c) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?2285773e6b4b172f07d9b777c81b0775) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?527940b104eb2ea366c8630f3f038603) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?2f517e09eb2ca6650ff5bec5a95157ab#fontawesome) format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?77206a6bb316fa0aded5083cc57f92b9);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?77206a6bb316fa0aded5083cc57f92b9?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?7a3337626410ca2f40718481c755640f) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?bb58e57c48a3e911f15fa834ff00d44a) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?491974d108fe4002b2aaf7ffc48249a0) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?4689f52cc96215721344e51e5831eec1#fontawesome) format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?9bbb245e67a133f6e486d8d2545e14a5);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?9bbb245e67a133f6e486d8d2545e14a5?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?1551f4f60c37af51121f106501f69b80) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?eeccf4f66002c6f2ba24d3d22f2434c2) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?be9ee23c0c6390141475d519c2c5fb8f) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?7a8b4f130182d19a2d7c67d80c090397#fontawesome) format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(/images/vendor/malihu-custom-scrollbar-plugin/mCSB_buttons.png?5b35a39c5f877ba43637e183a0d6c425); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2); box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor:         grabbing !important;
  cursor: grabbing, move;  /* IE hack */
}

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor:         grab;
  cursor: grab, move;  /* IE hack */
}

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-sample {
  position: absolute !important;
  top: -100000px     !important;
  left: -100000px    !important;
  width: auto        !important;
  height: auto       !important;
}

:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable tr.dt-hasChild td.dt-control:before{content:"▼"}html.dark table.dataTable td.dt-control:before{color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before{color:rgba(255, 255, 255, 0.5)}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#0d6efd;background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable>thead>tr>th,table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>tfoot>tr>th,table.dataTable>tfoot>tr>td{padding:10px 10px 6px 10px;border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:white;color:rgb(var(--dt-row-selected-text))}table.dataTable tbody tr.selected a{color:#090a0b;color:rgb(var(--dt-row-selected-link))}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border>tbody>tr>th,table.dataTable.row-border>tbody>tr>td,table.dataTable.display>tbody>tr>th,table.dataTable.display>tbody>tr>td{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border>tbody>tr:first-child>th,table.dataTable.row-border>tbody>tr:first-child>td,table.dataTable.display>tbody>tr:first-child>th,table.dataTable.display>tbody>tr:first-child>td{border-top:none}table.dataTable.row-border>tbody>tr.selected+tr.selected>td,table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:#0262ef}table.dataTable.cell-border>tbody>tr>th,table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr>th:first-child,table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr:first-child>th,table.dataTable.cell-border>tbody>tr:first-child>td{border-top:none}table.dataTable.stripe>tbody>tr.odd>*,table.dataTable.display>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023)}table.dataTable.stripe>tbody>tr.odd.selected>*,table.dataTable.display>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923)}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035)}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019)}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054)}table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047)}table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039)}table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954)}table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947)}table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939)}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911)}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903)}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982)}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974)}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962)}table.dataTable.no-footer{border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#111;background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#0c0c0c;background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:inherit}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid #595b5e}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid #595b5e}html.dark table.dataTable.row-border>tbody>tr>th,html.dark table.dataTable.row-border>tbody>tr>td,html.dark table.dataTable.display>tbody>tr>th,html.dark table.dataTable.display>tbody>tr>td{border-top:1px solid #404346}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:#0257d5}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid #404346;border-right:1px solid #404346}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid #404346}html.dark .dataTables_wrapper .dataTables_filter input,html.dark .dataTables_wrapper .dataTables_length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border:1px solid #595b5e;background:rgba(255, 255, 255, 0.15)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{color:#666 !important}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:1px solid #353535;background:#353535}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:active{background:#3a3a3a}

@keyframes dtb-spinner{100%{transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0, 0, 0, 0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dt-button-collection-title{text-align:center;padding:.3em 0 .5em;font-size:.9em}div.dt-button-collection-title:empty{display:none}button.dt-button,div.dt-button,a.dt-button,input.dt-button{position:relative;display:inline-block;box-sizing:border-box;margin-right:.333em;margin-bottom:.333em;padding:.5em 1em;border:1px solid rgba(0, 0, 0, 0.3);border-radius:2px;cursor:pointer;font-size:.88em;line-height:1.6em;color:black;white-space:nowrap;overflow:hidden;background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;outline:none;text-overflow:ellipsis}button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled,input.dt-button.disabled{cursor:default;opacity:.4}button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled),input.dt-button:active:not(.disabled),input.dt-button.active:not(.disabled){background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");box-shadow:inset 1px 1px 3px #999}button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled),input.dt-button:active:not(.disabled):hover:not(.disabled),input.dt-button.active:not(.disabled):hover:not(.disabled){box-shadow:inset 1px 1px 3px #999;background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)")}button.dt-button:hover,div.dt-button:hover,a.dt-button:hover,input.dt-button:hover{text-decoration:none}button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled),input.dt-button:hover:not(.disabled){border:1px solid #666;background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)")}button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled),input.dt-button:focus:not(.disabled){border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;outline:none;background-color:#79ace9;background:linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#d1e2f7", EndColorStr="#79ace9")}.dt-button embed{outline:none}div.dt-buttons{position:relative;float:left}div.dt-buttons.buttons-right{float:right}div.dataTables_layout_cell div.dt-buttons{float:none}div.dataTables_layout_cell div.dt-buttons.buttons-right{float:none}div.dt-button-collection{position:absolute;top:0;left:0;width:150px;margin-top:3px;padding:8px 8px 4px 8px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.4);background-color:white;overflow:hidden;z-index:2002;border-radius:5px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);box-sizing:border-box}div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button{position:relative;left:0;right:0;width:100%;display:block;float:none;margin-bottom:4px;margin-right:0}div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled){background-color:#dadada;background:linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");box-shadow:inset 1px 1px 3px #666}div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-200px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>:last-child{display:block !important;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection>:last-child>*{-moz-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:400px}div.dt-button-collection.two-column>:last-child{padding-bottom:1px;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}div.dt-button-collection.three-column{width:450px}div.dt-button-collection.three-column>:last-child{padding-bottom:1px;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}div.dt-button-collection.four-column{width:600px}div.dt-button-collection.four-column>:last-child{padding-bottom:1px;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-collection .dt-button{border-radius:0}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:2001}@media screen and (max-width: 640px){div.dt-buttons{float:none !important;text-align:center}}button.dt-button.processing,div.dt-button.processing,a.dt-button.processing{color:rgba(0, 0, 0, 0.2)}button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:" ";border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}

table.dataTable>tbody>tr>.selected{background-color:rgba(13, 110, 253, 0.9);color:white}table.dataTable>tbody>tr>td.select-checkbox,table.dataTable>tbody>tr>th.select-checkbox{position:relative}table.dataTable>tbody>tr>td.select-checkbox:before,table.dataTable>tbody>tr>td.select-checkbox:after,table.dataTable>tbody>tr>th.select-checkbox:before,table.dataTable>tbody>tr>th.select-checkbox:after{display:block;position:absolute;top:50%;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable>tbody>tr>td.select-checkbox:before,table.dataTable>tbody>tr>th.select-checkbox:before{content:" ";margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable>tbody>tr.selected>td.select-checkbox:before,table.dataTable>tbody>tr.selected>th.select-checkbox:before{border:1px solid white}table.dataTable>tbody>tr.selected>td.select-checkbox:after,table.dataTable>tbody>tr.selected>th.select-checkbox:after{content:"✓";font-size:20px;margin-top:-12px;margin-left:-6px;text-align:center}table.dataTable.compact>tbody>tr>td.select-checkbox:before,table.dataTable.compact>tbody>tr>th.select-checkbox:before{margin-top:-12px}table.dataTable.compact>tbody>tr.selected>td.select-checkbox:after,table.dataTable.compact>tbody>tr.selected>th.select-checkbox:after{margin-top:-16px}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:.5em}html.dark table.dataTable>tbody>tr>td.select-checkbox:before,html.dark table.dataTable>tbody>tr>th.select-checkbox:before,html[data-bs-theme=dark] table.dataTable>tbody>tr>td.select-checkbox:before,html[data-bs-theme=dark] table.dataTable>tbody>tr>th.select-checkbox:before{border:1px solid rgba(255, 255, 255, 0.6)}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/seballot/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-original-input-container {
    position: relative;
    display: inline-flex;
}
.sp-original-input-container input {
    margin: 0 !important;
}
.sp-original-input-container .sp-add-on {
    width: 40px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
input.spectrum.with-add-on {
    /*padding-left: 45px;*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
.sp-original-input-container .sp-add-on .sp-colorize {
    height: 100%;
    width: 100%;
    border-radius: inherit;
}
.sp-colorize-container {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==');
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E");
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
    position:relative;
    width: 100%;
    display:inline-block;
}
.sp-top-inner {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20px !important;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    width: 12px;
    height: 100%;
    left: initial !important;
}

.sp-clear-enabled .sp-hue {
    top: 15%;
    height: 85%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 28px !important;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position: absolute;
    top: -3px;
    cursor: pointer;
    height: 16px;
    border-radius: 50%;
    width: 16px;
    margin-right: 5px;
    left: -2px;
    right: 0;
    background: #f9f9f9;
    box-shadow: 0 0 2px 0px #3a3a3a;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -18px;
    right: 0;
    left: 0;
    height: 10px;
}
.sp-alpha-inner {
    border-radius: 4px;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    cursor: pointer;
    left: initial;
    height: 14px;
    width: 14px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    border-radius: 4px;
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
    border-radius: 5px;
    height: 10px;
    width: 10px;
    border: 1px solid #fff;
    cursor: pointer;
    position:absolute;
    top:0;
    left: 0;
    margin-left: 3px;
    margin-top: 3px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
}
.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 16px;
    border-radius: 50%;
    width: 16px;
    left: -2px;
    background: #f9f9f9;
    box-shadow: 0 0 2px 0px #3a3a3a;
    margin-top: 8px;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths)
*/

.sp-container {
    display: inline-flex;
    border-radius: 0;
    background-color: white;
    padding: 0;
    border-radius: 4px;
    color: black;
    box-shadow: 0 0 0 1px rgba(99,114,130,.16), 0 8px 16px rgba(27,39,51,.08);
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font-size:12px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 10px;
}
.sp-color, .sp-hue, .sp-clear, .sp-val, .sp-sat {
    border-radius: 3px;
}

.sp-input-container {
    margin-top: -5px;
}
.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf {
    height: 25px;
}
.sp-picker-container .sp-cf {
    margin-bottom: 10px;
}

.sp-palette-row-initial > span:first-child {
    cursor: pointer;
}

/* Input */
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
    padding: 0px 5px !important;
    margin: 0;
    width: 100%;
    box-shadow: none !important;
    height: 100% !important;
    background: transparent;
    color: #3a3a3a;
    border-radius: 2px !important;
    border: 1px solid #e0e0e0 !important;
    text-align: center;
    font-family: monospace;
    font-size: inherit !important;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    position: relative;
    padding: 10px;
}
.sp-picker-container {
    width: 200px;
    padding-bottom: 0;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;

}
.sp-initial .spe-thumb-el.sp-thumb-active {
    border-radius: 0 5px 5px 0;
}
.sp-initial .spe-thumb-el{
   border-radius: 5px 0 0 5px;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-button-container {
    float: right;
}
.sp-palette-button-container {
    margin-top: 10px;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    position: relative;
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    color: #666;
    transition: border-color .3s;
    vertical-align: middle;
    width: 3rem;
    height: 1.5rem;
    margin: 0;
    padding: 0;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    position: absolute;
    font-size: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 2px;
    line-height: 1.6rem;
    background-color: white
}
.sp-preview {
    position:relative;
    width: 100%;
    height: 100%;
    float:left;
    z-index: 0;
}
.sp-preview-inner {
    transition: background-color .2s;
}
.sp-preview-inner.sp-clear-display {
    display: none;
}

/* Color Picker */
.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    margin: 3px;
    border: none;
    border-radius: 3px;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
    border-radius: 3px;
    border: none;
    background: transparent;
    line-height: 1;
    padding: 0 8px;
    height: 25px;
    text-transform: capitalize;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #606c72;
    font-weight: bold;
}
.sp-container button.sp-choose {
    background-color: #3cab3b;
    color: #fff;
    margin-left: 5px;
}
.sp-container button:hover {
    opacity: .8;
}
.sp-container button.sp-palette-toggle {
    width: 100%;
    background-color: #f3f3f3;
    margin: 0;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==');
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E");
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.sp-palette .sp-thumb-inner {
    border-radius: 3px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=');
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=');
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==');
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922l-11.203 11.203q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922l11.203-11.203q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367t-2.367 5.648zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

/*!
 * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
 * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
 * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
 */.bs-stepper .step-trigger{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:20px;font-size:1rem;font-weight:700;line-height:1.5;color:#6c757d;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:.25rem;transition:background-color .15s ease-out,color .15s ease-out}.bs-stepper .step-trigger:not(:disabled):not(.disabled){cursor:pointer}.bs-stepper .step-trigger.disabled,.bs-stepper .step-trigger:disabled{pointer-events:none;opacity:.65}.bs-stepper .step-trigger:focus{color:#007bff;outline:0}.bs-stepper .step-trigger:hover{text-decoration:none;background-color:rgba(0,0,0,.06)}@media (max-width:520px){.bs-stepper .step-trigger{flex-direction:column;padding:10px}}.bs-stepper-label{display:inline-block;margin:.25rem}.bs-stepper-header{display:flex;align-items:center}@media (max-width:520px){.bs-stepper-header{margin:0 -10px;text-align:center}}.bs-stepper .line,.bs-stepper-line{flex:1 0 32px;min-width:1px;min-height:1px;margin:auto;background-color:rgba(0,0,0,.12)}@media (max-width:400px){.bs-stepper .line,.bs-stepper-line{flex-basis:20px}}.bs-stepper-circle{display:inline-flex;align-content:center;justify-content:center;width:2em;height:2em;padding:.5em 0;margin:.25rem;line-height:1em;color:#fff;background-color:#6c757d;border-radius:1em}.active .bs-stepper-circle{background-color:#007bff}.bs-stepper-content{padding:0 20px 20px}@media (max-width:520px){.bs-stepper-content{padding:0}}.bs-stepper.vertical{display:flex}.bs-stepper.vertical .bs-stepper-header{flex-direction:column;align-items:stretch;margin:0}.bs-stepper.vertical .bs-stepper-pane,.bs-stepper.vertical .content{display:block}.bs-stepper.vertical .bs-stepper-pane:not(.fade),.bs-stepper.vertical .content:not(.fade){display:block;visibility:hidden}.bs-stepper .content:not(.fade),.bs-stepper-pane:not(.fade){display:none}.bs-stepper .content.fade,.bs-stepper-pane.fade{visibility:hidden;transition-duration:.3s;transition-property:opacity}.bs-stepper .content.fade.active,.bs-stepper-pane.fade.active{visibility:visible;opacity:1}.bs-stepper .content.active:not(.fade),.bs-stepper-pane.active:not(.fade){display:block;visibility:visible}.bs-stepper .content.dstepper-block,.bs-stepper-pane.dstepper-block{display:block}.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,.bs-stepper:not(.vertical) .content.dstepper-none{display:none}.vertical .bs-stepper-pane.fade.dstepper-none,.vertical .content.fade.dstepper-none{visibility:hidden}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/images/owl.video.play.png?7f01b07148f205f6e8258e92bbf652d9) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body),body.waitMe_container .waitMe{transform:translateZ(0);backface-visibility:hidden}body.waitMe_container .waitMe{position:fixed;height:100vh}body.waitMe_container .waitMe .waitMe_content{top:50%!important;transform:none!important}.waitMe_container .waitMe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}.waitMe_container .waitMe *{font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}.waitMe_container .waitMe .waitMe_content{position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_progress{display:inline-block;vertical-align:middle}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_text{display:inline-block;margin:0 0 0 20px;vertical-align:middle}.waitMe_container .waitMe .waitMe_progress{position:relative;font-size:0;line-height:0}.waitMe_container .waitMe .waitMe_progress>div{animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}.waitMe_container .waitMe .waitMe_text{position:relative;margin:20px 0 0}body.waitMe_body{overflow:hidden;height:100%}body.waitMe_body.hideMe{transition:opacity .2s ease-in-out;opacity:0}body.waitMe_body .waitMe_container:not([data-waitme_id]){position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}body.waitMe_body .waitMe_container:not([data-waitme_id])>div{animation-fill-mode:both;position:absolute}body.waitMe_body .waitMe_container.progress>div{width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}body.waitMe_body .waitMe_container.working>div{width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}body.waitMe_body .waitMe_container.progress>div:after{content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}body.waitMe_body .waitMe_container.img>div{width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}body.waitMe_body .waitMe_container.text>div{width:100%;top:45%;text-align:center}@keyframes progress_body{0%{width:0}100%{width:100%}}@keyframes working_body{0%{left:-10%}100%{left:100%}}.waitMe_container .waitMe_progress.bounce>div{width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1{animation-delay:-.32s}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.rotateplane>div{width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}@keyframes rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}.waitMe_container .waitMe_progress.stretch{height:60px}.waitMe_container .waitMe_progress.stretch>div{width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2{animation-delay:-1.1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3{animation-delay:-1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4{animation-delay:-.9s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5{animation-delay:-.8s}@keyframes stretch{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.waitMe_container .waitMe_progress.orbit{width:40px;height:40px;margin:auto;position:relative}.waitMe_container .waitMe_progress.orbit>div{width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}.waitMe_container .waitMe_progress.orbit>div>div{width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2>div{top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}@keyframes orbit_rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes orbit{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.waitMe_container .waitMe_progress.roundBounce{width:60px;height:60px;margin:auto}.waitMe_container .waitMe_progress.roundBounce>div{width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1{top:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{top:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{bottom:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{bottom:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5{top:-3%;left:50%;margin-top:-12%;margin-left:-12%;animation-delay:-1.1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{top:50%;right:-3%;margin-top:-12%;margin-right:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{top:50%;left:-3%;margin-top:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9{top:0;right:0;animation-delay:-1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{animation-delay:-.9s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{animation-delay:-.8s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10{bottom:0;right:0;animation-delay:-.7s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{animation-delay:-.6s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{animation-delay:-.5s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11{bottom:0;left:0;animation-delay:-.4s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{animation-delay:-.3s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{animation-delay:-.2s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12{top:0;left:0;animation-delay:-.1s}@keyframes roundBounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.win8{width:40px;height:40px;margin:auto}.waitMe_container .waitMe_progress.win8>div{width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}.waitMe_container .waitMe_progress.win8>div>div{width:15%;height:15%;border-radius:50%;position:absolute}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2{animation-delay:.24s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3{animation-delay:.48s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4{animation-delay:.72s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5{animation-delay:.96s}@keyframes win8{0%{transform:rotate(225deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}100%,76%{opacity:0;transform:rotate(945deg)}}.waitMe_container .waitMe_progress.win8_linear{margin:auto;width:150px;height:6px}.waitMe_container .waitMe_progress.win8_linear>div{width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}.waitMe_container .waitMe_progress.win8_linear>div>div{width:4%;height:100%;border-radius:50%}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2{animation-delay:.3s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3{animation-delay:.6s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4{animation-delay:.9s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5{animation-delay:1.2s}@keyframes win8_linear{0%,100%{transform:translateX(0);animation-timing-function:ease-out}10%{opacity:1;transform:translateX(33.333%);animation-timing-function:linear}50%{opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}60%{opacity:0;transform:translateX(86.666%)}}.waitMe_container .waitMe_progress.ios{margin:auto;width:40px;height:40px}.waitMe_container .waitMe_progress.ios>div{width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1{transform:rotate(0) translate(0,-142%);animation-delay:0s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2{transform:rotate(30deg) translate(0,-142%);animation-delay:-.9167s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3{transform:rotate(60deg) translate(0,-142%);animation-delay:-.833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4{transform:rotate(90deg) translate(0,-142%);animation-delay:-.75s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5{transform:rotate(120deg) translate(0,-142%);animation-delay:-.667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6{transform:rotate(150deg) translate(0,-142%);animation-delay:-.5833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7{transform:rotate(180deg) translate(0,-142%);animation-delay:-.5s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8{transform:rotate(210deg) translate(0,-142%);animation-delay:-.41667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9{transform:rotate(240deg) translate(0,-142%);animation-delay:-.333s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10{transform:rotate(270deg) translate(0,-142%);animation-delay:-.25s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11{transform:rotate(300deg) translate(0,-142%);animation-delay:-.1667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12{transform:rotate(330deg) translate(0,-142%);animation-delay:-.0833s}@keyframes ios{0%{opacity:1}100%{opacity:.25}}.waitMe_container .waitMe_progress.facebook{margin:auto}.waitMe_container .waitMe_progress.facebook>div{width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem1{animation-delay:.2s;transform:scaleY(.7)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem2{animation-delay:.4s;transform:scaleY(.85)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem3{animation-delay:.6s;transform:scaleY(1)}@keyframes facebook{0%,100%{transform:scaleY(.7);opacity:.1}50%{transform:scaleY(1);opacity:1}}.waitMe_container .waitMe_progress.rotation>div{width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.timer{width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{height:40%;animation:timer 15s infinite linear}@keyframes timer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.pulse{width:30px;height:30px;margin:auto;position:relative}.waitMe_container .waitMe_progress.pulse>div{margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.waitMe_container .waitMe_progress.progressBar{width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}.waitMe_container .waitMe_progress.progressBar>div{width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);animation:progressBar 2s linear infinite}@keyframes progressBar{0%{background-position:0 0}100%{background-position:50px 50px}}.waitMe_container .waitMe_progress.bouncePulse>div{width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem3{animation-delay:.1s}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem2{animation-delay:.4s}@keyframes bouncePulse{0%,100%,80%{transform:scale(.5)}40%{transform:scale(1)}}
@charset "UTF-8";
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot?5be1347c682810f199c7f486f40c5974);
  src: url(/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot?5be1347c682810f199c7f486f40c5974?#iefix) format("embedded-opentype"), url(/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff2?be810be3a3e14c682a257d6eff341fe4) format("woff2"), url(/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff?82b1212e45a2bc35dd731913b27ad813) format("woff"), url(/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.ttf?4692b9ec53fd5972caa2f2372ae20d16) format("truetype"), url(/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.svg?060b2710bdbbe3dfe48b58d59bd5f1fb#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

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

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

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

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

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

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #090909;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager:before, .pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  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: 1px;
  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: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

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

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  box-shadow: 0 0 0.625em #d9d9d9;
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  position: static;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0;
}
.swal2-popup.swal2-toast .swal2-icon::before {
  display: flex;
  align-items: center;
  font-size: 2em;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-popup.swal2-toast .swal2-icon::before {
    font-size: 0.25em;
  }
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  flex-basis: auto !important;
  width: auto;
  height: auto;
  margin: 0 0.3125em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  background-color: transparent;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-top {
  align-items: flex-start;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.swal2-container.swal2-center {
  align-items: center;
}
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
  align-items: center;
  justify-content: flex-start;
}
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom {
  align-items: flex-end;
}
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
  margin-top: auto;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
  align-items: center;
}
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}
.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.4);
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 0.3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: 0.46875em;
  padding: 0;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border: 0.25em solid transparent;
  border-radius: 100%;
  border-color: transparent;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
  margin-right: 30px;
  margin-left: 30px;
}
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border: 3px solid #999999;
  border-radius: 50%;
  border-right-color: transparent;
  box-shadow: 1px 1px 1px #fff;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 2em;
  box-shadow: none;
  font-weight: 500;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #3085d6;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #aaa;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}

.swal2-close {
  position: absolute;
  z-index: 2;
  /* 1617 */
  top: 0;
  right: 0;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 0;
  outline: initial;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
}
.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #545454;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 3px #c4e6f5;
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #cccccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #cccccc;
}

.swal2-range {
  margin: 1em auto;
  background: inherit;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-input[type=number] {
  max-width: 10em;
}

.swal2-file {
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: inherit;
  color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
  margin: 0 0.4em;
}

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.swal2-icon::before {
  display: flex;
  align-items: center;
  height: 92%;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-warning::before {
  content: "!";
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-info::before {
  content: "i";
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-question::before {
  content: "?";
}
.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
  content: "؟";
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.875em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-progress-steps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #3085d6;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #3085d6;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #3085d6;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}
.swal2-show.swal2-noanimation {
  animation: none;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}
.swal2-hide.swal2-noanimation {
  animation: none;
}

.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}

.swal2-animate-success-icon .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-animate-success-icon .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}
.swal2-animate-success-icon .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-animate-error-icon {
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-animate-error-icon .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@-moz-document url-prefix() {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.875em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-shown {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent;
}
body.swal2-no-backdrop .swal2-shown > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-shown.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left {
  top: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
  top: 0;
  right: 0;
}
body.swal2-no-backdrop .swal2-shown.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
  bottom: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
  right: 0;
  bottom: 0;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-shown {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch;
}
body.swal2-toast-column .swal2-toast .swal2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: 0.3125em;
}
body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content: center;
}
body.swal2-toast-column .swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size: 1em;
}

@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0 ; /*IE9 and below*/
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: rgb(185, 74, 72);
}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}
.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: rgb(245, 245, 245);
  border: 1px solid rgb(227, 227, 227);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
  animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: " ";
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform-style: preserve-3d;
  transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*new variables*/
:root {
  --btn-primary-color: #fff;
  --btn-primary-bg: #ff7517;
  --btn-primary-border: #ff7517;
  --btn-primary-hover-color: #fff;
  --btn-primary-hover-bg: #999999;
  --btn-primary-hover-border: #999999;
  --btn-primary-active-color: #fff;
  --btn-primary-active-bg: #999999;
  --btn-primary-active-border: #999999;
  --btn-secondary-color: #ff7517;
  --btn-secondary-bg: #fff;
  --btn-secondary-border: #ff7517;
  --btn-secondary-hover-color: #fff;
  --btn-secondary-hover-bg: #ff7517;
  --btn-secondary-hover-border: #ff7517;
  --btn-secondary-active-color: #ff7517;
  --btn-secondary-active-bg: #fff;
  --btn-secondary-active-border: #ff7517;
  --btn-success-color: #fff;
  --btn-success-bg: #28a745;
  --btn-success-border: #28a745;
  --btn-success-hover-color: #28a745;
  --btn-success-hover-bg: #fff;
  --btn-success-hover-border: #28a745;
  --btn-success-active-color: #f6592e;
  --btn-success-active-bg: #243c45;
  --btn-success-active-border: #000;
  --btn-danger-color: #fff;
  --btn-danger-bg: #dc3545;
  --btn-danger-border: #dc3545;
  --btn-danger-hover-color: #dc3545;
  --btn-danger-hover-bg: #fff;
  --btn-danger-hover-border: #dc3545;
  --btn-danger-active-color: #f6592e;
  --btn-danger-active-bg: #243c45;
  --btn-danger-active-border: #000;
  --btn-warning-color: #000;
  --btn-warning-bg: #ffc107;
  --btn-warning-border: #ffc107;
  --btn-warning-hover-color: #ffc107;
  --btn-warning-hover-bg: #000;
  --btn-warning-hover-border: #ffc107;
  --btn-warning-active-color: #f6592e;
  --btn-warning-active-bg: #243c45;
  --btn-warning-active-border: #000;
  --btn-info-color: #ff7517;
  --btn-info-bg: #fff;
  --btn-info-border: #ff7517;
  --btn-info-hover-color: #ff7517;
  --btn-info-hover-bg: #fff;
  --btn-info-hover-border: #ff7517;
  --btn-info-active-color: #ff7517;
  --btn-info-active-bg: #fff;
  --btn-info-active-border: #ff7517;
  --btn-light-color: #000;
  --btn-light-bg: #f8f9fa;
  --btn-light-border: #f8f9fa;
  --btn-light-hover-color: #f8f9fa;
  --btn-light-hover-bg: #000;
  --btn-light-hover-border: #f8f9fa;
  --btn-light-active-color: #f6592e;
  --btn-light-active-bg: #243c45;
  --btn-light-active-border: #000;
  --btn-dark-color: #fff;
  --btn-dark-bg: #000;
  --btn-dark-border: #000;
  --btn-dark-hover-color: #000;
  --btn-dark-hover-bg: #fff;
  --btn-dark-hover-border: #000;
  --btn-dark-active-color: #f6592e;
  --btn-dark-active-bg: #243c45;
  --btn-dark-active-border: #000;
  --btn-link-color: #2a2a2a;
  --btn-link-bg: #f1f1f1;
  --btn-link-border: #2a2a2a;
  --btn-link-hover-color: #f1f1f1;
  --btn-link-hover-bg: #2a2a2a;
  --btn-link-hover-border: #f1f1f1;
  --btn-link-active-color: #f1f1f1;
  --btn-link-active-bg: #2a2a2a;
  --btn-link-active-border: #f1f1f1;
}

:root {
  --cookies-bg-color: #333333;
  --cookies-text-color: #FFFFFF;
  --cookies-bt-accept-bg-color: #218838;
  --cookies-bt-edit-bg-color: #0069d9;
  --cookies-bt-deny-bg-color: #23272b;
}

:root {
  --my-coupons-border: #000000;
  --my-coupons-box-shadow: rgba(0, 0, 0, 0.8);
  --my-coupons-color-title: #000000;
  --my-coupons-bg-uncollected: rgba(0, 0, 0, 0.8);
  --my-coupons-border-uncollected: #000000;
  --my-coupons-color-btn-secondary: #000000;
  --my-coupons-bg-btn-secondary: #FFFFFF;
  --my-coupons-color-btn-secondary-hover: #FFFFFF;
  --my-coupons-bg-btn-secondary-hover: #000000;
  --my-coupons-color-caption: rgba(0, 0, 0, 0.8);
}

:root {
  --pagination-active-bg-color: #000000;
  --pagination-active-color: #FFFFFF;
  --pagination-active-border-color: #000000;
  --pagination-active-hover-bg: #FFFFFF;
  --pagination-active-hover-color: #000000;
  --pagination-bg-color: #FFFFFF;
  --pagination-color: #000000;
  --pagination-border-color: #000000;
  --pagination-hover-bg-color: #000000;
  --pagination-hover-color: #FFFFFF;
}

:root {
  --title-color: #000;
  --subtitle-color: #000;
}

:root {
  --ranking-table-th-bg-color: #2a2a2a;
  --ranking-table-th-color: #f1f1f1;
  --ranking-table-td-even-bg-color: #e9e9e9;
  --ranking-table-td-even-color: #2a2a2a;
  --ranking-table-td-odd-bg-color: #f1f1f1;
  --ranking-table-td-odd-color: #2a2a2a;
}

:root {
  --timer-text-color: #000000;
  --timer-background-color: #f2dede;
  --timer-figure-box-color: #f7f7f7;
  --timer-font-family: "Roboto Mono", monospace;
}

:root {
  --alert-primary-color: #004085;
  --alert-primary-bg: #cce5ff;
  --alert-primary-border-color: #b8daff;
  --alert-secondary-color: #383d41;
  --alert-secondary-bg: #e2e3e5;
  --alert-secondary-border-color: #d6d8db;
  --alert-success-color: #155724;
  --alert-success-bg: #d4edda;
  --alert-success-border-color: #c3e6cb;
  --alert-danger-color: #721c24;
  --alert-danger-bg: #f8d7da;
  --alert-danger-border-color: #f5c6cb;
  --alert-warning-color: #856404;
  --alert-warning-bg: #fff3cd;
  --alert-warning-border-color: #ffeeba;
  --alert-info-color: #0c5460;
  --alert-info-bg: #d1ecf1;
  --alert-info-border-color: #bee5eb;
  --alert-light-color: #818182;
  --alert-light-bg: #fefefe;
  --alert-light-border-color: #fdfdfe;
  --alert-dark-color: #1b1e21;
  --alert-dark-bg: #d6d8d9;
  --alert-dark-border-color: #c6c8ca;
}

:root {
  --slider-text-home-padding: 2rem;
  --slider-text-home-color: white !important;
  --slider-text-home-h1-line-height: 2.5rem;
  --slider-text-home-h2-line-height: 1.5rem;
  --slider-text-h2-font-size: 16px;
  --slider-text-width: 50%;
  --slider-text-home-padding-mobile: 2rem;
}

:root {
  --header-logo-max-width: 140px;
  --header-logo-max-height: 80px;
  --header-logo-margin-left: 0;
  --header-logo-margin-top: 16px;
  --header-navbar-height: 50px;
  --header-navbar-margin-top: 0;
  --header-membership-details-margin-left: 32px;
  --header-avatar-height: 60px;
  --header-user-details-box-margin-top: 16px;
  --header-points-list-margin-top: 28px;
  --header-notifications-user-margin-top: 12px;
  --header-language-drop-user-margin-top: 6px;
  --header-logout-top: 16px;
  --header-logout-color: #333333;
  --header-scroll-img-max-height: 50px;
  --header-scroll-img-max-width: 80px;
  --header-scroll-height: 60px;
  --header-scroll-padding-top: 10px;
  --header-notification-alert-position-right: 14px;
  --header-notification-background-color: #F5F5F5;
  --header-notification-unread-background-color: #808080;
  --header-notification-header-background-color: #F5F5F5;
  --header-notification-color: #333333;
  --header-notification-unread-color: #F5F5F5;
  --header-notification-header-color: #333333;
  --header-notification-border: 1px solid #333333;
  --header-notification-top: 60px;
  --header-logo-max-width-mobile: 5rem;
  --header-logo-max-height-mobile: 5rem;
  --header-logo-margin-left-mobile: 0;
  --header-logo-margin-top-mobile: 1rem;
  --header-notifications-user-margin-left-mobile: -20px;
  --header-notifications-user-margin-top-mobile: 10px;
  --header-navbar-menu-li-a-font-size-mobile: 16px;
  --header-button-margin-top-mobile: 3px;
  --header-button-margin-left-mobile: 8px;
  --header-language-drop-user-margin-top-mobile: 5px;
  --header-notification-alert-position-right-mobile: 46px;
  --header-border-bottom-mobile: 1px solid #333333;
  --header-background-color-mob-link-mobile: transparent;
  --header-mob-avatar-height: auto;
  --header-mob-icons-height: auto;
  --header-mob-icons-background-color: transparent;
}

:root {
  --stampoo-road-coupon-bg: #fff;
  --stampoo-road-coupon-color: #000;
  --stampoo-road-product-bg: #fff;
  --stampoo-road-product-color: #000;
  --stampoo-road-lottery-bg: #fff;
  --stampoo-road-lottery-color: #000;
  --profile-custom-result-margin-top: 0;
  --profile-custom-result-margin-bottom: 0;
  --profile-custom-result-margin-top-mobile: 0;
  --profile-custom-result-margin-bottom-mobile: 0;
  --profile-edit-custom-result-margin-top: 0;
  --profile-edit-custom-result-margin-bottom: 0;
  --profile-edit-custom-result-margin-top-mobile: 0;
  --profile-edit-custom-result-margin-bottom-mobile: 0;
  --register-left-logo-area-margin-bottom: auto;
  --register-left-logo-area-margin-bottom-mobile: auto;
  --custom-result-md-margin: 0;
  --item-custom-user-xs-bottom: 0;
  --modal-card-challenge-active-border: 1px solid #dc3545;
  --card-team-height-xs: 370px;
  --card-team-height-md: 450px;
  --card-team-height-xl: 400px;
  --card-badge-height-xs: 370px;
  --card-badge-height-md: 450px;
  --card-badge-height-xl: 400px;
  --card-modal-badge-height-xs: 370px;
  --card-modal-badge-height-md: 500px;
  --card-modal-badge-height-xl: 400px;
  --badge-bg: #ff7517;
  --badge-text-color: #707070;
  --bg-radial-gradient-game-alphabet: radial-gradient(#ffffff, #ffffff);
  --bg-race-dragger: gray;
  --race-dragger-bar: lightgray;
  --race-position: 100px;
  --race-mb-position: 80px;
  --race-item-size: 200px;
  --race-mb-item-size: 100px;
  --profile-font-size: 22px;
  --card-custom-bg-color: #ffffff;
  --code-campaign-color: #000000;
  --card-custom-min-height: 450px;
  --profile-even-color: black;
  --profile-even-bg-color: lightgray;
  --footer-height: 100%;
  --background-games: gray;
  --medal-box-min-height: 100px;
  --campaign-tooltip-text-margin-left: -100px;
  --campaign-tooltip-text-width: 200px;
  --slider-home-highlighted-text-height: 100vh;
  --slider-home-highlighted-text-top: 250px;
  --navbar-display: contents;
  --navbar-toggle: #000000;
  --coin-text-prize: red;
  --scratch-result: red;
  --coin-counter-border-color: red;
  --bg-invite-friend: #f4f4f4;
  --bg-game-box: #f4f4f4;
  --tooltip-font-size: 15px;
  --logo-margin-regular-screen: 0px;
  --logo-margin-big-screen:0px;
  --footer_before_bg_color: var(--secondary_color);
  --table_header_bg_color: #007EC1;
  --bg_color_buttons: #1b4f5f;
  --desktop_slider_textbox_width: 33%;
  --small_desktop_slider_textbox_width: var(--desktop_slider_textbox_width);
  --des_news_card_height: auto;
  --des_news_card_img_height: auto;
  --des_news_card_title_height: auto;
  --des_news_card_text_height: auto;
  --sm_news_items_height: 715px;
  --md_news_items_height: 860px;
  --desktop_status_padding_right: 20px;
  --mobile_status_padding_right: 18px;
  --logo_max_width: 175px;
  --footer_font_color: black;
  --header_bg_color: #BF0A0A;
  --bg_home_header: transparent linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(20,90,230,0.06) 100%) 0% 0% no-repeat;
  --bg_footer: linear-gradient(97deg, #BF0A0A 0%, #940505 100%) 0% 0% no-repeat;
  --membership_bg_color: transparent linear-gradient(90deg, #CCCC25 0%, #EBEC3E 32%, #ADAF1A 60%, #E1E517 81%, #BBBF30 100%) 0% 0% no-repeat padding-box;
  --primary_color: #BF0A0A;
  --secondary_color: #F9C70C;
  --main_navbar_text_color: #ffffff;
  --tertiary_color: #F8C20D;
  --mobile_menu_bg_color: #000000;
  --mobile_menu_font_color: #ffffff;
  --mobile_submenu_font_color: #ffffff;
  --desktop_submenu_bg_color: #000000;
  --desktop_submenu_font_color: #ffffff;
  --notification_bg_color: #FB8627;
  --desktop_homeslider_textbox_bg: rgba(0,0,0,0.25);
  --desktop_homeslider_font_color: #ffffff;
  --mobile_homeslider_font_color: #ffffff;
  --mobile_homeslider_textbox_bg: #000000;
  --membership_font_color: #000000;
  --membership_border_color: #ffffff;
  --login_register_bg_color: #ffffff;
  --user_name_font_color: #000000;
  --cashconv-Darkorange: #FB8627;
  --cashconv-black: #000000;
  --cashconv-lightGrey: #DCDCDC;
  --cashconv-lighterGrey: #E9E9E9;
  --cashconv-offWhite: #F6F4F4;
  --cashconv-darkGrey: #707070;
  --cashconv-grey: #B8B8B8;
  --cashconv-medgrey: #6A6A6A;
  --cashconv-blue: #145AE6;
  --mobile_submenu_bg_color: #8D8D8D;
  --cash-message-body: #FBFBFB;
  --cashconv-purple: #A17BFF;
  --cashconv-silver: #F1F1F1;
  --cashconv-sliverdark:#F8F8F8;
  --cashconv-greylight:#F1F1F1;
  --cashconv-fbbg:#3C5A99;
  --cashconv-twbg:#33CCFF;
  --cashconv-whatapp:#60FC7C;
  --cashconv-insta-color1:#FCC455;
  --cashconv-insta-color2:#F97C61;
  --cashconv-insta-color3:#C5369F;
  --cashconv-greylighter:#ddd;
  --cashconv-darkergrey:#2A2A2A;
  --cashconv-redgardient:#940505;
  --cashconv-tablegradient1:#BBBF30;
  --cashconv-tablegradient2:#EBEC3E;
  --cashconv-tablegradient3:#ADAF1A;
  --cashconv-Orange:#E57E17;
  --primary_font_family: "Roboto", sans-serif;
  --secondary_font_family: "Roboto Condensed", sans-serif;
  --tertiary_font_family:"montserratbold";
  --colorwhite:255,255,255;
  --colorblack:0,0,0;
  --colorblue:20,90,230;
  --colorred:191,10,10;
  --white-high-opacity: rgba(255, 255, 255, .75);
  --black-low-opacity: rgba(0, 0, 0, .1);
  --black-lower-opacity: rgba(0, 0, 0, .22);
  --black-high-opacity: rgba(0, 0, 0, .4);
  --blue-low-opacity: rgba(20,90,230,.06);
  --red-low-opacity: rgba(191,10,10,0.3);
  /*Desktop start*/
  --main_navbar_font_size_desk: 15px;
  --level_box_font_size_desk: 18px;
  --nick_and_lang_font_size_desk: 16px;
  --score_font_size_desk: 23px;
  --score_points_text_font_size_desk: 8px;
  --h1_font_size_desk: 38px;
  --h2_font_size_desk: 32px;
  --h3_font_size_desk: 24px;
  --p_font_size_desk: 20px;
  --footer_buttons_font_size_desk: 14px;
  --footer_follow_us_font_size_desk:16px;
  --footer_contact_info_font_size_desk: 16px;
  --footer_copyright_font_size_desk: 14px;
  --membership_bg_size: 13px;
  --label_font_size: 14px;
  --tab_font_size_desk: 20px;
  --table_title_font_siz_desk: 20px;
  --community_user_font_size_desk: 35px;
  /*Desktop end*/
  /*mobile start*/
  --main_navbar_font_size_mobi: 16px;
  --level_box_font_size_mobi: 14px;
  --nick_and_lang_font_size_mobi: 12px;
  --h1_font_size_mobi: 22px;
  --h2_font_size_mobi: 24px;
  --h3_font_size_mobi: 18px;
  --p_font_size_mobi: 16px;
  --footer_buttons_font_size_mob: 12px;
  --footer_follow_us_font_size_mob: 12px;
  --footer_contact_info_font_size_mob: 12px;
  --footer_copyright_font_size_mob: 12px;
  --tab_font_size_mob: 14px;
  --table_title_font_siz_mob: 12px;
  --community_user_font_size_mob: 22px;
  /*mobile end*/
  /*border and rotation, padding start*/
  --footer_before_transform_desk: skewY(-8deg);
  --footer_before_transform_mob: skewY(-17deg);
  --footer_after_display: 98vw;
  --footer_padding_desk: 150px 0px 40px 0px;
  --footer_padding_mob: 150px 0px 40px 0px;
  --home_slider_rounded_borders: 0px 0px 3px 3px;
  --footer_before_top: 0;
}

/*Desktop start*/
/*Desktop end*/
/*mobile start*/
/*mobile end*/
/*Desktop start*/
/*Desktop end*/
/*mobile start*/
/*mobile end*/
/* INI MEDIA QUERIES */
/* USO: @include respond-to(small) { ... }/
/* FIN MEDIA QUERIES */
/* INI CALCULA REM */
/* USO: @include font-size(14px); */
/* FIN CALCULA REM */
/* INI CLEARFIX*/
/* USO: @include clearfix(); */
/* FIN CLEARFIX*/
/* INI BOX SIZING */
/* USO: @include box-sizing(border-box); */
/* FIN BOX SIZING */
/* INI CENTERER */
/* USO: con parent en position relative añadir a elemento child @include centerer; */
/* FIN CENTERER */
/* INI BORDER RADIUS */
/* USO: @include border-radius(5px); */
/* USO: @include border-top-radius(10px); */
/* FIN BORDER RADIUS */
/* INI OPACITY */
/* USO: @include opacity(0.8); */
/* FIN OPACITY */
/* INI CENTER BLOCK */
/* USO: @include center-block; */
/* FIN CENTER BLOCK */
/* INI TEXT OVERFLOW */
/* USO: @include text-truncate; */
/* FIN TEXT OVERFLOW */
/* INI BACKGROUND IMAGE */
/* USO: @include bgimage('../img/generic/flecha_top.png',no-repeat,100%); */
/* FIN BACKGROUND IMAGE */
/* INI TRANSITION */
/* USO: @include transition(color .3s ease); */
/* FIN TRANSITION */
/* INI TRANSFORM */
/*
  USO:
  @include skew(25,10);
  @include transform-origin(top left);
*/
/* FIN TRANSFORM */
/* INI PLACEHOLDER */
/*USO:
@include input-placeholder {
        color: $grey;
    }*/
/* FIN PLACEHOLDER */
/* INI WORD WRAPPING */
/* USO: @include mixin word-wrap; */
/* FIN WORD WRAPPING */
/* INI BACKGROUND COVER */
/* USO: @include bg-cover('../path/to/image.jpg', no-repeat 100%); */
/* FIN BACKGROUND COVER */
/* INI LINKS */
/* USO: @include linx (blue, green, red, orange); */
/* FIN LINKS */
/* INI RGBA */
/* USO: @include alpha-background-color(rgba(black, 0.5), white); */
/* FIN RGBA */
/* INI centerer-highlighted-carousel */
.w-px-10 {
  width: 10px !important;
}

.w-px-20 {
  width: 20px !important;
}

.w-px-30 {
  width: 30px !important;
}

.w-px-40 {
  width: 40px !important;
}

.w-px-50 {
  width: 50px !important;
}

.w-px-60 {
  width: 60px !important;
}

.w-px-70 {
  width: 70px !important;
}

.w-px-80 {
  width: 80px !important;
}

.w-px-90 {
  width: 90px !important;
}

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

.ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ellipsis-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* INI PLUGIN TO TOP */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 47px;
  height: 47px;
  border: none;
  text-indent: 100%;
  background-position: left top;
  z-index: 10000;
}

#toTopHover {
  background-position: left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline: none;
}

.toTop {
  display: none;
}

.spanToTop {
  opacity: 0;
  filter: alpha(opacity=0);
}

/* FIN PLUGIN TO TOP */
/* INI SWEET ALERT */
.sweet-alert h2 {
  width: 100%;
  padding: 15px 0;
  display: inline-block;
  margin: 15px 0 !important;
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}

.sweet-alert p {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  text-align: center;
}

.sweet-alert button {
  display: inline-block;
  line-height: 1;
  padding: 12px 24px;
  margin: 10px;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
  z-index: 0;
}

.sweet-alert button.cancel {
  font-weight: 600;
  background-color: #FFF !important;
}

.sweet-alert input {
  padding: 5px 10px;
  margin: 0px auto 20px auto;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #cccccc !important;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666 !important;
  width: 100%;
  max-width: 300px;
  height: auto;
  box-shadow: none;
}

.sweet-alert input:focus {
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
}

/* FIN SWEET ALERT */
/*new variables*/
:root {
  --btn-primary-color: #fff;
  --btn-primary-bg: #ff7517;
  --btn-primary-border: #ff7517;
  --btn-primary-hover-color: #fff;
  --btn-primary-hover-bg: #999999;
  --btn-primary-hover-border: #999999;
  --btn-primary-active-color: #fff;
  --btn-primary-active-bg: #999999;
  --btn-primary-active-border: #999999;
  --btn-secondary-color: #ff7517;
  --btn-secondary-bg: #fff;
  --btn-secondary-border: #ff7517;
  --btn-secondary-hover-color: #fff;
  --btn-secondary-hover-bg: #ff7517;
  --btn-secondary-hover-border: #ff7517;
  --btn-secondary-active-color: #ff7517;
  --btn-secondary-active-bg: #fff;
  --btn-secondary-active-border: #ff7517;
  --btn-success-color: #fff;
  --btn-success-bg: #28a745;
  --btn-success-border: #28a745;
  --btn-success-hover-color: #28a745;
  --btn-success-hover-bg: #fff;
  --btn-success-hover-border: #28a745;
  --btn-success-active-color: #f6592e;
  --btn-success-active-bg: #243c45;
  --btn-success-active-border: #000;
  --btn-danger-color: #fff;
  --btn-danger-bg: #dc3545;
  --btn-danger-border: #dc3545;
  --btn-danger-hover-color: #dc3545;
  --btn-danger-hover-bg: #fff;
  --btn-danger-hover-border: #dc3545;
  --btn-danger-active-color: #f6592e;
  --btn-danger-active-bg: #243c45;
  --btn-danger-active-border: #000;
  --btn-warning-color: #000;
  --btn-warning-bg: #ffc107;
  --btn-warning-border: #ffc107;
  --btn-warning-hover-color: #ffc107;
  --btn-warning-hover-bg: #000;
  --btn-warning-hover-border: #ffc107;
  --btn-warning-active-color: #f6592e;
  --btn-warning-active-bg: #243c45;
  --btn-warning-active-border: #000;
  --btn-info-color: #ff7517;
  --btn-info-bg: #fff;
  --btn-info-border: #ff7517;
  --btn-info-hover-color: #ff7517;
  --btn-info-hover-bg: #fff;
  --btn-info-hover-border: #ff7517;
  --btn-info-active-color: #ff7517;
  --btn-info-active-bg: #fff;
  --btn-info-active-border: #ff7517;
  --btn-light-color: #000;
  --btn-light-bg: #f8f9fa;
  --btn-light-border: #f8f9fa;
  --btn-light-hover-color: #f8f9fa;
  --btn-light-hover-bg: #000;
  --btn-light-hover-border: #f8f9fa;
  --btn-light-active-color: #f6592e;
  --btn-light-active-bg: #243c45;
  --btn-light-active-border: #000;
  --btn-dark-color: #fff;
  --btn-dark-bg: #000;
  --btn-dark-border: #000;
  --btn-dark-hover-color: #000;
  --btn-dark-hover-bg: #fff;
  --btn-dark-hover-border: #000;
  --btn-dark-active-color: #f6592e;
  --btn-dark-active-bg: #243c45;
  --btn-dark-active-border: #000;
  --btn-link-color: #2a2a2a;
  --btn-link-bg: #f1f1f1;
  --btn-link-border: #2a2a2a;
  --btn-link-hover-color: #f1f1f1;
  --btn-link-hover-bg: #2a2a2a;
  --btn-link-hover-border: #f1f1f1;
  --btn-link-active-color: #f1f1f1;
  --btn-link-active-bg: #2a2a2a;
  --btn-link-active-border: #f1f1f1;
}

:root {
  --cookies-bg-color: #333333;
  --cookies-text-color: #FFFFFF;
  --cookies-bt-accept-bg-color: #218838;
  --cookies-bt-edit-bg-color: #0069d9;
  --cookies-bt-deny-bg-color: #23272b;
}

:root {
  --my-coupons-border: #000000;
  --my-coupons-box-shadow: rgba(0, 0, 0, 0.8);
  --my-coupons-color-title: #000000;
  --my-coupons-bg-uncollected: rgba(0, 0, 0, 0.8);
  --my-coupons-border-uncollected: #000000;
  --my-coupons-color-btn-secondary: #000000;
  --my-coupons-bg-btn-secondary: #FFFFFF;
  --my-coupons-color-btn-secondary-hover: #FFFFFF;
  --my-coupons-bg-btn-secondary-hover: #000000;
  --my-coupons-color-caption: rgba(0, 0, 0, 0.8);
}

:root {
  --pagination-active-bg-color: #000000;
  --pagination-active-color: #FFFFFF;
  --pagination-active-border-color: #000000;
  --pagination-active-hover-bg: #FFFFFF;
  --pagination-active-hover-color: #000000;
  --pagination-bg-color: #FFFFFF;
  --pagination-color: #000000;
  --pagination-border-color: #000000;
  --pagination-hover-bg-color: #000000;
  --pagination-hover-color: #FFFFFF;
}

:root {
  --title-color: #000;
  --subtitle-color: #000;
}

:root {
  --ranking-table-th-bg-color: #2a2a2a;
  --ranking-table-th-color: #f1f1f1;
  --ranking-table-td-even-bg-color: #e9e9e9;
  --ranking-table-td-even-color: #2a2a2a;
  --ranking-table-td-odd-bg-color: #f1f1f1;
  --ranking-table-td-odd-color: #2a2a2a;
}

:root {
  --timer-text-color: #000000;
  --timer-background-color: #f2dede;
  --timer-figure-box-color: #f7f7f7;
  --timer-font-family: "Roboto Mono", monospace;
}

:root {
  --alert-primary-color: #004085;
  --alert-primary-bg: #cce5ff;
  --alert-primary-border-color: #b8daff;
  --alert-secondary-color: #383d41;
  --alert-secondary-bg: #e2e3e5;
  --alert-secondary-border-color: #d6d8db;
  --alert-success-color: #155724;
  --alert-success-bg: #d4edda;
  --alert-success-border-color: #c3e6cb;
  --alert-danger-color: #721c24;
  --alert-danger-bg: #f8d7da;
  --alert-danger-border-color: #f5c6cb;
  --alert-warning-color: #856404;
  --alert-warning-bg: #fff3cd;
  --alert-warning-border-color: #ffeeba;
  --alert-info-color: #0c5460;
  --alert-info-bg: #d1ecf1;
  --alert-info-border-color: #bee5eb;
  --alert-light-color: #818182;
  --alert-light-bg: #fefefe;
  --alert-light-border-color: #fdfdfe;
  --alert-dark-color: #1b1e21;
  --alert-dark-bg: #d6d8d9;
  --alert-dark-border-color: #c6c8ca;
}

:root {
  --slider-text-home-padding: 2rem;
  --slider-text-home-color: white !important;
  --slider-text-home-h1-line-height: 2.5rem;
  --slider-text-home-h2-line-height: 1.5rem;
  --slider-text-h2-font-size: 16px;
  --slider-text-width: 50%;
  --slider-text-home-padding-mobile: 2rem;
}

:root {
  --header-logo-max-width: 140px;
  --header-logo-max-height: 80px;
  --header-logo-margin-left: 0;
  --header-logo-margin-top: 16px;
  --header-navbar-height: 50px;
  --header-navbar-margin-top: 0;
  --header-membership-details-margin-left: 32px;
  --header-avatar-height: 60px;
  --header-user-details-box-margin-top: 16px;
  --header-points-list-margin-top: 28px;
  --header-notifications-user-margin-top: 12px;
  --header-language-drop-user-margin-top: 6px;
  --header-logout-top: 16px;
  --header-logout-color: #333333;
  --header-scroll-img-max-height: 50px;
  --header-scroll-img-max-width: 80px;
  --header-scroll-height: 60px;
  --header-scroll-padding-top: 10px;
  --header-notification-alert-position-right: 14px;
  --header-notification-background-color: #F5F5F5;
  --header-notification-unread-background-color: #808080;
  --header-notification-header-background-color: #F5F5F5;
  --header-notification-color: #333333;
  --header-notification-unread-color: #F5F5F5;
  --header-notification-header-color: #333333;
  --header-notification-border: 1px solid #333333;
  --header-notification-top: 60px;
  --header-logo-max-width-mobile: 5rem;
  --header-logo-max-height-mobile: 5rem;
  --header-logo-margin-left-mobile: 0;
  --header-logo-margin-top-mobile: 1rem;
  --header-notifications-user-margin-left-mobile: -20px;
  --header-notifications-user-margin-top-mobile: 10px;
  --header-navbar-menu-li-a-font-size-mobile: 16px;
  --header-button-margin-top-mobile: 3px;
  --header-button-margin-left-mobile: 8px;
  --header-language-drop-user-margin-top-mobile: 5px;
  --header-notification-alert-position-right-mobile: 46px;
  --header-border-bottom-mobile: 1px solid #333333;
  --header-background-color-mob-link-mobile: transparent;
  --header-mob-avatar-height: auto;
  --header-mob-icons-height: auto;
  --header-mob-icons-background-color: transparent;
}

:root {
  --stampoo-road-coupon-bg: #fff;
  --stampoo-road-coupon-color: #000;
  --stampoo-road-product-bg: #fff;
  --stampoo-road-product-color: #000;
  --stampoo-road-lottery-bg: #fff;
  --stampoo-road-lottery-color: #000;
  --profile-custom-result-margin-top: 0;
  --profile-custom-result-margin-bottom: 0;
  --profile-custom-result-margin-top-mobile: 0;
  --profile-custom-result-margin-bottom-mobile: 0;
  --profile-edit-custom-result-margin-top: 0;
  --profile-edit-custom-result-margin-bottom: 0;
  --profile-edit-custom-result-margin-top-mobile: 0;
  --profile-edit-custom-result-margin-bottom-mobile: 0;
  --register-left-logo-area-margin-bottom: auto;
  --register-left-logo-area-margin-bottom-mobile: auto;
  --custom-result-md-margin: 0;
  --item-custom-user-xs-bottom: 0;
  --modal-card-challenge-active-border: 1px solid #dc3545;
  --card-team-height-xs: 370px;
  --card-team-height-md: 450px;
  --card-team-height-xl: 400px;
  --card-badge-height-xs: 370px;
  --card-badge-height-md: 450px;
  --card-badge-height-xl: 400px;
  --card-modal-badge-height-xs: 370px;
  --card-modal-badge-height-md: 500px;
  --card-modal-badge-height-xl: 400px;
  --badge-bg: #ff7517;
  --badge-text-color: #707070;
  --bg-radial-gradient-game-alphabet: radial-gradient(#ffffff, #ffffff);
  --bg-race-dragger: gray;
  --race-dragger-bar: lightgray;
  --race-position: 100px;
  --race-mb-position: 80px;
  --race-item-size: 200px;
  --race-mb-item-size: 100px;
  --profile-font-size: 22px;
  --card-custom-bg-color: #ffffff;
  --code-campaign-color: #000000;
  --card-custom-min-height: 450px;
  --profile-even-color: black;
  --profile-even-bg-color: lightgray;
  --footer-height: 100%;
  --background-games: gray;
  --medal-box-min-height: 100px;
  --campaign-tooltip-text-margin-left: -100px;
  --campaign-tooltip-text-width: 200px;
  --slider-home-highlighted-text-height: 100vh;
  --slider-home-highlighted-text-top: 250px;
  --navbar-display: contents;
  --navbar-toggle: #000000;
  --coin-text-prize: red;
  --scratch-result: red;
  --coin-counter-border-color: red;
  --bg-invite-friend: #f4f4f4;
  --bg-game-box: #f4f4f4;
  --tooltip-font-size: 15px;
  --logo-margin-regular-screen: 0px;
  --logo-margin-big-screen:0px;
  --footer_before_bg_color: var(--secondary_color);
  --table_header_bg_color: #007EC1;
  --bg_color_buttons: #1b4f5f;
  --desktop_slider_textbox_width: 33%;
  --small_desktop_slider_textbox_width: var(--desktop_slider_textbox_width);
  --des_news_card_height: auto;
  --des_news_card_img_height: auto;
  --des_news_card_title_height: auto;
  --des_news_card_text_height: auto;
  --sm_news_items_height: 715px;
  --md_news_items_height: 860px;
  --desktop_status_padding_right: 20px;
  --mobile_status_padding_right: 18px;
  --logo_max_width: 175px;
  --footer_font_color: black;
  --header_bg_color: #BF0A0A;
  --bg_home_header: transparent linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(20,90,230,0.06) 100%) 0% 0% no-repeat;
  --bg_footer: linear-gradient(97deg, #BF0A0A 0%, #940505 100%) 0% 0% no-repeat;
  --membership_bg_color: transparent linear-gradient(90deg, #CCCC25 0%, #EBEC3E 32%, #ADAF1A 60%, #E1E517 81%, #BBBF30 100%) 0% 0% no-repeat padding-box;
  --primary_color: #BF0A0A;
  --secondary_color: #F9C70C;
  --main_navbar_text_color: #ffffff;
  --tertiary_color: #F8C20D;
  --mobile_menu_bg_color: #000000;
  --mobile_menu_font_color: #ffffff;
  --mobile_submenu_font_color: #ffffff;
  --desktop_submenu_bg_color: #000000;
  --desktop_submenu_font_color: #ffffff;
  --notification_bg_color: #FB8627;
  --desktop_homeslider_textbox_bg: rgba(0,0,0,0.25);
  --desktop_homeslider_font_color: #ffffff;
  --mobile_homeslider_font_color: #ffffff;
  --mobile_homeslider_textbox_bg: #000000;
  --membership_font_color: #000000;
  --membership_border_color: #ffffff;
  --login_register_bg_color: #ffffff;
  --user_name_font_color: #000000;
  --cashconv-Darkorange: #FB8627;
  --cashconv-black: #000000;
  --cashconv-lightGrey: #DCDCDC;
  --cashconv-lighterGrey: #E9E9E9;
  --cashconv-offWhite: #F6F4F4;
  --cashconv-darkGrey: #707070;
  --cashconv-grey: #B8B8B8;
  --cashconv-medgrey: #6A6A6A;
  --cashconv-blue: #145AE6;
  --mobile_submenu_bg_color: #8D8D8D;
  --cash-message-body: #FBFBFB;
  --cashconv-purple: #A17BFF;
  --cashconv-silver: #F1F1F1;
  --cashconv-sliverdark:#F8F8F8;
  --cashconv-greylight:#F1F1F1;
  --cashconv-fbbg:#3C5A99;
  --cashconv-twbg:#33CCFF;
  --cashconv-whatapp:#60FC7C;
  --cashconv-insta-color1:#FCC455;
  --cashconv-insta-color2:#F97C61;
  --cashconv-insta-color3:#C5369F;
  --cashconv-greylighter:#ddd;
  --cashconv-darkergrey:#2A2A2A;
  --cashconv-redgardient:#940505;
  --cashconv-tablegradient1:#BBBF30;
  --cashconv-tablegradient2:#EBEC3E;
  --cashconv-tablegradient3:#ADAF1A;
  --cashconv-Orange:#E57E17;
  --primary_font_family: "Roboto", sans-serif;
  --secondary_font_family: "Roboto Condensed", sans-serif;
  --tertiary_font_family:"montserratbold";
  --colorwhite:255,255,255;
  --colorblack:0,0,0;
  --colorblue:20,90,230;
  --colorred:191,10,10;
  --white-high-opacity: rgba(255, 255, 255, .75);
  --black-low-opacity: rgba(0, 0, 0, .1);
  --black-lower-opacity: rgba(0, 0, 0, .22);
  --black-high-opacity: rgba(0, 0, 0, .4);
  --blue-low-opacity: rgba(20,90,230,.06);
  --red-low-opacity: rgba(191,10,10,0.3);
  /*Desktop start*/
  --main_navbar_font_size_desk: 15px;
  --level_box_font_size_desk: 18px;
  --nick_and_lang_font_size_desk: 16px;
  --score_font_size_desk: 23px;
  --score_points_text_font_size_desk: 8px;
  --h1_font_size_desk: 38px;
  --h2_font_size_desk: 32px;
  --h3_font_size_desk: 24px;
  --p_font_size_desk: 20px;
  --footer_buttons_font_size_desk: 14px;
  --footer_follow_us_font_size_desk:16px;
  --footer_contact_info_font_size_desk: 16px;
  --footer_copyright_font_size_desk: 14px;
  --membership_bg_size: 13px;
  --label_font_size: 14px;
  --tab_font_size_desk: 20px;
  --table_title_font_siz_desk: 20px;
  --community_user_font_size_desk: 35px;
  /*Desktop end*/
  /*mobile start*/
  --main_navbar_font_size_mobi: 16px;
  --level_box_font_size_mobi: 14px;
  --nick_and_lang_font_size_mobi: 12px;
  --h1_font_size_mobi: 22px;
  --h2_font_size_mobi: 24px;
  --h3_font_size_mobi: 18px;
  --p_font_size_mobi: 16px;
  --footer_buttons_font_size_mob: 12px;
  --footer_follow_us_font_size_mob: 12px;
  --footer_contact_info_font_size_mob: 12px;
  --footer_copyright_font_size_mob: 12px;
  --tab_font_size_mob: 14px;
  --table_title_font_siz_mob: 12px;
  --community_user_font_size_mob: 22px;
  /*mobile end*/
  /*border and rotation, padding start*/
  --footer_before_transform_desk: skewY(-8deg);
  --footer_before_transform_mob: skewY(-17deg);
  --footer_after_display: 98vw;
  --footer_padding_desk: 150px 0px 40px 0px;
  --footer_padding_mob: 150px 0px 40px 0px;
  --home_slider_rounded_borders: 0px 0px 3px 3px;
  --footer_before_top: 0;
}

/*Desktop start*/
/*Desktop end*/
/*mobile start*/
/*mobile end*/
/*Desktop start*/
/*Desktop end*/
/*mobile start*/
/*mobile end*/
/* INI MEDIA QUERIES */
/* USO: @include respond-to(small) { ... }/
/* FIN MEDIA QUERIES */
/* INI CALCULA REM */
/* USO: @include font-size(14px); */
/* FIN CALCULA REM */
/* INI CLEARFIX*/
/* USO: @include clearfix(); */
/* FIN CLEARFIX*/
/* INI BOX SIZING */
/* USO: @include box-sizing(border-box); */
/* FIN BOX SIZING */
/* INI CENTERER */
/* USO: con parent en position relative añadir a elemento child @include centerer; */
/* FIN CENTERER */
/* INI BORDER RADIUS */
/* USO: @include border-radius(5px); */
/* USO: @include border-top-radius(10px); */
/* FIN BORDER RADIUS */
/* INI OPACITY */
/* USO: @include opacity(0.8); */
/* FIN OPACITY */
/* INI CENTER BLOCK */
/* USO: @include center-block; */
/* FIN CENTER BLOCK */
/* INI TEXT OVERFLOW */
/* USO: @include text-truncate; */
/* FIN TEXT OVERFLOW */
/* INI BACKGROUND IMAGE */
/* USO: @include bgimage('../img/generic/flecha_top.png',no-repeat,100%); */
/* FIN BACKGROUND IMAGE */
/* INI TRANSITION */
/* USO: @include transition(color .3s ease); */
/* FIN TRANSITION */
/* INI TRANSFORM */
/*
  USO:
  @include skew(25,10);
  @include transform-origin(top left);
*/
/* FIN TRANSFORM */
/* INI PLACEHOLDER */
/*USO:
@include input-placeholder {
        color: $grey;
    }*/
/* FIN PLACEHOLDER */
/* INI WORD WRAPPING */
/* USO: @include mixin word-wrap; */
/* FIN WORD WRAPPING */
/* INI BACKGROUND COVER */
/* USO: @include bg-cover('../path/to/image.jpg', no-repeat 100%); */
/* FIN BACKGROUND COVER */
/* INI LINKS */
/* USO: @include linx (blue, green, red, orange); */
/* FIN LINKS */
/* INI RGBA */
/* USO: @include alpha-background-color(rgba(black, 0.5), white); */
/* FIN RGBA */
/* INI centerer-highlighted-carousel */
.w-px-10 {
  width: 10px !important;
}

.w-px-20 {
  width: 20px !important;
}

.w-px-30 {
  width: 30px !important;
}

.w-px-40 {
  width: 40px !important;
}

.w-px-50 {
  width: 50px !important;
}

.w-px-60 {
  width: 60px !important;
}

.w-px-70 {
  width: 70px !important;
}

.w-px-80 {
  width: 80px !important;
}

.w-px-90 {
  width: 90px !important;
}

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

.ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ellipsis-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

body {
  font-family: "var(--primary_font_family)";
}

a {
  color: var(--secondary_color);
  text-decoration: none;
}

/*form css start*/
.main-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.single-page-outer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--primary_color);
  height: 100%;
  width: 50vw;
  border-radius: 0px 30px 30px 0px;
}
.single-page-outer .container {
  position: relative;
  margin-top: 30px;
}
.single-page-outer .single-page {
  background-color: var(--login_register_bg_color);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 3px;
  align-items: center;
}
.single-page-outer .single-page .checkmark {
  border-color: var(--cashconv-medgrey);
  border-radius: 3px;
}
.single-page-outer .single-page .checkbox input:checked ~ .checkmark,
.single-page-outer .single-page .checkbox:hover input ~ .checkmark {
  background-color: var(--cashconv-medgrey);
}
.single-page-outer .left-area .language-drop {
  margin: 1rem;
}
.single-page-outer .left-area .left-logo-area {
  text-align: center;
  margin-bottom: var(--register-left-logo-area-margin-bottom);
}
@media (max-width: 992px) {
  .single-page-outer .left-area .left-logo-area {
    margin-bottom: var(--register-left-logo-area-margin-bottom-mobile);
  }
}
.single-page-outer .left-area .left-logo-area img {
  max-width: 200px;
}
.single-page-outer .left-area .left-img-area {
  text-align: center;
}
.single-page-outer .left-area .left-img-area img {
  max-width: 300px;
}
.single-page-outer .left-area p {
  color: var(--cashconv-black);
  font-size: 15px;
  text-align: center;
}
@media (min-width: 1920px) {
  .single-page-outer .left-area p {
    font-size: 18px;
  }
}
.single-page-outer .left-area p a {
  font-weight: bold;
  color: var(--primary_color);
  text-decoration: none;
}
@media (min-width: 992px) {
  .single-page-outer .left-area {
    height: 78vh;
    padding: 1rem;
  }
  .single-page-outer .left-area .left-area-login {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .single-page-outer .login .right-area {
    height: 78vh;
  }
  .single-page-outer .login .right-area .login-form {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .single-page-outer .login .right-area.register {
    min-height: 78vh;
    height: auto;
  }
  .single-page-outer .login .right-area.register .login-form {
    transform: none;
  }
}
.single-page-outer .right-area h1 {
  margin-bottom: 10px;
}
.single-page-outer .right-area small {
  font-size: 17px;
  line-height: 20px;
  color: var(--cashconv-medgrey);
}
@media (min-width: 1920px) {
  .single-page-outer .right-area small {
    font-size: 22px;
  }
}
.single-page-outer .right-area .form-fields {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.single-page-outer .right-area .login-form .checkbox {
  margin: 0;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-3 {
  margin-top: 30px;
}

.w-100 {
  width: 100%;
}

.radio label, .checkbox label {
  color: var(--cashconv-medgrey);
}

.invite-frnds {
  background: transparent linear-gradient(180deg, #FFDBDB 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  padding: 30px;
}

.menu .badge_notification {
  right: auto;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}

.more-about-you-area .all-tab li .badge_notification {
  right: -20px;
}

.navbar .mobile-membership-area .member-status, .mobile-membership-area.mobile-membership-area2 {
  display: none;
}

/*challenges start*/
.challenges-area {
  padding-top: 50px;
}

.right-top-corner {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.tab-area {
  margin-top: 30px;
}
.tab-area .all-tab {
  margin-left: -20px;
}
.tab-area .tab-content {
  padding: 40px 0;
}

.challenges-list .challenges-list-bg li {
  background-color: var(--cashconv-silver);
  margin-bottom: 30px;
  border-radius: 3px 0 0 3px;
}

.challenge-inner-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.challenge-inner-list li {
  width: 20%;
  margin-bottom: 0 !important;
  position: relative;
}

.challenge-thumb-outer {
  background-color: var(--primary_color);
  border-radius: 3px 0px 0px 3px;
  padding: 20px 20px 45px 20px;
  text-align: center;
  position: relative;
  min-height: 280px;
}
.challenge-thumb-outer img {
  border-radius: 3px;
}

.challenge-thumb-outer-modal {
  min-height: 0;
  max-width: none;
}
.challenge-thumb-outer-modal img {
  border-radius: 3px;
  max-width: none !important;
}

.challenge-name {
  font-size: 26px;
  color: var(--cashconv-silver);
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .challenge-name {
    min-height: 3rem;
  }
}

.challenge-caption {
  color: var(--primary_color);
  border: solid 1px var(--primary_color);
  background-color: var(--cashconv-silver);
  padding: 10px;
  font-size: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 20px;
  border-radius: 0 0 0 12px;
}

.challenge-detail-title {
  font-size: var(--table_title_font_siz_desk);
  font-weight: bold;
  color: var(--cashconv-black);
}

.challenge-user-profile {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: 0 auto 20px;
}
.challenge-user-profile img {
  border-radius: 50px;
}

.challenge-details p {
  font-size: 16px;
  margin-bottom: 0;
}

.challenge-detail-content {
  min-height: 180px;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.challenge-detail-content .donation-points {
  border: none;
  color: var(--cashconv-darkGrey);
}
.challenge-detail-content .date-time p {
  color: var(--cashconv-darkGrey);
  font-size: 20px;
}
.challenge-detail-content .date-time p:first-child {
  margin-bottom: 5px;
}
.challenge-detail-content .btn {
  width: 100%;
}
.challenge-detail-content .btn.btn-default {
  font-size: 0.99rem;
  background-color: var(--cashconv-grey);
  color: var(--main_navbar_text_color);
  margin-top: 10px;
}

.challenge-details.text-center {
  padding: 0 25px;
}
.challenge-details.text-center .status img {
  max-width: 85px;
}
.challenge-details.text-center .status span {
  color: var(--secondary_color);
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

.challenge-popup .modal-dialog {
  width: 800px;
}

.challenge-popup-list .select-game {
  cursor: pointer;
}
.challenge-popup-list .select-game:nth-child(4n+4) {
  margin-right: 0;
}
.challenge-popup-list .select-game.active .challenge-thumb-outer {
  border: solid 2px var(--primary_color);
}
.challenge-popup-list .select-game.active .challenge-thumb-outer .checkbox.radio {
  opacity: 1;
}
.challenge-popup-list .select-game .challenge-thumb-outer {
  border-radius: 3px;
  padding: 7px;
  cursor: pointer;
  border: solid 2px transparent;
}
.challenge-popup-list .select-game .challenge-thumb-outer img {
  width: 100%;
}
.challenge-popup-list .select-game .challenge-thumb-outer .checkbox.radio {
  position: absolute;
  top: -8px;
  right: -8px;
  opacity: 0;
}
.challenge-popup-list .select-game .challenge-thumb-outer .checkbox.radio .checkmark {
  height: 20px;
  width: 20px;
  border-color: var(--secondary_color);
}
.challenge-popup-list .select-game .challenge-thumb-outer .checkbox.radio .checkmark:after {
  left: 7px;
  top: 3px;
}
.challenge-popup-list .select-game .challenge-thumb-outer .checkbox.radio input:checked ~ .checkmark {
  background-color: var(--secondary_color);
}
.challenge-popup-list .select-game .challenge-thumb-outer .checkbox.radio:hover input ~ .checkmark {
  background-color: var(--secondary_color);
}
.challenge-popup-list .select-game .challenge-name {
  font-size: 20px;
}
.challenge-popup-list .select-game .points {
  margin-top: 4px;
}

.tab-area .all-tab {
  justify-content: flex-start;
}

.challenge-mobile-details {
  display: none;
}

.choose-player {
  margin: 40px 0 20px;
}

.challenge-mob-btns {
  display: none;
}

.challenge-popup .btn-close {
  position: relative;
  right: auto;
  top: auto;
  margin-left: auto;
}
.challenge-popup .modal-body {
  max-height: 600px;
  overflow-y: auto;
  padding-top: 0;
}
.challenge-popup .modal-body .d-none {
  display: none;
}
.challenge-popup .modal-body .mb-1 {
  margin-bottom: 1rem;
}
.challenge-popup .modal-body .btn-challenge {
  color: var(--main_navbar_text_color) !important;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.1607843137);
  background-color: var(--secondary_color);
  padding: 0.5rem;
}
.challenge-popup .modal-body .rounded {
  border-radius: 3px;
}
.challenge-popup .modal-body .challenge-img > img {
  max-width: 100%;
  margin: 0.7rem 0 0 -0.2rem;
  max-height: 135px;
}
.challenge-popup .modal-body .challenge-user-name {
  margin-top: 0.5rem;
}
@media (min-width: 576px) {
  .challenge-popup .modal-body .challenge-img {
    max-height: 144px;
  }
  .challenge-popup .modal-body .challenge-img img {
    margin: 0.5rem 0 0 -0.5rem;
  }
  .challenge-popup .modal-body .row-challenge {
    margin-right: 1rem;
    min-height: 144px;
    max-height: 144px;
  }
}
.challenge-popup .modal-body .challenge-title,
.challenge-popup .modal-body .challenge-points,
.challenge-popup .modal-body .challenge-checkbox {
  padding: 1rem;
}
.challenge-popup .modal-body .user-select > .challenge-title {
  border-bottom: 1px solid var(--primary_color);
  color: var(--primary_color);
}
.challenge-popup .modal-body .bg-challenge {
  background-color: var(--bg-game-box);
}
.challenge-popup .modal-body .challenge-title,
.challenge-popup .modal-body .challenge-points {
  color: var(--main_navbar_text_color);
}

.search-box {
  position: relative;
  margin-left: 30px;
}
.search-box .form-control {
  height: 30px;
  background-color: var(--cashconv-offWhite);
  padding: 5px 5px 5px 40px;
  border-radius: 27px;
}
.search-box .form-control::-moz-placeholder {
  color: var(--cashconv-grey);
}
.search-box .form-control::placeholder {
  color: var(--cashconv-grey);
}
.search-box i {
  position: absolute;
  left: 14px;
  top: 9px;
  font-size: 14px;
  color: var(--cashconv-grey);
}

.choose-player-list .membership-details {
  background-color: transparent;
  border: solid 1px var(--cashconv-darkGrey);
}
.choose-player-list .membership-details .member-pic {
  border: solid 1px var(--cashconv-darkGrey);
  margin-left: -2px;
}
.choose-player-list .membership-details .member-name {
  font-size: 13px;
  padding-left: 10px;
}
.choose-player-list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.choose-player-list ul li {
  width: 24%;
  margin-right: 1.33%;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
}
.choose-player-list ul li:nth-child(4n+4) {
  margin-right: 0;
}
.choose-player-list ul li .checkbox.radio {
  position: absolute;
  top: -8px;
  right: -8px;
  opacity: 0;
}
.choose-player-list ul li .checkbox.radio .checkmark {
  height: 18px;
  width: 18px;
  border-color: var(--secondary_color);
}
.choose-player-list ul li .checkbox.radio .checkmark:after {
  left: 6px;
  top: 2px;
}
.choose-player-list ul li .checkbox.radio input:checked ~ .checkmark {
  background-color: var(--secondary_color);
}
.choose-player-list ul li .checkbox.radio:hover input ~ .checkmark {
  background-color: var(--secondary_color);
}
.choose-player-list ul li.active .checkbox.radio {
  opacity: 1;
}
.choose-player-list ul li.active .membership-details, .choose-player-list ul li.active .member-pic {
  border-color: var(--primary_color);
}
.choose-player-list ul li.active .membership-details .member-name, .choose-player-list ul li.active .member-pic .member-name {
  color: var(--primary_color);
}

.challenge-popup-content .points-area {
  max-width: 450px;
}

.points-area .points-area-sub {
  line-height: 35px;
  padding: 4px;
  background-color: var(--cashconv-offWhite);
  border: solid 1px transparent;
  color: var(--cashconv-darkGrey);
  font-size: 12px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin: 0 4px;
}
@media (max-width: 767px) {
  .points-area .points-area-sub {
    margin: 4px 0;
  }
}
.points-area .points-area-sub:hover, .points-area .points-area-sub.active {
  color: var(--primary_color);
  border: solid 1px var(--primary_color);
  background-color: var(--cashconv-silver);
}
.points-area .points-area-sub.active .checkbox.radio {
  opacity: 1;
}
.points-area .points-area-sub .checkbox.radio {
  position: absolute;
  top: -8px;
  right: -8px;
  opacity: 0;
}
.points-area .points-area-sub .checkbox.radio .checkmark {
  height: 18px;
  width: 18px;
  border-color: var(--secondary_color);
}
.points-area .points-area-sub .checkbox.radio .checkmark:after {
  left: 6px;
  top: 2px;
}
.points-area .points-area-sub .checkbox.radio input:checked ~ .checkmark {
  background-color: var(--secondary_color);
}
.points-area .points-area-sub .checkbox.radio:hover input ~ .checkmark {
  background-color: var(--secondary_color);
}
.points-area .other-points {
  display: flex;
}
.points-area .other-points span {
  height: 40px;
  line-height: 35px;
  font-size: 12px;
  background-color: var(--cashconv-offWhite);
  color: var(--cashconv-darkGrey);
  padding: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.points-area .other-points .form-control {
  outline: none;
  box-shadow: none;
  height: 50px;
}

.points-bet {
  margin-bottom: 40px;
}

.challenges-list .btn.disabled, .challenges-list .btn[disabled], .challenges-list fieldset[disabled] .btn {
  background: var(--cashconv-black) !important;
  opacity: 1;
  outline: none;
}
.challenges-list .btn.disabled:hover, .challenges-list .btn.disabled:focus, .challenges-list .btn[disabled]:hover, .challenges-list .btn[disabled]:focus, .challenges-list fieldset[disabled] .btn:hover, .challenges-list fieldset[disabled] .btn:focus {
  box-shadow: none;
  outline: none;
}

/*challenges end*/
/*community start*/
.align-items-center {
  align-items: center;
}

.community-header {
  padding: 40px 0;
}

.community-search h4 {
  margin-bottom: 15px;
}
.community-search .search-box {
  display: inline-block;
  margin-left: 0;
}
.community-search .search-box .form-control {
  height: 47px;
  border-radius: 8px;
}
.community-search .search-box i {
  top: 12px;
  font-size: 16px;
}

.community-inner-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.community-inner-area li {
  width: 49%;
  margin-bottom: 20px;
  margin-right: 2%;
}
.community-inner-area li:nth-child(2n+2) {
  margin-right: 0;
}

.community-details {
  display: flex;
}

.community-details-left img {
  width: 100%;
}

.community-details-left, .community-details-right {
  width: 50%;
}

.community-details-right {
  margin: 20px 0 0 20px;
}
.community-details-right .community-user-name {
  font-weight: bold;
  font-size: var(--community_user_font_size_desk);
  color: var(--cashconv-black);
  margin-bottom: 20px;
}
.community-details-right p {
  margin-bottom: 20px;
}
.community-details-right .btn {
  min-width: 210px;
}
.community-details-right .btn.disabled, .community-details-right .btn[disabled], .community-details-right fieldset[disabled] .btn {
  opacity: 1;
  outline: none;
}
.community-details-right .btn.disabled:hover, .community-details-right .btn.disabled:focus, .community-details-right .btn[disabled]:hover, .community-details-right .btn[disabled]:focus, .community-details-right fieldset[disabled] .btn:hover, .community-details-right fieldset[disabled] .btn:focus {
  box-shadow: none;
  outline: none;
}

/*community end*/
/*community profile start*/
.community-profile {
  padding: 40px 0;
}
.community-profile .community-details-left {
  width: 30%;
  position: relative;
}
.community-profile .community-details-left .profile-caption {
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
}
.community-profile .community-details-left .profile-caption img {
  margin-right: 10px;
  max-width: 40px;
}
.community-profile .community-details-right {
  width: 70%;
  position: relative;
}
.community-profile .community-points {
  position: absolute;
  left: 0;
  bottom: 0;
}
.community-profile .community-points .donation-points {
  margin-right: 10px;
  min-width: 100px;
  min-height: 90px;
  color: var(--main_navbar_text_color);
  background-color: var(--cashconv-black);
  border-color: var(--cashconv-black);
  line-height: 26px;
}
.community-profile .community-points .donation-points:last-child {
  margin-right: 0;
}
.community-profile .community-points .donation-points .points-number {
  margin-bottom: 0;
  font-size: 26px;
}
.community-profile .community-points .donation-points .points-text {
  font-size: 18px;
  margin-bottom: 10px;
}

.community-profile-btns {
  border-bottom: solid 1px rgba(112, 112, 112, 0.3);
  padding: 20px 0;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.community-profile-btns li {
  position: relative;
}
.community-profile-btns li:after {
  content: "";
  position: absolute;
  right: 105px;
  top: 3px;
  background-color: rgba(112, 112, 112, 0.3);
  width: 1px;
  height: 40px;
}
.community-profile-btns li:last-child:after {
  display: none;
}

.community-medals .medal-img img {
  width: 100%;
}

/*community profile end*/
/*messages start*/
.messages-header h1 {
  border-bottom: solid 1px rgba(112, 112, 112, 0.3);
  padding: 20px 0;
}

.messages-search {
  margin-bottom: 20px;
}
.messages-search .search-box {
  display: block;
  width: 100%;
}
.messages-search .search-box .form-control {
  width: 100%;
  height: 46px;
}

.messanger-list li {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  width: calc(100% + 20px);
  margin-left: -10px;
  border-radius: 8px;
}
.messanger-list li:hover, .messanger-list li.active {
  background-color: rgba(249, 199, 12, 0.3);
}
.messanger-list li:hover p, .messanger-list li.active p {
  color: var(--cashconv-black);
}
.messanger-list .messanger-list-left {
  width: 15%;
  margin-right: 2%;
}
.messanger-list .messanger-list-left img {
  max-height: 60px;
  border-radius: 8px;
}
.messanger-list .messanger-list-right {
  width: 83%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.messanger-list .messanger-list-right .h5 {
  font-weight: bold;
  font-size: 20px;
  color: var(--cashconv-black);
  margin-bottom: 5px;
}
.messanger-list .messanger-list-right p {
  font-size: 18px;
  color: rgba(112, 112, 112, 0.5);
}
.messanger-list .messanger-list-right .messanger-date {
  color: rgba(112, 112, 112, 0.5);
}

.messanger-status {
  position: relative;
  margin-bottom: 25px;
}
.messanger-status:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50px;
  background-color: var(--secondary_color);
}
.messanger-status.away:before {
  background-color: var(--secondary_color);
}

.messanger-header {
  display: flex;
  align-items: center;
  background-color: var(--primary_color);
  padding: 10px;
}
.messanger-header .messanger-status {
  padding-left: 20px;
  margin-bottom: 0;
  color: var(--secondary_color);
}
.messanger-header .messanger-status:before {
  width: 12px;
  height: 12px;
  left: 7px;
  top: 1px;
}
.messanger-header .h5 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 0;
  color: var(--btn-primary-color);
}
.messanger-header .messanger-header-left {
  width: 15%;
  margin-right: 2%;
}
.messanger-header .messanger-header-left img {
  width: 100%;
  border-radius: 8px;
}
.messanger-header .messanger-header-right {
  width: 83%;
  position: relative;
}
.messanger-header .messanger-header-right span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 30px;
  color: var(--btn-primary-color);
  font-size: 1.2rem;
}

.messanger-body {
  background-color: var(--cash-message-body);
  padding: 15px;
}
.messanger-body .messanger-date {
  margin-bottom: 15px;
  text-align: center;
}
.messanger-body .recieved, .messanger-body .sent {
  align-items: center;
  margin-bottom: 25px;
}
.messanger-body .recieved .messages, .messanger-body .sent .messages {
  padding: 10px 35px;
  position: relative;
}
.messanger-body .recieved p, .messanger-body .sent p {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--cashconv-black);
}
.messanger-body .recieved {
  display: flex;
  justify-content: flex-start;
}
.messanger-body .recieved .messages {
  background-color: var(--cashconv-silver);
  border-radius: 45px 45px 45px 0px;
}
.messanger-body .recieved .message-time {
  margin-left: 15px;
}
.messanger-body .sent {
  display: flex;
  justify-content: flex-end;
}
.messanger-body .sent .messages {
  background-color: var(--secondary_color);
  border-radius: 45px 45px 0px 45px;
  padding: 10px 50px 10px 35px;
}
.messanger-body .sent .message-time {
  margin-right: 15px;
}
.messanger-body .message-time {
  font-size: 14px;
  color: rgba(112, 112, 112, 0.5);
}
.messanger-body .single-check:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 10px;
  width: 7px;
  height: 13px;
  border: solid var(--primary_color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.messanger-body .double-check:after, .messanger-body .double-check:before {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 10px;
  width: 7px;
  height: 13px;
  border: solid var(--primary_color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.messanger-body .double-check:before {
  bottom: 9px;
  right: 15px;
}

.messanger-footer {
  background-color: var(--btn-primary-bg);
  height: 70px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.messanger-footer .view-more-mob-btn {
  display: none;
}
.messanger-footer .send-icon {
  margin-left: 2%;
  color: var(--btn-primary-color);
  font-size: 2rem;
}
.messanger-footer .send-icon img {
  max-width: 30px;
}
.messanger-footer .input-area {
  position: relative;
  width: 95%;
}
.messanger-footer .input-area .add-icon {
  background-color: var(--secondary_color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--main_navbar_text_color);
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50px;
}
.messanger-footer .input-area .emoji-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 1px;
}
.messanger-footer .input-area .emoji-icon img {
  max-width: 40px;
}
.messanger-footer .input-area .form-control {
  background-color: var(--btn-primary-bg);
  border-radius: 35px;
  height: 50px;
  padding: 10px 10px 10px 30px;
  font-size: 16px;
  color: var(--btn-primary-color);
}
.messanger-footer .input-area .form-control::-moz-placeholder {
  color: var(--btn-primary-color);
}
.messanger-footer .input-area .form-control::placeholder {
  color: var(--btn-primary-color);
}

/*messages end*/
/*my coupon start*/
.my-coupon-content {
  padding: 40px 0;
}
.my-coupon-content label {
  margin-bottom: 10px;
}

.custom-dropdown.inner-custom-dropdown {
  background-color: var(--cashconv-silver);
  border-radius: 3px;
}
.custom-dropdown.inner-custom-dropdown select {
  width: 100%;
  padding: 12px 20px;
}
.custom-dropdown.inner-custom-dropdown:after {
  border-color: var(--cashconv-black);
  right: 15px;
  top: 15px;
}

.my-coupons-top {
  display: flex;
  justify-content: center;
}
.my-coupons-top .col-sm-6 {
  display: flex;
  justify-content: space-between;
}
.my-coupons-top .col-sm-6 .form-group {
  margin-bottom: 15px;
  width: 48%;
}

.my-coupon-details p {
  font-size: 14px;
  line-height: 21px;
}

.mycoupons-date p {
  font-size: 22px;
}

.challenges-list.mycoupons-list {
  margin-top: 40px;
}
.challenges-list.mycoupons-list ul li {
  border-radius: 18px;
  overflow: hidden;
  position: relative;
}
.challenges-list.mycoupons-list ul li.Uncollected:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--background-cover-my-coupons);
  z-index: 1;
}
.challenges-list.mycoupons-list ul li.Uncollected .btn-secondary {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  min-width: 150px;
}
.challenges-list.mycoupons-list .challenge-thumb-outer {
  padding: 0;
}
.challenges-list.mycoupons-list .challenge-thumb-outer img {
  max-width: none;
  height: 280px;
}
.challenges-list.mycoupons-list .challenge-inner-list {
  border: solid 2px var(--primary_color);
  position: relative;
  border-radius: 18px;
}
.challenges-list.mycoupons-list .challenge-inner-list li:first-child {
  border-radius: 18px 0 0 18px;
}
.challenges-list.mycoupons-list .challenge-inner-list:after, .challenges-list.mycoupons-list .challenge-inner-list:before {
  content: "";
  position: absolute;
  top: -25px;
  right: 220px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: var(--main_navbar_text_color);
  border: solid 2px var(--primary_color);
  z-index: 1;
}
.challenges-list.mycoupons-list .challenge-inner-list:before {
  top: auto;
  bottom: -25px;
}
.challenges-list.mycoupons-list .challenge-detail-content {
  min-height: 150px;
}

/*my coupon end*/
.form-group.form-box.pass-box {
  padding-right: 30px;
}
.form-group.form-box.pass-box i {
  position: absolute;
  right: 15px;
  top: 20px;
}

.mandatory {
  color: cashconv-red;
}

.nav > li.mob-link {
  display: none;
}

.nav > li.desk-link {
  display: block;
  text-align: center;
}

.view-profile ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.view-profile ul li {
  width: 50%;
}
.view-profile ul li.checkbox-field {
  width: 100%;
}

.my-medals-area .modal-badges {
  overflow: hidden;
}
.my-medals-area .modal-badges h3 {
  font-size: var(--h3_font_size_desk);
  color: var(--cashconv-black);
  font-family: var(--tertiary_font_family);
  font-weight: bold;
  margin-bottom: 1.2rem;
  line-height: 28px;
}

.d-flex {
  display: flex;
}

.fa-chevron-circle-left:before {
  margin-right: 10px;
}

.bold {
  font-weight: bold;
}

.padding-0 {
  padding: 0px !important;
}

.mt-16 {
  margin-top: 1rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mt-0 {
  margin-top: 0px;
}

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.w56 {
  width: 56%;
}

.p-tb2 {
  padding: 2.5rem 0rem;
}

.m-auto {
  margin: 0 auto;
}

.bannerhome {
  padding-top: 0px;
}

.p-0 {
  padding: 0px;
}

.m-0 {
  margin: 0px !important;
}

.m-auto {
  margin: 0 auto;
}

.ml-1 {
  margin-left: 8px !important;
}

@media (min-width: 992px) {
  .text-md-center {
    text-align: center !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
}
.greybg {
  background: var(--cashconv-sliverdark);
}

.customradio input[type=radio] {
  display: none;
}

.customradio input[type=radio]:checked ~ label::after {
  content: "";
  right: 7px;
  top: -14px;
  position: absolute;
  border: 0;
  width: 0.5rem;
  height: 1.06rem;
  border: solid var(--main_navbar_text_color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 0;
}

input[type=radio]:checked ~ label::before {
  background: var(--secondary_color);
}

.customradio label::before,
.customradio label::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: -14px;
  right: 0;
  border-radius: 50%;
  border: 1px solid var(--cashconv-lighterGrey);
}

.customradio input:checked ~ .checkmark {
  border: 1px solid var(--cashconv-lighterGrey) !important;
}

.surveyradiobox .checkbox:hover input ~ .checkmark {
  background: none;
  border: 1px solid var(--cashconv-darkGrey);
}

section p {
  color: var(--cashconv-medgrey);
  font-size: 1.25rem;
  line-height: 28px;
  font-family: var(--primary_font_family);
  font-weight: normal;
}
@media (max-width: 990px) {
  section p {
    font-size: 1rem;
    line-height: 24px;
  }
}
section h3 {
  font-size: var(--h3_font_size_desk);
  color: var(--cashconv-black);
  font-family: var(--tertiary_font_family);
  font-weight: bold;
  margin-bottom: 1.2rem;
  line-height: 28px;
}
@media (max-width: 767px) {
  section h3 {
    font-size: var(--h3_font_size_mobi);
  }
}

.textbalckbold18 {
  color: var(--cashconv-black);
  text-transform: uppercase;
  font-family: var(--secondary_font_family);
  font-size: 1.25rem;
}

.section-title h2 {
  font-size: var(--h2_font_size_desk);
  color: var(--cashconv-black);
  font-family: var(--tertiary_font_family);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media (max-width: 990px) {
  .section-title h2 {
    font-size: var(--h2_font_size_mobi);
    line-height: 30px;
  }
}

.padding-0 {
  padding: 0rem !important;
}

.margin-0 {
  margin: 0rem !important;
}

body.home {
  padding-top: 0px;
}
body.home .navbar {
  background: var(--bg_home_header);
  z-index: 1;
  right: 0;
  left: 0;
  display: var(--navbar-display);
}
@media (max-width: 767px) {
  body.home .navbar {
    background: var(--header_bg_color);
    display: block;
  }
}

.bannerhome {
  margin: 0 auto;
  max-width: 1440px;
  margin-top: -10px;
}

.homebanner .carousel-home .carousel-inner {
  border-radius: var(--home_slider_rounded_borders);
}
.homebanner .carousel-home .imagen-destacado-dt {
  min-height: 200px;
  max-height: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media (max-width: 767px) {
  .homebanner .carousel-home .imagen-destacado-dt {
    min-height: 350px;
    max-height: 350px;
  }
}
.homebanner .carousel-home .carousel-indicators {
  position: inherit;
  margin-top: 1.5rem;
  left: 120px;
  display: block;
}
.homebanner .carousel-home .carousel-indicators li {
  width: 1.5rem;
  height: 0.43rem;
  background-color: var(--bg_color_buttons);
  border: 10px;
}
.homebanner .carousel-home .carousel-indicators li.active {
  background-color: var(--bg_color_buttons);
  width: 4rem;
  height: 0.43rem;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .homebanner .carousel-home .carousel-indicators {
    left: 0;
    bottom: -21px;
    right: 0;
    margin: 0 auto;
  }
}
.homebanner .carousel-home .destacado-carousel {
  left: -1%;
  transform: translate(0%, -30%);
  min-height: auto;
  padding: 0;
}
@media (max-width: 766px) {
  .homebanner .carousel-home .destacado-carousel {
    background-color: var(--cashconv-black);
    transform: translate(0%, 0%);
  }
}
@media (max-width: 567px) {
  .homebanner .carousel-home .destacado-carousel {
    padding: 6px 0px;
  }
}
.homebanner .carousel-home .destacado-carousel .texto-destacado {
  background: var(--desktop_homeslider_textbox_bg);
  border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  padding: 3.31rem 2.93rem 2.87rem 6.56rem;
  width: var(--desktop_slider_textbox_width);
  float: left;
}
@media (min-width: 766px) {
  .homebanner .carousel-home .destacado-carousel .texto-destacado {
    min-height: 200px;
    height: var(--slider-home-highlighted-text-height);
  }
}
@media (max-width: 990px) {
  .homebanner .carousel-home .destacado-carousel .texto-destacado {
    width: var(--small_desktop_slider_textbox_width);
    padding: 2.5rem 2.93rem 2.5rem 2.81rem;
  }
}
@media (max-width: 766px) {
  .homebanner .carousel-home .destacado-carousel .texto-destacado {
    width: 100%;
    padding: 21px 27px 21px 27px;
    background: var(--mobile_homeslider_textbox_bg);
  }
}
.homebanner .carousel-home .destacado-carousel .texto-destacado h1 {
  font-size: var(--h1_font_size_desk);
  text-transform: uppercase;
  text-align: left;
  color: var(--desktop_homeslider_font_color);
  font-family: var(--tertiary_font_family);
  margin-bottom: 1rem;
  line-height: 40px;
}
@media (max-width: 766px) {
  .homebanner .carousel-home .destacado-carousel .texto-destacado h1 {
    font-size: var(--h1_font_size_mobi);
    color: var(--mobile_homeslider_font_color);
    text-align: center;
    margin-bottom: 0;
  }
}
@media (min-width: 766px) {
  .homebanner .carousel-home .destacado-carousel .texto-destacado h1 {
    margin-top: 90px;
  }
}
.homebanner .carousel-home .destacado-carousel .texto-destacado h2 {
  font-size: var(--h2_font_size_desk);
  color: var(--desktop_homeslider_font_color);
  margin-bottom: 0.93rem;
  font-family: var(--primary_font_family);
  line-height: 32px;
}
@media (max-width: 766px) {
  .homebanner .carousel-home .destacado-carousel .texto-destacado h2 {
    font-size: var(--h2_font_size_mobi);
    text-align: center;
    margin-bottom: 0px;
  }
}
.homebanner .carousel-home .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
  float: left;
}
@media (max-width: 767px) {
  .homebanner .carousel-home .btn {
    float: none;
    display: inline-block;
  }
}
.homebanner .carousel-control {
  background-image: none;
  width: 5% !important;
}

.enlaces-home .enlace-home.rounded .txt-enlace-home h3 {
  min-height: 66px;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .enlaces-home .enlace-home.rounded .txt-enlace-home h3 {
    min-height: auto;
  }
}
.enlaces-home .enlace-home.rounded .txt-enlace-home p {
  max-width: 100%;
}

.imagen-enlace-home {
  width: auto !important;
  padding: 0px;
  border-radius: 0 !important;
}
.imagen-enlace-home img {
  width: 100% !important;
}
@media (max-width: 767px) {
  .imagen-enlace-home img {
    height: auto;
  }
}

.divchallanges {
  margin-top: 3.12rem;
  display: flex;
}
@media (max-width: 990px) {
  .divchallanges {
    margin-top: 1.5rem;
  }
}
.divchallanges h2 {
  font-size: 2rem;
}
@media (max-width: 567px) {
  .divchallanges h2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .divchallanges {
    flex-direction: column;
  }
}
.divchallanges .item-enlace-home.col-sm-4 {
  width: auto;
  border: 2px solid transparent;
  transition: border 0.5s ease;
  border-radius: 6px;
  padding: 1.5rem 1.37rem 1.8rem 1.37rem;
}
@media (max-width: 767px) {
  .divchallanges .item-enlace-home.col-sm-4 {
    margin: 0 auto 2.5rem;
    width: 75% !important;
  }
}
.divchallanges .item-enlace-home.col-sm-4:hover {
  border: 2px solid var(--primary_color);
}
@media (max-width: 767px) {
  .divchallanges .item-enlace-home.col-xs-12 {
    width: 75% !important;
  }
}
.divchallanges .divchallangelist .imagen-enlace-home {
  padding: 0px;
}
.divchallanges .divchallangelist p {
  font-size: 1.1rem;
}
.divchallanges .divchallangelist h3 {
  font-size: var(--h3_font_size_desk);
  font-family: var(--secondary_font_family);
}
@media (max-width: 1200px) {
  .divchallanges .divchallangelist h3 {
    min-height: 56px;
    margin-top: 1.2rem;
  }
}
@media (max-width: 767px) {
  .divchallanges .divchallangelist h3 {
    min-height: auto;
    margin: 0.5rem 0rem;
    line-height: 28px;
    font-size: var(--h3_font_size_mobi);
  }
}
.divchallanges .divchallangelist .divchallgecontent {
  min-height: 119px;
}
@media (max-width: 990px) {
  .divchallanges .divchallangelist .divchallgecontent {
    min-height: 145px;
  }
}
@media (max-width: 767px) {
  .divchallanges .divchallangelist .divchallgecontent {
    min-height: auto;
  }
}
.divchallanges .divchallangelist .btn-primary.btn {
  margin: 0rem auto 0rem;
  float: none;
}

.divwinnerprize {
  padding: 8rem 0rem 1rem 0rem;
}
@media (max-width: 767px) {
  .divwinnerprize {
    padding: 4rem 0rem 2.5rem 0rem;
  }
}
.divwinnerprize .claim h2 {
  font-family: var(--tertiary_font_family);
}
@media (max-width: 767px) {
  .divwinnerprize .claim h2 {
    text-align: center;
    margin-top: 1rem;
    line-height: 35px;
  }
}
.divwinnerprize .claim .text-claim {
  padding-top: 0px;
}
.divwinnerprize .claim .text-claim p {
  font-family: var(--primary_font_family);
  font-size: 1.25rem;
}
@media (max-width: 990px) {
  .divwinnerprize .claim .text-claim p {
    line-height: 24px;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .divwinnerprize .claim .text-claim p {
    text-align: center;
  }
}
@media (max-width: 567px) {
  .divwinnerprize .claim .text-claim p {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .divwinnerprize .claim .text-claim {
    padding: 0rem 0.93rem !important;
  }
}
@media (max-width: 767px) {
  .divwinnerprize .claim {
    width: 70%;
    margin: 0 auto !important;
  }
}
@media (max-width: 767px) {
  .divwinnerprize .claim .btn {
    margin: auto;
    float: none !important;
  }
}
.divwinnerprize .claim .btn {
  float: left;
}

.surveyindex p.intro {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .surveyindex p.intro {
    width: 80%;
  }
}

.surveylist {
  margin-top: 4rem;
}
@media (max-width: 990px) {
  .surveylist {
    margin-top: 2.2rem;
  }
}
.surveylist .surveyslisttitle p.intro {
  color: var(--cashconv-black);
  margin: 0px;
  font-size: 1.31rem;
}

.surveylistgrid {
  box-shadow: 0px 2px 14px 5px #e0dce0;
  counter-increment: numb;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  border-radius: 3px;
}
.surveylistgrid:hover {
  box-shadow: 0px 20px 30px rgba(var(--colorblack), 0.06);
}
.surveylistgrid h3 {
  display: flex;
  justify-content: space-between;
  font-family: var(--secondary_font_family);
  font-size: var(--h3_font_size_desk);
  padding-top: 10px;
  min-height: 122px;
}
.surveylistgrid h3 .rightnumb {
  background: var(--cashconv-lightGrey);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--main_navbar_text_color);
  border-radius: 0 3px 0 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  color: var(--cashconv-darkGrey);
  margin-top: -11px;
}
@media (max-width: 1366px) {
  .surveylistgrid h3 .rightnumb {
    width: 2.43rem;
    height: 2.87rem;
  }
}
@media (max-width: 567px) {
  .surveylistgrid h3 .rightnumb {
    width: 2rem;
    height: 2rem;
  }
}
.surveylistgrid .surveyrightcontent {
  padding-right: 0;
}
.surveylistgrid .survylistimg {
  padding-left: 0;
}
.surveylistgrid .surveyrightcontent .surveybox {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 990px) {
  .surveylistgrid .surveyrightcontent h3 {
    text-align: left;
  }
}
@media (max-width: 567px) {
  .surveylistgrid .surveyrightcontent h3 {
    font-size: 1rem;
    text-align: left;
  }
}

.d-flex {
  display: flex;
}

.swal2-container button.swal2-confirm.swal2-styled {
  background: transparent !important;
  border: 1px solid var(--primary_color) !important;
  color: var(--primary_color);
  border-radius: 3px;
}

.swal2-title,
.swal2-cancel {
  border-radius: 3px !important;
}

.swal2-styled:focus {
  box-shadow: none !important;
}

.swal2-container h2 {
  font-family: var(--secondary_font_family) !important;
}
@media (max-width: 1366px) {
  .swal2-container h2 {
    font-size: var(--h2_font_size_desk);
    color: var(--cashconv-black);
  }
}
@media (max-width: 1366px) and (max-width: 767px) {
  .swal2-container h2 {
    font-size: var(--h2_font_size_mobi);
  }
}

#swal2-content {
  font-family: var(--primary_font_family) !important;
}

.swal2-container .swal2-close {
  width: 1.81rem;
  height: 1.81rem;
  line-height: 26px;
  border: 1px solid var(--cashconv-darkGrey);
  color: var(--cashconv-darkGrey);
  border-radius: 50%;
  right: 24px;
  top: 21px;
  font-size: 1.5rem;
}
.swal2-container .swal2-close:hover {
  color: var(--cashconv-black);
}

.survylistimg {
  min-height: 200px;
}
@media (max-width: 1200px) {
  .survylistimg {
    min-height: 190px;
  }
}
@media (max-width: 767px) {
  .survylistimg {
    min-height: auto;
  }
}
.survylistimg .img-responsive {
  min-height: 220px;
  max-width: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 3px 0 0 3px;
}
@media (max-width: 767px) {
  .survylistimg .img-responsive {
    min-width: auto;
  }
}
.survylistimg .survey-caption {
  color: var(--primary_color);
  border: solid 1px var(--primary_color);
  background-color: var(--cashconv-silver);
  padding: 10px;
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 20px;
  right: 15px;
  border-radius: 0 0 0 3px;
  max-width: 220px;
  opacity: 0.9;
}

.breadcrumbs {
  margin: 0rem 0rem 2.62rem 0rem;
}
@media (max-width: 990px) {
  .breadcrumbs {
    padding: 0px 15px;
    margin-bottom: 1rem;
  }
}
.breadcrumbs ul {
  display: flex;
}
.breadcrumbs ul li {
  padding: 0px;
  border: 0;
}
.breadcrumbs ul li a {
  font-size: 1.06rem !important;
  color: var(--cashconv-darkGrey);
  text-decoration: none;
}
.breadcrumbs ul li a:hover {
  text-decoration: none;
  color: var(--cashconv-black);
}
.breadcrumbs ul li a span {
  padding: 0rem 0.62rem;
}
.breadcrumbs ul li.active a {
  color: var(--cashconv-black);
  font-weight: bold;
}

.innerpagesurvey img {
  border-radius: 3px;
}
.innerpagesurvey p {
  font-size: 1.31rem;
  width: 100%;
  color: var(--cashconv-black);
}
@media (max-width: 767px) {
  .innerpagesurvey p {
    text-align: center;
    font-size: 1rem;
  }
}
@media (max-width: 990px) {
  .innerpagesurvey .img-rounded {
    height: auto;
  }
}
.innerpagesurvey #form-survey ul li {
  background: white;
  border-left: 10px solid var(--primary_color);
  margin-bottom: 3.06rem;
  position: relative;
  padding: 1.2rem 4.85rem 2.5rem;
  float: left;
  width: 100%;
  border-radius: 3px;
}
@media (max-width: 567px) {
  .innerpagesurvey #form-survey ul li {
    padding: 1.2rem 2.5rem 2.5rem 4.5rem;
  }
}
.innerpagesurvey #form-survey ul li h3 {
  margin-bottom: 3.06rem !important;
  font-family: var(--secondary_font_family);
}
.innerpagesurvey #form-survey ul li h3 span {
  position: absolute;
  left: 0px;
  top: 0px;
  color: white;
  background: var(--primary_color);
  width: 46px;
  height: 46px;
  line-height: 46px;
  padding-left: 5px;
  border-bottom-right-radius: 3px;
}
.innerpagesurvey #form-survey ul li .innerforminput .form-box {
  width: 100%;
}
.innerpagesurvey #form-survey ul li .innerforminput .form-box label {
  font-size: 1.2rem;
  font-family: var(--secondary_font_family);
  color: var(--cashconv-black);
}
.innerpagesurvey #form-survey ul li .innerforminput .custom-checkbox {
  width: 50%;
  float: left;
  margin-bottom: 2.5rem;
}
@media (max-width: 567px) {
  .innerpagesurvey #form-survey ul li .innerforminput .custom-checkbox {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
.innerpagesurvey #form-survey ul li .innerforminput .custom-checkbox label {
  font-size: 1.5rem;
  color: var(--cashconv-medgrey);
  line-height: 24px;
}
@media (max-width: 767px) {
  .innerpagesurvey #form-survey ul li .innerforminput .custom-checkbox label {
    font-size: 1.25rem;
  }
}
.innerpagesurvey #form-survey ul li .innerforminput .custom-checkbox input {
  margin: 0px;
}
.innerpagesurvey #form-survey ul li.star {
  border-left: 0;
  margin-bottom: 1rem;
  padding: 0rem 1.25rem 0rem 0rem;
  width: auto;
}
@media (max-width: 567px) {
  .innerpagesurvey #form-survey ul li.star {
    padding: 0rem;
  }
}
.innerpagesurvey #form-survey .bottombtn {
  justify-content: center;
  border-top: 1px solid var(--cashconv-lighterGrey);
  padding-top: 1rem;
}
.innerpagesurvey #form-survey .bottombtn .rightbutton {
  margin-left: 0.62rem;
}

.surveyradiobox input:hover {
  background: none;
}
.surveyradiobox label {
  font-size: 1.4rem;
  color: var(--cashconv-medgrey);
  line-height: 26px;
  padding-left: 2.18rem;
  display: inline-block;
}
@media (max-width: 767px) {
  .surveyradiobox label {
    font-size: 1.2rem;
  }
}
.surveyradiobox label .checkmark {
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.surveyradiobox label .checkmark::after {
  left: 7px;
  top: 0px;
  width: 9px;
  height: 16px;
  border-width: 0 2px 2px 0;
}

.checkbox-container {
  position: relative;
  padding-left: 2.18rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  font-size: 1.37rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--cashconv-lighterGrey);
}
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 10px;
  top: 0px;
  width: 0.5rem;
  height: 1.06rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkbox-container input:checked ~ .checkmark {
  background-color: var(--primary_color);
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

@media (min-width: 767px) {
  .mainarticlelist .mainarticlelisttab.menu-blog {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .mainarticlelist .mainarticlelisttab.menu-blog a {
    min-height: 42px;
  }
}
.mainarticlelist .mainarticlelisttab ul li {
  border-right: 0;
  margin-right: 1.06rem;
}
.mainarticlelist .mainarticlelisttab ul li a {
  color: var(--cashconv-medgrey) !important;
  background: var(--cashconv-silver);
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 23px;
  padding: 11px 16px;
}
.mainarticlelist .mainarticlelisttab ul li a span {
  margin-top: 0px;
  font-size: 17px;
  text-transform: uppercase;
  font-family: var(--primary_font_family) !important;
  font-weight: normal !important;
}
.mainarticlelist .mainarticlelisttab ul li:hover a {
  background: var(--cashconv-darkergrey);
  border-radius: 23px;
  transition: none;
  color: var(--main_navbar_text_color) !important;
}
.mainarticlelist .mainarticlelisttab .menu-blog {
  float: left;
}
.mainarticlelist .mainarticlelisttab .menu-blog .navbar-nav {
  padding: 0px;
}
.mainarticlelist .mainarticlelisttab .glyphicon {
  border: 1px solid var(--cashconv-darkGrey);
  color: var(--cashconv-darkGrey);
  border-radius: 50%;
  font-size: 12px;
  padding: 4px;
  box-shadow: 0px 3px 6px var(--cashconv-black);
}
.mainarticlelist .mainarticlelistcontent .content {
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .mainarticlelist .mainarticlelistcontent .content {
    margin-bottom: 1.5rem;
  }
}
.mainarticlelist .mainarticlelistcontent .content .panel {
  box-shadow: none;
  background: transparent;
  box-shadow: none;
}
.mainarticlelist .mainarticlelistcontent .content .panel h3 {
  font-size: var(--h3_font_size_desk);
  color: var(--cashconv-black);
  font-family: var(--tertiary_font_family);
  font-weight: bold;
  margin-bottom: 1.2rem;
  line-height: 28px;
  text-align: left;
}
@media (max-width: 767px) {
  .mainarticlelist .mainarticlelistcontent .content .panel h3 {
    font-size: var(--h3_font_size_mobi);
  }
}
.mainarticlelist .mainarticlelistcontent .content .panel h3.ellipsis-2 {
  min-height: 59px;
}
@media (max-width: 1200px) {
  .mainarticlelist .mainarticlelistcontent .content .panel h3.ellipsis-2 {
    min-height: 49px;
  }
}
@media (max-width: 990px) {
  .mainarticlelist .mainarticlelistcontent .content .panel h3.ellipsis-2 {
    min-height: auto;
  }
}
.mainarticlelist .mainarticlelistcontent .content .panel p {
  font-size: 1.18rem;
  color: var(--cashconv-darkGrey);
  line-height: 22px;
  padding: 0px;
  margin: 0px 0px 16px 0px;
}
@media (max-width: 767px) {
  .mainarticlelist .mainarticlelistcontent .content .panel p {
    height: auto !important;
    font-size: 1.1rem;
  }
}
.mainarticlelist .mainarticlelistcontent .content .panel .panel-body {
  padding: 0px;
  min-height: 220px;
}
@media (max-width: 767px) {
  .mainarticlelist .mainarticlelistcontent .content .panel .panel-body {
    min-height: 200px;
  }
}
@media (max-width: 767px) {
  .mainarticlelist .mainarticlelistcontent .content .panel .panel-body {
    min-height: auto;
  }
}
.mainarticlelist .mainarticlelistcontent .content .panel img {
  border-radius: 0;
  -o-object-fit: fill;
     object-fit: fill;
}
.mainarticlelist .mainarticlelistcontent .content .panel .img-panel {
  background: transparent;
  padding-top: 0;
  height: 280px;
  display: flex;
  border-radius: 3px 3px 0px 0px;
  justify-content: center;
  overflow: hidden;
}
.mainarticlelist .mainarticlelistcontent .content .panel .img-panel img {
  border-radius: 3px 3px 0 0;
  max-width: none;
  height: 100%;
}
.mainarticlelist .mainarticlelistcontent .content .panel.panel_new_component {
  box-shadow: 0px 2px 14px 5px rgb(224, 220, 224);
  height: var(--des_news_items_height);
  border-radius: 8px 8px 0 0;
}
@media (max-width: 767px) {
  .mainarticlelist .mainarticlelistcontent .content .panel.panel_new_component {
    height: var(--md_news_items_height);
  }
}
@media (max-width: 567px) {
  .mainarticlelist .mainarticlelistcontent .content .panel.panel_new_component {
    height: var(--sm_news_items_height);
  }
}
.mainarticlelist .mainarticlelistcontent .content .panel.panel_new_component .panel-body {
  padding: 20px;
}

.mobiletab {
  display: none;
}
@media (max-width: 990px) {
  .mobiletab {
    display: block;
  }
}

@media (max-width: 990px) {
  .desktopcat .categoriessidebar {
    display: none;
  }
}
.desktopcat .mainarticlelistcontent {
  margin-top: 0;
}
@media (max-width: 990px) {
  .desktopcat .mainarticlelistcontent {
    margin-top: 1.5rem;
  }
}

.newsdetails.article ul li {
  border: 0px;
}
.newsdetails.article .breadcrumbs li {
  padding: 0px;
}
.newsdetails.article .breadcrumbs li a:hover {
  color: var(--cashconv-black);
}
.newsdetails.article img {
  border: 0px;
  border-radius: 0px;
  height: 100% !important;
}
.newsdetails .categoriessidebar {
  background: var(--cashconv-silver);
  border-radius: 4px;
  padding: 0px;
}
@media (max-width: 990px) {
  .newsdetails .categoriessidebar {
    margin: 15px;
  }
}
.newsdetails .categoriessidebar h2 {
  font-size: 1.31rem;
  color: var(--cashconv-black);
  font-family: var(--secondary_font_family) !important;
  border-bottom: 1px solid var(--cashconv-darkGrey);
  padding: 18px;
  line-height: auto;
}
.newsdetails .categoriessidebar ul {
  padding: 18px;
}
.newsdetails .categoriessidebar li {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.87rem;
  padding-bottom: 0.87rem;
}
.newsdetails .categoriessidebar li a {
  font-size: 1.12rem !important;
  color: var(--cashconv-darkGrey);
}
.newsdetails .categoriessidebar li.active a {
  color: var(--primary_color);
}
.newsdetails .categoriessidebar li:hover a {
  color: var(--primary_color);
}
.newsdetails .newscontentdetails .font-primary {
  color: var(--cashconv-medgrey);
  font-size: 1.25rem;
  line-height: 28px;
  font-family: var(--primary_font_family);
  font-weight: normal;
}
.newsdetails .newscontentdetails .article_image {
  border-radius: 0px;
}
.newsdetails .newscontentdetails .articlelist div {
  padding: 0rem 0.93rem;
}
.newsdetails .newscontentdetails .articlevideo {
  margin-top: 4.93rem;
  margin-bottom: 1.87rem;
}
.newsdetails .newscontentdetails .articlesharelinks .Share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.newsdetails .newscontentdetails .articlesharelinks .Share span {
  margin-right: 0.62rem;
  font-size: 1.31rem;
}
.newsdetails .newscontentdetails .articlesharelinks .Share ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.newsdetails .newscontentdetails .articlesharelinks .Share ul li {
  padding: 0rem 0.3rem;
}
.newsdetails .newscontentdetails .articlesharelinks .Share ul li a {
  display: flex;
}
.newsdetails .newscontentdetails .articlesharelinks .Share ul li img {
  width: 2rem;
  height: 2rem;
}
.newsdetails .newscontentdetails .articlesharelinks .fab {
  border-radius: 6px;
}
.newsdetails .newscontentdetails .articlesharelinks .fab.fa-whatsapp-square {
  color: var(--cashconv-whatapp);
}
.newsdetails .newscontentdetails .articlesharelinks .fab.fa-facebook-square {
  color: var(--cashconv-fbbg);
}
.newsdetails .newscontentdetails .articlesharelinks .fab.fa-twitter-square {
  color: var(--cashconv-twbg);
}
.newsdetails .newscontentdetails .articlesharelinks .fab.fa-instagram {
  background: transparent linear-gradient(44deg, var(--cashconv-insta-color1) 0%, var(--cashconv-insta-color2) 54%, var(--cashconv-insta-color3) 100%) 0% 0% no-repeat;
  color: var(--main_navbar_text_color);
  padding: 1px 3px 0;
}
.newsdetails .newscontentdetails .articlesharelinks .fab.fa-instagram::before {
  font-size: 1.8rem;
  display: flex;
}
.newsdetails .newscontentdetails .articlesharelinks .fab.fa-whatsapp-square::before, .newsdetails .newscontentdetails .articlesharelinks .fab.fa-facebook-square::before, .newsdetails .newscontentdetails .articlesharelinks .fab.fa-twitter-square::before {
  font-size: 2rem;
  display: flex;
}

.fab {
  border-radius: 6px;
}
.fab.fa-whatsapp-square {
  color: var(--cashconv-whatapp);
}
.fab.fa-facebook-square {
  color: var(--cashconv-fbbg);
}
.fab.fa-twitter-square {
  color: var(--cashconv-twbg);
}
.fab.fa-instagram {
  background: transparent linear-gradient(44deg, var(--cashconv-insta-color1) 0%, var(--cashconv-insta-color2) 54%, var(--cashconv-insta-color3) 100%) 0% 0% no-repeat;
  color: var(--main_navbar_text_color);
  padding: 1px 3px 0;
}
.fab.fa-instagram::before {
  font-size: 1.8rem;
  display: flex;
}
.fab.fa-whatsapp-square::before, .fab.fa-facebook-square::before, .fab.fa-twitter-square::before {
  font-size: 2rem;
  display: flex;
}

.articlelisting {
  margin-top: 1.25rem;
  padding-top: 2.5rem;
  border-top: 1px solid;
}
.articlelisting div {
  padding: 0rem 0.93rem !important;
}

.article_component .articlesharelinks .share a {
  display: inline-block;
}
@media (max-width: 990px) {
  .article_component .articlesharelinks .share {
    text-align: center;
    padding: 0px 5px;
  }
}
@media (max-width: 990px) {
  .article_component .articlesharelinks .share span {
    display: block;
    margin: 0.5rem 0;
  }
}

.newsreturnbtn .btn {
  margin: auto;
  float: none;
}
.newsreturnbtn .btn .fa {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .newsreturnbtn .btn {
    margin: 0 auto;
  }
}

.catelogmaintitle {
  margin-bottom: 1rem;
}

.catalogrightdetails h3 {
  margin-bottom: 1.5rem !important;
}

.catalogueindex .ctarigtorderbtn {
  justify-content: flex-end;
  display: flex;
}
@media (max-width: 990px) {
  .catalogueindex .catelogmaintitle {
    margin-bottom: 1rem;
  }
}

.cataloguedetails .categoriessidebar {
  padding: 0rem;
}
.cataloguedetails .ranking-container h4 {
  font-size: 1.2rem;
  color: var(--cashconv-darkGrey);
  margin-bottom: 1rem;
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist {
  display: flex;
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue {
  border: 1px solid var(--cashconv-lightGrey);
  border-radius: 8px;
  text-align: center;
  margin-right: 15px;
  width: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue.disable {
  opacity: 0.4;
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue .chartoption {
  font-size: 1.3rem;
  margin: 1rem 0px 0rem;
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue .chartponits {
  font-size: 0.88rem;
  margin: 0;
}
@media (max-width: 567px) {
  .cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue .chartponits {
    font-size: 0.7rem;
  }
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue.checked {
  border: 2px solid var(--primary_color);
  color: var(--primary_color);
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue.checked p {
  color: var(--primary_color);
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue.checked .Leftpointstext {
  border-radius: 0 0 5px 5px;
  margin-bottom: 0;
}
.cataloguedetails .ranking-container .sizechartbox .sizechartboxlist .chartvalue:last-child {
  margin-right: 0;
}
.cataloguedetails .ranking-container .sizechartbox .Leftpointstext {
  background: var(--cashconv-black);
  padding: 0px 7px;
  margin: 0px;
  border-radius: 0 0 8px 8px;
  left: 0px;
  right: 0;
  margin-bottom: -2px;
  width: 102%;
}
@media (max-width: 567px) {
  .cataloguedetails .ranking-container .sizechartbox .Leftpointstext {
    min-width: 70px;
  }
}
.cataloguedetails .ranking-container .sizechartbox .Leftpointstext span {
  font-size: 0.68rem;
  color: white;
}
.cataloguedetails .ranking-container .sizechartselectbox {
  margin-bottom: 3rem;
}
.cataloguedetails .ranking-container .sizechartselectbox .points-area {
  width: 80px;
  display: flex;
  border: 1px solid var(--cashconv-darkGrey);
  border-radius: 4px;
  height: 30px;
}
.cataloguedetails .ranking-container .sizechartselectbox .points-area input {
  border: 0;
  padding: 0px 5px 0px 20px;
  width: 80px;
  background: none;
}
.cataloguedetails .ranking-container .sizechartselectbox .points-area input#unit[type=number] {
  font-size: 16px;
  font-weight: bold;
}
.cataloguedetails .ranking-container .sizechartselectbox .points-area input:focus {
  border: 0;
  outline: 0;
}
.cataloguedetails .ranking-container .sizechartselectbox .other-points span {
  display: none;
  background: var(--cashconv-offWhite);
  padding: 12px 13px;
  color: var(--cashconv-darkGrey);
}
.cataloguedetails h5 {
  font-size: 1.26rem;
  color: var(--cashconv-black);
  font-weight: bold;
}
.cataloguedetails .article_component p.cataloguedetailsshare {
  text-align: left;
  padding: 1.5rem 0rem;
}
.cataloguedetails .carousel-control {
  height: 20%;
  margin: auto;
}

.cataloguedetailsshare {
  text-align: left;
  padding: 1.5rem 0rem;
}
.cataloguedetailsshare .fab {
  border-radius: 6px;
}
.cataloguedetailsshare .fab.fa-whatsapp-square {
  color: var(--cashconv-whatapp);
}
.cataloguedetailsshare .fab.fa-facebook-square {
  color: var(--cashconv-fbbg);
}
.cataloguedetailsshare .fab.fa-twitter-square {
  color: var(--cashconv-twbg);
}
.cataloguedetailsshare .fab.fa-instagram {
  background: transparent linear-gradient(44deg, var(--cashconv-insta-color1) 0%, var(--cashconv-insta-color2) 54%, var(--cashconv-insta-color3) 100%) 0% 0% no-repeat;
  color: var(--main_navbar_text_color);
  padding: 1px 3px 0;
}
.cataloguedetailsshare .fab.fa-instagram::before {
  font-size: 1.8rem;
  display: flex;
}
.cataloguedetailsshare .fab.fa-whatsapp-square::before, .cataloguedetailsshare .fab.fa-facebook-square::before, .cataloguedetailsshare .fab.fa-twitter-square::before {
  font-size: 2rem;
  display: flex;
}
.cataloguedetailsshare a {
  display: inline-block;
}

.product-subtitle {
  font-size: 1.4rem;
  color: var(--cashconv-darkGrey);
  margin-bottom: 1rem;
}

.justify-content-between {
  justify-content: space-between;
}

.linkdetails {
  margin-top: 2rem;
}

.gameindex p.intro {
  color: var(--cashconv-medgrey) !important;
  margin: 0px;
  font-size: 1.31rem;
  margin: 0px auto;
  padding: 16px 0 32px;
  border-bottom: 1px solid var(--cashconv-lighterGrey);
  line-height: 24px;
}
.gameindex .gamelistcontent {
  margin-top: 1rem;
}
@media (max-width: 567px) {
  .gameindex .gamelistcontent {
    margin-top: 0.5rem;
  }
}
.gameindex .gamelistcontent h3 {
  color: var(--main_navbar_text_color) !important;
  text-align: left !important;
  font-size: 20px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 84px;
}
@media (max-width: 767px) {
  .gameindex .gamelistcontent h3 {
    min-height: auto;
    text-align: center !important;
  }
}
.gameindex .img-panel {
  padding: 0px !important;
  background: none !important;
}
@media (max-width: 567px) {
  .gameindex .img-panel {
    padding: 15px 0px !important;
  }
}
.gameindex .panel .panel-body {
  margin-top: 0px;
}

.panel .panel-content {
  min-height: 90px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .panel .panel-content {
    min-height: auto;
  }
}

.gamelistcontent {
  min-height: 308px;
}
.gamelistcontent .panel {
  background: var(--bg-game-box) !important;
  padding: 1.73rem 1.33rem;
  box-shadow: none;
}
@media (max-width: 990px) {
  .gamelistcontent .panel {
    padding: 1.73rem;
  }
}
.gamelistcontent .panel.panel-default {
  margin: 0px !important;
  padding: 20px;
}
.gamelistcontent .panel .info {
  color: var(--main_navbar_text_color) !important;
  font-size: 1.1rem;
  text-align: left;
  padding: 1rem 0rem;
  margin: 0rem 0 0 0 !important;
}
.gamelistcontent .panel .info .fas {
  min-height: 1rem;
}
@media (max-width: 767px) {
  .gamelistcontent .panel .info {
    text-align: center !important;
  }
}
.gamelistcontent .panel p {
  text-align: left;
  color: var(--main_navbar_text_color) !important;
  border-left: 2px solid var(--main_navbar_text_color);
  font-size: 0.88rem !important;
  line-height: 22px !important;
}
@media (max-width: 767px) {
  .gamelistcontent .panel p {
    text-align: center !important;
    border-left: none;
  }
}
@media (max-width: 767px) {
  .gamelistcontent .panel p.panel-height {
    height: auto;
  }
}
@media (max-width: 567px) {
  .gamelistcontent .panel p {
    font-size: 0.75rem !important;
  }
}
.gamelistcontent .panel .img-panel {
  min-height: 239px;
}
@media (max-width: 1200px) {
  .gamelistcontent .panel .img-panel {
    min-height: 180px;
  }
}
@media (max-width: 990px) {
  .gamelistcontent .panel .img-panel {
    min-height: 278px;
  }
}
@media (max-width: 767px) {
  .gamelistcontent .panel .img-panel {
    min-height: 204px;
  }
}
@media (max-width: 567px) {
  .gamelistcontent .panel .img-panel {
    min-height: 120px;
  }
}
@media (max-width: 567px) {
  .gamelistcontent .panel .img-panel {
    min-height: 90px;
  }
}
.gamelistcontent .panel .img-panel img {
  border-radius: 0;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 280px;
}
@media (max-width: 990px) {
  .gamelistcontent {
    min-height: auto;
  }
}

.game .header-game.header-gameN {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--cashconv-darkGrey);
}
.game .header-game.header-gameN p {
  font-size: 1.25rem;
  font-family: var(--primary_font_family);
  word-wrap: break-word;
}

.gamedetails img {
  border-radius: 3px;
}
.gamedetails .cover {
  background: var(--bg-game-box) !important;
}
.gamedetails .carousel-indicators {
  bottom: -55px;
  color: var(--tertiary_color);
  font-size: 1.77rem !important;
  left: 0;
  margin: auto;
  right: 0;
}
@media (max-width: 767px) {
  .gamedetails .carousel-indicators {
    font-size: 1.27rem !important;
  }
}
@media (max-width: 567px) {
  .gamedetails .carousel-indicators {
    font-size: 1rem !important;
  }
}
@media (max-width: 360px) {
  .gamedetails .carousel-indicators {
    font-size: 1rem !important;
  }
}
.gamedetails p.w60 {
  color: var(--cashconv-black);
  width: 60%;
  margin: 1rem auto 2rem;
}
@media (min-width: 998px) {
  .gamedetails .training-contents .overflow-auto {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .gamedetails .training-contents .training-height {
    height: 177px;
  }
}
@media (min-width: 1200px) {
  .gamedetails .training-contents .training-height {
    height: 222px;
  }
}
.gamedetails .training-contents .v-align-middle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.gamedetails .training-contents .border {
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.gamedetails .training-contents .overflow-auto .btn {
  padding: 6px 12px;
}
.gamedetails .training-contents .col-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.gamedetails .training-contents .btn > a {
  height: 19px;
  margin-top: -3px;
  color: var(--btn-primary-color);
}
.gamedetails .training-contents button > a > i {
  height: 16px;
}
.gamedetails .training-contents .i-circle-div {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-bg);
  border-radius: 100%;
  height: 48px;
  width: 48px;
  margin-left: 16px;
}
.gamedetails .training-contents .i-circle {
  font-size: 28px;
  margin-left: -2px;
  margin-top: 11px;
}
.gamedetails .training-contents .i-circle.fa-image, .gamedetails .training-contents .i-circle.fa-download, .gamedetails .training-contents .i-circle.fa-youtube-square, .gamedetails .training-contents .i-circle.fa-external-link-alt, .gamedetails .training-contents .i-circle.fa-podcast {
  color: var(--btn-primary-color);
}
.gamedetails .training-contents .i-circle.fa-image {
  margin-left: -4px;
  margin-top: 11px !important;
}
.gamedetails .training-contents .i-circle.fa-download, .gamedetails .training-contents .i-circle.fa-external-link-alt {
  font-size: 24px;
}

.ranking-container tbody td.points {
  color: var(--cashconv-black) !important;
}

.box-game #start-game {
  margin: 0 auto;
  border: 0 !important;
}

.articlenew .copy-link-area .form-group {
  border: 1px solid var(--cashconv-blue);
  height: 40px;
  display: flex;
  padding: 10px;
  margin-left: 10px;
  align-items: center;
}
.articlenew .copy-link-area .form-group a {
  text-decoration: none;
  font-size: 14px !important;
  color: var(--cashconv-blue);
}
@media (max-width: 990px) {
  .articlenew .copy-link-area .form-group a {
    font-size: 12px !important;
  }
}
.articlenew .copy-link-area .fa-paperclip {
  color: var(--main_navbar_text_color);
}

.listwrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px;
  height: 45px;
  text-align: left;
}
.listwrapper .list {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 3000px;
  margin-left: 0px;
  margin-top: 0px;
}
.listwrapper .list li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: var(--cashconv-lighterGrey);
  vertical-align: middle;
}
@media (max-width: 767px) {
  .listwrapper .list li {
    width: auto;
  }
}

.scroller {
  text-align: center;
  cursor: pointer;
  display: none;
  padding: 7px;
  padding-top: 11px;
  white-space: no-wrap;
  vertical-align: middle;
  background-color: var(--main_navbar_text_color);
}

.scroller-right {
  float: right;
  position: absolute;
  right: -54px;
}
@media (max-width: 990px) {
  .scroller-right {
    position: initial;
  }
}

.scroller-left {
  float: left;
  position: absolute;
  left: -54px;
}
@media (max-width: 990px) {
  .scroller-left {
    position: initial;
  }
}

.product-thumbnail-slider {
  position: relative;
  border-radius: 8px 8px 0px 0px;
}
@media (max-width: 990px) {
  .product-thumbnail-slider {
    margin-bottom: 30px;
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.product-thumbnail-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.product-thumbnail-slider .slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.product-thumbnail-slider .slick-track:after {
  clear: both;
}

.product-thumbnail-slider .slick-loading .slick-track {
  visibility: hidden;
}

.product-thumbnail-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.product-thumbnail-slider [dir=rtl] .slick-slide {
  float: right;
}

.product-thumbnail-slider .slick-slide img {
  display: block;
}

.product-thumbnail-slider .slick-slide.slick-loading img {
  display: none;
}

.product-thumbnail-slider .slick-slide.dragging img {
  pointer-events: none;
}

.product-thumbnail-slider .slick-initialized .slick-slide {
  display: block;
}

.product-thumbnail-slider .slick-loading .slick-slide {
  visibility: hidden;
}

.product-thumbnail-slider .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.product-thumbnail-slider .slick-arrow.slick-hidden {
  display: none;
}

.product-thumbnail-slider .slider.slider-nav.slick-initialized.slick-slider {
  padding: 15px;
  bottom: 0px;
  position: absolute;
  z-index: 3;
  width: 100%;
}

.product-thumbnail-slider .slick-slider {
  margin-bottom: 0px;
}

.product-thumbnail-slider .slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.product-thumbnail-slider .slider.slider-nav.slick-initialized.slick-slider .slick-slide {
  margin: 0px 5px;
  height: 100px;
}

.product-thumbnail-slider .slick-dots {
  display: none !important;
}

.product-thumbnail-slider .slider.slider-nav.slick-initialized.slick-slider img {
  min-height: 100px !important;
  height: auto !important;
}

.product-thumbnail-slider .slider.slider-nav.slick-initialized.slick-slider iframe {
  pointer-events: none;
  min-height: 100px !important;
}

.slider.slider-nav.slick-initialized.slick-slider iframe {
  height: 100px !important;
  pointer-events: none;
}

.product-thumbnail-slider .slick-prev {
  left: -15px;
  z-index: 2000;
}

.product-thumbnail-slider .slick-next {
  right: 0px;
  z-index: 2000;
}

.product-thumbnail-slider .slick-prev:before,
.product-thumbnail-slider .slick-next:before {
  color: var(--cashconv-black) !important;
  opacity: 1 !important;
  font-size: 35px;
}

.product-thumbnail-slider .slider.slider-nav.slick-initialized.slick-slider {
  height: 120px;
  bottom: auto;
}
@media (max-width: 990px) {
  .product-thumbnail-slider .slider.slider-nav.slick-initialized.slick-slider {
    bottom: 0;
    display: none;
  }
}

.product-thumbnail-slider .slick-slider {
  height: 500px;
  border: 1px solid var(--cashconv-silver);
}

.product-thumbnail-slider .slick-initialized .slick-slide img {
  height: 500px !important;
  -o-object-fit: fill;
     object-fit: fill;
}
@media (max-width: 1200px) {
  .product-thumbnail-slider .slick-initialized .slick-slide img {
    height: 500px !important;
  }
}

.product-thumbnail-slider .slick-initialized .slick-slide iframe {
  height: 500px !important;
  -o-object-fit: fill;
     object-fit: fill;
}
@media (max-width: 1200px) {
  .product-thumbnail-slider .slick-initialized .slick-slide iframe {
    height: 500px !important;
  }
}

.product-thumbnail-slider .slider.slider-for.slick-initialized.slick-slider .slick-next,
.product-thumbnail-slider .slider.slider-for.slick-initialized.slick-slider .slick-prev {
  display: none !important;
}
@media (max-width: 990px) {
  .product-thumbnail-slider .slider.slider-for.slick-initialized.slick-slider .slick-next,
  .product-thumbnail-slider .slider.slider-for.slick-initialized.slick-slider .slick-prev {
    display: block !important;
  }
}

.pn-product-nav-wrapper {
  color: var(--primary);
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
}

.pn-product-nav {
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  margin: 0px 20px;
  position: relative;
  font-size: 0;
}
.js .pn-product-nav {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.js .pn-product-nav::-webkit-scrollbar {
  display: none;
}

.pn-product-nav-contents {
  float: left;
  transition: transform 0.2s ease-in-out;
  position: relative;
}

.pn-product-nav-contents-no-transition {
  transition: none;
}

.pn-ProductNav_Link {
  text-decoration: none;
  color: var(--cashconv-medgrey);
  font-size: 1.06rem;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border: 1px solid transparent;
  padding: 0 20px;
  background: var(--cashconv-silver);
  margin-right: 10px;
  border-radius: 23px;
  text-transform: uppercase;
  font-family: var(--primary_font_family);
}
.pn-ProductNav_Link + .pn-ProductNav_Link {
  background: var(--cashconv-silver);
  border-radius: 23px;
  margin-right: 10px;
  color: var(--cashconv-medgrey);
}
.pn-ProductNav_Link[aria-selected=true] {
  color: var(--main_navbar_text_color);
}
.pn-ProductNav_Link:hover {
  color: var(--main_navbar_text_color);
  text-decoration: none;
  background: var(--cashconv-darkergrey);
}
.pn-ProductNav_Link.active {
  color: var(--main_navbar_text_color);
  background: var(--cashconv-darkergrey);
}
.pn-ProductNav_Link:focus {
  text-decoration: none !important;
  color: var(--cashconv-medgrey);
}

.pn-Advancer {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: opacity 0.3s;
}
.pn-Advancer:focus {
  outline: 0;
}
.pn-Advancer:hover {
  cursor: pointer;
}

.pn-Advancer_Left {
  left: 0;
}
[data-overflowing=both] ~ .pn-Advancer_Left, [data-overflowing=left] ~ .pn-Advancer_Left {
  opacity: 1;
}

.pn-Advancer_Right {
  right: 0;
}
[data-overflowing=both] ~ .pn-Advancer_Right, [data-overflowing=right] ~ .pn-Advancer_Right {
  opacity: 1;
}

.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: var(--cashconv-black);
}

.pn-ProductNav_Indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background-color: transparent;
  transform-origin: 0 0;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

@media screen and (max-width: 767px) {
  table.table-responsive {
    border: 0;
  }
  table.table-responsive caption {
    font-size: 1.3em;
  }
  table.table-responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.table-responsive tr {
    border-bottom: 3px solid var(--cashconv-darkGrey);
    display: block;
    margin-bottom: 1.625em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  table.table-responsive tr.collapse {
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  table.table-responsive tr.collapse.in {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  table.table-responsive td {
    border-bottom: 1px solid var(--cashconv-silver);
    display: block;
    font-size: 0.8em;
    text-align: right !important;
    padding: 10px !important;
  }
  table.table-responsive td.text-center {
    text-align: right !important;
  }
  table.table-responsive td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table.table-responsive td:last-child {
    border-bottom: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  table.trans-tbl tbody td {
    padding: 10px !important;
  }
}
.participationdetails .rankingtable .ranking-container-new .table tbody tr.title {
  background: var(--secondary_color);
}

.intronew {
  color: var(--cashconv-medgrey) !important;
  margin: 0px;
  font-size: 1.31rem;
  margin: 0px auto;
  padding: 16px 0 32px;
  border-bottom: 1px solid var(--cashconv-lighterGrey);
  line-height: 24px;
  border-bottom: 0;
}

.quizindex .intro {
  color: var(--cashconv-medgrey) !important;
  margin: 0px;
  font-size: 1.31rem;
  margin: 0px auto;
  padding: 16px 0 32px;
  border-bottom: 1px solid var(--cashconv-lighterGrey);
  line-height: 24px;
}
.quizindex p.wintext {
  color: var(--secondary_color) !important;
  font-family: var(--primary_font_family);
  font-size: 0.88rem;
  margin-top: 0.5rem !important;
}
.quizindex .checkmark {
  border: 1px solid var(--cashconv-darkGrey) !important;
}
.quizindex .item-training {
  background: white;
  border-left: 10px solid var(--primary_color);
  margin-bottom: 3.06rem;
  position: relative;
  padding: 1.2rem 4.85rem 2.5rem;
  float: left;
  width: 100%;
  border-radius: 3px;
  background: white;
}
@media (max-width: 567px) {
  .quizindex .item-training {
    padding: 1.2rem 2.5rem 2.5rem 4.5rem;
  }
}
.quizindex .item-training h3 {
  margin-bottom: 3.06rem !important;
  font-family: var(--secondary_font_family);
}
.quizindex .item-training h3 span {
  position: absolute;
  left: 0px;
  top: 0px;
  color: white;
  background: var(--primary_color);
  width: 46px;
  height: 46px;
  line-height: 46px;
  padding-left: 5px;
  border-bottom-right-radius: 3px;
}
.quizindex .item-training .Answertickbox {
  position: absolute;
  right: 80px;
  top: 40px;
}
.quizindex .item-training .Answertickbox span {
  color: var(--secondary_color);
  font-size: 1.15rem;
}
.quizindex .item-training .Answertickbox .surveyradiobox.surveyradiobox2 {
  height: 33px;
  width: 27px;
  margin: 0 auto;
}
.quizindex .item-training.selectanswer {
  border-left: 10px solid var(--secondary_color);
}
.quizindex .item-training.selectanswer .item-training {
  background: none;
}
.quizindex .item-training.selectanswer h3 span {
  background: var(--secondary_color);
  font-size: 1.15rem;
}
.quizindex .item-training.selectanswer .checkbox input:checked ~ .checkmark {
  background-color: var(--secondary_color);
  border: 1px solid var(--secondary_color) !important;
}
.quizindex .item-training h3 span {
  padding: 0px 13px;
  text-align: center;
}

.progress-containerquiz .progress-container {
  background: none !important;
  padding-top: 0px;
}
.progress-containerquiz .progress-container .progress-bar .progress-complete {
  background: var(--primary_color);
}
.progress-containerquiz .progress-container .progress-bar .progress-marker {
  border: 1px dashed var(--primary_color);
}

.participalist .participa_panel {
  min-height: 230px;
}
@media (max-width: 767px) {
  .participalist .participa_panel {
    min-height: auto;
  }
}

.participationdetails p {
  color: var(--cashconv-black);
}
.participationdetails p.cataloguedetailsshare {
  text-align: right !important;
}
@media (max-width: 767px) {
  .participationdetails p.cataloguedetailsshare {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center !important;
    margin: 0px;
    padding: 1rem 0;
  }
}
.participationdetails .article_image {
  border-radius: 0;
  height: 300px;
}
@media (max-width: 767px) {
  .participationdetails .article_image {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .participationdetails .article_image .article_component {
    margin-bottom: 0px;
  }
}
.participationdetails .hide-showtext {
  border: 1px solid var(--primary_color);
  padding: 15px;
}
@media (max-width: 767px) {
  .participationdetails .hide-showtext {
    padding: 10px;
  }
}
.participationdetails .hide-showtext p {
  font-size: 1.15rem;
  color: var(--primary_color);
  margin: 0px;
  text-align: center;
}
@media (max-width: 767px) {
  .participationdetails .hide-showtext p {
    font-size: 0.87rem;
  }
}
@media (max-width: 767px) {
  .participationdetails .pagedetails {
    flex-direction: column;
    text-align: center;
  }
}
.participationdetails .particiaption-count {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  align-items: center;
}
@media (max-width: 767px) {
  .participationdetails .particiaption-count {
    flex-direction: column;
    text-align: center;
    margin-top: 1.8rem;
  }
}
.participationdetails .particiaption-count .Participatetext {
  font-family: var(--secondary_font_family);
  font-size: 1.55rem;
}
@media (max-width: 767px) {
  .participationdetails .particiaption-count .Participatetext {
    font-size: 1.1rem;
  }
}
.participationdetails .particiaption-count .Poitnsparticipate {
  margin-right: 1rem;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .participationdetails .particiaption-count .Poitnsparticipate {
    display: block;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
.participationdetails .particiaption-count .Numpart {
  color: var(--primary_color);
}

.codecompaign .article-imgbox img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .codecompaign .article-imgbox img {
    height: auto;
  }
}
.codecompaign .section-title {
  margin: 2rem 0rem;
}
.codecompaign .section-title h2 {
  text-align: left;
}
@media (max-width: 767px) {
  .codecompaign .section-title h2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .codecompaign .section-title p {
    text-align: center;
  }
}

.introductioncampign {
  margin: 3rem 0rem 4rem 0rem;
}
.introductioncampign .campaignleft {
  width: 90%;
}
.introductioncampign .campaignright .btn:hover {
  border: 0;
}
@media (max-width: 767px) {
  .introductioncampign .campaignright p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .introductioncampign .campaignright {
    margin: 2rem auto;
  }
}
.introductioncampign .campaignright .form-box {
  height: 50px;
  width: 100%;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .introductioncampign .campaignright .form-box {
    width: 75%;
    margin: 0 auto 1rem;
  }
}
.introductioncampign .campaignright .form-box label {
  font-size: 18px;
  color: var(--cashconv-black);
}
.introductioncampign .campaignright .form-box input[type=search] {
  position: absolute;
  left: 0;
  background: transparent;
  width: 100%;
}

@media (max-width: 767px) {
  .availablecodelist .textbalckbold18 {
    text-align: center;
  }
}
.availablecodelist ul {
  width: 22%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .availablecodelist ul {
    width: 45%;
  }
}
@media (max-width: 567px) {
  .availablecodelist ul {
    width: 100%;
    margin-right: 0;
  }
}
.availablecodelist ul:last-child {
  margin-right: 0;
}
@media (max-width: 990px) {
  .availablecodelist ul:nth-child(2) {
    margin-right: 0;
  }
}
.availablecodelist ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}
.availablecodelist ul li span {
  font-size: 1rem;
  color: var(--cashconv-black);
}
.availablecodelist ul li:nth-child(2) {
  padding-left: 12px;
  border-radius: 3px;
  box-shadow: 0px 3px 6px var(--cashconv-black, 0.15);
}
.availablecodelist ul li:nth-child(2) span {
  font-size: 1.15rem;
  color: var(--cashconv-black);
}
.availablecodelist ul li:nth-child(2) span.pointscode {
  background: var(--cashconv-lighterGrey);
  padding: 12px;
  border-radius: 0 3px 3px 0;
}
.availablecodelist .availablecodelistpoints {
  margin-top: 2rem;
}

.couponlist a {
  text-decoration: none;
}
.couponlist .catelogmaintitle .rightbtn {
  display: flex;
  justify-content: flex-end;
}
.couponlist .catelogmaintitle .rightbtn a {
  text-decoration: none;
}
.couponlist .panel .panel-body .btn-read-more {
  font-size: 0.99rem;
  padding: 0.65rem 2rem;
  border-radius: 0.5rem;
  background: var(--primary_color);
}
.couponlist .pointbtn .btn.btn-points.btn-ponits-disable {
  border: 1px solid var(--cashconv-lighterGrey) !important;
  color: var(--cashconv-darkGrey) !important;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 10px;
}

.btn-soldout .btn[disabled] {
  background: transparent !important;
}

@media (max-width: 990px) {
  .coupondetails .articlenew {
    text-align: center;
  }
}
@media (max-width: 990px) {
  .coupondetails .articlenew h3 {
    text-align: center;
  }
}
.coupondetails .articlenew .Mobilesharecoupan {
  display: none;
}
@media (max-width: 990px) {
  .coupondetails .articlenew .Mobilesharecoupan {
    display: block;
  }
}

.coupondetailslink .btn:hover input {
  background: transparent !important;
  border: 0 !important;
}
.coupondetailslink .btn.btn-points {
  height: 45px;
}
.coupondetailslink .btn.btn-points span {
  padding: 0px;
}
.coupondetailslink input {
  padding: 0;
  background: transparent !important;
  border: 0 !important;
}
@media (max-width: 990px) {
  .coupondetailslink .pointbtn {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 990px) {
  .coupondetailslink .desktopsharelink {
    display: none;
  }
}

.coupondeatilsnew .linkdetails {
  display: none;
}

.coupondetailsacccordince {
  margin-top: 1.5rem;
}
.coupondetailsacccordince#accordionExample {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 990px) {
  .coupondetailsacccordince .condition-coupon {
    text-align: center;
  }
}
.coupondetailsacccordince .condition-btn {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  color: var(--primary_color);
  text-transform: uppercase;
}

.custom-pop-sectionnew .Imgbox {
  min-height: 220px;
  width: 100%;
}
@media (max-width: 767px) {
  .custom-pop-sectionnew .Imgbox {
    min-height: auto;
  }
}
.custom-pop-sectionnew .Imgbox img {
  width: 100%;
  height: 100%;
}
.custom-pop-sectionnew .contentbox {
  padding: 1rem 1.5rem;
  background: transparent linear-gradient(134deg, #F8C20D 0%, #F9C70C 100%) 0% 0% no-repeat;
}
.custom-pop-sectionnew .contentbox h1 {
  color: var(--main_navbar_text_color);
  font-family: var(--tertiary_font_family);
  margin-bottom: 1rem;
}
.custom-pop-sectionnew .contentbox p {
  color: var(--main_navbar_text_color);
}
.custom-pop-sectionnew .contentbox .couponoffer {
  align-items: center;
  margin: 2rem 0px;
}
@media (max-width: 767px) {
  .custom-pop-sectionnew .contentbox .couponoffer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.custom-pop-sectionnew .contentbox .couponoffer .offertext {
  font-family: var(--tertiary_font_family);
  color: var(--cashconv-black);
  margin: 0px;
}
@media (max-width: 767px) {
  .custom-pop-sectionnew .contentbox .couponoffer .offertext {
    text-align: left;
  }
}
.custom-pop-sectionnew .contentbox .couponoffer .offertext span {
  font-size: var(--font-size2);
}
.custom-pop-sectionnew .contentbox .couponoffer .Couponbtnoffer {
  display: flex;
  justify-content: space-between;
  width: 72%;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .custom-pop-sectionnew .contentbox .couponoffer .Couponbtnoffer {
    width: 100%;
    margin-top: 25px;
    margin-left: 0px;
  }
}
.custom-pop-sectionnew .contentbox .couponoffer .cou-code-text {
  font-family: var(--tertiary_font_family);
  border: 2px dashed var(--main_navbar_text_color);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary_color);
  padding: 16px;
  margin: 0px;
}
@media (max-width: 767px) {
  .custom-pop-sectionnew .contentbox .couponoffer .cou-code-text {
    font-size: var(--p_font_size_mobi);
    margin-right: 15px;
    width: 50%;
  }
}
.custom-pop-sectionnew .contentbox .couponoffer button {
  font-size: var(--h3_font_size_desk);
  font-family: var(--tertiary_font_family);
  border-radius: 0;
  text-transform: uppercase;
  width: 40% !important;
}
@media (max-width: 767px) {
  .custom-pop-sectionnew .contentbox .couponoffer button {
    font-size: var(--p_font_size_mobi);
  }
}
.custom-pop-sectionnew .conditionbottomtext {
  background: var(--main_navbar_text_color);
  padding: 20px;
  text-align: center;
}
.custom-pop-sectionnew .conditionbottomtext p {
  color: var(--cashconv-black);
  font-size: 20px;
  margin: 0px;
}

@media (max-width: 767px) {
  .modal.modal-couponview.modal-coupon {
    left: 0 !important;
  }
}
@media (max-width: 990px) {
  .modal.modal-couponview.modal-coupon .modal-dialog {
    width: 80% !important;
  }
}
.modal.modal-couponview.modal-coupon .modal-dialog .modal-body {
  padding: 0px;
}
.modal.modal-couponview.modal-coupon .modal-dialog .modal-content {
  border: 0;
  border-radius: 3px;
}
.modal.modal-couponview.modal-coupon .modal-dialog .modal-header {
  border-bottom: none;
  position: absolute;
  z-index: 2;
  right: 0;
  background: rgba(var(--colorwhite), 0.75);
  padding: 12px;
}
.modal.modal-couponview.modal-coupon .modal-dialog .modal-header .close {
  opacity: 1;
}
.modal.modal-couponview .glyphicon.glyphicon-remove {
  color: var(--cashconv-black);
  border: 2px solid;
  border-radius: 50%;
  display: flex;
}
.modal.modal-couponview .glyphicon.glyphicon-remove:before {
  color: var(--cashconv-black) !important;
  font-size: 16px;
  padding: 4px;
}

@media (max-width: 567px) {
  .invoice-camp-tab li {
    font-size: 0.8rem !important;
    margin-right: 8px !important;
  }
}
@media (max-width: 567px) {
  .invoice-camp-tab li.inactive {
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  #achievementUserTable .productsList tbody > tr > td:last-child {
    justify-content: space-between;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #achievementUserTable .productsList tbody > tr > td:last-child i {
    display: block;
  }
}

.invoice-camp-tab .product-camp-entry-unit {
  border: 1px solid var(--cashconv-medgrey);
  padding: 6px 12px;
}
.invoice-camp-tab .product-camp-entry {
  border: 0;
}

.rewardindex .date {
  font-size: 1.1rem;
  color: var(--cashconv-black);
}
@media (max-width: 767px) {
  .rewardindex .date {
    font-size: 0.9rem;
  }
}
.rewardindex .winpointtext {
  min-height: 56px;
}
@media (max-width: 767px) {
  .rewardindex .winpointtext {
    min-height: 56px;
  }
}
.rewardindex .winpointtext p {
  color: var(--tertiary_color);
  text-transform: uppercase;
  font-size: 20px;
}
@media (max-width: 767px) {
  .rewardindex .winpointtext p {
    font-size: 1rem;
  }
}
.rewardindex .btn-view {
  background: var(--main_navbar_text_color);
  border: 1px solid var(--primary_color);
  color: var(--primary_color);
  text-transform: uppercase;
}
.rewardindex .btn-view button.btn.btn-view:focus {
  border: none;
}
.rewardindex .rewardlist .Gridoverlay {
  position: absolute;
  background: var(--cashconv-black);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 10px 10px 20px 10px;
  border-radius: 8px;
}
.rewardindex .rewardlist .Gridoverlay .collectbtn {
  border: 1px solid var(--main_navbar_text_color);
  background: transparent;
  color: var(--main_navbar_text_color);
  width: 90%;
  display: flex;
  text-transform: uppercase;
}
.rewardindex .rewardlist .grid {
  position: relative;
}
.rewardindex .rewardlist .grid .GridBox {
  padding: 10px 10px 20px 30px;
  border-left: 10px solid var(--primary_color);
  margin-bottom: 2rem;
  margin-right: 1rem;
  height: 290px;
}
.rewardindex .rewardlist .grid .GridBox h3 {
  font-family: var(--secondary_font_family);
  min-height: 56px;
}
@media (max-width: 767px) {
  .rewardindex .rewardlist .grid .GridBox h3 {
    min-height: 56px;
  }
}
.rewardindex .rewardlist .grid .GridBox .btn-reward {
  min-height: 45px;
}
.rewardindex .rewardlist .grid:nth-child(2n) {
  margin-right: 0rem;
}
.rewardindex .rewardlist .grid:hover {
  box-shadow: 0px 20px 30px rgba(var(--colorblack), 0.1);
  border-radius: 8px;
}
.rewardindex .Rewardimg {
  border-bottom: 1px solid var(--cashconv-silver);
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.article_component .item {
  max-height: 350px;
}

.fondo-menu-usuarioN {
  background: transparent;
}

.header-top.header-topdistributor {
  margin: 0px;
}
@media (max-width: 990px) {
  .header-top.header-topdistributor {
    padding: 0px;
    justify-content: flex-start;
  }
}

.pantalla-mobile.pantalla-mobileN {
  position: inherit;
  padding-top: 70px;
}
@media (min-width: 767px) {
  .pantalla-mobile.pantalla-mobileN .user-name-sec {
    padding: 15px 0px;
  }
}
@media (min-width: 767px) {
  .pantalla-mobile.pantalla-mobileN {
    position: inherit;
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .pantalla-mobile.pantalla-mobileN {
    padding-top: 220px;
  }
}

@media (max-width: 767px) {
  .navdistributor .logout {
    top: 19px;
    display: block;
  }
}

@media (max-width: 767px) {
  .distributor-invoice .input-label {
    margin-top: 1rem;
  }
}

.campaign-info-sec .div_center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.campaign-info-sec .div_center .col1 {
  margin-bottom: 2rem;
}

.campaign-info-in.campaign-info-in2 {
  display: none;
  margin-top: 2rem;
}

.left.carousel-control,
.right.carousel-control {
  height: 30%;
  margin: auto;
  background-image: none;
}

.border-2-primary {
  border: 2px solid var(--primary_color) !important;
}

.points-selected {
  background-color: var(--primary_color) !important;
  color: var(--secondary_color) !important;
}

@font-face {
  font-family: "montserratbold";
  src: url(/fonts/montserrat-bold-webfont.woff2?b7ffa0b4a3d88f4d2480a7a595f8b358) format("woff2"), url(/fonts/montserrat-bold-webfont.woff?5fb3188ba8b5d6329293eef116eabc3f) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Karla-Bold";
  src: url(/fonts/karla-bold-webfont.woff2?d0b7ccf329d6c6e147c19fb205ceb8ea) format("woff2"), url(/fonts/karla-bold-webfont.woff?eec198a3f221bc1e8aca0e8823ba7a06) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "karlaregular";
  src: url(/fonts/karla-regular-webfont.woff2?addf1cdfadbf123fc7dd46e4899970c8) format("woff2"), url(/fonts/karla-regular-webfont.woff?de8c3914ee4cc8110cb496ac09a9b024) format("woff");
  font-weight: normal;
  font-style: normal;
}
.tnc-heading {
  cursor: pointer;
  margin-bottom: 0;
  font-family: var(--primary_font_family);
  font-weight: normal;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
}

.purchase-descrip {
  font-size: 1.2rem;
  color: var(--cashconv-medgrey);
}

#accordionExample {
  padding: 10px 20px;
  margin-bottom: 50px;
}

.campain-info {
  padding-top: 30px;
  margin-bottom: 30px;
}
.campain-info::before {
  content: none;
  width: 100%;
  height: 200px;
  background: linear-gradient(#EFEFEF, var(--main_navbar_text_color));
  position: absolute;
}
.campain-info .card-panel {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 6px 12px rgba(var(--cashconv-black), 0.1);
  padding: 20px;
  height: auto;
  border: 1px solid #eee;
}
.campain-info .card-level {
  font-family: var(--secondary_font_family);
  font-size: 1.3rem !important;
  margin: 0 0 10px 0;
  color: var(--cashconv-black);
  display: inline-block;
}
.campain-info .card-tbl {
  margin-bottom: 0;
}
.campain-info .card-tbl thead.gray-head {
  border-top: 1px solid var(--cashconv-greylighter) !important;
}
.campain-info .card-tbl thead.gray-head tr {
  background-color: transparent;
}
.campain-info .card-tbl thead.gray-head tr th {
  color: var(--cashconv-medgrey) !important;
  font-size: 1rem;
  font-weight: normal;
  font-family: var(--primary_font_family);
  padding: 10px 0 0 0;
  border-bottom: 0px;
}
.campain-info .card-tbl td {
  font-family: var(--secondary_font_family);
  font-size: 2rem;
  line-height: 2rem !important;
  padding: 0;
  border-top: 0;
}

.page-heading {
  font-family: var(--tertiary_font_family);
  text-align: left;
  color: var(--cashconv-black);
}

.trans-tbl thead {
  background-color: var(--table_header_bg_color) !important;
  color: white;
}
.trans-tbl thead th {
  font-family: var(--secondary_font_family);
  font-weight: normal;
  padding: 20px !important;
  text-transform: uppercase !important;
  font-size: 0.9rem;
  border-bottom: none;
}
.trans-tbl tbody td {
  padding: 20px !important;
  color: var(--cashconv-darkGrey);
  font-family: var(--primary_font_family);
  font-size: 1.1rem;
  font-weight: normal;
  border-top: none !important;
}
.trans-tbl tbody td:first-child {
  color: var(--cashconv-black);
  text-transform: uppercase !important;
  font-family: var(--secondary_font_family);
}
.trans-tbl tbody tr:nth-child(even) {
  background-color: var(--cashconv-sliverdark);
}
.trans-tbl .red-font {
  color: var(--cashconv-black);
  font-family: var(--secondary_font_family);
}
.trans-tbl .action-sec i {
  margin-right: 15px;
}
.trans-tbl .inside-tbl thead {
  background: var(--cashconv-sliverdark) !important;
}
.trans-tbl .inside-tbl thead th {
  text-align: left;
  border-bottom: 1px solid #877E7E;
}
.trans-tbl .box-arrow {
  position: relative;
  float: right;
}
.trans-tbl .box-arrow i {
  position: absolute;
  top: -53px;
  color: var(--cashconv-sliverdark);
  font-size: 50px;
  right: 140px;
}

.invoice-camp-tab .nav-tabs {
  border-bottom: none;
}
.invoice-camp-tab .tab-challenge {
  border: none;
  font-weight: normal;
}
.invoice-camp-tab .inactive {
  background: transparent;
}
.invoice-camp-tab li {
  color: #999;
  font-size: 1.3rem;
  line-height: 2rem;
  font-family: var(--tertiary_font_family);
  text-transform: uppercase;
  margin-right: 25px;
  cursor: pointer;
}
.invoice-camp-tab li.active {
  color: var(--bg_color_buttons);
  border-bottom: 3px solid var(--bg_color_buttons);
}

.form-control {
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
  border: 1px solid #ccc;
}

.input-sup-caption {
  position: absolute;
  z-index: 10;
  left: 10px;
  top: -7px;
  background: white;
  padding: 0 10px;
  font-size: 0.8rem;
}

.form-control-cust {
  height: 40px;
  padding: 10px 15px;
}

.user-name-sec {
  padding: 25px 0;
}
.user-name-sec .page-heading span {
  font-weight: 100;
  font-family: var(--primary_font_family);
  text-transform: capitalize;
}

.campaign-info-sec {
  background: transparent linear-gradient(180deg, #EFEFEF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  padding: 50px 0;
  margin: 0 -15px;
}
.campaign-info-sec .campaign-name {
  font-family: var(--secondary_font_family);
  font-size: 1.3rem;
  color: var(--cashconv-black);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.campaign-info-sec .campaign-detail {
  border-left: 5px solid var(--primary_color);
  padding: 20px;
  box-shadow: 0px 6px 12px rgba(var(--cashconv-black), 0.1);
  border-radius: 0 8px 8px 0;
}
.campaign-info-sec .campaign-detail .distrib-camp-lbl {
  border-bottom: 1px solid var(--cashconv-greylighter);
  font-family: var(--secondary_font_family);
  font-size: 1.1rem;
  color: var(--cashconv-black);
  text-transform: CAPITALIZE;
  margin-bottom: 10px;
}
.campaign-info-sec .campaign-detail .distrib-camp-lbl .info-tooltip {
  margin-bottom: 5px;
}
.campaign-info-sec .campaign-detail .distrib-camp-tbl {
  color: var(--cashconv-medgrey);
  margin-bottom: 0;
}
.campaign-info-sec .campaign-detail .distrib-camp-tbl th {
  border-bottom: none;
  padding: 0;
  font-size: 0.9rem;
}
.campaign-info-sec .campaign-detail .distrib-camp-tbl td {
  border-top: none;
  padding: 0;
  font-size: 1.5rem;
  font-family: var(--secondary_font_family);
}

.purchase-camp-landing .panel {
  box-shadow: none;
  border-radius: 0px;
}
.purchase-camp-landing .img-panel {
  padding-top: 0;
  height: 300px;
  overflow: hidden;
  background: #f5f5f5;
}
.purchase-camp-landing .img-panel img {
  border-radius: 0;
  max-width: none;
}
.purchase-camp-landing .panel-body {
  padding: 0;
  margin-top: 20px;
}
.purchase-camp-landing .panel-body p {
  padding: 0;
}
.purchase-camp-landing .panel_body_new_component h3 {
  text-align: left;
  color: var(--cashconv-black);
  margin-bottom: 10px;
}
.purchase-camp-landing .panel_body_new_component .enter-btn {
  text-transform: capitalize;
  float: left;
}
.purchase-camp-landing .panel_body_new_component .enter-btn i {
  margin-left: 10px;
}

.distributor-invoice-body .modal-body a {
  display: block;
}
.distributor-invoice-body .modal-body .img-rounded {
  width: 100%;
}

.purchase-camp-pop-form {
  display: block;
  margin-left: 0;
  border-bottom: 1px solid var(--cashconv-greylighter);
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.purchase-camp-pop-form .form-control {
  height: auto;
  padding: 12px 15px;
}
.purchase-camp-pop-form h2.modal-title {
  font-size: 1.2rem;
}

.page-heading.purchase-head {
  text-align: center;
}

.info-tooltip {
  position: relative;
  display: inline-block;
  border: 1px solid #aaa;
  text-align: center;
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 15px;
  color: #aaa;
}

.info-tooltip .tooltiptext {
  visibility: hidden;
  width: var(--campaign-tooltip-text-width);
  background-color: var(--primary_color);
  color: white;
  text-align: center;
  border-radius: 3px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: var(--campaign-tooltip-text-margin-left);
  font-size: var(--tooltip-font-size);
  font-weight: normal;
  font-family: var(--primary_font_family);
}

.info-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--primary_color) transparent transparent transparent;
}

.info-tooltip:hover .tooltiptext {
  visibility: visible;
}

#content_by_name .input-sup-caption,
#content_by_reference .input-sup-caption {
  left: 25px;
}

@media (max-width: 990px) {
  #content_by_name .col-md-6 {
    margin: 2rem 0px;
  }
}

.purchase-camp-radio {
  display: block;
  margin-left: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--cashconv-greylighter);
  padding-bottom: 15px;
}

.distributor-invoice .input-label {
  font-family: var(--secondary_font_family);
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: var(--cashconv-black);
}
.distributor-invoice .form-control {
  border-radius: 3px;
}

.product-camp-entry-unit {
  width: 100% !important;
  padding-left: 10px !important;
}

.code-camp-tbl {
  color: var(--code-campaign-color);
  border-radius: 3px;
  padding: 30px;
  border: 1px solid #eee;
}
.code-camp-tbl th {
  text-align: center;
  width: 50%;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.code-camp-tbl td {
  font-size: 1.5rem;
}
@media (min-width: 767px) {
  .code-camp-tbl td {
    font-size: 3rem;
  }
}

@media (max-width: 991px) {
  .col-centered {
    width: 45% !important;
  }
}
@media (max-width: 768px) {
  .col-centered {
    width: 90% !important;
  }
  .purchase-camp-pop-form .input-sup-caption {
    font-size: 1rem;
  }
  .purchase-camp-pop-form .form-control {
    font-size: 16px;
  }
  .purchase-camp-pop-form label {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  #uploadPurchaseForm .purchase-search,
  #achievementUserTable .purchase-search {
    width: 90%;
  }
  #uploadPurchaseForm .products-div,
  #achievementUserTable .products-div {
    padding: 40px 0;
  }
  #uploadPurchaseForm .productsList thead th,
  #achievementUserTable .productsList thead th {
    padding: 5px;
  }
}
.mandatory {
  color: #BF0A0A;
}

/* Slider */
.slick-loading .slick-list {
  /*background: #fff url('./images/ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29);
  src: url(/fonts/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29?#iefix) format("embedded-opentype"), url(/fonts/slick.woff?295183786cd8a138986521d9f388a286) format("woff"), url(/fonts/slick.ttf?c94f7671dcc99dce43e22a89f486f7c2) format("truetype"), url(/fonts/slick.svg?2630a3e3eab21c607e21576571b95b9d#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.navbar {
  background-color: var(--header_bg_color);
  z-index: 10;
}

body.home .navbar {
  z-index: 2 !important;
}
body.home .navbar .header-top ul li:nth-child(5):after {
  display: none;
}

nav.navbar div#navbar ul.nav li.mobile-menu-link-text {
  display: none;
}

.header-top ul li:nth-child(1), .header-top ul li:nth-child(2), .header-top ul li:nth-child(3) {
  display: block;
}

.navbar-toggle .icon-bar {
  background: #fff !important;
}

.navbar-toggle {
  margin-right: 0;
}

.membership-details {
  display: flex;
  align-items: center;
  background-color: var(--main_navbar_text_color);
  height: 35px;
  border-radius: 20px;
  cursor: pointer;
}
.membership-details .member-status {
  display: flex;
  align-items: center;
  padding: 0px 20px 0px 10px;
  padding-right: var(--desktop_status_padding_right);
  background: var(--membership_bg_color);
  height: 35px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-family: var(--secondary_font_family);
  font-size: var(--membership_bg_size);
  color: var(--membership_font_color);
  margin-right: -10px;
}
.membership-details .member-status img {
  padding: 0px !important;
  left: -10px;
  position: relative;
  height: 35px;
}
.membership-details .member-pic {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid var(--main_navbar_text_color);
  display: inline-block;
  margin-left: -15px;
  z-index: 3;
}
.membership-details .member-pic img {
  border-radius: 50%;
}
.membership-details .member-name a {
  padding: 10px 15px 10px 10px;
  display: flex;
  align-items: center;
  font-family: var(--secondary_font_family);
  color: var(--user_name_font_color);
  font-size: var(--nick_and_lang_font_size_desk);
  text-decoration: none;
}

.header-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /*min-height: 100px;*/
  margin: 30px 0 10px;
}
.header-top ul {
  display: flex;
  align-items: center;
}
.header-top ul li.non-user {
  margin-left: 18px;
}
.header-top ul li {
  padding: 0 12px;
  position: relative;
}
.header-top ul li.active a, .header-top ul li.open a {
  padding-bottom: 5px;
  border-bottom: #ffffff solid 3px;
}
.header-top ul li.coupon-icon img {
  max-width: 30px;
}
.header-top ul li.message-icon img {
  max-width: 25px;
}
.header-top ul li.news-icon img {
  max-width: 22px;
}
.header-top ul li:nth-child(3) {
  padding-right: 18px;
}
.header-top ul li:nth-child(4) {
  padding: 0 0px 0 18px;
}
.header-top ul li:nth-child(5) {
  padding-right: 18px;
}
.header-top ul li:nth-child(3), .header-top ul li:nth-child(5) {
  position: relative;
}
.header-top ul li:nth-child(3):after, .header-top ul li:nth-child(5):after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  background-color: var(--main_navbar_text_color);
  width: 1px;
  height: 25px;
}
.header-top ul li:nth-child(5):after {
  top: 3px;
}

.puntos-usuario {
  text-align: center;
}
.puntos-usuario a {
  color: var(--main_navbar_text_color);
  text-decoration: none;
}
.puntos-usuario a span {
  display: block;
}
.puntos-usuario a span:last-child {
  font-size: var(--score_points_text_font_size_desk);
}
.puntos-usuario a strong {
  font-size: var(--score_font_size_desk);
  font-family: "Karla-Bold";
}
.puntos-usuario a:hover {
  opacity: 0.8;
  color: var(--main_navbar_text_color);
}

.logo img {
  max-width: var(--logo_max_width);
}

.navbar-brand {
  margin-left: 0;
  padding-left: 0;
  height: auto;
}

#navbar.menu li a {
  font-family: var(--primary_font_family);
  font-size: var(--main_navbar_font_size_desk);
  color: var(--main_navbar_text_color);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal !important;
  background-color: transparent;
  padding: 10px;
}
#navbar.menu li a:hover, #navbar.menu li a:focus {
  background-color: transparent;
}

#navbar.menu li.mob-link.active > a {
  text-decoration: underline !important;
}

#navbar.menu li:first-child {
  border-top: none !important;
}
#navbar.menu li:first-child a {
  padding: 10px 0;
  margin-right: 10px;
}

.center-menu .col-sm-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fondo-menu {
  background: transparent !important;
}
.fondo-menu .col-sm-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu .navbar-nav {
  display: flex;
  align-items: center;
}

.fix-menu.navbar-fixed-top {
  background-color: var(--header_bg_color);
}

.popover-title {
  padding: 0;
  background-color: transparent;
  border-bottom: none;
  border-radius: 0;
}
.popover-title .close {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 5px;
  text-shadow: none;
  text-decoration: none;
}

.popover {
  width: 250px;
  box-shadow: none;
  border: none;
  border-radius: 15px 0px 15px 15px;
  max-width: 250px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.popover-content {
  padding: 15px;
}
.popover-content h5 {
  font-size: 16px;
  font-weight: bold;
  color: var(--cashconv-black);
}
.popover-content p {
  color: var(--cashconv-black);
  margin-bottom: 30px;
}
.popover-content .btn {
  width: 100%;
}
.popover-content .btn:nth-child(1) {
  margin-bottom: 10px;
}

nav.navbar div#navbar ul.nav li:first-child ul {
  display: inline;
  justify-content: center;
  align-items: center;
}
nav.navbar div#navbar ul.nav li:first-child ul li {
  width: auto;
  margin-right: 15px;
  border-bottom: none;
}
nav.navbar div#navbar ul.nav li:first-child ul li:last-child {
  margin-right: 0;
}
nav.navbar div#navbar ul.nav li:first-child ul li img {
  max-width: 20px;
}
nav.navbar div#navbar ul.nav li:first-child ul li a:after {
  border: none;
}

#navbar.menu li.mob-menu-link,
.mobile-logo.logo,
#navbar.menu li.mobile-membership-area,
#navbar.menu li.mobile-menu-link {
  display: none;
}

/*submenu start*/
.navbar .dropdown-menu {
  margin-top: 4px;
}
.navbar .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 19px 12.5px;
  border-color: transparent transparent var(--cashconv-black) transparent;
}

.dropdown-large {
  /*position: static !important;*/
}

.one-col, .two-col {
  width: calc(100% + 130px);
}
.one-col .col-sm-2, .two-col .col-sm-2 {
  width: 100%;
}
.one-col .col-sm-2 ul, .two-col .col-sm-2 ul {
  text-align: center;
  width: 100%;
}

.two-col {
  width: calc(100% + 200px);
}
.two-col .col-sm-2 {
  width: 50%;
}

.six-col {
  width: calc(100% + 700px);
}

.dropdown-menu-large {
  padding: 20px 0px;
  background-color: var(--desktop_submenu_bg_color);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 10px 10px;
}
.dropdown-menu-large.left-menu {
  left: 100%;
  transform: translateX(-100%);
}
.dropdown-menu-large.left-menu:before {
  left: 95%;
  transform: translateX(-95%);
}

.dropdown-menu-large li.col-sm-2 {
  /*padding-right: 0;
  padding-left: 0;*/
}

.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}

.dropdown-menu-large > li > ul > li {
  list-style: none;
  margin-right: 0 !important;
  margin-bottom: 15px;
}

.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 5px 10px !important;
  clear: both;
  font-weight: 300;
  line-height: 1.428571429;
  color: var(--desktop_submenu_font_color);
  border: solid 1px transparent;
  white-space: normal;
  margin-right: 0 !important;
  text-align: center;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: var(--secondary_color) !important;
  border: solid 1px var(--secondary_color);
}

.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: var(--secondary_color);
}

.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0;
    margin-right: 0;
  }
  .dropdown-menu-large > li > ul > li > a {
    padding: 10px 0 !important;
  }
  .dropdown-large.open {
    background-color: var(--mobile_submenu_bg_color);
  }
  .dropdown-large.open > a {
    position: relative;
  }
  .dropdown-large.open > a:before {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    background-color: var(--main_navbar_text_color);
    height: 1px;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
  .dropdown-menu-large {
    left: auto;
    transform: none;
  }
  .navbar .dropdown-menu:before {
    border: none;
  }
  .dropdown-menu-large > li > ul > li > a {
    text-align: left;
  }
  .dropdown-menu-large > li > ul > li > a {
    color: var(--mobile_submenu_font_color);
  }
}
/*submenu end*/
.all-top-icons {
  max-width: 25px;
}

#navbar #navbar-tabs {
  float: right;
}
#navbar #logo-nav {
  max-width: var(--header-logo-max-width);
  max-height: var(--header-logo-max-height);
  margin-left: var(--header-logo-margin-left);
  margin-top: var(--header-logo-margin-top);
}
#navbar #header-avatar {
  height: var(--header-avatar-height);
}
#navbar #header-avatar .user-details-box {
  margin-top: var(--header-user-details-box-margin-top);
  display: flex;
  justify-content: end;
}
#navbar #header-avatar .user-details-box .module-icon > img {
  height: 35px;
  margin-left: 12px;
}
#navbar #header-avatar .user-details-box .membership-details {
  margin-left: var(--header-membership-details-margin-left);
  max-width: -moz-fit-content;
  max-width: fit-content;
  align-items: center;
  background-color: var(--main_navbar_text_color);
  height: 35px;
  border-radius: 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #navbar #header-avatar .user-details-box .membership-details.mobile-hidden {
    display: none;
  }
}
#navbar #header-avatar .user-details-box .membership-details .member-status {
  display: flex;
  align-items: center;
  padding: 0px 20px 0px 10px;
  padding-right: var(--desktop_status_padding_right);
  background: var(--membership_bg_color);
  height: 35px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-family: var(--secondary_font_family);
  font-size: var(--membership_bg_size);
  color: var(--membership_font_color);
  margin-right: -10px;
}
#navbar #header-avatar .user-details-box .membership-details .member-status img {
  padding: 0px !important;
  left: -10px;
  position: relative;
  height: 35px;
}
#navbar #header-avatar .user-details-box .membership-details .member-pic {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid var(--header-border-bottom-mobile);
  display: inline-block;
  margin-left: -15px;
  z-index: 3;
}
#navbar #header-avatar .user-details-box .membership-details .member-pic img {
  border-radius: 50%;
}
#navbar #header-avatar .user-details-box .membership-details .member-name a {
  padding: 10px 15px 10px 10px;
  display: flex;
  align-items: center;
  font-family: var(--secondary_font_family);
  color: var(--user_name_font_color);
  font-size: var(--nick_and_lang_font_size_desk);
  text-decoration: none;
}
#navbar #header-avatar .user-details-box .puntos-usuario,
#navbar #header-avatar .user-details-box .notifications-user,
#navbar #header-avatar .user-details-box .language-drop {
  margin-left: 12px;
}
#navbar #header-avatar .user-details-box .notifications-user {
  margin-top: var(--header-notifications-user-margin-top);
}
#navbar #header-avatar .user-details-box .notifications-user a {
  color: var(--main_navbar_text_color);
  padding-right: 0.5rem;
}
#navbar #header-avatar .user-details-box .notifications-user a:hover {
  opacity: 0.8;
  color: var(--main_navbar_text_color);
}
#navbar #header-avatar .user-details-box .language-drop {
  margin-top: var(--header-language-drop-user-margin-top);
}
#navbar #header-avatar .user-details-box .language-drop select {
  background-color: var(--main_navbar_text_color);
  font-family: var(--secondary_font_family);
  color: var(--user_name_font_color);
  font-size: var(--nick_and_lang_font_size_desk);
  border-radius: 3px;
  border-style: unset;
  padding: 4px;
}
@media (max-width: 767px) {
  #navbar .hidden-xs {
    display: none;
  }
  #navbar #logo-nav {
    max-width: var(--header-logo-max-width-mobile);
    max-height: var(--header-logo-max-height-mobile);
    margin-left: var(--header-logo-margin-left-mobile);
    margin-top: var(--header-logo-margin-top-mobile);
  }
  #navbar .notifications-user {
    margin-left: var(--header-notifications-user-margin-left-mobile);
    margin-top: var(--header-notifications-user-margin-top-mobile);
  }
  #navbar .language-drop {
    margin-top: var(--header-language-drop-user-margin-top-mobile) !important;
  }
  #navbar .hamburguer-button {
    margin-top: var(--header-button-margin-top-mobile);
    margin-left: var(--header-button-margin-left-mobile);
  }
  #navbar #navbarCollapse {
    background-color: var(--mobile_menu_bg_color);
    border-top: none;
    box-shadow: none;
  }
  #navbar #navbarCollapse ul .mob-link {
    border-bottom: var(--header-border-bottom-mobile);
    width: 100%;
    display: block;
    background-color: var(--header-background-color-mob-link-mobile);
  }
  #navbar #navbarCollapse ul .mob-link.no-after {
    border-bottom: none;
  }
  #navbar #navbarCollapse ul .mob-link.no-after a:after {
    content: none;
  }
  #navbar #navbarCollapse ul .mob-link.no-after img {
    height: 26px;
  }
  #navbar #navbarCollapse ul .mob-link.logged {
    display: flex;
    justify-content: space-between;
    background-color: var(--header-mob-icons-background-color);
  }
  #navbar #navbarCollapse ul .mob-link.logged #logout {
    background-color: var(--header-logout-color);
    width: 40px;
    height: 30px;
    padding: 5px 0px 10px 5px;
    position: absolute;
    right: 0;
    top: 6px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 10;
  }
  #navbar #navbarCollapse ul .mob-link.logged #logout img {
    height: 21px;
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar {
    display: flex;
    justify-content: center;
    height: var(--header-mob-avatar-height);
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar .membership-details {
    display: flex;
    justify-content: center;
    background-color: var(--main_navbar_text_color);
    color: var(--user_name_font_color);
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar .membership-details .member-status {
    height: 30px;
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar .membership-details .member-pic {
    margin-left: -3px;
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar .membership-details .member-pic #user-avatar {
    padding: 0;
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar .membership-details .member-pic #user-avatar img {
    height: 28px;
  }
  #navbar #navbarCollapse ul .mob-link.mob-avatar .membership-details .member-name a {
    padding: 10px 15px 10px 10px;
    display: flex;
    align-items: center;
    font-family: var(--secondary_font_family);
    color: var(--user_name_font_color);
    font-size: var(--nick_and_lang_font_size_desk);
    text-decoration: none;
  }
  #navbar #navbarCollapse ul .mob-link.mob-icons {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--main_navbar_text_color);
    height: var(--header-mob-icons-height);
  }
  #navbar #navbarCollapse ul .active span {
    text-decoration: underline !important;
  }
  #navbar #navbarCollapse ul a {
    color: var(--mobile_menu_font_color);
    font-size: var(--main_navbar_font_size_mobi);
    padding: 12px 15px;
    position: relative;
    font-family: var(--primary_font_family);
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 20px;
    text-decoration: none;
  }
  #navbar #navbarCollapse ul a:after {
    border: solid var(--main_navbar_text_color);
    border-width: 0 1px 1px 0;
    content: "";
    padding: 4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 18px;
    transform: rotate(-45deg);
  }
  #navbar #navbarCollapse ul a:hover {
    background-color: transparent;
  }
}
@media (min-width: 767px) {
  #navbar .hamburguer-button,
  #navbar #navbarCollapse {
    display: none !important;
  }
}
#navbar #header-navbar {
  height: var(--header-navbar-height);
  margin-top: var(--header-navbar-margin-top);
}
#navbar #logout {
  background-color: var(--tertiary_color);
  width: 40px;
  height: 30px;
  padding: 5px 0px 10px 5px;
  position: fixed;
  right: 0;
  top: 14px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

#nav-scroll {
  z-index: 100;
  background-color: var(--bg_home_header);
  height: var(--header-scroll-height);
  padding-top: var(--header-scroll-padding-top);
}
#nav-scroll .navbar-header img {
  max-height: var(--header-scroll-img-max-height);
  max-width: var(--header-scroll-img-max-width);
}
#nav-scroll .menu .active a {
  background-color: transparent !important;
  border-bottom: var(--main_navbar_text_color) solid 3px;
}

footer {
  position: relative;
  margin-top: 3rem;
}
@media (max-width: 990px) {
  footer .col-md-9 {
    width: 75%;
    float: left;
  }
}
@media (max-width: 767px) {
  footer .col-md-9 {
    width: 100%;
  }
}
@media (max-width: 990px) {
  footer .col-md-3 {
    width: 25%;
    float: right;
  }
}
@media (max-width: 767px) {
  footer .col-md-3 {
    width: 100%;
  }
}
footer:before {
  position: absolute;
  content: "";
  width: 600px;
  height: 50px;
  background: var(--footer_before_bg_color);
  top: var(--footer_before_top);
  right: 0;
  transform: var(--footer_before_transform_desk);
  z-index: 120;
}
@media (max-width: 990px) {
  footer:before {
    top: var(--footer_before_top);
    transform: var(--footer_before_transform_desk);
  }
}
@media (max-width: 767px) {
  footer:before {
    transform: var(--footer_before_transform_desk);
    width: 468px;
    top: 4px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  footer:before {
    transform: var(--footer_before_transform_mob);
    top: 4px;
  }
}
@media (max-width: 567px) {
  footer:before {
    transform: var(--footer_before_transform_mob);
    top: 4px;
  }
}
footer .footer {
  background: var(--bg_footer);
  height: var(--footer-height);
  color: var(--footer_font_color);
  padding: var(--footer_padding_desk);
  z-index: 3;
  position: relative;
}
@media (max-width: 990px) {
  footer .footer {
    padding: 180px 0px 40px 0px;
  }
}
@media (max-width: 567px) {
  footer .footer {
    padding: var(--footer_padding_mob);
  }
}
footer .footer span {
  margin: 0px 0px 0px 0px;
  padding-left: 10px;
}
footer .footer ul {
  text-align: left;
}
footer .footer ul li {
  text-align: left;
}
@media (max-width: 767px) {
  footer .footer ul li {
    padding: 5px;
    width: auto;
  }
}
footer .footer ul li a {
  color: var(--footer_font_color);
  font-size: var(--footer_buttons_font_size_desk) !important;
  text-decoration: none;
  display: flex;
  font-weight: normal !important;
}
footer .footer ul li a:hover {
  text-decoration: none;
}
footer .footer .follow-us h4 {
  font-size: var(--footer_follow_us_font_size_desk);
  text-align: left;
  min-height: 84px;
  display: flex;
  align-items: flex-end;
  color: var(--footer_font_color);
  padding-left: 10px;
}
@media (max-width: 990px) {
  footer .footer .follow-us h4 {
    min-height: auto;
    font-size: var(--footer_follow_us_font_size_mob);
  }
}
@media (max-width: 767px) {
  footer .footer .follow-us h4 {
    text-align: center;
    margin: 0rem 0 1rem 0;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  footer .footer .follow-us ul {
    display: flex;
    justify-content: center;
  }
}
footer .footer .follow-us ul li a {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--footer_font_color);
}
@media (max-width: 567px) {
  footer .footer .follow-us ul li a {
    width: 24px;
    height: 24px;
  }
}
footer .footer .footer-logo {
  text-align: right;
}
@media (max-width: 767px) {
  footer .footer .footer-logo {
    text-align: center;
    margin: 10px 0px;
  }
}
footer .footer .footer-logo img {
  padding: 0.2rem;
}
footer .footer .footer-logo .footerimg {
  width: 100%;
  text-align: center;
  align-content: center;
}
footer .footer .footer-links ul {
  margin: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  footer .footer .footer-links ul {
    display: flex;
    text-align: center;
  }
}
@media (max-width: 767px) {
  footer .footer .footer-links ul {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 567px) {
  footer .footer .footer-links ul {
    flex-direction: column;
    justify-content: center;
  }
}
footer .footer .footer-links ul li {
  padding: 0px 10px 10px 10px;
}
footer .footer .footer-links ul li img {
  width: 24px;
  height: 24px;
}
footer .footer .footer-links ul li a {
  color: var(--footer_font_color);
  text-decoration: none;
  font-size: 21px;
}
@media (max-width: 990px) {
  footer .footer .footer-links ul li a {
    font-size: var(--footer_buttons_font_size_mob) !important;
  }
}
@media (max-width: 767px) {
  footer .footer .footer-links ul li a {
    justify-content: center;
  }
}
footer .footer .footer-links ul li.sep {
  color: var(--footer_font_color);
  padding: 5px;
}
@media (max-width: 990px) {
  footer .footer .footer-links ul li.sep {
    padding: 3px;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  footer .footer .footer-links ul li.sep {
    display: block;
  }
}
@media (max-width: 567px) {
  footer .footer .footer-links ul li.sep {
    display: none;
  }
}
@media (min-width: 767px) {
  footer .footer .footer-links ul li {
    padding: 0px 10px 10px 0px !important;
  }
}
@media (max-width: 990px) {
  footer .footer .footer-links ul li {
    padding: 0px 4px 10px 0px !important;
  }
}
@media (max-width: 767px) {
  footer .footer .footer-links ul li {
    padding: 10px 4px !important;
  }
}
@media (max-width: 567px) {
  footer .footer .footer-links ul li {
    padding: 10px 0px !important;
  }
}
footer .footer .footerbottom {
  padding-top: 57px;
}
@media (max-width: 767px) {
  footer .footer .footerbottom {
    padding-top: 0px;
  }
}
footer .footer .footerbottom .coyright {
  text-align: left;
  margin: 0px;
  font-size: var(--footer_copyright_font_size_desk);
  color: var(--footer_font_color);
  padding-left: 2px;
}
@media (max-width: 990px) {
  footer .footer .footerbottom .coyright {
    margin: 0px 10px;
    font-size: var(--footer_copyright_font_size_mob);
  }
}
@media (max-width: 767px) {
  footer .footer .footerbottom .coyright {
    padding: 10px 0px;
    margin: 30px 0px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  footer .footer .footermidlogo {
    display: none;
    text-align: center;
  }
}
footer .footer .footer-contact ul {
  display: flex;
  flex-direction: column;
}
footer .footer .footer-contact ul li {
  padding-left: 0px;
  align-items: center;
  display: flex;
  padding: 0px 0px 10px 0px;
}
footer .footer .footer-contact ul li a {
  font-size: var(--footer_contact_info_font_size_desk);
  text-decoration: none;
  display: flex;
  align-items: center;
}
footer .footer .footer-contact ul li a img {
  float: left;
  width: 24px;
  height: 24px;
}
footer .footer .footer-contact ul li a span {
  padding-right: 0px;
  max-width: 215px;
}
footer .footer .footer-contact ul li .footer-contact-text {
  margin-left: 10px;
  color: var(--footer_font_color);
  font-size: 14px;
  max-width: 215px;
  min-height: 24px;
  display: block;
  float: left;
  padding-top: 3px;
}
footer .footer .footer-contact .footericon {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
}
footer .scrollToTop {
  width: 49px;
  height: 49px;
  padding: 10px;
  text-align: center;
  background: url(/images/up-arrow.svg?fc4fd8084d1c80e1844f2a70c0186be7) no-repeat center var(--cashconv-black);
  font-weight: bold;
  color: var(--cashconv-darkGrey);
  text-decoration: none;
  position: fixed;
  bottom: 75px;
  right: 40px;
  display: none;
  z-index: 4;
  border-radius: 50%;
}
footer .scrollToTop:hover {
  text-decoration: none;
}
footer .footerlogomobile {
  display: none;
}
footer .footerlogomobile .footer-logo {
  margin: 1rem 0;
}
footer .footerlogomobile .footer-logo .footerimg {
  width: 75%;
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 767px) {
  footer .footerlogomobile {
    display: block;
  }
}
footer .footerlogomobile .footer-contact {
  display: flex;
  justify-content: center;
}
footer .footerlogomobile .footer-contact ul {
  width: auto;
}
footer .footerlogomobile .footer-contact ul li {
  display: block;
}
@media (max-width: 767px) {
  footer .followus {
    margin: 3rem 0px;
  }
}

@font-face {
  font-family: "Karla-Regular";
  src: url(/fonts/Karla-Regular.woff2?a322767a5a24faab268ba036b88340b2) format("woff2"), url(/fonts/Karla-Regular.woff?374e8c313ace60bc34e52153566180e6) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Karla-Bold";
  src: url(/fonts/Karla-Bold.woff2?ff2280785e22ad161a3c453037142614) format("woff2"), url(/fonts/Karla-Bold.woff?e77bdebf063f1f350f21a4173efa2e5b) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
h1 {
  font-family: var(--secondary_font_family);
  font-size: var(--h1_font_size_desk);
  color: #000000;
  line-height: 50px;
}
@media (min-width: 1920px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-family: var(--secondary_font_family);
  font-size: var(--h2_font_size_desk);
  color: #000000;
  line-height: 50px;
}
@media (min-width: 1920px) {
  h2 {
    font-size: 45px;
  }
}
h2 span {
  color: var(--primary_color);
}

h4 {
  font-family: var(--secondary_font_family);
  font-size: 22px;
  color: #000000;
  line-height: 24px;
}
@media (min-width: 1920px) {
  h4 {
    font-size: 30px;
  }
}

p {
  font-size: var(--p_font_size_desk);
}

.btn {
  font-size: 0.99rem;
  padding: 0.65rem 2rem;
  font-family: var(--secondary_font_family);
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  text-decoration: none;
}
@media (max-width: 567px) {
  .btn {
    font-size: 0.88rem;
  }
}
@media (max-width: 350px) {
  .btn {
    padding: 0.65rem;
  }
}
.btn.btn-primary:after {
  margin-left: 0.62rem;
}
.btn.btn-primary .fa {
  width: 16px;
}
.btn.btn-default {
  border: solid 1px var(--cashconv-lightGrey);
  font-size: 20px;
  color: var(--cashconv-lightGrey);
  padding: 8px 20px;
}
.btn.btn-default:hover {
  background-color: var(--cashconv-lightGrey);
  color: #000000;
}
@media (min-width: 1920px) {
  .btn.btn-default {
    font-size: 22px;
    padding: 10px 20px;
  }
}

.btn-soldout {
  background: #AAAAAA;
  border-radius: 3px;
  font-size: 0.99rem;
  padding: 0.65rem 0.75rem;
  font-family: "Karla-Bold";
  color: rgba(42, 42, 42, 0.3);
  pointer-events: none;
  display: inline-block;
}
@media (max-width: 567px) {
  .btn-soldout {
    font-size: 0.88rem;
    padding: 0.65rem;
  }
}

.pointbtn .btn {
  float: left;
}
.pointbtn .btn.btn-points {
  margin-left: 1.56rem !important;
  border: 1px solid var(--primary_color) !important;
  background: transparent;
  color: var(--primary_color) !important;
  line-height: 21px !important;
}
.pointbtn .btn.btn-points span {
  line-height: 19px;
  text-transform: capitalize;
  font-size: 0.99rem;
  padding: 0.2rem;
  margin: 0rem;
}
.pointbtn .btn.btn-points:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.btn.btn-primary.btn-deselect {
  background: #EBEBEB;
  border-left: 5px solid var(--cashconv-black);
  border-radius: 0;
  color: #000000;
  cursor: not-allowed;
  padding: 0.65rem 2.6rem;
}
.btn.btn-primary.btn-deselect:hover {
  box-shadow: none;
  color: #000 !important;
  background: #EBEBEB;
}

.custom-dropdown {
  position: relative;
}
.custom-dropdown:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 6px;
  border: solid var(--user_name_font_color);
  border-width: 0 1px 1px 0;
  padding: 4px;
  transform: rotate(45deg);
  pointer-events: none;
}
.custom-dropdown select {
  font-size: 16px;
  color: var(--user_name_font_color);
  background-color: var(--main_navbar_text_color);
  border-radius: 3px;
  outline: none;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px 25px 5px 8px;
}

.check_form {
  float: left;
}

.label_check_form {
  float: left;
  max-width: 90%;
  margin-left: 10px;
}

.form-no-box {
  width: 100%;
  position: relative;
  padding: 4px 10px 4px 20px;
  margin-bottom: 40px;
}
.form-no-box .checkbox {
  float: left;
  max-width: 90%;
}
.form-no-box .multiple {
  float: left;
  margin: 0;
}

.form-box {
  width: 45%;
  border: solid 1px #707070;
  border-radius: 3px;
  text-align: left;
  position: relative;
  padding: 4px 10px 4px 20px;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .form-box {
    padding: 7px 10px 7px 20px;
  }
}
.form-box label {
  z-index: 4;
  font-size: var(--label_font_size);
  color: #707070;
  text-align: left;
  border-radius: 3px;
  border: 1px solid;
  position: absolute;
  top: -15px;
  left: 20px;
  display: inline-block;
  background-color: var(--login_register_bg_color);
  padding: 5px 15px;
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  .form-box label {
    font-size: 16px;
  }
}
.form-box .form-control {
  box-shadow: none;
  border: none;
  outline: none;
  font-size: 17px;
  font-weight: bold;
}
.form-box .form-control:focus {
  border: none;
  outline: none;
}
.form-box .form-control[readonly] {
  background-color: transparent;
}

.checkbox {
  display: block;
  position: relative;
  margin: 0 0 20px 0 !important;
  padding-left: 20px;
  cursor: pointer;
  font-size: 16px;
  color: #6A6A6A;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.checkbox label {
  color: #6A6A6A;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox input:checked ~ .checkmark {
  background-color: var(--primary_color);
  border: solid 1px transparent;
}
.checkbox:hover input ~ .checkmark {
  background-color: var(--primary_color);
}
.checkbox .checkmark {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 15px;
  width: 15px;
  border: solid 1px var(--primary_color);
  background-color: var(--login_register_bg_color);
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}

.checkbox.radio .checkmark {
  border-radius: 50px;
}

.badge_notification {
  /*background-color: rgba(251,134,39,0.5);*/
  background-color: #FB8627;
  /*width: 44px;
  height: 44px;*/
  width: 35px;
  height: 35px;
  border-radius: 50px;
  position: absolute;
  color: var(--main_navbar_text_color);
  text-align: center;
  font-size: 17px;
  /*line-height: 44px;*/
  line-height: 35px;
  /*right: -45px;*/
  right: -40px;
  top: -20px;
  /*&:before {
      content:"";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(251,134,39,0.4);
      width: 38px;
      height: 38px;
      border-radius: 50px;
  }
  &:after {
      content:"";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: $cashconv-Darkorange;
      width: 30px;
      height: 30px;
      border-radius: 50px;
  }*/
}
.badge_notification span {
  position: relative;
  z-index: 1;
}

.tooltip-box .tooltiptext {
  font-size: 16px;
  line-height: 20px;
  visibility: hidden;
  width: calc(100% + 90px);
  background-color: var(--primary_color);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1490196078);
  color: var(--main_navbar_text_color);
  border-radius: 3px;
  padding: 15px;
  position: absolute;
  z-index: 1;
  top: 115%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip-box .tooltiptext:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -15px;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent var(--primary_color) transparent;
}
.tooltip-box.show .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.all-tab {
  display: flex;
  justify-content: space-between;
}
.all-tab li {
  position: relative;
}
.all-tab li:hover a, .all-tab li.active a {
  background-color: transparent;
  color: var(--primary_color);
  font-weight: bold;
}
.all-tab li:hover a:after, .all-tab li.active a:after {
  content: "";
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: -5px;
  height: 4px;
  background-color: var(--primary_color);
}
.all-tab li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  background-color: #707070;
  width: 1px;
  height: 20px;
}
.all-tab li:nth-of-type(3):after {
  background-color: transparent;
}
.all-tab li a {
  color: #707070;
  font-size: var(--tab_font_size_desk);
  padding: 5px 20px;
  position: relative;
  text-decoration: none;
}
.all-tab li a span {
  display: flex;
  align-items: center;
}
.all-tab li a span .fa {
  max-width: 24px;
  margin-left: 6px;
}
.all-tab li a:hover, .all-tab li a.active {
  background-color: transparent;
  color: var(--primary_color);
  font-weight: bold;
}
.all-tab li a:hover:after, .all-tab li a.active:after {
  content: "";
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: -5px;
  height: 4px;
  background-color: var(--primary_color);
}

.all-tab li:last-child:after {
  display: none;
}

.sm-notification {
  width: 20px;
  height: 20px;
  background-color: var(--notification_bg_color);
  color: var(--main_navbar_text_color);
  font-size: 11px;
  border-radius: 50px;
  position: absolute;
  top: 0;
  right: var(--header-notification-alert-position-right);
  text-align: center;
  line-height: 20px;
}

/**
 * FAKE IMAGE
 * An image fot fixed height - width
 */
.fake_image {
  position: relative;
  background-color: #555555;
  overflow: hidden;
  display: table;
}
.fake_image .fi_alt {
  text-align: center;
  color: white;
  display: table-cell;
  vertical-align: middle;
}
.fake_image .fi_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.panel_body_game_component div.info {
  width: 100%;
  font-size: 0.8em;
  height: 50px;
}

.js-cookie-consent.cookie-consent {
  background-color: var(--cookies-bg-color);
  color: var(--cookies-text-color);
  line-height: 1.4rem;
  font-family: var(--primary_font_family);
}
.js-cookie-consent.cookie-consent > div {
  padding: 1rem 1.5rem;
}
.js-cookie-consent.cookie-consent button {
  margin: 8px 0;
}
.js-cookie-consent.cookie-consent .btn-primary {
  background-color: var(--cookies-bt-accept-bg-color);
  color: var(--cookies-text-color);
  border: none;
}
.js-cookie-consent.cookie-consent .btn-primary:hover {
  background-color: white;
  color: var(--cookies-bt-accept-bg-color);
}
.js-cookie-consent.cookie-consent .btn-secondary {
  background-color: var(--cookies-bt-edit-bg-color);
  color: var(--cookies-text-color);
  border: none;
  font-size: 0.99rem;
}
.js-cookie-consent.cookie-consent .btn-secondary:hover {
  background-color: white;
  color: var(--cookies-bt-edit-bg-color);
}
.js-cookie-consent.cookie-consent .btn-info {
  background-color: var(--cookies-bt-deny-bg-color);
  color: var(--cookies-text-color);
  border: none;
}
.js-cookie-consent.cookie-consent .btn-info:hover {
  background-color: white;
  color: var(--cookies-bt-deny-bg-color);
}

#cookiesModal .modal-dialog .modal-title {
  font-size: var(--h3_font_size_desk);
  font-family: var(--secondary_font_family);
  color: var(--cashconv-black);
  font-weight: bold;
}
#cookiesModal .modal-dialog input {
  left: 1rem;
}
#cookiesModal .modal-dialog label {
  line-height: 1.3rem;
}
#cookiesModal .modal-dialog .btn-primary {
  background-color: var(--cookies-bt-accept-bg-color);
  color: var(--cookies-text-color);
  border: none;
}
#cookiesModal .modal-dialog .btn-primary:hover {
  background-color: white;
  color: var(--cookies-bt-accept-bg-color);
  border: solid 1px var(--cookies-bt-accept-bg-color);
  margin-bottom: -2px;
  margin-right: -2px;
}
#cookiesModal .modal-dialog .btn-secondary {
  background-color: var(--cookies-bt-edit-bg-color);
  color: var(--cookies-text-color);
  border: none;
  font-size: 0.99rem;
}
#cookiesModal .modal-dialog .btn-secondary:hover {
  background-color: white;
  color: var(--cookies-bt-edit-bg-color);
  border: solid 1px var(--cookies-bt-edit-bg-color);
  margin-bottom: -2px;
  margin-left: -2px;
}

#coupon-table .coupon {
  border: 1px solid var(--my-coupons-border);
  border-radius: 3px;
  box-shadow: 5px 10px var(--my-coupons-box-shadow);
}
#coupon-table .coupon.my-5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#coupon-table .coupon .p-3 {
  padding: 1rem;
}
#coupon-table .coupon .pt-3 {
  padding-top: 1rem;
}
#coupon-table .coupon .pb-1 {
  padding-bottom: 0.5rem;
}
#coupon-table .coupon .py-5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#coupon-table .coupon:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 10%;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: white;
  z-index: 2;
  box-shadow: 0 2px var(--my-coupons-border);
}
#coupon-table .coupon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 10%;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: white;
  z-index: 2;
  box-shadow: 0 -2px var(--my-coupons-border);
}
#coupon-table .coupon .coupon-title {
  font-weight: bold;
  color: var(--my-coupons-color-title);
}
#coupon-table .coupon .img-coupons-rounded {
  border-radius: 3px 3px 0 0;
  vertical-align: bottom;
}
#coupon-table .coupon .img-caption-rounded {
  border-radius: 0;
  border-width: 1px 0;
  border-color: var(--my-coupons-border);
  border-style: solid;
  color: var(--my-coupons-color-title);
  background-color: var(--my-coupons-color-caption);
  padding: 10px;
  font-size: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 20px;
  opacity: 0.8;
  font-weight: bold;
}
@media (min-width: 768px) {
  #coupon-table .coupon .img-coupons-rounded {
    border-radius: 3px 0 0 3px;
  }
  #coupon-table .coupon .img-caption-rounded {
    border-radius: 0 0 0 3px;
    border-width: 1px 1px 0 0;
  }
  #coupon-table .coupon .ellipsis-responsive {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 992px) {
  #coupon-table .coupon .ellipsis-responsive {
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 1200px) {
  #coupon-table .coupon .ellipsis-responsive {
    -webkit-line-clamp: 7;
  }
}
#coupon-table .uncollected:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 32px;
  bottom: 32px;
  background-color: var(--my-coupons-bg-uncollected);
  z-index: 1;
  opacity: 0.8;
  border: 1px solid var(--my-coupons-border-uncollected);
  border-radius: 0.25rem;
}
#coupon-table .uncollected .btn-secondary {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--my-coupons-bg-btn-secondary);
  border-color: var(--my-coupons-color-btn-secondary);
  color: var(--my-coupons-color-btn-secondary);
  z-index: 10;
  min-width: 150px;
}

#carousel-product .carousel-indicators {
  bottom: -210px;
  height: 200px;
}
@media (max-width: 992px) {
  #carousel-product .carousel-indicators {
    display: none;
  }
}
#carousel-product .carousel-indicators li {
  text-indent: 0;
  width: auto;
  height: auto;
  max-width: 3rem;
  max-height: 3rem;
  border: none;
  background-color: transparent;
}
@media (max-width: 1200px) {
  #carousel-product .carousel-indicators li {
    max-width: 2.5rem;
    max-height: 2.5rem;
  }
}
#carousel-product .carousel-indicators li img {
  border-radius: 10px;
  border: 1px solid whitesmoke;
  height: 3rem;
}
@media (max-width: 1200px) {
  #carousel-product .carousel-indicators li img {
    height: 2.5rem;
  }
}
#carousel-product .carousel-indicators li.active img {
  outline: 2px solid var(--primary_color);
  border: none;
}
#carousel-product .carousel-inner img {
  margin: 0 auto;
}

.page-title h1 {
  color: var(--title-color);
}

.page-subtitle {
  color: var(--subtitle-color);
  line-height: 1.5rem;
}

.page-title,
.page-subtitle {
  font-family: var(--tertiary_font_family);
  margin-bottom: 1rem;
}

#map-container {
  position: relative;
}

#canvas-map {
  width: 100%;
}

#counter .counter-box {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6rem;
}
#counter .counter-box img {
  height: inherit;
}

.coupons strong,
.coupons b,
.coupon strong,
.coupon b {
  font-weight: bolder;
}
.coupons .coupon-card .card-img,
.coupon .coupon-card .card-img {
  min-width: 30%;
}
.coupons .coupon-card .card-body,
.coupon .coupon-card .card-body {
  color: var(--light);
  background-color: var(--primary);
}
.coupons .coupon-card .card-body .card-title,
.coupon .coupon-card .card-body .card-title {
  font-size: 32px;
}
@media (min-width: 768px) {
  .coupons .coupon-card .card-body .card-info,
  .coupon .coupon-card .card-body .card-info {
    display: flex;
    align-items: end;
  }
}
.coupons .coupon-card .card-body .card-info .btn-coupon,
.coupon .coupon-card .card-body .card-info .btn-coupon {
  display: flex;
  justify-content: end;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .coupons .coupon-card .card-body .card-info .btn-coupon,
  .coupon .coupon-card .card-body .card-info .btn-coupon {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .coupons .coupon-card {
    flex-direction: row;
  }
}

.table tbody tr td {
  background-color: var(--light);
}

.table-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.table-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

.table-success {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}

.table-danger {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}

.table-warning {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}

.table-info {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}

.table-light {
  background-color: var(--light) !important;
  border-color: var(--light) !important;
}

.table-dark {
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}

#road {
  position: relative;
  text-align: center;
  width: 644px;
  max-width: 100vw;
  margin: auto;
}
#road #boxes {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#road .sector {
  z-index: 1;
  position: relative;
  text-align: center;
  width: 644px;
  max-width: 100vw;
  margin: auto;
  margin-bottom: -3px;
}

#road .gif {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 644px;
  max-width: 100vw;
}

.box {
  z-index: 3;
  position: relative;
  width: 100%;
  max-width: 100vw;
}
.box.box-small {
  aspect-ratio: 6.44/1;
}
.box.box-medium {
  aspect-ratio: 2.34/1;
  z-index: 4;
}
.box.box-medium .piece-recharged img {
  margin-bottom: 150%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (min-width: 576px) {
  .box.box-medium .piece-recharged img {
    margin-bottom: 11rem;
  }
}
@media (min-width: 576px) {
  .box.box-medium .piece-points {
    margin-top: 5rem;
    font-size: 23px;
  }
}
.box.box-large {
  aspect-ratio: 1.17/1;
  z-index: 4;
}
.box.box-large .piece-recharged img {
  margin-bottom: 150%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (min-width: 576px) {
  .box.box-large .piece-recharged img {
    margin-bottom: 11rem;
  }
}
@media (min-width: 576px) {
  .box.box-large .piece-points {
    margin-top: 6rem;
    font-size: 23px;
  }
}
.box .line {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.box .line .line-colour {
  z-index: 4;
  width: 11px;
  background-color: goldenrod;
}
.box.box-exit .line {
  height: 50%;
  position: absolute;
  top: 0;
}
.box.box-goal .line {
  height: 50%;
  position: absolute;
  bottom: 0;
}
.box.box-goal .piece-recharged {
  margin-top: -8px;
}
.box .piece {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: grid;
  place-items: center;
  height: 100%;
  width: 16%;
}
@media (min-width: 576px) {
  .box .piece {
    width: 19%;
  }
}
.box .piece.piece-regular {
  width: 11%;
}
.box .piece.piece-points {
  font-family: "RifficFree-Bold";
  margin-top: 14%;
  width: 24%;
  font-size: 16px;
  color: #fff;
  text-shadow: 2px 2px grey;
}
.box .piece.piece-points span {
  font-size: 32px;
}
@media (min-width: 576px) {
  .box .piece.piece-points {
    font-size: 28px;
    margin-top: 16%;
  }
  .box .piece.piece-points span {
    font-size: 82px;
  }
}

.products,
.coupons-lotteries {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  margin: 0 8px;
}
@media (min-width: 576px) {
  .products,
  .coupons-lotteries {
    margin: 0 12px;
  }
}
.products .award,
.products .lottery,
.coupons-lotteries .award,
.coupons-lotteries .lottery {
  position: relative;
  background-color: #fff;
  display: flex;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 3px;
  width: 100%;
  aspect-ratio: 1.5/1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
  margin: 8px 0;
  text-decoration: none;
}
@media (min-width: 576px) {
  .products .award,
  .products .lottery,
  .coupons-lotteries .award,
  .coupons-lotteries .lottery {
    padding: 8px;
    margin: 12px 0;
  }
}
.products .award .text-area,
.products .award .img-area,
.products .lottery .text-area,
.products .lottery .img-area,
.coupons-lotteries .award .text-area,
.coupons-lotteries .award .img-area,
.coupons-lotteries .lottery .text-area,
.coupons-lotteries .lottery .img-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.products .award .text-area,
.products .lottery .text-area,
.coupons-lotteries .award .text-area,
.coupons-lotteries .lottery .text-area {
  z-index: 3;
  width: 55%;
}
@media (max-width: 576px) {
  .products .award .text-area,
  .products .lottery .text-area,
  .coupons-lotteries .award .text-area,
  .coupons-lotteries .lottery .text-area {
    font-size: 10px;
  }
}
.products .award .img-area,
.products .lottery .img-area,
.coupons-lotteries .award .img-area,
.coupons-lotteries .lottery .img-area {
  width: 45%;
}
.products .award .img-area img,
.products .lottery .img-area img,
.coupons-lotteries .award .img-area img,
.coupons-lotteries .lottery .img-area img {
  max-height: 100%;
}
.products .award .tag,
.products .lottery .tag,
.coupons-lotteries .award .tag,
.coupons-lotteries .lottery .tag {
  z-index: 4;
  position: absolute;
  rotate: -14deg;
  bottom: 12px;
  right: 0px;
  box-shadow: none;
  border-radius: 3px;
}
.products .award strong,
.products .lottery strong,
.coupons-lotteries .award strong,
.coupons-lotteries .lottery strong {
  font-weight: 900;
}
.products .coupon,
.coupons-lotteries .coupon {
  background-color: var(--stampoo-road-coupon-bg);
  color: var(--stampoo-road-coupon-color);
}
.products .coupon + .area-aux,
.coupons-lotteries .coupon + .area-aux {
  background-color: var(--stampoo-road-coupon-bg);
}
.products .coupon + .area-aux .text-muted,
.coupons-lotteries .coupon + .area-aux .text-muted {
  color: var(--stampoo-road-coupon-color);
}
.products .product,
.coupons-lotteries .product {
  background-color: var(--stampoo-road-product-bg);
  color: var(--stampoo-road-product-color);
}
.products .product + .area-aux,
.coupons-lotteries .product + .area-aux {
  background-color: var(--stampoo-road-product-bg);
}
.products .product + .area-aux .text-muted,
.coupons-lotteries .product + .area-aux .text-muted {
  color: var(--stampoo-road-product-color);
}
.products .lottery,
.coupons-lotteries .lottery {
  background-color: var(--stampoo-road-lottery-bg);
  color: var(--stampoo-road-lottery-color);
}
.products .lottery + .area-aux,
.coupons-lotteries .lottery + .area-aux {
  background-color: var(--stampoo-road-lottery-bg);
}
.products .lottery + .area-aux .text-muted,
.coupons-lotteries .lottery + .area-aux .text-muted {
  color: var(--stampoo-road-lottery-color);
}

.coupons-lotteries {
  right: 0;
}
.coupons-lotteries .coupon .text-area {
  color: #fff;
  font-family: "RifficFree-Bold";
  font-size: 28px;
}
@media (max-width: 576px) {
  .coupons-lotteries .coupon .text-area {
    font-size: 16px;
  }
}
.coupons-lotteries .coupon .tag {
  color: #000;
}

.area-aux {
  position: relative;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  margin-top: -9px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  padding: 8px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  font-size: 10px;
}
@media (min-width: 576px) {
  .area-aux {
    font-size: 16px;
    margin-top: -13px;
  }
}

#user-piece {
  z-index: 10;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27%;
  left: 0;
  right: 0;
  margin: auto;
}
#user-piece #user-piece-image {
  z-index: 9;
  height: 165%;
}
#user-piece #user-customized {
  z-index: 10;
  position: absolute;
  height: 60%;
}
#user-piece #gif-user-gif {
  margin-top: -33%;
  width: auto;
}

#up {
  z-index: 100;
  position: fixed;
  left: 16px;
  top: 40%;
}

#down {
  z-index: 100;
  position: fixed;
  left: 16px;
  top: 50%;
}

.modalRoadStampoo {
  z-index: 10;
  position: fixed;
  top: 15vh;
  left: 75vw;
  margin: auto;
  display: flex;
  justify-content: center;
}
@media (min-width: 576px) {
  .modalRoadStampoo {
    left: 0;
    right: 0;
    margin-left: 500px;
  }
}
.modalRoadStampoo #button-modalRoadStampoo {
  border-radius: 50%;
  padding: 16px;
  font-size: 42px;
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--light);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#modalRoadStampoo .modal-dialog {
  position: fixed;
  top: 1rem;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}
#modalRoadStampoo .modal-dialog .modal-content {
  height: 90vh;
  text-align: center;
  margin: auto;
  border-radius: 3px;
}
#modalRoadStampoo .modal-dialog .modal-content .modal-body {
  height: 80%;
  width: 100%;
}
#modalRoadStampoo .modal-dialog .modal-content .modal-body img {
  height: 100%;
}

.modal-code {
  z-index: 4;
  position: relative;
  text-align: right;
}

.font-primary {
  color: var(--cashconv-medgrey);
  font-size: 1.25rem;
  line-height: 28px;
  font-family: var(--primary_font_family);
  font-weight: normal;
}

.f-size-1 {
  font-size: 1rem !important;
}

@font-face {
  font-family: "RifficFree-Bold";
  src: url(/fonts/RifficFree-Bold.ttf?95bb60f33347cce0b7b7dd91b6099a99) format("ttf"), url(/fonts/RifficFree-Bold.woff?f682de83d5ba56b30f8bea7769c653b2) format("woff"), url(/fonts/RifficFree-Bold.woff2?51a88d20ad52b73f4055fb4116288656) format("woff2");
  font-weight: normal;
  font-style: normal;
}
i {
  margin: 0 5px;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-na {
  cursor: not-allowed !important;
}

.cursor-zoom-in {
  cursor: zoom-in !important;
}

.cursor-zoom-out {
  cursor: zoom-out !important;
}

.card-custom {
  overflow: hidden;
  min-height: var(--card-custom-min-height);
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  background-color: var(--card-custom-bg-color) !important;
}
.card-custom .card-text {
  font-size: 1rem;
  line-height: 24px;
  color: inherit;
}

.card-custom-img {
  height: 200px;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-color: inherit;
}

.card-team {
  height: var(--card-team-height-xs);
}
@media (min-width: 576px) {
  .card-team {
    height: var(--card-team-height-md);
  }
}
@media (min-width: 1200px) {
  .card-team {
    height: var(--card-team-height-xl);
  }
}

.card-badge {
  height: var(--card-badge-height-xs);
}
@media (min-width: 576px) {
  .card-badge {
    height: var(--card-badge-height-md);
  }
}
@media (min-width: 1200px) {
  .card-badge {
    height: var(--card-badge-height-xl);
  }
}

.medal-popup .card-badge {
  height: var(--card-modal-badge-height-xs);
}
@media (min-width: 576px) {
  .medal-popup .card-badge {
    height: var(--card-modal-badge-height-md);
  }
}
@media (min-width: 1200px) {
  .medal-popup .card-badge {
    height: var(--card-modal-badge-height-xl);
  }
}

.card-badge {
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  background-color: var(--badge-bg) !important;
}
.card-badge .card-text {
  font-size: 16px;
  color: var(--badge-text-color);
}

.card-team {
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  background-color: var(--badge-bg) !important;
}
.card-team .card-text {
  font-size: 16px;
  color: var(--badge-text-color);
}

/* First border-left-width setting is a fallback */
.card-custom-img::after {
  position: absolute;
  content: "";
  top: 161px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-top-width: 40px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 545px;
  border-left-width: calc(575px - 5vw);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: var(--card-custom-bg-color);
}

.card-custom-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  position: absolute;
  top: 100px;
  left: 1.25rem;
  width: 100px;
  height: 100px;
}

.card-footer {
  padding: 1rem;
}

.shadow-none {
  box-shadow: none !important;
}

.shadow {
  box-shadow: 0 0.5rem offsetY rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem offsetY rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem offsetY rgba(0, 0, 0, 0.175) !important;
}

.datatable-custom table.dataTable thead th, .datatable-custom table.dataTable tfoot th {
  font-weight: normal;
}
.datatable-custom .dataTables_wrapper .dataTables_length select,
.datatable-custom .dataTables_wrapper .dataTables_filter input {
  background-color: #fff;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.alert {
  border-radius: 3px;
}

.alert-primary {
  color: var(--alert-primary-color) !important;
  background-color: var(--alert-primary-bg) !important;
  border-color: var(--alert-primary-border-color) !important;
}

.alert-secondary {
  color: var(--alert-secondary-color) !important;
  background-color: var(--alert-secondary-bg) !important;
  border-color: var(--alert-secondary-border-color) !important;
}

.alert-success {
  color: var(--alert-success-color) !important;
  background-color: var(--alert-success-bg) !important;
  border-color: var(--alert-success-border-color) !important;
}

.alert-danger {
  color: var(--alert-danger-color) !important;
  background-color: var(--alert-danger-bg) !important;
  border-color: var(--alert-danger-border-color) !important;
}

.alert-warning {
  color: var(--alert-warning-color) !important;
  background-color: var(--alert-warning-bg) !important;
  border-color: var(--alert-warning-border-color) !important;
}

.alert-info {
  color: var(--alert-info-color) !important;
  background-color: var(--alert-info-bg) !important;
  border-color: var(--alert-info-border-color) !important;
}

.alert-light {
  color: var(--alert-light-color) !important;
  background-color: var(--alert-light-bg) !important;
  border-color: var(--alert-light-border-color) !important;
}

.alert-dark {
  color: var(--alert-dark-color) !important;
  background-color: var(--alert-dark-bg) !important;
  border-color: var(--alert-dark-border-color) !important;
}

.login .nav-item > a {
  text-decoration: none;
}
.login .form-area {
  padding: 1rem;
}
.login .login-form {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.login .login-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 331px;
}
@media (max-width: 992px) {
  .login .login-form {
    min-height: auto;
  }
  .login .login-align-center {
    height: auto;
  }
}
.login .nav-item > a {
  color: var(--btn-primary-color) !important;
  background-color: var(--btn-primary-bg) !important;
  border: 1px solid var(--btn-primary-color) !important;
  border-radius: 0%;
}
.login .nav-item.active > a {
  color: var(--btn-primary-hover-color) !important;
  background-color: var(--btn-primary-hover-bg) !important;
}
.login .nav-justified > li,
.login .nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.login .custom-dropdown:after {
  right: 8px;
}

.register-page .legal-bases {
  display: block;
  position: relative;
  margin: 0 0 20px 0 !important;
  font-size: 16px;
  color: #6A6A6A;
}

@media (min-width: 992px) {
  .register-page .language-drop {
    top: 33px;
    z-index: 2;
  }
  .register-page .single-page {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1024px) and (min-width: 992px) {
  .register-page .language-drop {
    top: 50px;
    right: 33px;
  }
}
.community .header img {
  float: left;
  padding: 10px;
  overflow: auto;
}
.community .header h1 {
  position: relative;
  margin-left: 100px;
  top: 18px;
  left: 10px;
}
.community .request-notify {
  background: red;
  position: relative;
  top: -30px;
  left: -35px;
  display: none;
}
.community .community-inactive {
  background-color: white;
  color: #F60A7F !important;
  border: 2px solid #F60A7F !important;
}
@media (min-width: 991px) {
  .community .f-lg-left {
    float: left !important;
  }
  .community .text-lg-left {
    text-align: left !important;
  }
}
.community .f-none {
  float: none;
}
.community #all-users-content .community-item,
.community #friends .community-item,
.community #request .community-item {
  height: 245px;
}
.community #all-users-content .community-item img,
.community #friends .community-item img,
.community #request .community-item img {
  border-radius: 3px;
}
@media (max-width: 991px) {
  .community #all-users-content .community-item,
  .community #friends .community-item,
  .community #request .community-item {
    height: 515px;
  }
}
@media (max-width: 768px) {
  .community #all-users-content .community-item,
  .community #friends .community-item,
  .community #request .community-item {
    height: auto;
  }
}
.community #all-users-content #accept,
.community #all-users-content #reject,
.community #friends #accept,
.community #friends #reject,
.community #request #accept,
.community #request #reject {
  width: 49%;
}
.community #all-users-content #accept,
.community #friends #accept,
.community #request #accept {
  margin-left: 2%;
}
.community #request #can-delete {
  width: 49%;
}

@media (min-width: 768px) {
  #community-profile .col-md-4 {
    width: 32%;
    margin-right: 2%;
  }
  #community-profile .col-md-8 {
    width: 65.667%;
  }
  #community-profile #message {
    margin-right: 0;
  }
}
#community-profile #reject,
#community-profile #accept {
  width: 49%;
}
#community-profile #accept {
  margin-left: 2%;
}
#community-profile .code-camp-tblNew {
  padding: 0.3rem;
}

.error-page-no-img {
  min-height: 60vh;
  display: flex;
}
.error-page-no-img > div {
  align-self: center;
}

.img-panel-catalogue {
  height: auto;
}
.img-panel-catalogue .img-catalogue {
  min-width: 100%;
}

.wrap {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: var(--timer-background-color);
}
.wrap h1 {
  margin-bottom: 40px;
  text-align: center;
  font: 410 2.25em var(--tertiary_font_family);
  text-transform: uppercase;
  color: var(--timer-text-color);
}
.wrap h1 strong {
  font-weight: 400;
}
.wrap h2 {
  margin-top: 40px;
  text-align: center;
  font: 350 1.7em var(--tertiary_font_family);
  text-transform: uppercase;
  color: var(--timer-text-color);
}
.wrap h2 strong {
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #1a1a1a;
}

.countdown-container {
  border-radius: 3px;
  background-color: var(--timer-background-color);
}
.countdown-container .count-title {
  padding: 0.5rem;
  display: block;
  font: normal 0.94em var(--tertiary_font_family);
  color: var(--timer-text-color);
  text-transform: uppercase;
}
.countdown-container .countdown .bloc-time {
  text-align: center;
}
.countdown-container .countdown .bloc-time.hours, .countdown-container .countdown .bloc-time.min, .countdown-container .countdown .bloc-time.sec {
  margin-top: 1rem;
}
@media (min-width: 767px) {
  .countdown-container .countdown .bloc-time.hours, .countdown-container .countdown .bloc-time.min, .countdown-container .countdown .bloc-time.sec {
    margin-top: 0;
  }
}
.countdown-container .countdown .figure {
  position: relative;
  float: left;
  width: 46%;
  height: 55px;
  margin-right: 2%;
  margin-left: 2%;
  background-color: var(--timer-figure-box-color);
  border-radius: 3px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown-container .countdown .figure:last-child {
  margin-right: 0;
}
.countdown-container .countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font: normal 2em/51px var(--timer-font-family);
  font-weight: 700;
  color: var(--timer-text-color);
}
.countdown-container .countdown .figure .top:after,
.countdown-container .countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown-container .countdown .figure .top {
  z-index: 3;
  background-color: var(--timer-figure-box-color);
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-clip: padding-box;
  transform: perspective(200px);
}
.countdown-container .countdown .figure .bottom {
  z-index: 1;
}
.countdown-container .countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02);
}
.countdown-container .countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  background-color: var(--timer-figure-box-color);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-clip: padding-box;
}
.countdown-container .countdown .figure .bottom-back span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.countdown-container .countdown .figure .top,
.countdown-container .countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  backface-visibility: hidden;
}
.countdown-container .countdown .figure .top-back {
  z-index: 4;
  bottom: 0;
  background-color: var(--timer-figure-box-color);
  transform-origin: 50% 0;
  transform: perspective(200px) rotateX(180deg);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
}
.countdown-container .countdown .figure .top-back span {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
}
.countdown-container .countdown .f-xs-center {
  float: inherit;
}
@media (min-width: 767px) {
  .countdown-container .countdown .f-xs-center {
    float: left;
  }
}

.cover-card {
  -o-object-fit: cover;
     object-fit: cover;
  height: 357px;
  width: 100%;
}

.img-team-avatar {
  border-radius: calc(0.25rem - 1px);
}

#avatars-and-members .profile section:first-of-type {
  padding: 0 0 1rem 0;
}
#avatars-and-members .profile > section {
  padding: 2rem 0;
}
#avatars-and-members .profile img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  .team-members {
    border-left: 1px solid var(--primary_color);
  }
}
#slider-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--slider-text-width);
  display: flex;
  flex-direction: column;
  background: var(--desktop_homeslider_textbox_bg);
  padding: var(--slider-text-home-padding);
}
#slider-text h1,
#slider-text h2 {
  color: var(--slider-text-home-color);
  font-family: var(--tertiary_font_family);
}
#slider-text h1 {
  font-family: var(--secondary_font_family);
  font-size: var(--h1_font_size_desk);
  line-height: var(--slider-text-home-h1-line-height);
}
#slider-text h2 {
  font-size: var(--slider-text-h2-font-size);
  line-height: var(--slider-text-home-h2-line-height);
}

#slider-text-mobile {
  display: none;
}
@media (max-width: 768px) {
  #slider-text-mobile {
    display: block;
    padding: var(--slider-text-home-padding-mobile);
    background: var(--mobile_homeslider_textbox_bg);
  }
  #slider-text-mobile h1,
  #slider-text-mobile h2 {
    color: var(--mobile_homeslider_font_color);
    font-family: var(--tertiary_font_family);
  }
  #slider-text-mobile h1 {
    font-size: var(--h1_font_size_mobi);
  }
  #slider-text-mobile h2 {
    font-size: var(--h2_font_size_mobi);
  }
}

#collapseNotifications {
  position: absolute;
  top: var(--header-notification-top);
  z-index: 3;
}
#collapseNotifications .notifications-header {
  background-color: var(--header-notification-header-background-color);
  padding: 10px 15px;
  border: var(--header-notification-border);
  border-radius: 4px 4px 0 0;
}
#collapseNotifications #notifications-list {
  overflow-y: auto;
  border: var(--header-notification-border);
  border-top: none;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 768px) {
  #collapseNotifications #notifications-list .list-group-item {
    display: flex;
    align-items: center;
  }
  #collapseNotifications #notifications-list .list-group-item .visible-xs {
    margin-bottom: 1rem;
  }
}
#collapseNotifications #notifications-list .list-group-item.bg-notification-read {
  background-color: var(--header-notification-background-color);
  color: var(--header-notification-color);
}
#collapseNotifications #notifications-list .list-group-item.bg-notification-read a {
  color: var(--header-notification-color);
}
#collapseNotifications #notifications-list .list-group-item.bg-notification-unread {
  background-color: var(--header-notification-unread-background-color);
  color: var(--header-notification-unread-color);
}
#collapseNotifications #notifications-list .list-group-item.bg-notification-unread a {
  color: var(--header-notification-unread-color);
}
#collapseNotifications #notifications-list .list-group-item::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
#collapseNotifications #notifications-list .list-group-item::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
#collapseNotifications #notifications-list .list-group-item::-webkit-scrollbar-thumb {
  background-color: var(--btn-primary-bg);
  border-radius: 3px;
}
#collapseNotifications #notifications-list .list-group-item img {
  max-width: 5rem;
  max-height: 5rem;
}
@media (max-width: 767px) {
  #collapseNotifications #notifications-list .list-group-item img {
    padding: 0;
  }
}
#collapseNotifications #notifications-list .list-group-item .notification-text {
  line-height: 1.3rem;
}
#collapseNotifications #notifications-list .list-group-item .visible-xs {
  margin-bottom: 1rem;
}
#collapseNotifications #notifications-list .list-group-item .btn {
  color: var(--btn-primary-color) !important;
}
@media (min-width: 768px) {
  #collapseNotifications #notifications-list .list-group-item .btn {
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
}
@media (max-width: 767px) {
  #collapseNotifications .sm-notification {
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 18px;
    right: var(--header-notification-alert-position-right-mobile);
  }
}
@media (min-width: 1025px) {
  #collapseNotifications {
    max-width: 70%;
    right: 0;
  }
}
@media (min-width: 1200px) {
  #collapseNotifications {
    max-width: 50%;
  }
}

:root {
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

.btn,
.btn-xs,
.btn-group-xs > .btn,
.btn-sm,
.btn-group-sm > .btn,
.btn-md,
.btn-lg,
.btn-group-lg > .btn,
.btn-xl,
.btn-xxl {
  color: var(--light);
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  transition: background 0.5s ease;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.btn.btn-primary,
.btn-xs.btn-primary,
.btn-sm.btn-primary,
.btn-md.btn-primary,
.btn-lg.btn-primary,
.btn-xl.btn-primary,
.btn-xxl.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn.btn-primary:hover, .btn.btn-primary.active, .btn.btn-primary:active, .btn.btn-primary:focus,
.btn-xs.btn-primary:hover,
.btn-xs.btn-primary.active,
.btn-xs.btn-primary:active,
.btn-xs.btn-primary:focus,
.btn-sm.btn-primary:hover,
.btn-sm.btn-primary.active,
.btn-sm.btn-primary:active,
.btn-sm.btn-primary:focus,
.btn-md.btn-primary:hover,
.btn-md.btn-primary.active,
.btn-md.btn-primary:active,
.btn-md.btn-primary:focus,
.btn-lg.btn-primary:hover,
.btn-lg.btn-primary.active,
.btn-lg.btn-primary:active,
.btn-lg.btn-primary:focus,
.btn-xl.btn-primary:hover,
.btn-xl.btn-primary.active,
.btn-xl.btn-primary:active,
.btn-xl.btn-primary:focus,
.btn-xxl.btn-primary:hover,
.btn-xxl.btn-primary.active,
.btn-xxl.btn-primary:active,
.btn-xxl.btn-primary:focus {
  color: var(--primary);
  background-color: var(--light);
}
.btn.btn-secondary,
.btn-xs.btn-secondary,
.btn-sm.btn-secondary,
.btn-md.btn-secondary,
.btn-lg.btn-secondary,
.btn-xl.btn-secondary,
.btn-xxl.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn.btn-secondary:hover, .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus,
.btn-xs.btn-secondary:hover,
.btn-xs.btn-secondary.active,
.btn-xs.btn-secondary:active,
.btn-xs.btn-secondary:focus,
.btn-sm.btn-secondary:hover,
.btn-sm.btn-secondary.active,
.btn-sm.btn-secondary:active,
.btn-sm.btn-secondary:focus,
.btn-md.btn-secondary:hover,
.btn-md.btn-secondary.active,
.btn-md.btn-secondary:active,
.btn-md.btn-secondary:focus,
.btn-lg.btn-secondary:hover,
.btn-lg.btn-secondary.active,
.btn-lg.btn-secondary:active,
.btn-lg.btn-secondary:focus,
.btn-xl.btn-secondary:hover,
.btn-xl.btn-secondary.active,
.btn-xl.btn-secondary:active,
.btn-xl.btn-secondary:focus,
.btn-xxl.btn-secondary:hover,
.btn-xxl.btn-secondary.active,
.btn-xxl.btn-secondary:active,
.btn-xxl.btn-secondary:focus {
  color: var(--secondary);
  background-color: var(--light);
}
.btn.btn-success,
.btn-xs.btn-success,
.btn-sm.btn-success,
.btn-md.btn-success,
.btn-lg.btn-success,
.btn-xl.btn-success,
.btn-xxl.btn-success {
  background-color: var(--success);
  border-color: var(--success);
}
.btn.btn-success:hover, .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus,
.btn-xs.btn-success:hover,
.btn-xs.btn-success.active,
.btn-xs.btn-success:active,
.btn-xs.btn-success:focus,
.btn-sm.btn-success:hover,
.btn-sm.btn-success.active,
.btn-sm.btn-success:active,
.btn-sm.btn-success:focus,
.btn-md.btn-success:hover,
.btn-md.btn-success.active,
.btn-md.btn-success:active,
.btn-md.btn-success:focus,
.btn-lg.btn-success:hover,
.btn-lg.btn-success.active,
.btn-lg.btn-success:active,
.btn-lg.btn-success:focus,
.btn-xl.btn-success:hover,
.btn-xl.btn-success.active,
.btn-xl.btn-success:active,
.btn-xl.btn-success:focus,
.btn-xxl.btn-success:hover,
.btn-xxl.btn-success.active,
.btn-xxl.btn-success:active,
.btn-xxl.btn-success:focus {
  color: var(--success);
  background-color: var(--light);
}
.btn.btn-danger,
.btn-xs.btn-danger,
.btn-sm.btn-danger,
.btn-md.btn-danger,
.btn-lg.btn-danger,
.btn-xl.btn-danger,
.btn-xxl.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
}
.btn.btn-danger:hover, .btn.btn-danger.active, .btn.btn-danger:active, .btn.btn-danger:focus,
.btn-xs.btn-danger:hover,
.btn-xs.btn-danger.active,
.btn-xs.btn-danger:active,
.btn-xs.btn-danger:focus,
.btn-sm.btn-danger:hover,
.btn-sm.btn-danger.active,
.btn-sm.btn-danger:active,
.btn-sm.btn-danger:focus,
.btn-md.btn-danger:hover,
.btn-md.btn-danger.active,
.btn-md.btn-danger:active,
.btn-md.btn-danger:focus,
.btn-lg.btn-danger:hover,
.btn-lg.btn-danger.active,
.btn-lg.btn-danger:active,
.btn-lg.btn-danger:focus,
.btn-xl.btn-danger:hover,
.btn-xl.btn-danger.active,
.btn-xl.btn-danger:active,
.btn-xl.btn-danger:focus,
.btn-xxl.btn-danger:hover,
.btn-xxl.btn-danger.active,
.btn-xxl.btn-danger:active,
.btn-xxl.btn-danger:focus {
  color: var(--danger);
  background-color: var(--light);
}
.btn.btn-warning,
.btn-xs.btn-warning,
.btn-sm.btn-warning,
.btn-md.btn-warning,
.btn-lg.btn-warning,
.btn-xl.btn-warning,
.btn-xxl.btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
}
.btn.btn-warning:hover, .btn.btn-warning.active, .btn.btn-warning:active, .btn.btn-warning:focus,
.btn-xs.btn-warning:hover,
.btn-xs.btn-warning.active,
.btn-xs.btn-warning:active,
.btn-xs.btn-warning:focus,
.btn-sm.btn-warning:hover,
.btn-sm.btn-warning.active,
.btn-sm.btn-warning:active,
.btn-sm.btn-warning:focus,
.btn-md.btn-warning:hover,
.btn-md.btn-warning.active,
.btn-md.btn-warning:active,
.btn-md.btn-warning:focus,
.btn-lg.btn-warning:hover,
.btn-lg.btn-warning.active,
.btn-lg.btn-warning:active,
.btn-lg.btn-warning:focus,
.btn-xl.btn-warning:hover,
.btn-xl.btn-warning.active,
.btn-xl.btn-warning:active,
.btn-xl.btn-warning:focus,
.btn-xxl.btn-warning:hover,
.btn-xxl.btn-warning.active,
.btn-xxl.btn-warning:active,
.btn-xxl.btn-warning:focus {
  color: var(--warning);
  background-color: var(--light);
}
.btn.btn-info,
.btn-xs.btn-info,
.btn-sm.btn-info,
.btn-md.btn-info,
.btn-lg.btn-info,
.btn-xl.btn-info,
.btn-xxl.btn-info {
  background-color: var(--info);
  border-color: var(--info);
}
.btn.btn-info:hover, .btn.btn-info.active, .btn.btn-info:active, .btn.btn-info:focus,
.btn-xs.btn-info:hover,
.btn-xs.btn-info.active,
.btn-xs.btn-info:active,
.btn-xs.btn-info:focus,
.btn-sm.btn-info:hover,
.btn-sm.btn-info.active,
.btn-sm.btn-info:active,
.btn-sm.btn-info:focus,
.btn-md.btn-info:hover,
.btn-md.btn-info.active,
.btn-md.btn-info:active,
.btn-md.btn-info:focus,
.btn-lg.btn-info:hover,
.btn-lg.btn-info.active,
.btn-lg.btn-info:active,
.btn-lg.btn-info:focus,
.btn-xl.btn-info:hover,
.btn-xl.btn-info.active,
.btn-xl.btn-info:active,
.btn-xl.btn-info:focus,
.btn-xxl.btn-info:hover,
.btn-xxl.btn-info.active,
.btn-xxl.btn-info:active,
.btn-xxl.btn-info:focus {
  color: var(--info);
  background-color: var(--light);
}
.btn.btn-light,
.btn-xs.btn-light,
.btn-sm.btn-light,
.btn-md.btn-light,
.btn-lg.btn-light,
.btn-xl.btn-light,
.btn-xxl.btn-light {
  background-color: var(--light);
  border-color: var(--light);
}
.btn.btn-light:hover, .btn.btn-light.active, .btn.btn-light:active, .btn.btn-light:focus,
.btn-xs.btn-light:hover,
.btn-xs.btn-light.active,
.btn-xs.btn-light:active,
.btn-xs.btn-light:focus,
.btn-sm.btn-light:hover,
.btn-sm.btn-light.active,
.btn-sm.btn-light:active,
.btn-sm.btn-light:focus,
.btn-md.btn-light:hover,
.btn-md.btn-light.active,
.btn-md.btn-light:active,
.btn-md.btn-light:focus,
.btn-lg.btn-light:hover,
.btn-lg.btn-light.active,
.btn-lg.btn-light:active,
.btn-lg.btn-light:focus,
.btn-xl.btn-light:hover,
.btn-xl.btn-light.active,
.btn-xl.btn-light:active,
.btn-xl.btn-light:focus,
.btn-xxl.btn-light:hover,
.btn-xxl.btn-light.active,
.btn-xxl.btn-light:active,
.btn-xxl.btn-light:focus {
  color: var(--light);
  background-color: var(--light);
}
.btn.btn-dark,
.btn-xs.btn-dark,
.btn-sm.btn-dark,
.btn-md.btn-dark,
.btn-lg.btn-dark,
.btn-xl.btn-dark,
.btn-xxl.btn-dark {
  background-color: var(--dark);
  border-color: var(--dark);
}
.btn.btn-dark:hover, .btn.btn-dark.active, .btn.btn-dark:active, .btn.btn-dark:focus,
.btn-xs.btn-dark:hover,
.btn-xs.btn-dark.active,
.btn-xs.btn-dark:active,
.btn-xs.btn-dark:focus,
.btn-sm.btn-dark:hover,
.btn-sm.btn-dark.active,
.btn-sm.btn-dark:active,
.btn-sm.btn-dark:focus,
.btn-md.btn-dark:hover,
.btn-md.btn-dark.active,
.btn-md.btn-dark:active,
.btn-md.btn-dark:focus,
.btn-lg.btn-dark:hover,
.btn-lg.btn-dark.active,
.btn-lg.btn-dark:active,
.btn-lg.btn-dark:focus,
.btn-xl.btn-dark:hover,
.btn-xl.btn-dark.active,
.btn-xl.btn-dark:active,
.btn-xl.btn-dark:focus,
.btn-xxl.btn-dark:hover,
.btn-xxl.btn-dark.active,
.btn-xxl.btn-dark:active,
.btn-xxl.btn-dark:focus {
  color: var(--dark);
  background-color: var(--light);
}
.btn.btn-light,
.btn-xs.btn-light,
.btn-sm.btn-light,
.btn-md.btn-light,
.btn-lg.btn-light,
.btn-xl.btn-light,
.btn-xxl.btn-light {
  color: var(--dark);
  border-color: var(--dark);
}
.btn.btn-light:hover, .btn.btn-light.active, .btn.btn-light:active, .btn.btn-light:focus,
.btn-xs.btn-light:hover,
.btn-xs.btn-light.active,
.btn-xs.btn-light:active,
.btn-xs.btn-light:focus,
.btn-sm.btn-light:hover,
.btn-sm.btn-light.active,
.btn-sm.btn-light:active,
.btn-sm.btn-light:focus,
.btn-md.btn-light:hover,
.btn-md.btn-light.active,
.btn-md.btn-light:active,
.btn-md.btn-light:focus,
.btn-lg.btn-light:hover,
.btn-lg.btn-light.active,
.btn-lg.btn-light:active,
.btn-lg.btn-light:focus,
.btn-xl.btn-light:hover,
.btn-xl.btn-light.active,
.btn-xl.btn-light:active,
.btn-xl.btn-light:focus,
.btn-xxl.btn-light:hover,
.btn-xxl.btn-light.active,
.btn-xxl.btn-light:active,
.btn-xxl.btn-light:focus {
  background-color: var(--dark);
}
.btn.btn-link,
.btn-xs.btn-link,
.btn-sm.btn-link,
.btn-md.btn-link,
.btn-lg.btn-link,
.btn-xl.btn-link,
.btn-xxl.btn-link {
  color: var(--primary);
  background-color: var(--light);
  border-color: var(--primary);
  text-decoration: none;
}
.btn.btn-link:hover, .btn.btn-link.active, .btn.btn-link:active, .btn.btn-link:focus,
.btn-xs.btn-link:hover,
.btn-xs.btn-link.active,
.btn-xs.btn-link:active,
.btn-xs.btn-link:focus,
.btn-sm.btn-link:hover,
.btn-sm.btn-link.active,
.btn-sm.btn-link:active,
.btn-sm.btn-link:focus,
.btn-md.btn-link:hover,
.btn-md.btn-link.active,
.btn-md.btn-link:active,
.btn-md.btn-link:focus,
.btn-lg.btn-link:hover,
.btn-lg.btn-link.active,
.btn-lg.btn-link:active,
.btn-lg.btn-link:focus,
.btn-xl.btn-link:hover,
.btn-xl.btn-link.active,
.btn-xl.btn-link:active,
.btn-xl.btn-link:focus,
.btn-xxl.btn-link:hover,
.btn-xxl.btn-link.active,
.btn-xxl.btn-link:active,
.btn-xxl.btn-link:focus {
  color: var(--light);
  background-color: var(--primary);
}
.btn.fa-trash,
.btn-xs.fa-trash,
.btn-sm.fa-trash,
.btn-md.fa-trash,
.btn-lg.fa-trash,
.btn-xl.fa-trash,
.btn-xxl.fa-trash {
  font-size: 20px;
}

.table {
  width: 100%;
}
.table thead {
  color: var(--light);
}
.table thead tr {
  background-color: var(--primary);
}
.table thead tr.table-primary {
  background-color: var(--primary);
}
.table thead tr.table-secondary {
  background-color: var(--secondary);
}
.table thead tr.table-success {
  background-color: var(--success);
}
.table thead tr.table-danger {
  background-color: var(--danger);
}
.table thead tr.table-warning {
  background-color: var(--warning);
}
.table thead tr.table-info {
  background-color: var(--info);
}
.table thead tr.table-light {
  background-color: var(--light);
}
.table thead tr.table-dark {
  background-color: var(--dark);
}
.table tbody tr.table-primary {
  background-color: var(--primary);
}
.table tbody tr.table-secondary {
  background-color: var(--secondary);
}
.table tbody tr.table-success {
  background-color: var(--success);
}
.table tbody tr.table-danger {
  background-color: var(--danger);
}
.table tbody tr.table-warning {
  background-color: var(--warning);
}
.table tbody tr.table-info {
  background-color: var(--info);
}
.table tbody tr.table-light {
  background-color: var(--light);
}
.table tbody tr.table-dark {
  background-color: var(--dark);
}
.table tbody tr td {
  color: var(--dark);
  background-color: var(--light);
}
.table tbody tr td .modal .modal-content {
  border-radius: 3px;
}
.table tbody tr td .modal .modal-content .modal-title {
  color: var(--primary);
  font-weight: 700;
}
.table tbody tr td .modal .modal-content img {
  height: 100%;
}
.table th,
.table td {
  padding: 0.75rem !important;
  min-height: 2.5rem;
  vertical-align: middle !important;
}
.table th.text-center,
.table td.text-center {
  text-align: center !important;
}
.table th.text-right,
.table td.text-right {
  text-align: right !important;
}
.table th img,
.table td img {
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 1rem;
  height: 35px;
}
.table th {
  text-transform: capitalize;
}

.pagination {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .pagination {
    justify-content: end;
  }
}
.pagination span {
  color: var(--primary) !important;
}
.pagination a {
  color: var(--primary) !important;
}
.pagination .active span {
  color: var(--light) !important;
  background-color: var(--primary);
  border-color: var(--primary);
}
.pagination .active span:hover {
  color: var(--light) !important;
  background-color: var(--primary);
  border-color: var(--primary);
}

/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.load {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.3) url("http://i.stack.imgur.com/FhHRx.gif") 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .load {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .load {
  display: block;
}

.no {
  color: inherit !important;
}

/* POP UP */
.overlay-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2000;
  padding: 40px 0px;
  /*! display:none; */
  background-color: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}

.crop-box {
  position: relative;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  background-color: #fff;
}

.img-crop {
  max-height: 350px !important;
  max-width: 350px !important;
}

.buttons {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.buttons .btn-default {
  width: auto;
  display: inline-block !important;
  margin: 20px 10px !important;
  background-color: transparent !important;
}

.btn-inside {
  display: inline-block !important;
  font-size: 24px;
  font-size: 1.5rem;
  width: 40px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 2px 10px !important;
}
.btn-inside img {
  width: 18px !important;
}

/*.done {
    width:200px !important;
    height:30px !important;
    margin:0 auto;
    text-align:center;
}*/
.decoration {
  display: inline-block;
  height: 40px;
  line-break: 40px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
  text-decoration: none;
  padding: 0px;
}

.decoration:hover {
  text-decoration: none;
}

.inline {
  display: inline-block;
}

.img-picture {
  max-width: inherit !important;
}

div.overlay-popup div.inside-popup {
  position: relative;
  width: 100%;
  background: white;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}

div.inside-popup > a span {
  background-color: #FF85C4;
}

/*.cerrar{
  top: -12px;
  right: -12px;
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
}*/
.box_btn {
  width: auto;
  margin: 0 auto;
  display: table;
}

.btn-crop-gestazion {
  background: #F60A7F !important;
  color: white;
  border-radius: 3px;
  background-clip: padding-box;
}
.btn-crop-gestazion:hover, .btn-crop-gestazion:active, .btn-crop-gestazion:focus {
  color: #fff;
  text-decoration: none;
}

/*.btn-crop {
  text-align:center;
  color: white;
  font-weight: 400;
  line-height: 30px;
  font-family: $font-stack;
  text-transform: uppercase;
  @include font-size(20px);
  @include border-radius(4px);
  background: $main-color;
  padding: 5px;
  display: inline-block;
  &:hover, &:active, &:focus{
    color: white;
  }
}*/
.no-m {
  margin: 0 !important;
}

.user {
  background-color: #666666;
}

.p-2 {
  padding: 2px;
}

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  font-size: 14px;
  font-size: 0.875rem;
}

.decoration-none {
  text-decoration: none !important;
}

.push-down {
  height: 215px;
}

.maintenance {
  text-align: center;
  position: relative;
}

.link {
  color: white;
  text-decoration: none;
}

.link:hover {
  color: white;
  text-decoration: none;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.bootstrap-select.btn-group .btn .filter-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.no-underline {
  text-decoration: none;
}

/*new css*/
.crop-body {
  max-width: 800px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  padding: 30px;
}

.btn-close {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  border: solid 2px #707070;
  color: #707070;
  background: transparent;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-box-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.crop-body p {
  font-size: 20px;
  color: #A5A5A5;
  text-align: center;
  margin-bottom: 30px;
}

.btn-rotate a {
  color: #BF0A0A;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 20px;
}
.btn-rotate a:hover {
  color: #e80606;
}
.btn-rotate a img {
  margin-bottom: 15px;
}
.btn-rotate a span {
  display: block;
  font-size: 20px;
}

.resize-img {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.resize-img a {
  width: 40px;
  height: 40px;
  line-height: 20px;
}

.done .btn {
  margin: 0 auto;
}

html,
body {
  height: 100%;
}

body {
  font-family: var(--primary_font_family);
}

.wrapper {
  height: auto !important;
  height: 100%;
  margin: 0 auto -200px;
  background-color: #fff;
}
@media (min-width: 767px) {
  .wrapper {
    margin: 0 auto -70px;
  }
}

@media screen and (max-width: 768px) {
  .wrapper-2 {
    height: initial !important;
  }
  .wrapper-2 .pantalla-mobile,
  .wrapper-2-mob .pantalla-mobile {
    position: static !important;
    height: initial !important;
  }
}
.wrapper-moved {
  padding-top: 0px;
}

#push,
.footer {
  height: 200px;
}
@media (min-width: 767px) {
  #push,
  .footer {
    height: 70px;
  }
}
#push ul,
.footer ul {
  margin-bottom: 0 !important;
}

a {
  transition: 0.2s ease;
  box-sizing: border-box;
  text-decoration: underline;
  outline: none;
  color: #000;
  transition: 0.3s ease;
}
a:hover, a:active {
  color: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
  outline: none;
}

img {
  max-width: 100%;
}

.no-pd {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media (min-width: 767px) {
  .no-pd-r {
    padding-right: 0px !important;
  }
}

.static {
  position: static;
}

.relative {
  position: relative;
}

.limpiador {
  width: 100%;
  clear: both;
}

.oculto {
  display: none;
}

.center-block {
  float: none;
}

.seccion {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (min-width: 767px) {
  .seccion {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.seccion.seccion-smiles-up {
  padding-bottom: 0px;
}
@media (min-width: 767px) {
  .seccion.seccion-smiles-up {
    padding-bottom: 0px;
  }
}

label {
  margin-bottom: 4px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  label {
    font-size: 16px;
    font-size: 1rem;
  }
}

.paginador {
  text-align: center;
  padding-top: 5px;
}
.paginador ul {
  display: inline-block;
}
.paginador ul li {
  margin: 10px;
  display: inline-block;
}
.paginador ul li a {
  display: inline-block;
  vertical-align: top;
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  text-align: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
}
.paginador ul li a.active {
  background: #fff;
  border-color: #fff;
}
@media (min-width: 767px) {
  .paginador ul li {
    margin: 3px;
  }
}
@media (min-width: 767px) {
  .paginador {
    text-align: right;
  }
}

.listado-juegos a, .seccion-premios a, .seccion-ganadores a, .seccion-juegos a, .seccion-contacto .contacto a {
  display: inline-block;
  margin: 10px 0;
  text-decoration: none;
}
.listado-juegos a img, .seccion-premios a img, .seccion-ganadores a img, .seccion-juegos a img, .seccion-contacto .contacto a img {
  max-width: 160px;
  transition: 0.3s ease;
}
.listado-juegos a img:hover, .seccion-premios a img:hover, .seccion-ganadores a img:hover, .seccion-juegos a img:hover, .seccion-contacto .contacto a img:hover {
  transform: scale(1.05);
}
@media (min-width: 767px) {
  .listado-juegos a img, .seccion-premios a img, .seccion-ganadores a img, .seccion-juegos a img, .seccion-contacto .contacto a img {
    max-width: 100%;
  }
}
.listado-juegos a:hover, .seccion-premios a:hover, .seccion-ganadores a:hover, .seccion-juegos a:hover, .seccion-contacto .contacto a:hover {
  text-decoration: none;
}
@media (min-width: 767px) {
  .listado-juegos a, .seccion-premios a, .seccion-ganadores a, .seccion-juegos a, .seccion-contacto .contacto a {
    margin: 20px 0;
  }
}
.listado-juegos h3, .seccion-premios h3, .seccion-ganadores h3, .seccion-juegos h3, .seccion-contacto .contacto h3 {
  text-transform: uppercase;
  margin: 10px 0;
  text-align: center;
}

.pantalla-mobile {
  position: absolute;
  top: 0;
  z-index: 10000;
  background: #fff;
  width: 100%;
  height: 100%;
}
.pantalla-mobile .seccion {
  background-color: #fff;
}
@media (min-width: 767px) {
  .pantalla-mobile {
    position: static;
  }
}

.cerrar-pantalla-mobile {
  display: block;
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 10001;
}
@media (min-width: 767px) {
  .cerrar-pantalla-mobile {
    display: none;
  }
}

.test {
  color: #000;
  background: #fff;
  padding: 15px 0 0 0;
  margin: 0;
}
@media (min-width: 767px) {
  .test {
    padding: 15px 30px 0px 30px;
  }
}
.test strong {
  display: inline-block;
  padding: 0 15px;
  text-align: center;
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .test strong {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.test ul {
  margin: 30px 0;
  display: inline-block;
}
.test ul li {
  text-align: left;
  max-width: 300px;
  margin: 5px 0 10px 0;
}
@media (min-width: 767px) {
  .test ul li {
    max-width: 400px;
  }
}
.test ul li label {
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  .test ul li label {
    font-size: 16px;
    font-size: 1rem;
  }
}

#para-ancla {
  display: block;
  padding-top: 120px;
  margin-top: -120px;
}
@media (min-width: 767px) {
  #para-ancla {
    padding-top: 200px;
    margin-top: -200px;
  }
}

.sello {
  text-transform: uppercase;
  color: #000;
  text-align: center;
  background: #fff;
  width: 90px;
  height: 90px;
  border-radius: 12px;
  background-clip: padding-box;
  padding: 18px 10px;
  margin: 0 auto 20px auto;
  font-weight: 600;
}
@media (min-width: 767px) {
  .sello {
    padding: 14px 10px;
  }
}
.sello strong {
  display: block;
  width: 100%;
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "VAGRoundedStd-Black", sans-serif;
  line-height: 1;
}
@media (min-width: 767px) {
  .sello strong {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.sello span {
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 767px) {
  .sello span {
    font-size: 16px;
    font-size: 1rem;
  }
}
.sello span.millas {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 400;
}
@media (min-width: 767px) {
  .sello span.millas {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.box-claim, .box-corners {
  position: relative;
  width: 100%;
  padding: 30px;
}
.box-claim .corner-claim, .box-corners .corner-claim {
  position: absolute;
  background: #000;
  width: 38px;
  height: 38px;
}
.box-claim .corner-claim .box-white-square, .box-corners .corner-claim .box-white-square {
  position: relative;
  width: 38px;
  height: 38px;
  background: #000;
}
.box-claim .corner-claim .white-square, .box-corners .corner-claim .white-square {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff;
}
.box-claim .corner-claim.corner-claim-top-left, .box-corners .corner-claim.corner-claim-top-left {
  top: 0;
  left: 0;
}
.box-claim .corner-claim.corner-claim-top-left .box-white-square .white-square, .box-corners .corner-claim.corner-claim-top-left .box-white-square .white-square {
  bottom: 0;
  right: 0;
}
.box-claim .corner-claim.corner-claim-top-right, .box-corners .corner-claim.corner-claim-top-right {
  top: 0;
  right: 0;
}
.box-claim .corner-claim.corner-claim-top-right .box-white-square .white-square, .box-corners .corner-claim.corner-claim-top-right .box-white-square .white-square {
  bottom: 0;
  left: 0;
}
.box-claim .corner-claim.corner-claim-bottom-left, .box-corners .corner-claim.corner-claim-bottom-left {
  bottom: 0;
  left: 0;
}
.box-claim .corner-claim.corner-claim-bottom-left .box-white-square .white-square, .box-corners .corner-claim.corner-claim-bottom-left .box-white-square .white-square {
  top: 0;
  right: 0;
}
.box-claim .corner-claim.corner-claim-bottom-right, .box-corners .corner-claim.corner-claim-bottom-right {
  bottom: 0;
  right: 0;
}
.box-claim .corner-claim.corner-claim-bottom-right .box-white-square .white-square, .box-corners .corner-claim.corner-claim-bottom-right .box-white-square .white-square {
  top: 0;
  left: 0;
}
.box-claim img, .box-corners img {
  width: 100%;
}
@media (min-width: 992px) {
  .box-claim img, .box-corners img {
    width: 100%;
  }
}

@media (min-width: 767px) {
  .keep-row-height .col-sm-4:nth-child(3n+1) {
    clear: left;
  }
}

::-moz-selection {
  color: #fff;
  background: var(--primary_color);
}

::selection {
  color: #fff;
  background: var(--primary_color);
}

::-moz-selection {
  color: #fff;
  background: var(--primary_color);
}

::-webkit-selection {
  color: #fff;
  background: var(--primary_color);
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.navbar {
  border: none !important;
  border-color: transparent !important;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  color: #fff !important;
  background: #000 !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background: #fff !important;
}

.navbar-nav {
  margin: 0;
}

.navbar-moved {
  position: static;
}

.fondo-menu {
  background: #fff;
}
@media (min-width: 767px) {
  .fondo-menu {
    background: #000;
  }
}

.center-menu {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 767px) {
  .center-menu {
    float: none;
    max-width: 470px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .center-menu {
    float: left;
    width: 100%;
    max-width: 100%;
    margin-right: -15px;
    margin-left: -15px;
  }
}

.gradient, .progreso .barra-progreso .completado-progreso, .perfil .mi-nivel .barra-nivel {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01d5d2+0,860290+76,860290+100 */
  background: rgb(226, 1, 119);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(226, 1, 119) 0%, rgb(255, 133, 196) 76%, rgb(181, 183, 186) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E20177", endColorstr="#860290", GradientType=1);
  /* IE6-9 */
}

@media (min-width: 992px) {
  .menu {
    padding-left: 0px !important;
  }
}

@media (min-width: 767px) {
  .menu li.active a {
    background: #000 !important;
  }
  .menu li.active a:hover {
    background: transparent !important;
  }
  .menu li.active a:hover span {
    border-bottom: 1px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.underline-menu {
  display: none;
}

.margin-mb {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 767px) {
  .margin-mb {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.fondo-menu-usuario {
  background: #000;
}

.menu-usuario {
  min-height: 44px;
  text-align: center;
}
@media (min-width: 767px) {
  .menu-usuario {
    float: right;
    margin-right: 0px;
  }
  .menu-usuario.no-logado {
    width: 100%;
    text-align: center;
  }
  .menu-usuario.no-logado .navbar-nav {
    float: none;
    display: inline-block;
  }
  .menu-usuario.no-logado li a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media (min-width: 992px) {
  .menu-usuario {
    float: right;
    margin-right: -15px;
  }
  .menu-usuario.no-logado {
    width: 100%;
    text-align: right;
    margin-right: -30px;
  }
  .menu-usuario.no-logado li a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .menu-usuario.no-logado li a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.menu-usuario .navbar-nav {
  margin-top: 2px;
  margin-bottom: 2px;
}
@media (min-width: 767px) {
  .menu-usuario .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.menu-usuario li {
  display: inline-block;
  text-align: center;
}
.menu-usuario .sep-usuario {
  color: #fff !important;
  padding: 3px 0px 0px 5px;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 767px) {
  .menu-usuario .sep-usuario {
    font-size: 22px;
    font-size: 1.375rem;
    padding: 12px 0 8px 0;
    margin: 0 10px;
  }
}

.menu-usuario li.active a {
  font-family: "VAGRoundedStd-Black", sans-serif;
  background: transparent !important;
  line-height: 1.3;
}
.menu-usuario li.active a:hover {
  background: transparent !important;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.menu-usuario li.active a:hover span {
  border-bottom: 1px solid #fff;
}
@media (min-width: 767px) {
  .menu-usuario li.active a {
    background: transparent !important;
  }
  .menu-usuario li.active a:hover {
    background: transparent !important;
  }
  .menu-usuario li.active a:hover span {
    border-bottom: 1px solid #fff;
  }
}

.menu-usuario li.active a span {
  border-bottom: none;
}
@media (min-width: 767px) {
  .menu-usuario li.active a span {
    border-bottom: 1px solid #fff;
  }
}

.menu-usuario li a {
  display: inline-block;
  width: auto;
  position: relative;
  color: #fff !important;
  background: transparent;
  text-decoration: none;
  text-align: center;
  transition: 0.3s ease;
}
.menu-usuario li a span {
  transition: 0.3s ease;
  text-align: center;
  padding-bottom: 0px;
}
.menu-usuario li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: transparent !important;
}
.menu-usuario li a:hover span {
  border-bottom: none;
}
@media (min-width: 767px) {
  .menu-usuario li a:hover {
    background-color: transparent !important;
  }
}
@media (min-width: 767px) {
  .menu-usuario li a {
    border-bottom: none;
    height: 60px;
    overflow: hidden;
    font-size: 18px;
    font-size: 1.125rem;
    padding-top: 20px;
  }
}

.menu-usuario.logado {
  min-height: inherit;
  padding-left: 15px;
}
@media (min-width: 767px) {
  .menu-usuario.logado {
    padding-left: 0;
  }
}
.menu-usuario.logado .navbar-nav {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 48px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width: 767px) {
  .menu-usuario.logado .navbar-nav {
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.menu-usuario.logado li {
  display: inline-block;
  vertical-align: top;
}
.menu-usuario.logado li:nth-child(3) a {
  padding-left: 30px;
}
@media (min-width: 767px) {
  .menu-usuario.logado li:nth-child(3) a {
    padding-left: 15px;
  }
}
.menu-usuario.logado li a {
  padding-top: 2px;
  padding-bottom: 0;
  line-height: 1;
  height: auto;
}
@media (min-width: 767px) {
  .menu-usuario.logado li a {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.menu-usuario.logado span {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  line-height: 1.1;
}
@media (min-width: 767px) {
  .menu-usuario.logado span {
    vertical-align: middle;
  }
}
.menu-usuario.logado .avatar-usuario {
  display: inline-block;
}
.menu-usuario.logado .avatar-usuario a {
  display: block;
  padding: 0;
  margin-top: 2px;
}
.menu-usuario.logado .avatar-usuario a img {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-clip: padding-box;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}
@media (min-width: 767px) {
  .menu-usuario.logado .avatar-usuario a img {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 767px) {
  .menu-usuario.logado .avatar-usuario a {
    padding: 6px 0 0 0;
  }
}
@media (min-width: 767px) {
  .menu-usuario.logado .avatar-usuario {
    display: block;
  }
}
.menu-usuario.logado .nombre-usuario {
  display: none;
  line-height: 1.2;
}
.menu-usuario.logado .nombre-usuario strong {
  margin-top: -4px;
  font-size: 14px;
  font-size: 0.875rem;
}
.menu-usuario.logado .nombre-usuario span {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  padding-top: 10px;
}
@media (min-width: 767px) {
  .menu-usuario.logado .nombre-usuario {
    display: block;
  }
}
.menu-usuario.logado .nivel-usuario, .menu-usuario.logado .puntos-usuario {
  max-width: 100px;
}
.menu-usuario.logado .nivel-usuario strong, .menu-usuario.logado .puntos-usuario strong {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}
.menu-usuario.logado .nivel-usuario span, .menu-usuario.logado .puntos-usuario span {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  padding-top: 2px;
}
@media (min-width: 767px) {
  .menu-usuario.logado .nivel-usuario span, .menu-usuario.logado .puntos-usuario span {
    padding-top: 10px;
  }
}
.menu-usuario.logado .nivel-usuario a, .menu-usuario.logado .puntos-usuario a {
  padding-right: 0px;
  padding-left: 0px;
}
@media (min-width: 767px) {
  .menu-usuario.logado .nivel-usuario, .menu-usuario.logado .puntos-usuario {
    display: block;
    max-width: 100%;
  }
}
.menu-usuario.logado .puntos-usuario {
  max-width: 45px;
  display: inline-block;
  padding-left: 0px;
}
.menu-usuario.logado .puntos-usuario strong {
  padding-top: 0px;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 767px) {
  .menu-usuario.logado .puntos-usuario strong {
    padding-top: 8px;
  }
}
.menu-usuario.logado .puntos-usuario span {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 300;
  padding-top: 0;
}
@media (min-width: 767px) {
  .menu-usuario.logado .puntos-usuario span {
    margin-top: -12px;
  }
}
@media (min-width: 767px) {
  .menu-usuario.logado .puntos-usuario {
    padding-left: 0;
  }
}
.menu-usuario.logado .preguntas-usuario {
  float: right;
  padding-top: 0px;
  width: 46px;
}
@media (min-width: 767px) {
  .menu-usuario.logado .preguntas-usuario {
    padding-top: 0px;
    width: auto;
  }
}
.menu-usuario.logado .logout-usuario {
  float: right;
  padding: 0;
  margin-right: 15px;
}
.menu-usuario.logado .logout-usuario a {
  padding: 4px 0 0 0;
  height: auto !important;
}
.menu-usuario.logado .logout-usuario a img {
  width: 34px;
  height: auto;
}
@media (min-width: 767px) {
  .menu-usuario.logado .logout-usuario {
    padding: 5px 15px 0 15px;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .menu-usuario.logado .logout-usuario {
    padding: 5px 0 0 15px;
    margin-right: 0;
  }
}
.menu-usuario.logado strong {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-weight: normal;
  font-style: normal;
  font-family: "VAGRoundedStd-Black", sans-serif;
  line-height: 1.1;
}
@media (min-width: 767px) {
  .menu-usuario.logado strong {
    vertical-align: middle;
  }
}
.menu-usuario.logado .sep-usuario.sep-usuario-uno {
  display: none;
}
@media (min-width: 767px) {
  .menu-usuario.logado .sep-usuario.sep-usuario-uno {
    display: block;
  }
}
.menu-usuario.logado .sep-usuario span {
  margin-top: 0px;
  display: block;
  width: 1px;
  height: 30px;
  border-right: 1px solid #FFF;
}
@media (min-width: 767px) {
  .menu-usuario.logado .sep-usuario span {
    margin-top: -1px;
  }
}
.menu-usuario.logado .cont-preguntas {
  float: right;
}
.menu-usuario.logado .btn-preguntas {
  font-family: "VAGRoundedStd-Black", sans-serif;
  display: inline-block;
  font-size: 10px;
  font-size: 0.625rem;
  color: #000 !important;
  background: #fff;
  width: 30px;
  height: 30px;
  padding-top: 3px;
  padding-left: 12px;
  margin-right: 15px;
  margin-left: 5px;
  margin-top: 3px;
  border-radius: 100%;
  background-clip: padding-box;
}
.menu-usuario.logado .btn-preguntas img {
  display: inline-block;
  vertical-align: top;
  max-width: 5px;
}
.menu-usuario.logado .btn-preguntas span {
  display: none;
  vertical-align: top;
  white-space: normal;
  padding: 0;
  max-width: 65px;
}
@media (min-width: 600px) {
  .menu-usuario.logado .btn-preguntas {
    display: inline-block;
    margin-top: 0px;
    border-radius: 12px;
    background-clip: padding-box;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 7px;
    padding-bottom: 6px;
    margin-right: 15px;
    width: auto;
    height: 37px;
  }
  .menu-usuario.logado .btn-preguntas span {
    display: inline-block;
  }
}
@media (min-width: 767px) {
  .menu-usuario.logado .btn-preguntas {
    margin-top: 6px;
    margin-right: 0px;
  }
}

.footer {
  position: static;
  width: 100%;
  padding: 0 20px;
  color: #fff;
  background-color: #323334;
  text-align: center;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: underline;
}
.footer a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}
.footer span {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 767px) {
  .footer span {
    margin: 10px 0;
  }
}
@media (min-width: 992px) {
  .footer span {
    margin: 20px 0;
  }
}
.footer .logo-contacto {
  display: inline-block;
  vertical-align: middle;
}
.footer .logo-contacto img {
  display: inline-block;
  max-width: 60px;
  margin: 0px 5px;
}
@media (min-width: 767px) {
  .footer .logo-contacto img {
    max-width: 80px;
    margin: 15px 5px 0 5px;
  }
}
@media (min-width: 992px) {
  .footer .logo-contacto img {
    max-width: 90px;
  }
}
@media (min-width: 767px) {
  .footer .logo-contacto {
    float: right;
  }
}
.footer ul {
  width: 100%;
  text-align: center;
  list-style: none;
  margin: 10px 0 20px 0;
}
.footer ul li {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  color: #717171;
}
@media (min-width: 767px) {
  .footer ul li {
    width: auto;
    padding: 0 10px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media (min-width: 992px) {
  .footer ul li {
    font-size: 16px;
    font-size: 1rem;
  }
}
.footer ul li a {
  display: inline-block;
  color: #717171;
}
.footer ul li.sep {
  display: none;
  padding: 5px 10px;
}
@media (min-width: 767px) {
  .footer ul li.sep {
    display: inline-block;
    padding: 5px 0px;
  }
}
@media (min-width: 1200px) {
  .footer ul li.sep {
    padding: 5px 20px;
  }
}
@media (min-width: 767px) {
  .footer ul li:first-child {
    padding-right: 8px !important;
  }
}
@media (min-width: 767px) {
  .footer ul {
    margin: 20px 0 0 0;
  }
}
.footer .about {
  color: #fff;
  background: #666666;
  padding: 25px 15px 20px 15px;
}
.footer .about h2 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 767px) {
  .footer .about h2 {
    text-align: center;
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.footer .about p {
  font-family: "Roboto", sans-serif;
  max-width: 730px;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 767px) {
  .footer .about p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 767px) {
  .footer .about {
    padding: 35px 0 30px 0;
  }
}

.carousel-home .item a {
  display: block;
  text-decoration: none !important;
}
.carousel-home .video-destacado-dt {
  display: none !important;
}
@media (min-width: 767px) {
  .carousel-home .video-destacado-dt {
    display: block !important;
  }
}
.carousel-home .imagen-destacado-mb {
  display: block !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}
@media (min-width: 767px) {
  .carousel-home .imagen-destacado-mb {
    display: none !important;
  }
}
.carousel-home .imagen-destacado-dt {
  display: none !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}
@media (min-width: 767px) {
  .carousel-home .imagen-destacado-dt {
    display: block !important;
    min-height: 270px;
  }
}
@media (min-width: 992px) {
  .carousel-home .imagen-destacado-dt {
    display: block !important;
    min-height: 340px;
    max-height: 400px;
  }
}
.carousel-home .imagen-destacado-mb-dos {
  display: none !important;
}
.carousel-home .imagen-destacado-dt-dos {
  display: none !important;
}
.carousel-home .destacado-carousel {
  width: 100%;
  padding: 20px 0;
  background-color: #000;
  min-height: 84px;
}
@media (min-width: 767px) {
  .carousel-home .destacado-carousel {
    position: absolute;
    top: var(--slider-home-highlighted-text-top);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 0;
    width: 720px;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .carousel-home .destacado-carousel {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .carousel-home .destacado-carousel {
    width: 100%;
  }
}
.carousel-home .destacado-carousel .texto-destacado {
  position: static;
  color: #fff !important;
  text-align: center;
}
@media (min-width: 767px) {
  .carousel-home .destacado-carousel .texto-destacado {
    width: 65%;
  }
}
@media (min-width: 992px) {
  .carousel-home .destacado-carousel .texto-destacado {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .carousel-home .destacado-carousel .texto-destacado {
    width: 35%;
  }
}
.carousel-home .destacado-carousel .texto-destacado h2 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0px;
  text-align: center;
  line-height: 1.1;
  font-weight: 300;
}
@media (min-width: 767px) {
  .carousel-home .destacado-carousel .texto-destacado h2 {
    font-size: 40px;
    font-size: 2.5rem;
    text-align: left;
    color: black;
  }
}
@media (min-width: 992px) {
  .carousel-home .destacado-carousel .texto-destacado h2 {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.carousel-home .destacado-carousel .texto-destacado p {
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
}
@media (min-width: 767px) {
  .carousel-home .destacado-carousel .texto-destacado p {
    margin-bottom: 0px;
    text-align: left;
  }
}
.carousel-home .destacado-carousel .texto-destacado span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
}
.carousel-home .carousel-control .glyphicon-chevron-left,
.carousel-home .carousel-control .glyphicon-chevron-right,
.carousel-home .carousel-control .icon-next,
.carousel-home .carousel-control .icon-prev {
  display: none;
  top: 35%;
}
@media (min-width: 767px) {
  .carousel-home .carousel-control .glyphicon-chevron-left,
  .carousel-home .carousel-control .glyphicon-chevron-right,
  .carousel-home .carousel-control .icon-next,
  .carousel-home .carousel-control .icon-prev {
    top: 50%;
  }
}
.carousel-home .carousel-indicators {
  display: none;
}
.carousel-home .carousel-indicators li {
  width: 15px;
  height: 15px;
  margin: 1px 2px;
  background-color: #B5B7Ba;
}
.carousel-home .carousel-indicators li.active {
  background-color: #F60A7F;
  width: 15px;
  height: 15px;
  margin: 1px 2px;
}
@media (min-width: 767px) {
  .carousel-home .carousel-indicators {
    display: block;
    bottom: -40px;
  }
}

.claim {
  float: none;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 45px;
}
@media (min-width: 767px) {
  .claim {
    max-width: 100%;
  }
}
.claim .text-claim {
  padding-top: 0;
}
@media (min-width: 992px) {
  .claim .text-claim {
    padding-top: 120px;
  }
}
.claim .text-claim hr {
  text-align: center;
}
@media (min-width: 767px) {
  .claim .text-claim hr {
    margin: 20px 0;
    text-align: left;
  }
}
.claim .text-claim h3 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-weight: 400;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1;
  margin-bottom: 15px;
  color: black;
  text-align: center;
}
@media (min-width: 767px) {
  .claim .text-claim h3 {
    text-align: left;
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.claim .text-claim p {
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.8;
  margin-bottom: 25px;
}
@media (min-width: 767px) {
  .claim .text-claim p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.claim .box-claim, .claim .box-corners {
  padding: 30px;
}
.claim .box-claim.img, .claim .img.box-corners {
  max-width: 450px;
}

.enlaces-home {
  text-align: center;
}
.enlaces-home .item-enlace-home {
  display: inline-block;
  float: none;
  padding: 0 5px;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .enlaces-home .item-enlace-home {
    margin-bottom: 30px;
  }
}
@media (min-width: 767px) {
  .enlaces-home .item-enlace-home.col-sm-4 {
    width: 32% !important;
  }
}
.enlaces-home .enlace-home {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  transition: 0.5s ease;
  text-decoration: none;
}
.enlaces-home .enlace-home:hover .imagen-enlace-home {
  transform: scale(1.05);
}
.enlaces-home .enlace-home:hover .imagen-enlace-home img {
  transform: scale(1);
}
.enlaces-home .enlace-home.rounded .imagen-enlace-home {
  width: 115px;
}
.enlaces-home .enlace-home.rounded .txt-enlace-home h3 {
  color: #F60A7F;
}
.enlaces-home .enlace-home .imagen-enlace-home {
  display: block;
  width: 150px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100%;
  background-clip: padding-box;
  padding: 0 10px 10px;
  transition: 0.5s ease;
}
@media (min-width: 767px) {
  .enlaces-home .enlace-home .imagen-enlace-home {
    width: 190px;
  }
}
@media (min-width: 992px) {
  .enlaces-home .enlace-home .imagen-enlace-home {
    width: 220px;
  }
}
.enlaces-home .enlace-home .imagen-enlace-home img {
  transition: 0.5s ease;
  display: block;
  width: 100%;
  height: auto;
  border-radius: initial;
}
.enlaces-home .enlace-home .txt-enlace-home h3 {
  color: black !important;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  padding: 0;
  transition: 0.5s ease;
  text-decoration: none;
}
@media (min-width: 767px) {
  .enlaces-home .enlace-home .txt-enlace-home h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .enlaces-home .enlace-home .txt-enlace-home h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.enlaces-home .enlace-home .txt-enlace-home p {
  color: #757575;
  font-family: "Roboto", sans-serif;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  line-height: 1.1;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  .enlaces-home .enlace-home .txt-enlace-home p {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.smiles-cards {
  text-align: center;
}
.smiles-cards .box-tabs {
  margin: 20px 0;
}
@media (min-width: 767px) {
  .smiles-cards .box-tabs {
    padding-left: 0;
    padding-right: 0;
    margin: 30px 0;
  }
}
.smiles-cards .box-tabs .btn-primary {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1;
}
.smiles-cards .nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.smiles-cards .nav-tabs-dropdown:before {
  content: "\e114";
  font-family: "Glyphicons Halflings";
  position: absolute;
  right: 30px;
}
.smiles-cards #nav-tabs-wrapper {
  padding: 0;
}
.smiles-cards .nav-tabs {
  border-bottom: none;
}
.smiles-cards .nav-tabs > li > a {
  padding: 10px 15px;
  border: none !important;
}
.smiles-cards .nav-tabs > li > a strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1;
}
.smiles-cards .nav-tabs > li > a span.level-type {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1;
}
@media (min-width: 767px) {
  .smiles-cards .nav-tabs > li > a span.level-type {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
  }
}
.smiles-cards .nav-tabs > li > a > img {
  width: 100%;
  max-width: 100%;
  display: none;
}
@media (min-width: 767px) {
  .smiles-cards #nav-tabs-wrapper {
    display: block !important;
  }
  .smiles-cards .nav-tabs > li {
    width: 20%;
  }
  .smiles-cards .nav-tabs > li strong {
    position: relative;
    transition: 0.3s ease;
  }
  .smiles-cards .nav-tabs > li strong .triangle-active {
    transition: 0.3s ease;
    transform: scale(0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 33%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13px;
  }
}
@media (min-width: 767px) and (min-width: 767px) {
  .smiles-cards .nav-tabs > li:first-child a strong {
    margin-bottom: 9px;
  }
}
@media (min-width: 767px) and (min-width: 992px) {
  .smiles-cards .nav-tabs > li:first-child a strong {
    margin-bottom: 4px;
  }
}
@media (min-width: 767px) {
  .smiles-cards .nav-tabs > li.active .spicy-bronze strong {
    padding-left: 25px;
  }
  .smiles-cards .nav-tabs > li.active .spicy-bronze strong .triangle-active {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    border-color: transparent transparent transparent #38d5d3;
  }
  .smiles-cards .nav-tabs > li.active .shiny-silver strong {
    padding-left: 25px;
  }
  .smiles-cards .nav-tabs > li.active .shiny-silver strong .triangle-active {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    border-color: transparent transparent transparent #34b1da;
  }
  .smiles-cards .nav-tabs > li.active .sparkly-gold strong {
    padding-left: 25px;
  }
  .smiles-cards .nav-tabs > li.active .sparkly-gold strong .triangle-active {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    border-color: transparent transparent transparent #b909f3;
  }
  .smiles-cards .nav-tabs > li.active .smooth-platinum strong {
    padding-left: 25px;
  }
  .smiles-cards .nav-tabs > li.active .smooth-platinum strong .triangle-active {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    border-color: transparent transparent transparent #820896;
  }
  .smiles-cards .nav-tabs > li.active .sweet-kryptonite strong {
    padding-left: 25px;
  }
  .smiles-cards .nav-tabs > li.active .sweet-kryptonite strong .triangle-active {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    border-color: transparent transparent transparent #515151;
  }
  .smiles-cards .nav-tabs > li > a {
    text-align: left;
    background-color: transparent !important;
    text-decoration: none;
  }
  .smiles-cards .nav-tabs > li > a strong {
    margin: 15px 0 10px 0;
    text-align: left;
    width: 50%;
  }
  .smiles-cards .nav-tabs > li > a span.level-type {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .smiles-cards .nav-tabs > li > a img {
    transition: 0.3s ease;
  }
  .smiles-cards .nav-tabs > li > a:hover img {
    transform: scale(1.05);
  }
  .smiles-cards .nav-tabs > li > a.spicy-bronze {
    color: #38d5d3;
  }
  .smiles-cards .nav-tabs > li > a.shiny-silver {
    color: #34b1da;
  }
  .smiles-cards .nav-tabs > li > a.sparkly-gold {
    color: #b909f3;
  }
  .smiles-cards .nav-tabs > li > a.smooth-platinum {
    color: #820896;
  }
  .smiles-cards .nav-tabs > li > a.sweet-kryptonite {
    color: #515151;
  }
  .smiles-cards .nav-tabs > li > a > img {
    display: block;
  }
}
@media (min-width: 992px) {
  .smiles-cards .nav-tabs > li > a strong {
    width: 70%;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .smiles-cards .nav-tabs > li > a strong {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .smiles-cards .nav-tabs-dropdown {
    display: block;
  }
  .smiles-cards #nav-tabs-wrapper {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
  }
  .smiles-cards .nav-tabs-horizontal {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .smiles-cards .nav-tabs-horizontal > li {
    float: none;
  }
  .smiles-cards .nav-tabs-horizontal > li + li {
    margin-left: 0px;
  }
  .smiles-cards .nav-tabs-horizontal > li,
  .smiles-cards .nav-tabs-horizontal > li > a {
    background: transparent;
    width: 100%;
    line-height: 1.1;
  }
  .smiles-cards .nav-tabs-horizontal > li strong,
  .smiles-cards .nav-tabs-horizontal > li > a strong {
    color: #fff;
  }
  .smiles-cards .nav-tabs-horizontal > li.spicy-bronze,
  .smiles-cards .nav-tabs-horizontal > li > a.spicy-bronze {
    background-color: #01d5d2 !important;
  }
  .smiles-cards .nav-tabs-horizontal > li.spicy-bronze .level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.spicy-bronze .level-type {
    color: #fff;
  }
}
@media screen and (max-width: 768px) and (min-width: 767px) {
  .smiles-cards .nav-tabs-horizontal > li.spicy-bronze .level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.spicy-bronze .level-type {
    color: #38d5d3;
  }
}
@media screen and (max-width: 768px) {
  .smiles-cards .nav-tabs-horizontal > li.shiny-silver,
  .smiles-cards .nav-tabs-horizontal > li > a.shiny-silver {
    background-color: #34b1da !important;
  }
  .smiles-cards .nav-tabs-horizontal > li.shiny-silver span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.shiny-silver span.level-type {
    color: #fff;
  }
}
@media screen and (max-width: 768px) and (min-width: 767px) {
  .smiles-cards .nav-tabs-horizontal > li.shiny-silver span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.shiny-silver span.level-type {
    color: #34b1da;
  }
}
@media screen and (max-width: 768px) {
  .smiles-cards .nav-tabs-horizontal > li.sparkly-gold,
  .smiles-cards .nav-tabs-horizontal > li > a.sparkly-gold {
    background-color: #b909f3 !important;
  }
  .smiles-cards .nav-tabs-horizontal > li.sparkly-gold span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.sparkly-gold span.level-type {
    color: #fff;
  }
}
@media screen and (max-width: 768px) and (min-width: 767px) {
  .smiles-cards .nav-tabs-horizontal > li.sparkly-gold span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.sparkly-gold span.level-type {
    color: #b909f3;
  }
}
@media screen and (max-width: 768px) {
  .smiles-cards .nav-tabs-horizontal > li.smooth-platinum,
  .smiles-cards .nav-tabs-horizontal > li > a.smooth-platinum {
    background-color: #820896 !important;
  }
  .smiles-cards .nav-tabs-horizontal > li.smooth-platinum span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.smooth-platinum span.level-type {
    color: #fff;
  }
}
@media screen and (max-width: 768px) and (min-width: 767px) {
  .smiles-cards .nav-tabs-horizontal > li.smooth-platinum span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.smooth-platinum span.level-type {
    color: #820896;
  }
}
@media screen and (max-width: 768px) {
  .smiles-cards .nav-tabs-horizontal > li.sweet-kryptonite,
  .smiles-cards .nav-tabs-horizontal > li > a.sweet-kryptonite {
    background-color: #515151 !important;
  }
  .smiles-cards .nav-tabs-horizontal > li.sweet-kryptonite span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.sweet-kryptonite span.level-type {
    color: #fff;
  }
}
@media screen and (max-width: 768px) and (min-width: 767px) {
  .smiles-cards .nav-tabs-horizontal > li.sweet-kryptonite span.level-type,
  .smiles-cards .nav-tabs-horizontal > li > a.sweet-kryptonite span.level-type {
    color: #38d5d3;
  }
}
@media screen and (max-width: 768px) {
  .smiles-cards .nav-tabs-horizontal > li > a {
    border-radius: 4px;
  }
  .smiles-cards .nav-tabs-horizontal > li.active > a,
  .smiles-cards .nav-tabs-horizontal > li.active > a:hover,
  .smiles-cards .nav-tabs-horizontal > li.active > a:focus {
    color: #ffffff;
    background-color: #428bca;
    border-radius: 0px;
  }
}
.smiles-cards .box-card {
  position: relative;
  margin: 30px auto;
  width: 100%;
}
@media (min-width: 767px) {
  .smiles-cards .box-card {
    margin: 40px auto;
    max-width: 96%;
  }
}
@media (min-width: 992px) {
  .smiles-cards .box-card {
    max-width: 860px;
  }
}
.smiles-cards .box-card .inside-box-card {
  text-align: left;
  border-top: 20px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  padding: 35px 15px 15px 15px;
}
@media (min-width: 767px) {
  .smiles-cards .box-card .inside-box-card {
    padding: 50px 35px 35px 35px;
  }
}
@media (min-width: 992px) {
  .smiles-cards .box-card .inside-box-card {
    padding: 70px 35px 35px 35px;
  }
}
.smiles-cards .box-card .inside-box-card h3 {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1;
}
@media (min-width: 767px) {
  .smiles-cards .box-card .inside-box-card h3 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media (min-width: 992px) {
  .smiles-cards .box-card .inside-box-card h3 {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.smiles-cards .box-card .inside-box-card .info-box-card {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .smiles-cards .box-card .inside-box-card .info-box-card {
    margin-top: 60px;
  }
}
.smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card {
  text-align: center;
}
@media (min-width: 767px) {
  .smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card {
    text-align: left;
  }
}
.smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul {
  display: inline-block;
  width: auto;
  margin: 0 0 30px 0;
}
@media (min-width: 767px) {
  .smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul {
    width: 100%;
    margin: 0;
  }
}
.smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul li {
  width: auto;
  text-align: left;
  margin: 2px 0;
  padding-left: 20px;
  line-height: 1.3;
  font-size: 12px;
  font-size: 0.75rem;
}
.smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul li span {
  display: inline-block;
  vertical-align: top;
  width: 95%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
}
@media (min-width: 767px) {
  .smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul li span {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul li span {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.smiles-cards .box-card .inside-box-card .info-box-card .txt-box-card ul li:before {
  content: "•";
  color: #000;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  padding-top: 3px;
}
.smiles-cards .box-card .inside-box-card .info-box-card .claim-box-card {
  text-align: center;
}
.smiles-cards .box-card .inside-box-card .info-box-card .claim-box-card h4 {
  width: 100%;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  max-width: 450px;
  margin: 0 auto 20px auto;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 992px) {
  .smiles-cards .box-card .inside-box-card .info-box-card .claim-box-card h4 {
    max-width: 300px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.smiles-cards .box-card .inside-box-card .info-box-card .claim-box-card .btn-primary {
  text-transform: none;
  width: auto;
}
.smiles-cards .box-card.spicy-bronze:after {
  border-bottom-color: #38d5d3;
}
.smiles-cards .box-card.spicy-bronze .inside-box-card {
  border-color: #38d5d3;
}
.smiles-cards .box-card.spicy-bronze .inside-box-card h3 {
  color: #38d5d3;
}
.smiles-cards .box-card.spicy-bronze .inside-box-card .claim-box-card h4 {
  color: #38d5d3;
}
.smiles-cards .box-card.shiny-silver:after {
  border-bottom-color: #34b1da;
}
.smiles-cards .box-card.shiny-silver .inside-box-card {
  border-color: #34b1da;
}
.smiles-cards .box-card.shiny-silver .inside-box-card h3 {
  color: #34b1da;
}
.smiles-cards .box-card.shiny-silver .inside-box-card .claim-box-card h4 {
  color: #34b1da;
}
.smiles-cards .box-card.sparkly-gold:after {
  border-bottom-color: #b909f3;
}
.smiles-cards .box-card.sparkly-gold .inside-box-card {
  border-color: #b909f3;
}
.smiles-cards .box-card.sparkly-gold .inside-box-card h3 {
  color: #b909f3;
}
.smiles-cards .box-card.sparkly-gold .inside-box-card .claim-box-card h4 {
  color: #b909f3;
}
.smiles-cards .box-card.smooth-platinum:after {
  border-bottom-color: #820896;
}
.smiles-cards .box-card.smooth-platinum .inside-box-card {
  border-color: #820896;
}
.smiles-cards .box-card.smooth-platinum .inside-box-card h3 {
  color: #820896;
}
.smiles-cards .box-card.smooth-platinum .inside-box-card .claim-box-card h4 {
  color: #820896;
}
.smiles-cards .box-card.sweet-kryptonite:after {
  border-bottom-color: #515151;
}
.smiles-cards .box-card.sweet-kryptonite .inside-box-card {
  border-color: #515151;
}
.smiles-cards .box-card.sweet-kryptonite .inside-box-card h3 {
  color: #515151;
}
.smiles-cards .box-card.sweet-kryptonite .inside-box-card .claim-box-card h4 {
  color: #515151;
}

.smiles-up p {
  font-family: "Roboto", sans-serif;
  text-align: center;
}
.smiles-up .block-smiles-up {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.smiles-up .block-smiles-up.block-smiles-up-gray {
  background: #f5f5f5;
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.smiles-up .block-smiles-up h2 {
  text-align: center;
  color: #860290;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 10px;
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
}
.smiles-up .block-smiles-up .item-smiles-up {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up .item-smiles-up {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.smiles-up .block-smiles-up .thumb-smiles-up {
  border-radius: 12px;
  background-clip: padding-box;
  width: 100%;
  max-width: 204px;
  display: block;
  margin: 0 auto;
}
.smiles-up .block-smiles-up .info-smiles-up {
  padding-top: 15px;
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up .info-smiles-up {
    padding-top: 0px;
    max-width: 280px;
  }
}
@media (min-width: 992px) {
  .smiles-up .block-smiles-up .info-smiles-up {
    padding-top: 15px;
  }
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up .info-smiles-up .info-smiles-div {
    min-height: 82px;
  }
}
@media (min-width: 992px) {
  .smiles-up .block-smiles-up .info-smiles-up .info-smiles-div {
    min-height: 88px;
  }
}
.smiles-up .block-smiles-up .info-smiles-up p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 5px;
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up .info-smiles-up p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .smiles-up .block-smiles-up .info-smiles-up p {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px;
  }
}
.smiles-up .block-smiles-up .info-smiles-up strong {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  color: #01d5d2;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .smiles-up .block-smiles-up .info-smiles-up strong {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.smiles-up .block-smiles-up .info-smiles-up .btn-primary {
  margin: 15px 5px;
  padding: 5px 32px;
}
@media (min-width: 767px) {
  .smiles-up .block-smiles-up .info-smiles-up .btn-primary {
    padding-top: 3px;
    margin: 10px 5px;
  }
  .smiles-up .block-smiles-up .info-smiles-up .btn-primary img {
    max-width: 22px;
  }
}
@media (min-width: 992px) {
  .smiles-up .block-smiles-up .info-smiles-up .btn-primary {
    margin: 15px 5px;
  }
  .smiles-up .block-smiles-up .info-smiles-up .btn-primary img {
    max-width: 48px;
  }
}

.novedades .item-listado, .ficha-novedades .item-listado, .preguntas-pendientes .item-listado, .textos .item-listado, .ficha-novedades .item, .preguntas-pendientes .item, .textos .item {
  position: relative;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 25px 10px;
  background: #fff;
  border-radius: 12px;
  background-clip: padding-box;
}
.novedades .item-listado img, .ficha-novedades .item-listado img, .preguntas-pendientes .item-listado img, .textos .item-listado img, .ficha-novedades .item img, .preguntas-pendientes .item img, .textos .item img {
  width: 100%;
  display: block;
}
.novedades .item-listado .info-listado, .ficha-novedades .item-listado .info-listado, .preguntas-pendientes .item-listado .info-listado, .textos .item-listado .info-listado, .ficha-novedades .item .info-listado, .preguntas-pendientes .item .info-listado, .textos .item .info-listado {
  position: static;
  margin-bottom: 20px;
}
.novedades .item-listado h2, .ficha-novedades .item-listado h2, .preguntas-pendientes .item-listado h2, .textos .item-listado h2, .ficha-novedades .item h2, .preguntas-pendientes .item h2, .textos .item h2 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
}
.novedades .item-listado .leer-mas, .ficha-novedades .item-listado .leer-mas, .preguntas-pendientes .item-listado .leer-mas, .textos .item-listado .leer-mas, .ficha-novedades .item .leer-mas, .preguntas-pendientes .item .leer-mas, .textos .item .leer-mas {
  text-align: right;
}
.novedades .item-listado .leer-mas a, .ficha-novedades .item-listado .leer-mas a, .preguntas-pendientes .item-listado .leer-mas a, .textos .item-listado .leer-mas a, .ficha-novedades .item .leer-mas a, .preguntas-pendientes .item .leer-mas a, .textos .item .leer-mas a {
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: rgba(52, 177, 218, 0.7);
  text-decoration: none;
}
.novedades .item-listado .leer-mas a:hover, .ficha-novedades .item-listado .leer-mas a:hover, .preguntas-pendientes .item-listado .leer-mas a:hover, .textos .item-listado .leer-mas a:hover, .ficha-novedades .item .leer-mas a:hover, .preguntas-pendientes .item .leer-mas a:hover, .textos .item .leer-mas a:hover {
  text-decoration: underline;
}
@media (min-width: 767px) {
  .novedades .item-listado .leer-mas, .ficha-novedades .item-listado .leer-mas, .preguntas-pendientes .item-listado .leer-mas, .textos .item-listado .leer-mas, .ficha-novedades .item .leer-mas, .preguntas-pendientes .item .leer-mas, .textos .item .leer-mas {
    position: absolute !important;
    bottom: 25px;
    right: 35px;
  }
}
@media (min-width: 767px) {
  .novedades .item-listado, .ficha-novedades .item-listado, .preguntas-pendientes .item-listado, .textos .item-listado, .ficha-novedades .item, .preguntas-pendientes .item, .textos .item {
    max-width: none;
    float: left;
  }
}

.fecha {
  font-size: 14px;
  font-size: 0.875rem;
  color: rgba(230, 66, 138, 0.5);
}

.ficha-novedades .item, .preguntas-pendientes .item, .textos .item {
  float: left;
  text-align: left;
  max-width: 100%;
  padding: 25px 10px;
}
.ficha-novedades .item h1, .preguntas-pendientes .item h1, .textos .item h1 {
  font-size: 30px;
  font-size: 1.875rem;
  margin: 20px 0 0 0;
  text-align: left;
  line-height: 1.1;
}
@media (min-width: 767px) {
  .ficha-novedades .item h1, .preguntas-pendientes .item h1, .textos .item h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media (min-width: 767px) {
  .ficha-novedades .item, .preguntas-pendientes .item, .textos .item {
    padding: 30px 15px;
  }
}
@media (min-width: 767px) {
  .ficha-novedades, .preguntas-pendientes, .textos {
    float: none;
    margin: 0 auto;
    max-width: 960px;
  }
}

.seccion-juegos, .seccion-contacto .contacto {
  margin: 20px 0 0 0;
}
.seccion-juegos .item, .seccion-contacto .contacto .item {
  padding-top: 15px;
  background: #fff;
  text-align: center;
  border-radius: 12px;
  background-clip: padding-box;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.seccion-juegos .item h3, .seccion-contacto .contacto .item h3 {
  margin: 30px 0 0 0;
}
@media (min-width: 767px) {
  .seccion-juegos .item, .seccion-contacto .contacto .item {
    max-width: none;
  }
}
.seccion-juegos .item.desactivado a, .seccion-contacto .contacto .item.desactivado a {
  cursor: default;
}
.seccion-juegos .item.desactivado a img, .seccion-contacto .contacto .item.desactivado a img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  outline: none;
}
.seccion-juegos .item.desactivado a img:hover, .seccion-contacto .contacto .item.desactivado a img:hover {
  transform: scale(1);
}
.seccion-juegos .item.desactivado a h3, .seccion-contacto .contacto .item.desactivado a h3 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.seccion-juegos .item.desactivado a:hover, .seccion-contacto .contacto .item.desactivado a:hover {
  transform: scale(1);
}
.seccion-juegos .cta, .seccion-contacto .contacto .cta {
  margin: 20px 0;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.seccion-juegos .cta a, .seccion-contacto .contacto .cta a {
  width: 100%;
  text-transform: none;
  font-family: "VAGRoundedStd-Black", sans-serif;
}
@media (min-width: 767px) {
  .seccion-juegos .cta, .seccion-contacto .contacto .cta {
    max-width: none;
  }
}

.container-juegos {
  max-width: 960px !important;
}

.face.back {
  display: block;
  z-index: 500;
  -webkit-transform: rotateY(0deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(0deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(0deg);
  -o-box-sizing: border-box;
  transform: rotateY(0deg);
  box-sizing: border-box;
  overflow: hidden;
}

.volver-juegos {
  width: 100%;
  text-align: center;
  margin: 45px 0 30px 0;
}

.enlaces-juegos {
  padding-top: 15px;
}
@media (min-width: 767px) {
  .enlaces-juegos {
    padding-top: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  .enlaces-juegos .row {
    margin-left: -25px;
    margin-right: -25px;
  }
}
.enlaces-juegos .item-enlace-home {
  clear: both;
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .enlaces-juegos .item-enlace-home {
    width: 30%;
    margin: 0 1% 20px 1%;
  }
}
.enlaces-juegos .enlace-home {
  position: relative;
  transition: 0.2s ease;
}
.enlaces-juegos .enlace-home:hover {
  transition: 0.2s ease;
}
.enlaces-juegos .enlace-home:hover .imagen-enlace-home {
  transform: scale(1.05);
}
.enlaces-juegos .enlace-home:hover .imagen-enlace-home img {
  transform: scale(1);
}
.enlaces-juegos .enlace-home .imagen-enlace-home {
  transition: 0.2s ease;
  position: relative;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
.enlaces-juegos .enlace-home .imagen-enlace-home .icon-enlace-home {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.enlaces-juegos .enlace-home .imagen-enlace-home .icon-enlace-home h3 {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  letter-spacing: 1;
}
@media (min-width: 767px) {
  .enlaces-juegos .enlace-home .imagen-enlace-home .icon-enlace-home h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .enlaces-juegos .enlace-home .imagen-enlace-home .icon-enlace-home h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.perfil h1,
.perfil h2 {
  text-align: center;
  font-size: 36px;
  font-size: 2.25rem;
  color: var(--cashconv-black);
  font-family: "VAGRoundedStd-Black", sans-serif;
  line-height: 1.2;
  margin-bottom: 15px;
  margin-top: 30px;
}
@media (min-width: 767px) {
  .perfil h1,
  .perfil h2 {
    font-size: 44px;
    font-size: 2.75rem;
  }
}
.perfil .box-nivel {
  margin-bottom: 20px;
}
.perfil .mi-nivel {
  width: 100%;
  overflow: auto;
  padding-bottom: 15px;
}
@media (min-width: 767px) {
  .perfil .mi-nivel {
    width: 100%;
    overflow: inherit;
  }
}
.perfil .mi-nivel .box-mi-nivel {
  padding-top: 30px;
  min-width: 768px;
}
@media (min-width: 767px) {
  .perfil .mi-nivel .box-mi-nivel {
    min-width: 100%;
  }
}
.perfil .mi-nivel .barra-nivel {
  position: relative;
  width: 100%;
  height: 20px;
  margin-bottom: 30px;
  border-radius: 12px;
  background-clip: padding-box;
}
.perfil .mi-nivel .barra-nivel .marca-nivel {
  position: absolute;
  top: -8px;
  width: 36px;
  height: 36px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 100%;
  overflow: visible;
}
.perfil .mi-nivel .barra-nivel .marca-nivel .puntos-nivel {
  position: absolute;
  top: -30px;
  left: -56px;
  text-align: center;
  display: inline-block;
  width: 150px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  .perfil .mi-nivel .barra-nivel .marca-nivel .puntos-nivel {
    left: -56px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.perfil .mi-nivel .cards-profile {
  width: 100%;
}
.perfil .mi-nivel .nivel {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px;
  text-align: left;
  width: 19%;
}
.perfil .mi-nivel .nivel strong {
  display: inline-block;
  width: 100%;
  padding-right: 30%;
  padding-bottom: 6px;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .perfil .mi-nivel .nivel strong {
    padding-right: 20%;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .perfil .mi-nivel .nivel strong {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.perfil .mi-nivel .nivel span {
  display: inline-block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 0.6875rem;
  min-height: 32px;
}
@media (min-width: 992px) {
  .perfil .mi-nivel .nivel span {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.perfil .mi-nivel .nivel .more-info {
  display: block;
  border-radius: 100%;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  margin: 10px 0;
  outline: none;
}
@media (min-width: 767px) {
  .perfil .mi-nivel .nivel .more-info {
    width: 40px;
    height: 40px;
  }
}
.perfil .mi-nivel .nivel .more-info span {
  display: block;
  color: #fff;
  font-size: 48px;
  font-size: 3rem;
  line-height: 28px;
  font-weight: 400;
  box-sizing: border-box;
}
@media (min-width: 767px) {
  .perfil .mi-nivel .nivel .more-info span {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 38px;
  }
}
.perfil .mi-nivel .nivel.spicy-bronze {
  color: #38d5d3;
}
.perfil .mi-nivel .nivel.spicy-bronze .more-info {
  background: #38d5d3;
}
.perfil .mi-nivel .nivel.shiny-silver {
  color: #34b1da;
}
.perfil .mi-nivel .nivel.shiny-silver .more-info {
  background: #34b1da;
}
.perfil .mi-nivel .nivel.sparkly-gold {
  color: #b909f3;
}
.perfil .mi-nivel .nivel.sparkly-gold .more-info {
  background: #b909f3;
}
.perfil .mi-nivel .nivel.smooth-platinum {
  color: #820896;
}
.perfil .mi-nivel .nivel.smooth-platinum .more-info {
  background: #820896;
}
.perfil .mi-nivel .nivel.sweet-kryptonite {
  color: #515151;
}
.perfil .mi-nivel .nivel.sweet-kryptonite .more-info {
  background: #515151;
}
.perfil .mi-nivel .nivel img {
  max-width: 40px;
}
@media (min-width: 767px) {
  .perfil .mi-nivel .nivel img {
    max-width: 110px;
  }
}
.perfil .avatar-perfil {
  position: relative;
  max-width: 140px;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  background-clip: padding-box;
  border: 1px solid #ebebeb;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.31);
}
@media (min-width: 767px) {
  .perfil .avatar-perfil {
    margin-top: 65px;
  }
}
.perfil .avatar-perfil img {
  border-radius: 6px;
  background-clip: padding-box;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  display: block;
}
.perfil .avatar-perfil .editar-imagen-perfil {
  position: absolute;
  bottom: 25px;
  right: 35px;
  width: 40px;
  height: 40px;
}
.perfil .box-avatars {
  display: block;
  width: 100%;
  max-width: 375px;
  margin: 45px auto 0 auto;
}
.perfil .box-avatars a {
  box-shadow: 0 0 20px 10px rgba(58, 59, 69, 0.15);
  border-radius: 120px;
  background-clip: padding-box;
  display: block;
}
.perfil .box-avatars a img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .perfil .box-avatars {
    margin: 65px auto 0 auto;
  }
}
.perfil .disclaimer-perfil {
  font-size: 14px;
  font-size: 0.875rem;
}
.perfil .eliminar-imagen-perfil {
  margin: 5px 0 15px 0;
}
.perfil .eliminar-imagen-perfil:hover {
  color: #34b1da;
  text-decoration: underline;
}
.perfil .eliminar-imagen-perfil:active, .perfil .eliminar-imagen-perfil:focus {
  box-shadow: none;
}
.perfil .sello {
  display: inline-block;
  margin: 30px auto;
}
.perfil .progreso-perfil {
  padding-top: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.perfil .progreso-perfil .barra-progreso-perfil {
  position: relative;
  width: 100%;
  height: 14px;
  background: #cccccc;
  border-radius: 12px;
  background-clip: padding-box;
}
.perfil .progreso-perfil .barra-progreso-perfil .completado-progreso-perfil {
  background: #34b1da;
  border-radius: 12px;
  background-clip: padding-box;
  height: 14px;
}
.perfil .progreso-perfil p {
  font-family: "Roboto", sans-serif;
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.125rem;
}
.perfil .progreso-perfil strong {
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: #34b1da;
}
@media (min-width: 767px) {
  .perfil .progreso-perfil {
    text-align: left;
  }
}
.perfil .modificar-datos {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
}
.perfil .modificar-datos .form-group {
  text-align: left;
}
.perfil .modificar-datos .form-group label {
  font-family: "Roboto", sans-serif;
  color: #F60A7F;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.perfil .modificar-datos .form-group .form-control {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #666666;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #F60A7F;
}
.perfil .modificar-datos .form-group .form-control[readonly] {
  color: rgba(255, 255, 255, 0.5);
  background-color: #FF85C4;
}
.perfil .modificar-datos a {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #F60A7F;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 767px) {
  .perfil .modificar-datos a {
    padding: 10px 15px;
  }
}
.perfil .modificar-datos .btn-primary {
  margin-top: 5px;
  display: inline-block;
}
.perfil .modificar-datos .btn-baja {
  color: #666666;
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin: 20px 10px;
}
.perfil .modificar-datos .checkbox {
  font-family: "Roboto", sans-serif;
  color: #F60A7F;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
}
.perfil .modificar-datos .checkbox input[type=checkbox] {
  margin-top: 1px;
}
@media (min-width: 767px) {
  .perfil .modificar-datos .checkbox input[type=checkbox] {
    margin-top: 2px;
  }
}
.perfil .modificar-datos .checkbox label {
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 767px) {
  .perfil .modificar-datos .checkbox label {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 767px) {
  .perfil .modificar-datos {
    text-align: left;
  }
}
.perfil .enc-premios h2 {
  color: var(--cashconv-black);
  text-align: center;
}
.perfil .mis-premios .box-mis-premios {
  width: 100%;
  overflow: auto;
}
@media (min-width: 767px) {
  .perfil .mis-premios .box-mis-premios {
    overflow: initial;
    width: 100%;
  }
}
.perfil .mis-premios table {
  width: 100%;
  min-width: 900px;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 12px;
  background-clip: padding-box;
  overflow: hidden;
}
.perfil .mis-premios table th {
  text-align: center;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 10px;
  background: #DDD;
}
@media (min-width: 767px) {
  .perfil .mis-premios table th {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.perfil .mis-premios table td {
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #EEE;
}
.perfil .mis-premios table .img-premio img {
  max-width: 100%;
  width: auto;
  height: 65px;
  margin: 3px 0;
}
.perfil .mis-premios table .fecha-premio {
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  .perfil .mis-premios table .fecha-premio {
    font-size: 16px;
    font-size: 1rem;
  }
}
.perfil .mis-premios table .nombre-premio {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  .perfil .mis-premios table .nombre-premio {
    font-size: 16px;
    font-size: 1rem;
  }
}
.perfil .mis-premios table .estado-premio {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}
.perfil .mis-premios table .estado-premio span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1rem;
}
.perfil .mis-premios table .estado-premio .tooltips span {
  font-size: 13px;
  font-size: 0.8125rem;
}
.perfil .mis-premios table .info-premio {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  max-width: 30px;
}
@media (min-width: 767px) {
  .perfil .mis-premios table {
    min-width: inherit;
  }
}

.seccion-premios, .seccion-ganadores {
  margin: 20px 0 0 0;
}
.seccion-premios .item, .seccion-ganadores .item {
  background: #fff;
  text-align: center;
  border-radius: 12px;
  background-clip: padding-box;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.seccion-premios .item.desactivado, .seccion-ganadores .item.desactivado {
  cursor: default;
}
.seccion-premios .item.desactivado img, .seccion-ganadores .item.desactivado img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.seccion-premios .item.desactivado img:hover, .seccion-ganadores .item.desactivado img:hover {
  transform: scale(1);
}
.seccion-premios .item.desactivado h3, .seccion-ganadores .item.desactivado h3 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.seccion-premios .item.desactivado:hover, .seccion-ganadores .item.desactivado:hover {
  transform: scale(1);
}
.seccion-premios .item.desactivado .descripcion, .seccion-ganadores .item.desactivado .descripcion {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.seccion-premios .item a, .seccion-ganadores .item a {
  margin: 0;
}
@media (min-width: 767px) {
  .seccion-premios .item a, .seccion-ganadores .item a {
    margin: 0;
  }
}
.seccion-premios .item h3, .seccion-ganadores .item h3 {
  margin: 0;
  padding: 0 20px;
  position: relative;
  height: 60px;
  overflow: hidden;
  text-transform: none;
  color: #fff;
  font-family: "VAGRoundedStd-Black", sans-serif;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
  background: #000;
  font-weight: 700;
}
.seccion-premios .item h3 span, .seccion-ganadores .item h3 span {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 767px) {
  .seccion-premios .item h3 span, .seccion-ganadores .item h3 span {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .seccion-premios .item h3 span, .seccion-ganadores .item h3 span {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.seccion-premios .item .imagen-premio, .seccion-ganadores .item .imagen-premio {
  position: relative;
  overflow: hidden;
  border: 1px solid #CCC;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-clip: padding-box;
}
.seccion-premios .item .imagen-premio img, .seccion-ganadores .item .imagen-premio img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.seccion-premios .item .imagen-premio .more-info-button, .seccion-ganadores .item .imagen-premio .more-info-button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  z-index: 2;
  cursor: pointer;
}
.seccion-premios .item .imagen-premio .more-info-button .txt-more-info-button, .seccion-ganadores .item .imagen-premio .more-info-button .txt-more-info-button {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 100px;
  text-align: left;
  z-index: 3;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
}
.seccion-premios .item .imagen-premio .more-info-button .bg-more-info-button, .seccion-ganadores .item .imagen-premio .more-info-button .bg-more-info-button {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 0 0 100px;
  border-color: transparent transparent transparent #870290;
}
.seccion-premios .item .descripcion, .seccion-ganadores .item .descripcion {
  color: #fff;
  background: #34b1da;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-clip: padding-box;
  padding: 15px;
  margin: 0;
  text-align: left;
}
@media (min-width: 767px) {
  .seccion-premios .item, .seccion-ganadores .item {
    max-width: none;
  }
}
.seccion-premios .cta, .seccion-ganadores .cta {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  min-height: 80px;
  font-family: "VAGRoundedStd-Black", sans-serif;
}
.seccion-premios .cta a, .seccion-ganadores .cta a {
  width: 100%;
  margin: 0;
  text-transform: none;
  font-size: 16px;
  font-size: 1rem;
  white-space: normal;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #7f7f7f;
  border: 1px solid #7f7f7f;
}
.seccion-premios .cta a:hover, .seccion-ganadores .cta a:hover, .seccion-premios .cta a:focus, .seccion-ganadores .cta a:focus, .seccion-premios .cta a:active, .seccion-ganadores .cta a:active {
  background: #7f7f7f !important;
  border: 1px solid #7f7f7f !important;
}
.seccion-premios .cta a:hover, .seccion-ganadores .cta a:hover {
  transform: scale(1.05);
}

.seccion-ganadores .item {
  padding-bottom: 15px;
  max-width: 600px;
}
.seccion-ganadores .item .imagen-premio {
  margin-top: 15px;
  overflow: hidden;
}
.seccion-ganadores .item .imagen-premio img {
  max-width: 250px;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  background-clip: padding-box;
}
@media (min-width: 767px) {
  .seccion-ganadores .item .imagen-premio img {
    max-width: 280px;
  }
}
.seccion-ganadores .item .nombre-premio {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #34b1da;
  margin-top: 15px;
  margin-bottom: 15px;
}
.seccion-ganadores .item .descripcion {
  font-size: 16px;
  font-size: 1rem;
  color: #000;
  background: transparent;
}
.seccion-ganadores .item .descripcion ul li {
  display: inline-block;
  width: 100%;
  margin: 3px 0;
  line-height: 1.1;
}
@media (min-width: 767px) {
  .seccion-ganadores .item {
    max-width: 600px;
  }
}

.imagen-destacado-mb {
  display: block !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}
@media (min-width: 767px) {
  .imagen-destacado-mb {
    display: none !important;
  }
}

.imagen-destacado-dt {
  display: none !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}
@media (min-width: 767px) {
  .imagen-destacado-dt {
    display: block !important;
    min-height: 270px;
  }
}
@media (min-width: 992px) {
  .imagen-destacado-dt {
    display: block !important;
    min-height: 340px;
    max-height: 400px;
  }
}

.imagen-destacado-mb-dos {
  display: none !important;
}

.imagen-destacado-dt-dos {
  display: none !important;
}

.textos .item {
  padding: 0 15px;
  margin-top: 0;
}
.textos .item h1 {
  margin-bottom: 10px;
}
.textos .item h2 {
  margin-top: 0;
  margin-bottom: 30px;
  color: #000;
}
.textos h3 {
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: top;
  font-family: "VAGRoundedStd-Black", sans-serif;
  max-width: 90%;
  text-align: left;
  margin-bottom: 10px;
  font-weight: 700;
}
.textos p {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.textos p strong {
  font-weight: 700;
}
.textos p.intro {
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-weight: 700;
}
@media (min-width: 767px) {
  .textos p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.textos ul {
  list-style-type: none;
}
.textos ul li {
  width: 100%;
  color: #34b1da;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  list-style-type: none;
  list-style-position: inside;
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
.textos ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.textos ol li {
  color: #000;
  padding-top: 15px;
  list-style-type: decimal;
  list-style-position: inside;
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.textos.gracias h1 {
  text-align: center;
  margin-bottom: 20px;
}
.textos.about .imagen {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 767px) {
  .textos.about {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .textos.about {
    margin-bottom: 100px;
  }
}
.textos .tabla-legal {
  width: 100%;
  color: #000;
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  margin: 30px 0 60px 0;
  overflow: auto;
}
@media (min-width: 992px) {
  .textos .tabla-legal {
    overflow: initial;
  }
}
.textos .tabla-legal table {
  width: 100%;
  border-collapse: collapse;
}
.textos .tabla-legal th {
  border: 1px solid #000;
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: #fff;
  background: #000;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
.textos .tabla-legal td {
  border: 1px solid #cccccc;
  text-align: center;
  padding: 10px;
}
.textos .tabla-legal td.cell-sep {
  color: #fff;
  background: #BBB;
}
.textos .links-legal {
  margin: 15px 0;
}
.textos .links-legal a {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 767px) {
  .textos .links-legal a {
    width: auto;
  }
}

.seccion-contacto .item {
  margin-bottom: 30px;
}
.seccion-contacto .item img {
  max-width: 120px;
}
.seccion-contacto .item h3 {
  margin-top: 0px;
}
@media (min-width: 767px) {
  .seccion-contacto .item h3 {
    margin-bottom: 30px;
  }
}
@media (min-width: 767px) {
  .seccion-contacto h1 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.seccion-contacto .box-corners {
  margin-top: 15px;
}
.seccion-contacto .contacto .item {
  padding-top: 30px;
}
.seccion-contacto .contacto .item h3 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-top: 10px;
}
@media (min-width: 767px) {
  .seccion-contacto .contacto .item h3 {
    margin-top: 25px;
  }
}
.seccion-contacto .contacto .item p {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
}
.seccion-contacto .contacto .item p a {
  color: #000;
  margin: 0;
  text-decoration: underline;
}
.seccion-contacto .contacto .item p a:hover {
  color: #000;
  text-decoration: underline;
}
@media (min-width: 767px) {
  .seccion-contacto .contacto .item p {
    font-size: 18px;
    font-size: 1.125rem;
    min-height: 70px;
  }
}
.seccion-contacto .contacto .item p span {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media (min-width: 992px) {
  .seccion-contacto .contacto .item img {
    max-width: 130px;
  }
}

.preguntas-pendientes h1 {
  margin-bottom: 0;
}
.preguntas-pendientes .box-corners {
  float: left;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (min-width: 767px) {
  .preguntas-pendientes .box-corners {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}
.preguntas-pendientes .test {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.preguntas-pendientes .test strong {
  display: inline-block;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 767px) {
  .preguntas-pendientes .test strong {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.preguntas-pendientes .test ul {
  min-width: inherit;
  margin-bottom: 0px;
}
.preguntas-pendientes .test ul li {
  max-width: 450px;
}
.preguntas-pendientes .test ul li label {
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 767px) {
  .preguntas-pendientes .test ul li label {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.preguntas-pendientes .btn {
  margin-top: 10px;
  margin-bottom: 15px;
}
.preguntas-pendientes .item {
  margin-bottom: 25px;
}

.layer-cookies {
  display: none;
  position: fixed;
  width: 90%;
  max-width: 380px;
  bottom: 30px;
  left: 5%;
  z-index: 10000;
  background: #fff;
  padding: 0px 30px 30px 30px;
  border-radius: 12px;
  background-clip: padding-box;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34);
}
.layer-cookies div {
  width: 100%;
  position: relative;
  padding-top: 40px;
}
.layer-cookies div p {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0;
}
@media (min-width: 767px) {
  .layer-cookies div p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.layer-cookies div .btn-primary {
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 767px) {
  .layer-cookies div .btn-primary {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.layer-cookies .close-layer-cookies {
  position: absolute;
  top: 10px;
  right: -20px;
}
.layer-cookies .close-layer-cookies img {
  width: 28px;
  height: 28px;
}

.hangman {
  text-align: center;
  padding: 15px 0;
  position: relative;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
@media (min-width: 767px) {
  .hangman {
    padding: 50px 0;
  }
}
.hangman h1 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .hangman h1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.hangman p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 767px) {
  .hangman p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.hangman .pregunta-hangman {
  padding-top: 0px;
}
.hangman .pregunta-hangman p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.3;
  padding: 0 15px;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 767px) {
  .hangman .pregunta-hangman p {
    margin-bottom: 10px;
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media (min-width: 767px) {
  .hangman .pregunta-hangman {
    padding-top: 30px;
  }
}
.hangman .imagen-hangman {
  margin: 15px 0;
}
.hangman .imagen-hangman img {
  margin: 30px 0 20px 0;
  border-radius: 12px;
  background-clip: padding-box;
  max-width: 430px;
  width: 100%;
}
.hangman .resultado-hangman {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 15px;
}
.hangman .resultado-hangman span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 2px 2px 15px 2px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
  border-bottom: 2px solid #000;
  text-transform: uppercase;
  background: transparent;
}
.hangman .resultado-hangman span.palabra {
  display: inline-block;
  width: auto;
  height: auto;
  border: none;
  margin: 0;
  padding: 0;
}
.hangman .resultado-hangman span.vacio {
  width: 10px;
  height: 20px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 767px) {
  .hangman .resultado-hangman span {
    width: 35px;
    height: 35px;
    margin: 5px 5px 15px 5px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 35px;
  }
  .hangman .resultado-hangman span.espacio {
    width: 15px;
    height: 35px;
  }
}
@media (min-width: 767px) {
  .hangman .resultado-hangman {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.hangman .teclado-hangman {
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 850px;
  width: 100%;
  padding: 15px 0;
  margin-left: auto;
  margin-right: auto;
}
.hangman .teclado-hangman .btn-letter {
  display: inline-block;
  margin: 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  background: #000;
  color: #fff;
  border-radius: 12px;
  background-clip: padding-box;
  cursor: pointer;
}
.hangman .teclado-hangman .btn-letter.tecla_select {
  background: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.hangman .teclado-hangman .btn-letter.tecla_select:active {
  box-shadow: none;
}
@media (min-width: 767px) {
  .hangman .teclado-hangman .btn-letter {
    width: 45px;
    height: 45px;
    line-height: 43px;
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media (min-width: 767px) {
  .hangman .teclado-hangman {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.hangman .barra-hangman {
  max-width: 800px;
  margin: 0 auto;
}
.hangman .barra-hangman .barra_tiempo {
  border-radius: 12px;
  background-clip: padding-box;
  height: 28px;
  margin-bottom: 20px;
  background: #fff;
}
.hangman .barra-hangman .barra {
  border-radius: 12px;
  background-clip: padding-box;
  width: 100%;
  height: 28px;
  background: #DDD;
  margin: 10px 0;
}
.hangman .barra-hangman .barra_tiempo_time {
  border-radius: 12px;
  background-clip: padding-box;
  text-align: center !important;
  font-weight: lighter !important;
  width: 100%;
  padding: 3px 0 !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  left: 0px;
  height: 100%;
  padding-top: 5px;
  padding-left: 5px;
  text-align: center;
  color: #fff;
  height: 28px;
  display: inline-block;
}
.hangman .barra-hangman .progresoBarra {
  width: 100%;
  height: 28px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6428a+0,4a85c0+25,89b438+51,a69487+76,f5b53d+100 */
  background: #e6428a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e6428a 0%, #4a85c0 25%, #89b438 51%, #a69487 76%, #f5b53d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6428a", endColorstr="#f5b53d", GradientType=1);
  /* IE6-9 */
  border-radius: 12px;
  background-clip: padding-box;
}
.hangman .imgwrapper-hangman {
  position: relative;
}
.hangman .contBotonJuegoHangman {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  background: rgba(240, 240, 240, 0.95);
  border-radius: 12px;
  background-clip: padding-box;
}
.hangman .contBotonJuegoHangman .insideBotonJuego {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 0;
}
.hangman .contBotonJuegoHangman .botonJuego {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all 0.5s ease-in-out;
}

.alphabet {
  text-align: center;
  padding: 15px 0;
  position: relative;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
@media (min-width: 767px) {
  .alphabet {
    padding: 50px 0;
  }
}
.alphabet h1 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .alphabet h1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.alphabet p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 767px) {
  .alphabet p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.alphabet .alphabet-game {
  position: relative;
  margin: 30px 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
.alphabet .alphabet-results {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}
.alphabet .alphabet-results ul li {
  display: inline-block;
}
.alphabet .alphabet-results ul li .ball {
  position: static;
  display: inline-block;
  margin: 0;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
}
@media (min-width: 767px) {
  .alphabet .alphabet-results ul li .ball {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.3em;
  }
}
.alphabet .opciones {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
}
.alphabet .opciones .btn-primary {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 15px auto;
  white-space: normal;
}
@media (min-width: 767px) {
  .alphabet .opciones .btn-primary {
    display: inline-block;
    width: 32%;
    max-width: 200px;
    margin: 15px;
  }
}
.alphabet .circle-container {
  position: relative;
  width: 18em;
  height: 18em;
  border-radius: 50%;
  margin: 20px auto;
}
@media (min-width: 600px) {
  .alphabet .circle-container {
    width: 22em;
    height: 22em;
    margin: 40px auto;
  }
}
.alphabet .circle-container span,
.alphabet .ball {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4em;
  text-align: center;
  margin: -1em;
  color: #FFF;
  border-radius: 100%;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid white;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64aef3+0,64aef3+41,1c6fcb+60,2273d2+100 */
  background: rgb(100, 174, 243);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(100, 174, 243) 0%, rgb(100, 174, 243) 41%, rgb(28, 111, 203) 60%, rgb(34, 115, 210) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64aef3", endColorstr="#2273d2", GradientType=0);
  /* IE6-9 */
}
@media (min-width: 600px) {
  .alphabet .circle-container span,
  .alphabet .ball {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.3em;
  }
}
.alphabet .circle-container span.right,
.alphabet span.right {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b053+0,63b053+41,217c12+60,217c12+100 */
  background: rgb(99, 176, 83);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(99, 176, 83) 0%, rgb(99, 176, 83) 41%, rgb(33, 124, 18) 60%, rgb(33, 124, 18) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b053", endColorstr="#217c12", GradientType=0);
  /* IE6-9 */
}
.alphabet .circle-container span.wrong,
.alphabet span.wrong {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce6a62+0,ce6a62+41,bf3235+58,bf3235+100 */
  background: rgb(206, 106, 98);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(206, 106, 98) 0%, rgb(206, 106, 98) 41%, rgb(191, 50, 53) 58%, rgb(191, 50, 53) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce6a62", endColorstr="#bf3235", GradientType=0);
  /* IE6-9 */
}
.alphabet .circle-container span.disabled {
  opacity: 0.4;
}
.alphabet .deg0 {
  transform: translate(8em);
}
@media (min-width: 600px) {
  .alphabet .deg0 {
    transform: translate(12em);
  }
}
.alphabet .deg15 {
  transform: rotate(15deg) translate(8em) rotate(-15deg);
}
@media (min-width: 600px) {
  .alphabet .deg15 {
    transform: rotate(15deg) translate(12em) rotate(-15deg);
  }
}
.alphabet .deg30 {
  transform: rotate(30deg) translate(8em) rotate(-30deg);
}
@media (min-width: 600px) {
  .alphabet .deg30 {
    transform: rotate(30deg) translate(12em) rotate(-30deg);
  }
}
.alphabet .deg45 {
  transform: rotate(45deg) translate(8em) rotate(-45deg);
}
@media (min-width: 600px) {
  .alphabet .deg45 {
    transform: rotate(45deg) translate(12em) rotate(-45deg);
  }
}
.alphabet .deg60 {
  transform: rotate(60deg) translate(8em) rotate(-60deg);
}
@media (min-width: 600px) {
  .alphabet .deg60 {
    transform: rotate(60deg) translate(12em) rotate(-60deg);
  }
}
.alphabet .deg75 {
  transform: rotate(75deg) translate(8em) rotate(-75deg);
}
@media (min-width: 600px) {
  .alphabet .deg75 {
    transform: rotate(75deg) translate(12em) rotate(-75deg);
  }
}
.alphabet .deg90 {
  transform: rotate(90deg) translate(8em) rotate(-90deg);
}
@media (min-width: 600px) {
  .alphabet .deg90 {
    transform: rotate(90deg) translate(12em) rotate(-90deg);
  }
}
.alphabet .deg105 {
  transform: rotate(105deg) translate(8em) rotate(-105deg);
}
@media (min-width: 600px) {
  .alphabet .deg105 {
    transform: rotate(105deg) translate(12em) rotate(-105deg);
  }
}
.alphabet .deg120 {
  transform: rotate(120deg) translate(8em) rotate(-120deg);
}
@media (min-width: 600px) {
  .alphabet .deg120 {
    transform: rotate(120deg) translate(12em) rotate(-120deg);
  }
}
.alphabet .deg135 {
  transform: rotate(135deg) translate(8em) rotate(-135deg);
}
@media (min-width: 600px) {
  .alphabet .deg135 {
    transform: rotate(135deg) translate(12em) rotate(-135deg);
  }
}
.alphabet .deg150 {
  transform: rotate(150deg) translate(8em) rotate(-150deg);
}
@media (min-width: 600px) {
  .alphabet .deg150 {
    transform: rotate(150deg) translate(12em) rotate(-150deg);
  }
}
.alphabet .deg165 {
  transform: rotate(165deg) translate(8em) rotate(-165deg);
}
@media (min-width: 600px) {
  .alphabet .deg165 {
    transform: rotate(165deg) translate(12em) rotate(-165deg);
  }
}
.alphabet .deg180 {
  transform: translate(-8em);
}
@media (min-width: 600px) {
  .alphabet .deg180 {
    transform: translate(-12em);
  }
}
.alphabet .deg195 {
  transform: rotate(195deg) translate(8em) rotate(-195deg);
}
@media (min-width: 600px) {
  .alphabet .deg195 {
    transform: rotate(195deg) translate(12em) rotate(-195deg);
  }
}
.alphabet .deg210 {
  transform: rotate(210deg) translate(8em) rotate(-210deg);
}
@media (min-width: 600px) {
  .alphabet .deg210 {
    transform: rotate(210deg) translate(12em) rotate(-210deg);
  }
}
.alphabet .deg225 {
  transform: rotate(225deg) translate(8em) rotate(-225deg);
}
@media (min-width: 600px) {
  .alphabet .deg225 {
    transform: rotate(225deg) translate(12em) rotate(-225deg);
  }
}
.alphabet .deg240 {
  transform: rotate(240deg) translate(8em) rotate(-240deg);
}
@media (min-width: 600px) {
  .alphabet .deg240 {
    transform: rotate(240deg) translate(12em) rotate(-240deg);
  }
}
.alphabet .deg255 {
  transform: rotate(255deg) translate(8em) rotate(-255deg);
}
@media (min-width: 600px) {
  .alphabet .deg255 {
    transform: rotate(255deg) translate(12em) rotate(-255deg);
  }
}
.alphabet .deg270 {
  transform: rotate(270deg) translate(8em) rotate(-270deg);
}
@media (min-width: 600px) {
  .alphabet .deg270 {
    transform: rotate(270deg) translate(12em) rotate(-270deg);
  }
}
.alphabet .deg285 {
  transform: rotate(285deg) translate(8em) rotate(-285deg);
}
@media (min-width: 600px) {
  .alphabet .deg285 {
    transform: rotate(285deg) translate(12em) rotate(-285deg);
  }
}
.alphabet .deg300 {
  transform: rotate(300deg) translate(8em) rotate(-300deg);
}
@media (min-width: 600px) {
  .alphabet .deg300 {
    transform: rotate(300deg) translate(12em) rotate(-300deg);
  }
}
.alphabet .deg315 {
  transform: rotate(315deg) translate(8em) rotate(-315deg);
}
@media (min-width: 600px) {
  .alphabet .deg315 {
    transform: rotate(315deg) translate(12em) rotate(-315deg);
  }
}
.alphabet .deg330 {
  transform: rotate(330deg) translate(8em) rotate(-330deg);
}
@media (min-width: 600px) {
  .alphabet .deg330 {
    transform: rotate(330deg) translate(12em) rotate(-330deg);
  }
}
.alphabet .deg345 {
  transform: rotate(345deg) translate(8em) rotate(-345deg);
}
@media (min-width: 600px) {
  .alphabet .deg345 {
    transform: rotate(345deg) translate(12em) rotate(-345deg);
  }
}
.alphabet .question .text-question strong {
  display: inline-block;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
  text-decoration: underline;
  margin-bottom: 10px;
}
@media (min-width: 767px) {
  .alphabet .question .text-question strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.alphabet .question .text-question p {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
}
@media (min-width: 767px) {
  .alphabet .question .text-question p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.alphabet .blinking {
  animation-name: blinking;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: blinking;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@keyframes blinking {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.progreso {
  text-align: center;
  padding: 0 15px;
  text-align: center;
  margin-bottom: 0px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
}
.progreso h3 {
  margin-top: 0px;
}
.progreso .box-barra-progreso {
  padding: 0;
}
@media (min-width: 767px) {
  .progreso .box-barra-progreso {
    padding: 0 15px;
    margin: 30px 0 0 0;
  }
}
.progreso .barra-progreso {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  height: 46px;
  background: #cecece;
  border-radius: 12px;
  background-clip: padding-box;
  border: 1px solid #fff;
}
.progreso .barra-progreso .completado-progreso {
  position: relative;
  border-radius: 12px;
  background-clip: padding-box;
  height: 44px;
}
.progreso .barra-progreso .segundos-progreso {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  text-align: center;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  height: 44px;
  line-height: 44px;
}
@media (min-width: 767px) {
  .progreso .barra-progreso .segundos-progreso {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.progreso .barra-progreso .marca-progreso {
  position: absolute;
  top: -7px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 100%;
  overflow: visible;
}

.tapa {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  background-color: #f5f5f5;
}
.tapa .cont-btn-tapa {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
}
.tapa .cont-btn-tapa .btn {
  margin-top: 20%;
}
@media (min-width: 767px) {
  .tapa .cont-btn-tapa .btn {
    margin-top: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.tapa .cont-btn-tapa .btn.participado {
  cursor: default;
  white-space: normal;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.3;
}

.box-popup {
  position: fixed;
  display: inherit;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 12000;
  background-color: #000;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.box-popup .cerrar {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 2;
}
@media (min-width: 767px) {
  .box-popup {
    background: rgba(0, 0, 0, 0.7);
  }
}

.contenido-popup {
  position: relative;
  width: 100%;
  padding: 30px;
  text-align: center;
  color: #fff;
  background-color: #000;
  border-radius: 12px;
  background-clip: padding-box;
}
.contenido-popup h2 {
  color: #fff;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 767px) {
  .contenido-popup h2 {
    margin: 30px auto 30px auto;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.contenido-popup .btn-primary {
  margin-bottom: 30px;
}
.contenido-popup h2 {
  text-align: center;
}
.contenido-popup h3 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .contenido-popup h3 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 auto 10px auto;
  }
}
.contenido-popup p {
  font-family: "Roboto", sans-serif;
}
@media (min-width: 767px) {
  .contenido-popup p {
    margin: 0 auto;
  }
}
@media (min-width: 767px) {
  .contenido-popup {
    max-width: 600px;
    margin: 10% auto 0 auto;
  }
}
.contenido-popup.recordar-password {
  padding: 30px 50px;
}
.contenido-popup.recordar-password ul {
  max-width: 400px;
  margin: 0 auto;
}

.sweet-alert {
  font-family: "VAGRoundedStd-Black", sans-serif;
}

.sweet-alert h2 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-weight: 700 !important;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.sweet-alert p {
  font-family: "Roboto", sans-serif;
  color: #000 !important;
  font-weight: 300;
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.sweet-alert button {
  font-family: "Roboto", sans-serif;
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 6px;
  background-clip: padding-box;
  font-size: 16px !important;
  font-size: 1rem !important;
  margin-bottom: 10px !important;
}

.sweet-alert button.cancel {
  color: #000 !important;
}

.sweet-alert input {
  font-family: "VAGRoundedStd-Black", sans-serif;
  background: #fff;
  border-radius: 12px;
  background-clip: padding-box;
}

.sweet-alert .sa-icon {
  display: none !important;
}

.formUploader {
  position: relative;
}

input.file {
  width: 160px;
  height: 40px;
  border: 1px solid #1d2172;
  color: #888;
  padding: 5px;
  margin: 0;
  outline: none;
}

.custom_file_upload {
  position: absolute;
  width: 100%;
  bottom: 65px;
  right: 5px;
  z-index: 10;
}

input.file {
  padding: 5px 10px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666;
  width: 100%;
}

.file_upload {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  margin: 9px 6px 6px 6px;
  text-align: center;
  top: 6px;
  right: 0px;
  z-index: 10;
}

.file_upload:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 35px;
}

.file_upload input {
  position: relative;
  height: 40px;
  width: 40px;
  display: inline;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

a.tooltips {
  position: relative;
  display: inline;
}

a.tooltips span {
  position: absolute;
  display: inline-block;
  padding: 10px;
  width: 200px;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  background: #e2e2e2;
  line-height: 1.2;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}

a.tooltips span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 85%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #e2e2e2;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

a:hover.tooltips span {
  visibility: visible;
  opacity: 1;
  bottom: 35px;
  left: 50%;
  margin-left: -162px;
  z-index: 999;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header {
  border-bottom: none;
}

.modal-body {
  padding: 15px;
}
.modal-body h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 767px) {
  .modal-body h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media (min-width: 767px) {
  .modal-body {
    padding: 30px;
  }
}

.modal-footer {
  text-align: center;
  border: none;
  padding-bottom: 30px;
}

.modal-header .close {
  outline: none;
}

.modal-avatars {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .modal-avatars {
    margin-bottom: 30px;
  }
}
.modal-avatars a {
  float: left;
  width: 25%;
  display: block;
  margin-bottom: 15px;
}
.modal-avatars a img {
  display: block;
}
.modal-avatars a.on img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-avatars a.off:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-avatars a.off img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.modal-avatars .btn-violet {
  margin-top: 10px;
  margin-bottom: 0;
}

.modal-body-cards {
  padding-top: 0;
}

.modal-cards {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .modal-cards {
    margin-bottom: 30px;
  }
}
.modal-cards .info-modal-cards {
  text-align: center;
  line-height: 1.2;
}
.modal-cards .info-modal-cards h3 {
  display: inline-block;
  width: 100%;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1;
}
.modal-cards .info-modal-cards strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .modal-cards .info-modal-cards strong {
    text-align: left;
  }
}
.modal-cards .info-modal-cards.spicy-bronze h3 {
  color: #38d5d3;
}
.modal-cards .info-modal-cards.spicy-bronze strong {
  color: #38d5d3;
}
.modal-cards .info-modal-cards.shiny-silver h3 {
  color: #34b1da;
}
.modal-cards .info-modal-cards.shiny-silver strong {
  color: #34b1da;
}
.modal-cards .info-modal-cards.sparkly-gold h3 {
  color: #b909f3;
}
.modal-cards .info-modal-cards.sparkly-gold strong {
  color: #b909f3;
}
.modal-cards .info-modal-cards.smooth-platinum h3 {
  color: #820896;
}
.modal-cards .info-modal-cards.smooth-platinum strong {
  color: #820896;
}
.modal-cards .info-modal-cards.sweet-kryptonite h3 {
  color: #515151;
}
.modal-cards .info-modal-cards.sweet-kryptonite strong {
  color: #515151;
}
.modal-cards .img-modal-cards {
  display: block;
  margin: 0 auto;
  max-width: 200px;
}
@media (min-width: 767px) {
  .modal-cards .img-modal-cards {
    max-width: 100%;
  }
}
.modal-cards a {
  float: left;
  width: 25%;
  display: block;
  margin-bottom: 15px;
}
.modal-cards a img {
  display: block;
}
.modal-cards a.on img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-cards a.off:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-cards a.off img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.modal-cards ul {
  display: inline-block;
  width: auto;
  margin: 15px auto;
  max-height: 250px;
  overflow: auto;
}
.modal-cards ul li {
  width: auto;
  text-align: left;
  margin: 2px 0;
  padding-left: 20px;
  line-height: 1.3;
  font-size: 12px;
  font-size: 0.75rem;
}
.modal-cards ul li span {
  display: inline-block;
  vertical-align: top;
  width: 95%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
}
@media (min-width: 767px) {
  .modal-cards ul li span {
    font-size: 16px;
    font-size: 1rem;
  }
}
.modal-cards ul li:before {
  content: "•";
  color: #000;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  padding-top: 3px;
}

.modal-more-info .modal-body {
  padding-bottom: 0;
}
.modal-more-info .modal-body p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 767px) {
  .modal-more-info .modal-body p {
    font-size: 16px;
    font-size: 1rem;
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

hr.separator {
  border-top: 7px solid #F60A7F;
  width: 40px;
}

.panel {
  box-shadow: 0 0 20px 10px rgba(58, 59, 69, 0.15);
  border-radius: 30px;
  background-clip: padding-box;
}
.panel.panel-default {
  margin: 0 !important;
}
@media (min-width: 767px) {
  .panel.panel-default {
    margin-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .panel.panel-default {
    margin: 0 25px 70px !important;
  }
}
.panel.panel-news {
  margin: 0 !important;
}
@media (min-width: 767px) {
  .panel.panel-news {
    margin-right: 10px !important;
  }
}
@media (min-width: 992px) {
  .panel.panel-news {
    margin: 0 10px 50px !important;
  }
}
.panel .panel-heading {
  border: 0;
  padding: 0;
  background: transparent;
  position: relative;
}
.panel .panel-heading h3 {
  font-size: 50px;
  font-size: 3.125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-transform: uppercase;
}
.panel .panel-heading img {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  background-clip: padding-box;
}
.panel .panel-body {
  margin-top: 10px;
}
.panel .panel-body h3 {
  text-align: center;
  color: #F60A7F;
}
.panel .panel-body .info {
  color: #F60A7F;
  margin-top: 20px;
}
.panel .panel-body p {
  padding-left: 10px;
  padding-right: 10px;
}
.panel .panel-body .btn-read-more {
  background: #e70177;
  color: white;
  border-radius: 20px;
  background-clip: padding-box;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 5px 20px 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

@media (min-width: 767px) {
  .no-logado .nav li a {
    padding: 22px 10px !important;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.main-color {
  color: #F60A7F !important;
}

#swal2-content {
  font-family: "Roboto", sans-serif;
}

@media (min-width: 992px) {
  .article div.col-md-9 {
    padding: 0 30px 0;
  }
  .article div.col-md-3 {
    padding: 0 30px 0;
  }
}
.article .participate {
  color: #F60A7F;
  text-align: center;
}
.article .participate .separator {
  border: 0;
  border-top: 7px solid #FF85C4;
  width: 25px;
  border-radius: 10px;
  margin: 20px auto;
}
.article .participate .info {
  margin-top: 15px;
}
.article .participate h3 {
  text-align: center !important;
}
.article img {
  border-radius: 25px;
  background-clip: padding-box;
  margin: 0 auto;
}
.article h3 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 15px 0 15px;
}
.article h2 {
  color: var(--cashconv-black);
}
.article hr {
  border: 1px solid #F60A7F;
  width: 100%;
  margin: 15px 0 15px;
}
.article .tags {
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}
.article .tags span {
  color: #B5B7Ba;
  margin-right: 10px;
}
@media (min-width: 767px) {
  .article .tags {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .article .tags {
    font-size: 16px;
    font-size: 1rem;
  }
}
.article ul li {
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 1px solid #B5B7Ba;
  padding: 10px;
  text-align: left;
}
.article ul li a {
  text-decoration: none;
  color: #B5B7Ba;
}
.article ul li a:hover, .article ul li a:active {
  color: #FF85C4;
  opacity: 0.9;
  filter: alpha(opacity=90);
  outline: none;
}
.article ul li.active {
  color: #F60A7F;
  font-weight: 700;
}
@media (min-width: 767px) {
  .article ul li {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .article ul li {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.rounded {
  border-radius: 25px;
  background-clip: padding-box;
}

.content {
  margin-bottom: 20px;
}

.panel-height {
  height: 68px;
  min-height: 40px;
}

#go-back {
  padding: 15px 80px;
}

.coupon-table .blur-td {
  filter: blur(10px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.coupon-table .normal-tr {
  border: 2pt solid gray !important;
  margin-bottom: 5px;
}

.coupon-table-filter .normal-tr {
  border: 2pt solid gray !important;
  margin-bottom: 5px;
}

.blur-button {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  z-index: 10;
  left: 50%;
  margin-top: 90px;
}

.custom-pop-section {
  width: 100% !important;
}

.custom-pop-section .sticker-text {
  background-color: black;
  color: #fff;
  padding: 18px;
  text-align: center;
  width: 100px;
  height: 85px;
  font-size: 35px;
}

.custom-pop-section .coupon-row {
  margin-top: 20px;
}

.custom-pop-section .cou-code-text {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}

.custom-pop-section .condition-sec {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 15px;
}

.modal-coupon .modal-dialog {
  width: 50% !important;
}

.scratch-result {
  color: var(--scratch-result) !important;
}

.js-cookie-consent {
  color: #FFFFFF;
  position: fixed;
  bottom: 0px;
  padding: 10px;
  text-align: center;
  width: 100%;
  z-index: 9999;
  background-color: #333333;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card-body .input-lg, .card-body .input-group-lg > .form-control,
.card-body .input-group-lg > .input-group-addon,
.card-body .input-group-lg > .input-group-btn > .btn {
  border-radius: 3px;
}

.card-title {
  margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .card-news {
    min-height: var(--des_news_card_height);
  }
  .card-img-news {
    min-height: var(--des_news_card_img_height);
  }
  .card-title-news {
    min-height: var(--des_news_card_title_height);
  }
  .card-text-news {
    min-height: var(--des_news_card_text_height);
  }
}
.border-none {
  border: none !important;
}

.border-r-1 {
  border-right: 1px solid #000000;
}

.h-fit-content {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.v-hidden {
  visibility: hidden !important;
}

.col-centered {
  width: 90%;
  display: inline-block;
  margin: 15px;
}
@media (min-width: 768px) {
  .col-centered {
    width: 45%;
  }
}
@media (min-width: 992px) {
  .col-centered {
    width: 30%;
  }
}

.btn_info p.tries_left {
  font-size: 0.9em;
  color: white;
  padding-top: 10px;
}

/*new variables*/
:root {
  --coin-counter-border-color: red;
}

#roulette {
  width: 100%;
  background-size: auto 100%;
  padding: 20px;
  border-radius: 25px;
  background-clip: padding-box;
  background-repeat: no-repeat;
  background-position: center;
}
#roulette #start-game, #roulette #reset-game {
  border: 2px solid white !important;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2) !important;
}
#roulette #canvas {
  padding: 0 !important;
  width: 100%;
  max-width: 460px;
  margin: 87px 0 63px 3px;
}
@media (max-width: 550px) {
  #roulette #canvas {
    margin: calc(23% - 20px) 0 calc(36% - 106px) 1px;
  }
}
#roulette .btn_info {
  height: 86px;
}

.panel-of-fortune {
  border-radius: 25px;
  border: solid 5px #F60A7F;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 690px;
  display: inline-block;
  background-size: 80px 80px;
}
.panel-of-fortune .coins-counter {
  display: inline-block;
  border-radius: 20px;
  border: 2px solid var(--coin-counter-border-color) !important;
  background-color: white;
  padding: 0px 15px;
}
.panel-of-fortune .coins-counter img {
  width: 30px;
  margin-right: 15px;
  vertical-align: middle;
}
.panel-of-fortune .coins-counter h1 {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.panel-of-fortune .coins-container {
  text-align: center;
  flex-grow: 1;
}
.panel-of-fortune .coins-container .coin {
  margin: 3%;
  cursor: pointer;
  display: inline-block;
  width: 120px;
  height: 120px;
}
.panel-of-fortune .coins-container .coin .text-prize {
  color: var(--coin-text-prize) !important;
  font-family: "VAGRoundedStd-Black", sans-serif;
  font-size: 12px;
}
.panel-of-fortune .coins-container .coin .text-prize .value {
  font-size: 40px;
  line-height: 30px;
}
@media (max-width: 768px) {
  .panel-of-fortune .coins-container .coin {
    width: 100px;
    height: 100px;
  }
  .panel-of-fortune .coins-container .coin .text-prize {
    font-size: 10px;
  }
  .panel-of-fortune .coins-container .coin .text-prize .value {
    font-size: 35px;
    line-height: 25px;
  }
}
@media (max-width: 450px) {
  .panel-of-fortune .coins-container .coin {
    width: 80px;
    height: 80px;
  }
  .panel-of-fortune .coins-container .coin .text-prize {
    font-size: 9px;
  }
  .panel-of-fortune .coins-container .coin .text-prize .value {
    font-size: 30px;
    line-height: 20px;
  }
}
@media (max-width: 320px) {
  .panel-of-fortune .coins-container .coin {
    width: 65px;
    height: 65px;
  }
  .panel-of-fortune .coins-container .coin .text-prize {
    font-size: 8px;
  }
  .panel-of-fortune .coins-container .coin .text-prize .value {
    font-size: 23px;
    line-height: 17px;
  }
}
.panel-of-fortune .coins-container .coin .side-a, .panel-of-fortune .coins-container .coin .side-b {
  background-size: cover;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel-of-fortune .coins-container .coin .side-b.no-selected {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.coin {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
}
.coin .side-a,
.coin .side-b {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 45px rgba(255, 255, 255, 0.3), 0 12px 20px -10px rgba(0, 0, 0, 0.4);
  position: absolute;
  -webkit-backface-visibility: hidden;
}
.coin .side-a {
  background-color: var(--tertiary_color);
  z-index: 100;
}
.coin .side-b {
  background-color: #3e3e3e;
  -webkit-transform: rotateY(-180deg);
}

.coin.heads {
  animation: flipHeads 1s ease-out forwards;
}

.coin.tails {
  animation: flipTails 1s ease-out forwards;
}
.box-game {
  text-align: center;
}
.box-game .sc__wrapper {
  border-radius: 20px;
  display: inline-block;
  width: 100%;
  max-width: 800px;
  min-height: 300px;
  text-align: center;
  background-size: 80px 80px;
  padding-top: 20px;
}
@media (min-width: 767px) {
  .box-game .sc__wrapper {
    min-height: 385px;
  }
}
.box-game .sc__wrapper #reset-game {
  margin-bottom: 25px;
}
.box-game .sc__wrapper .sc__container {
  display: inline-block;
  position: relative;
  width: calc(100% - 20px);
  border-radius: 20px;
  border: 1px solid var(--btn-primary-border);
  overflow: hidden;
  margin: 0 10px 20px 10px;
  height: 300px;
  max-width: 500px;
  background-size: 0;
}
@media (min-width: 767px) {
  .box-game .sc__wrapper .sc__container {
    height: 385px;
    max-width: 640px;
  }
}
.box-game .sc__wrapper .sc__container .sc__inner {
  width: 100%;
  height: 100%;
  line-height: 300px;
}
@media (min-width: 767px) {
  .box-game .sc__wrapper .sc__container .sc__inner {
    line-height: 385px;
  }
}
.box-game .sc__wrapper .sc__container .sc__inner p {
  display: inline-block;
  vertical-align: middle;
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: #F60A7F;
  font-size: 35px;
  line-height: 3rem;
}
.box-game .sc__wrapper .sc__container .sc__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#html5game-popup.modal-alphabet {
  height: 98%;
  margin-top: 1%;
}
#html5game-popup.modal-alphabet .btn-sound {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  border: solid 2px var(--btn-primary-bg);
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .btn-sound {
    left: 50px;
    top: 75px;
  }
}
#html5game-popup.modal-alphabet .modal-body .container {
  border-radius: 3px;
  background: var(--bg-radial-gradient-game-alphabet);
}
#html5game-popup.modal-alphabet .modal-body .container .box-game {
  margin-top: 1rem;
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .alphabet-game {
  position: relative;
  max-width: 800px;
  margin: 30px auto;
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .alphabet-results {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .alphabet-results ul li {
  display: inline-block;
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .alphabet-results ul li .ball {
  position: static;
  display: inline-block;
  margin: 0;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .modal-body .container .alphabet .alphabet-results ul li .ball {
    width: 2.2em;
    height: 2.2em;
    line-height: 2.1em;
    margin: 0 2px;
  }
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .options {
  text-align: center;
  margin-bottom: 10px;
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 15px auto;
  white-space: normal;
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary:hover, #html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary:active, #html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary:focus {
  color: var(--btn-primary-color) !important;
  background-color: var(--btn-primary-bg) !important;
  border: 1px solid var(--btn-primary-border) !important;
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    width: 32%;
    max-width: 200px;
    margin: 15px;
  }
  #html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary:hover {
    color: var(--btn-primary-hover-color) !important;
    background-color: var(--btn-primary-hover-bg) !important;
    border: 1px solid var(--btn-primary-hover-border) !important;
  }
  #html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary:active, #html5game-popup.modal-alphabet .modal-body .container .alphabet .options .btn-primary:focus {
    color: var(--btn-primary-active-color) !important;
    background-color: var(--btn-primary-active-bg) !important;
    border: 1px solid var(--btn-primary-active-border) !important;
  }
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .ellipse-container {
  position: relative;
  width: 80%;
  height: 16em;
  margin: 0 auto;
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .modal-body .container .alphabet .ellipse-container {
    height: 18em;
  }
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .letters-container {
  position: relative;
  transform: translate(4%, 0%);
  position: relative;
  margin-top: 100px;
  max-width: 100%;
  margin-bottom: 100px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  text-align: center;
  width: 260px;
  height: 130px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .modal-body .container .alphabet .letters-container {
    width: 300px;
    height: 150px;
  }
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .letters-container span, #html5game-popup.modal-alphabet .modal-body .container .alphabet .ball {
  display: block;
  overflow: hidden;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
  text-align: center;
  margin: -1em; /* 2em = 4em/2 */
  /* half the width */
  color: #FFF;
  border-radius: 100%;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid white;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64aef3+0,64aef3+41,1c6fcb+60,2273d2+100 */
  background: rgb(100, 174, 243); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(100, 174, 243) 0%, rgb(100, 174, 243) 41%, rgb(28, 111, 203) 60%, rgb(34, 115, 210) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64aef3", endColorstr="#2273d2", GradientType=0); /* IE6-9 */
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .letters-container span.right, #html5game-popup.modal-alphabet .modal-body .container .alphabet span.right {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b053+0,63b053+41,217c12+60,217c12+100 */
  background: rgb(99, 176, 83); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(99, 176, 83) 0%, rgb(99, 176, 83) 41%, rgb(33, 124, 18) 60%, rgb(33, 124, 18) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b053", endColorstr="#217c12", GradientType=0); /* IE6-9 */
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .letters-container span.wrong, #html5game-popup.modal-alphabet .modal-body .container .alphabet span.wrong {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce6a62+0,ce6a62+41,bf3235+58,bf3235+100 */
  background: rgb(206, 106, 98); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(206, 106, 98) 0%, rgb(206, 106, 98) 41%, rgb(191, 50, 53) 58%, rgb(191, 50, 53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce6a62", endColorstr="#bf3235", GradientType=0); /* IE6-9 */
}
#html5game-popup.modal-alphabet .modal-body .container .alphabet .blinking {
  animation-name: blinking;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: blinking;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@keyframes blinking {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#html5game-popup.modal-alphabet .modal-body .container .progress-container .progress-bar .progress-marker .progress-seconds {
  bottom: -22px;
}
#html5game-popup.modal-alphabet .modal-body .container .progress-containerquiz {
  display: none;
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .modal-body .container .progress-containerquiz {
    display: inline;
  }
}
#html5game-popup.modal-alphabet .modal-body .container .progress-marker-mobile {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 767px) {
  #html5game-popup.modal-alphabet .modal-body .container .box-game {
    margin-top: 0;
  }
  #html5game-popup.modal-alphabet .modal-body .container .progress-marker-mobile {
    display: none;
  }
}

/* INI GAME */
.navbar {
  margin-bottom: 0;
}

.game .game-image {
  background-size: cover;
  height: 400px;
}
.game .header-game {
  text-align: center;
  margin: 20px 0;
}
.game .header-game h1 {
  margin-bottom: 12px;
}
@media (min-width: 767px) {
  .game .header-game h1 {
    margin-bottom: 20px;
  }
}
.game .header-game p {
  /** Only for platform purposes **/
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  max-width: 90%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .game .header-game p {
    max-width: 800px;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 767px) {
  .game .header-game {
    margin: 30px 0;
  }
}
@media (min-width: 767px) {
  .game .container-game {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.game .container-game #start {
  text-transform: uppercase;
}
.game .box-game {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
  min-height: 180px;
  text-align: center;
}
.game .box-game .btn_info p.tries_left {
  color: var(--cashconv-black);
}

/* END GAME */
/* INI STICKY */
.fixed-progress {
  position: fixed;
  top: 68px;
  left: 0;
  width: 100%;
  z-index: 1000;
}
@media (min-width: 767px) {
  .fixed-progress {
    top: 63px;
  }
}
@media (min-width: 992px) {
  .fixed-progress {
    top: 84px;
  }
}
@media (min-width: 767px) {
  .fixed-progress .box-progress-bar {
    max-width: 1170px;
    margin: 0 auto;
  }
}
.fixed-progress.progress-container {
  margin-top: 0;
  padding: 25px 15px 15px 15px;
  border-radius: 0;
  background-clip: padding-box;
}
.fixed-progress.progress-container .progress-bar .progress-marker .progress-seconds {
  bottom: -20px;
}

/* END STICKY */
/* INI PROGRESS */
.progress-container {
  text-align: center;
  padding: 25px 15px;
  background: #f5f5f5;
  border-radius: 0;
  background-clip: padding-box;
}
@media (min-width: 767px) {
  .progress-container {
    padding: 40px 15px;
    border-radius: 3px;
    background-clip: padding-box;
  }
}
.progress-container h3 {
  margin-top: 0px;
}
.progress-container .box-progress-bar {
  padding: 0 15px;
}
@media (min-width: 767px) {
  .progress-container .box-progress-bar {
    padding: 0 15px;
  }
}
.progress-container .progress-bar {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  height: 18px;
  background: #ffffff;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #ffffff;
}
.progress-container .progress-bar .progress-complete {
  position: relative;
  background: var(--tertiary_color);
  border-radius: 3px;
  background-clip: padding-box;
  height: 16px;
}
.progress-container .progress-bar .progress-marker {
  position: absolute;
  top: -7px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #ffffff;
  border: 2px solid var(--tertiary_color);
  border-radius: 100%;
  overflow: visible;
}
.progress-container .progress-bar .progress-marker .progress-seconds {
  position: absolute;
  bottom: -17px;
  left: -16px;
  text-align: center;
  display: inline-block;
  width: 60px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--tertiary_color);
}

.progress-marker-mobile {
  position: absolute;
  top: 60px;
  right: 50px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #ffffff;
  overflow: visible;
}
.progress-marker-mobile .progress-seconds {
  position: absolute;
  top: 2px;
  left: -16px;
  text-align: center;
  display: inline-block;
  width: 60px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--tertiary_color);
}

/* FIN PROGRESS */
/* INI COVER */
.cover {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  background-color: #f5f5f5;
  border-radius: 0;
  background-clip: padding-box;
}
@media (min-width: 767px) {
  .cover {
    border-radius: 3px;
    background-clip: padding-box;
  }
}
.cover .cover-btn-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.cover .cover-btn-container .btn.participated {
  cursor: default;
  white-space: normal;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.3;
}

/* END COVER */
.box-game .col-xs-12 {
  padding: 0 !important;
}

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

.ok > label {
  font-weight: 700;
  color: green !important;
}

.wrong > label {
  font-weight: 700;
  color: red !important;
}

#html5game-popup {
  height: 100%;
  overflow-y: hidden;
}
#html5game-popup .modal-dialog {
  height: 100% !important;
  margin: 0;
}
@media (max-width: 567px) {
  #html5game-popup .modal-dialog {
    top: 0;
  }
}
#html5game-popup .modal-content {
  background-image: url(/images/background-games.png?bfcdf0196724610d069d10db3b1beeca);
  background-color: var(--background-games);
  width: 100% !important;
  height: 100% !important;
  border-radius: 3px;
}
#html5game-popup .modal-body {
  width: 100% !important;
  height: 100% !important;
  padding: 16px;
}
@media (max-width: 567px) {
  #html5game-popup .modal-body {
    padding: 8px;
  }
}
#html5game-popup .modal-body > div {
  width: 100% !important;
  height: 100% !important;
}
#html5game-popup .modal-body > div > iframe {
  width: 100% !important;
  height: 100% !important;
}
#html5game-popup #c2canvasdiv {
  margin: auto !important;
}
#html5game-popup html {
  height: 100%;
  display: flex;
  justify-content: center;
}
#html5game-popup .body-game {
  display: flex;
}
#html5game-popup .btn-close {
  right: 2px;
  top: 2px;
}

.card-text-game {
  font-size: 1rem;
  color: var(--cashconv-black);
}

.profile > section {
  padding: 3rem 0;
}
.profile #profile {
  padding-top: 0;
}
.profile section {
  background-color: #ffffff;
  position: relative;
}
.profile section:nth-of-type(even) {
  background-color: var(--profile-even-bg-color);
  color: var(--profile-even-color);
}
.profile section:nth-of-type(even) .form-box label {
  background-color: var(--profile-even-bg-color);
}
.profile h1 {
  text-align: left;
  color: black;
}
.profile .profile-image-box {
  min-height: 450px;
  text-align: center;
  background-color: var(--cashconv-lighterGrey);
  position: relative;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .profile .profile-image-box {
    margin-top: 0px;
  }
}
.profile .profile-image-box .profile-caption {
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
}
.profile .profile-image-box .profile-caption img {
  margin-right: 10px;
  max-width: 40px;
}
.profile .profile-image-box > div {
  position: relative;
}
.profile #custom-avatar-image {
  width: 100%;
  margin-top: var(--profile-custom-result-margin-top);
  margin-bottom: var(--profile-custom-result-margin-bottom);
}
@media (max-width: 767px) {
  .profile #custom-avatar-image {
    margin-top: var(--profile-custom-result-margin-top-mobile);
    margin-bottom: var(--profile-custom-result-margin-bottom-mobile);
  }
}
.profile .nickname-box {
  text-align: center;
}
.profile .nickname-box label {
  width: 100%;
  font-weight: bold;
  color: #F60A7F;
}
.profile .nickname-box input {
  display: inline-block;
  max-width: 300px;
}
.profile .my-data-box label {
  text-align: left;
}
.profile .modificar-datos .small-text {
  margin-bottom: 20px;
  text-align: left;
}
.profile .modificar-datos .checkbox .small-text {
  text-transform: none;
}
.profile .modificar-datos label {
  width: 100%;
  text-align: left;
}
.profile .badge-heading {
  text-align: center;
  color: black;
  position: relative;
}
.profile .badge-heading .btn {
  margin-bottom: -6px;
}
.profile .badge_description {
  text-align: left;
  color: black;
}
.profile .badge_notification {
  position: absolute;
  top: 10px;
  font-size: 18px;
  color: var(--main_navbar_text_color);
  height: 20px;
  width: 20px;
  display: none;
  right: 102px;
  font-weight: 400;
}
.profile .uncollect-donations:after {
  content: "";
  position: absolute;
  left: 0;
  right: 30px;
  top: 0;
  bottom: 0;
  background-color: var(--my-coupons-bg-uncollected);
  z-index: 1;
  opacity: 0.8;
  border: 1px solid var(--my-coupons-border-uncollected);
  border-radius: 3px;
}
.profile .uncollect-donations .btn-secondary {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--my-coupons-bg-btn-secondary);
  border-color: var(--my-coupons-color-btn-secondary);
  color: var(--my-coupons-color-btn-secondary);
  z-index: 10;
  min-width: 150px;
}
.profile .collect-content {
  display: none;
}
.profile .uncollect-content {
  display: block;
}
.profile .users-selected-div img {
  margin: 0.5rem;
}

.profile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px rgba(112, 112, 112, 0.3);
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.profile-header .btn-default {
  width: auto;
}

.action-box ul {
  display: flex;
}
.action-box ul li {
  width: 50%;
  position: relative;
  text-align: center;
  font-size: 25px;
  line-height: 40px;
}
.action-box ul li span {
  display: block;
  padding: 5px;
}
.action-box ul li a {
  font-size: 18px !important;
  color: var(--cashconv-grey);
  border: solid 1px var(--cashconv-grey);
  text-decoration: none;
  font-weight: normal !important;
  display: block;
  padding: 5px;
}
.action-box ul li a:hover {
  color: var(--cashconv-black);
  background-color: var(--cashconv-grey);
}

.invite-friends-area img {
  width: 100%;
  padding-top: 1rem;
}

.invite-frnds-left p {
  font-size: 20px;
  line-height: 24px;
  color: var(--cashconv-black);
}

.btn-copy {
  width: 40px;
  height: 40px;
  background-color: var(--cashconv-blue);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.btn-copy img {
  max-width: 20px;
}

.btn-copy:hover,
.btn-copy:focus {
  color: black;
  text-decoration: none !important;
}

.invite-frnds-right {
  text-align: center;
}
.invite-frnds-right img {
  max-width: 400px;
}

.copy-link-area {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.copy-link-area .form-group {
  width: 100%;
  margin: 0 0 0 10px;
}
.copy-link-area .form-group .form-control[readonly] {
  border-color: var(--cashconv-blue);
  border-radius: 3px;
  color: var(--cashconv-blue);
  height: 40px;
  font-size: 16px;
  line-height: 18px;
}

.more-about-you-area h2 {
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}
.more-about-you-area .all-tab-content .quetion-box {
  min-height: 260px;
  position: relative;
  padding-bottom: 40px;
}
.more-about-you-area .all-tab-content .small-text {
  font-size: 14px;
  color: var(--tertiary_color);
}
.more-about-you-area .all-tab-content .rating-stars {
  margin-top: 30px;
}
.more-about-you-area .all-tab-content .rating-stars ul {
  display: flex;
}
.more-about-you-area .all-tab-content .rating-stars ul li.star {
  width: 10%;
}
.more-about-you-area .all-tab-content .rating-stars i.fa {
  font-size: 18px;
}
.more-about-you-area .all-tab-content .form-box {
  width: 100%;
  margin-top: 30px;
}
.more-about-you-area .all-tab-content .more-about-quetion {
  font-size: 16px;
  font-weight: bold;
  color: var(--cashconv-black);
  margin-bottom: 15px;
}
.more-about-you-area .all-tab-content .mul-que-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
.more-about-you-area .all-tab-content .checkbox {
  width: 48%;
}
.more-about-you-area .all-tab-content .btn-primary {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.more-about-you-area .pagination-area .owl-custom-btn {
  color: var(--primary_color);
}
.more-about-you-area .pagination-area .owl-custom-btn .fa {
  color: var(--primary_color);
}
@media (max-width: 767px) {
  .more-about-you-area .pagination-area .owl-custom-btn {
    justify-content: center;
  }
}
.more-about-you-area .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.more-about-you-area .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.more-about-you-area .form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.my-medals-area h2 {
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}
.my-medals-area .medal-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
}
.my-medals-area .medals-box .medal-box {
  min-height: 100px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .my-medals-area .medals-box .medal-box {
    height: inherit;
  }
}
.my-medals-area .medals-box .medal-box:nth-child(5n+5) {
  margin-right: 0;
}
.my-medals-area .medals-box .medal-box .medal-img {
  height: 80px;
}
@media (min-width: 992px) {
  .my-medals-area .medals-box .medal-box .medal-img {
    height: inherit;
  }
}
.my-medals-area .medals-box .medal-box .medal-img .medal-img-box {
  text-align: center;
}
.my-medals-area .medals-box .medal-box .medal-img img {
  height: 90px;
  min-width: 90px;
}
@media (min-width: 992px) {
  .my-medals-area .medals-box .medal-box .medal-img img {
    height: auto;
  }
}
.my-medals-area .medals-box .medal-box .medal-img i {
  position: absolute;
  right: 15px;
  top: 15px;
}
.my-medals-area .medals-box .medal-box .medal-caption {
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 80px;
  border-radius: 15px;
  width: 72%;
}
@media (min-width: 767px) {
  .my-medals-area .medals-box .medal-box .medal-caption {
    width: 81%;
  }
}
@media (min-width: 992px) {
  .my-medals-area .medals-box .medal-box .medal-caption {
    min-height: var(--medal-box-min-height);
    width: 93%;
    margin-left: 15px;
  }
}
.my-medals-area .medals-box .medal-box .badge_description {
  word-break: break-word;
  font-size: 16px;
  line-height: 21px;
  color: var(--main_navbar_text_color);
}
.my-medals-area .medals-box .medal-box .uncollect:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 0.25rem;
  z-index: 8;
}
@media (min-width: 992px) and (max-width: 1270px) {
  .my-medals-area .medals-box .medal-box .uncollect:after {
    right: 8px;
  }
}
.my-medals-area .medals-box .medal-box .uncollect .btn-secondary {
  position: absolute;
  bottom: 36%;
  left: 15px;
  width: calc(100% - 30px);
  z-index: 9;
}
@media (min-width: 992px) {
  .my-medals-area .medals-box .medal-box .uncollect .btn-secondary {
    bottom: 50%;
  }
}
.my-medals-area .medals-box .medal-img {
  position: relative;
}
.my-medals-area .medals-box .medal-img .medal {
  background-color: rgba(191, 10, 10, 0.8);
  border-radius: 0px 0px 0px 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  cursor: pointer;
}
.my-medals-area .medals-box .medal-img .medal img {
  height: auto;
}
@media (max-width: 768px) {
  .my-medals-area .medals-box .medal-img .medal img {
    height: 100%;
  }
}

.tab-links {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

.my-donations-area .row-donations {
  margin-left: 0;
  margin-right: -30px;
}
.my-donations-area .my-donation-right h2 {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}
.my-donations-area .my-donation-right p {
  font-size: 16px;
  color: var(--cashconv-darkGrey);
}
.my-donations-area .my-donation-right .all-tab {
  padding-top: 30px;
  margin-top: 30px;
}
.my-donations-area .my-donation-right .tab-links {
  padding-left: 0;
}

.donation-popup-right .form-box label {
  padding: 5px 6px;
  top: -13px;
}

#donationModel .modal-dialog {
  width: 800px;
}
@media (max-width: 768px) {
  #donationModel .modal-dialog {
    width: auto;
  }
}
#donationModel .modal-dialog .donation-popup-left {
  display: flex;
  align-items: center;
  justify-content: center;
}
#donationModel .modal-dialog .donation-popup-right .form-box {
  width: 100%;
  padding: 10px 10px 9px 20px;
  margin-bottom: 25px;
}
#donationModel .modal-dialog .donation-popup-right .form-box .typeahead {
  left: 0 !important;
}
#donationModel .modal-dialog .donation-popup-right .points-area {
  display: flex;
}
#donationModel .modal-dialog .donation-popup-right .points-area ul {
  width: 50%;
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}
#donationModel .modal-dialog .donation-popup-right .points-area ul li {
  width: 65px;
  height: 55px;
  line-height: 45px;
  padding: 4px;
  color: var(--btn-primary-hover-color);
  background-color: var(--btn-primary-hover-bg);
  border: 1px solid var(--btn-primary-hover-border);
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  font-weight: bold;
}
#donationModel .modal-dialog .donation-popup-right .points-area ul li:hover, #donationModel .modal-dialog .donation-popup-right .points-area ul li.active {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-bg);
  border: solid 1px var(--btn-primary-border);
}
#donationModel .modal-dialog .donation-popup-right .points-area .other-points {
  width: 50%;
  display: flex;
  border: solid 1px var(--cashconv-darkGrey);
  border-radius: 4px;
}
#donationModel .modal-dialog .donation-popup-right .points-area .other-points span {
  height: 40px;
  line-height: 35px;
  font-size: 12px;
  background-color: var(--cashconv-offWhite);
  color: var(--cashconv-darkGrey);
  padding: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#donationModel .modal-dialog .donation-popup-right .points-area .other-points .form-control {
  border: none;
  outline: none;
  box-shadow: none;
  height: 40px;
}

.donation-points {
  border: solid 1px var(--primary_color);
  color: var(--primary_color);
  border-radius: 3px;
  min-width: 80px;
  min-height: 60px;
  padding: 10px;
  text-align: center;
  display: inline-block;
}
.donation-points .points-number {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}
.donation-points .points-text {
  font-size: 10px;
  display: block;
}

.received_donation.badge_notification {
  top: 4px;
  right: inherit;
  margin-left: 0.5rem;
  line-height: 1rem;
  padding: 3px;
  font-size: 0.8rem;
}

.donation-inner-details {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
  padding: 1.25rem;
  background-color: #ffffff;
}
.donation-inner-details img {
  border-radius: 3px;
}
.donation-inner-details .donation-user-details .donation-name {
  font-weight: bold;
  color: var(--cashconv-black);
  align-self: center;
}

.donation-tab-content ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.donation-tab-content li {
  width: 49%;
  position: relative;
  margin-bottom: 30px;
}
.donation-tab-content li .donation-inner-details {
  display: flex;
  width: 100%;
}
.donation-tab-content li .donation-inner-details .donation-user {
  width: 40%;
  margin-right: 4%;
}
.donation-tab-content li .donation-inner-details .donation-user-details {
  width: 56%;
  margin-top: 20px;
}
.donation-tab-content li .donation-inner-details .donation-user-details .donation-status {
  color: var(--primary_color);
  font-size: 18px;
  margin-bottom: 10px;
}
.donation-tab-content li .donation-inner-details .donation-user-details .donation-name {
  font-weight: bold;
  color: var(--cashconv-black);
  align-self: center;
}
.donation-tab-content li .uncollect-donations:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
}
.donation-tab-content li .uncollect-donations .btn-secondary {
  position: absolute;
  bottom: 20px;
  left: 15px;
  width: calc(100% - 30px);
  z-index: 1;
}

.view-profile-main .action-box,
.view-profile-main .edit-profile-area {
  display: none;
}
.view-profile-main .profile-main-box p {
  text-align: center;
  font-size: 16px;
  color: var(--cashconv-darkGrey);
}
.view-profile-main #avatar-image {
  border-radius: 3px;
}

.edit-profile-main .action-box,
.edit-profile-main .edit-profile-area {
  display: block;
}
.edit-profile-main .view-profile,
.edit-profile-main .profile-image-box .profile-caption {
  display: none;
}

.view-profile .btn-default {
  border-color: var(--tertiary_color);
  color: var(--tertiary_color);
}
.view-profile .btn-default:hover {
  background-color: var(--tertiary_color);
  color: var(--main_navbar_text_color);
}
.view-profile .field-row .field {
  margin-bottom: 25px;
  line-height: initial;
}
.view-profile .field-row .field label {
  font-size: 16px;
  color: var(--cashconv-darkGrey);
  margin-bottom: 8px;
}
.view-profile .field-row .field .value {
  font-size: var(--profile-font-size);
  color: var(--cashconv-black);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px) {
  .view-profile .field-row .field .info-label {
    float: left !important;
  }
  .view-profile .field-row .field .info-value {
    float: right !important;
  }
}

.medal-popup .modal-dialog {
  width: 95%;
}
@media (min-width: 768px) {
  .medal-popup .modal-dialog {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .medal-popup .modal-dialog {
    width: 800px;
  }
}
.medal-popup .modal-dialog .medal-img-box {
  text-align: center;
}
.medal-popup .modal-dialog .medal-img-box img {
  height: 90px;
  min-width: 90px;
}
@media (min-width: 992px) {
  .medal-popup .modal-dialog .medal-img-box img {
    height: auto;
  }
}
.medal-popup .modal-dialog .medal-caption {
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 80px;
  border-radius: 15px;
  width: 72%;
  margin-bottom: 15px;
  color: var(--main_navbar_text_color);
}
@media (min-width: 767px) {
  .medal-popup .modal-dialog .medal-caption {
    width: 81%;
  }
}
@media (min-width: 992px) {
  .medal-popup .modal-dialog .medal-caption {
    width: 93%;
    margin-left: 15px;
  }
}

.owl-custom-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--cashconv-darkGrey);
}
.owl-custom-btn .fa {
  color: var(--cashconv-darkGrey);
  font-size: 26px;
}
.owl-custom-btn .customNextBtn,
.owl-custom-btn .customPrevBtn {
  font-size: 18px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.owl-custom-btn .customPrevBtn {
  margin-right: 20px;
}
.owl-custom-btn .customNextBtn {
  margin-left: 20px;
}
.owl-custom-btn .customNextBtn .fa:before {
  margin-left: 10px;
}

.donation-user-selected {
  align-self: center;
  font-weight: bold;
}

.typeahead {
  width: 100%;
}
.typeahead .user-options {
  display: flex;
  align-items: center;
}
.typeahead .user-options .donation-pic {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.typeahead .user-options .donation-pic img {
  border-radius: 50px;
}
.typeahead li.active a {
  background-color: var(--primary_color);
}
.typeahead li.active a:hover {
  background-color: var(--tertiary_color);
}

.donation-popup-content > .row {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.users-selected-div {
  border: solid 1px var(--cashconv-darkGrey);
  border-radius: 3px;
  display: inline-block;
}
.users-selected-div .col-md-12 {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
.users-selected-div .col-md-12 .selected-user-pic {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  border: solid 1px var(--cashconv-darkGrey);
  border-radius: 3px;
}
.users-selected-div .col-md-12 .selected-user-pic img {
  border-radius: 3px;
}
.users-selected-div .col-md-12 span {
  font-weight: bold;
}

.donation-tab {
  display: flex;
  justify-content: flex-end;
}
.donation-tab .tab-links {
  margin-left: -15px;
  padding-left: 0;
}
.donation-tab .col-sm-6 {
  padding-top: 30px;
}

.home .carousel .texto-destacado h1 {
  color: #ffffff;
  margin: 0;
  text-align: center;
  font-size: 2em;
}
@media (min-width: 767px) {
  .home .carousel .texto-destacado h1 {
    text-align: center;
    font-size: 2.5em;
  }
}
.home .carousel .texto-destacado h2 {
  color: #F60A7F;
  font-family: "VAGRoundedStd-Black", sans-serif;
  margin-bottom: 15px;
  font-size: 1.5em;
}
@media (min-width: 767px) {
  .home .carousel .texto-destacado h2 {
    color: #000000;
    font-size: 2em;
  }
}
@media (min-width: 767px) {
  .home .carousel .texto-destacado h2 {
    font-size: 3em;
  }
}
.home .carousel .texto-destacado p {
  color: #ffffff;
}

.enlaces-home .item-enlace-home {
  vertical-align: top;
}

.enlaces-juegos .img-panel {
  width: 100%;
  padding-top: 75%;
  background-color: #666666;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  background-size: cover;
  cursor: pointer;
  transition: opacity 0.3s;
}
.enlaces-juegos .img-panel:hover {
  opacity: 0.7;
}
.enlaces-juegos .img-panel h3 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  text-align: center;
  font-size: 2em;
}

.menu-blog {
  text-align: center;
  font-family: "Roboto", sans-serif;
}
.menu-blog .navbar-nav {
  border-top: 0px solid #ffffff;
}
.menu-blog .navbar-toggle-blog {
  margin-right: 15px;
  margin-top: 22px;
  background: #ffffff !important;
}
.menu-blog .navbar-toggle-blog .icon-bar {
  background: #F60A7F !important;
}
.menu-blog .navbar-toggle-blog:hover {
  background: #ffffff !important;
}
.menu-blog ul {
  float: left;
  width: 100%;
}
@media (min-width: 767px) {
  .menu-blog ul {
    float: none;
    width: auto;
    display: inline-block;
    background-color: transparent;
  }
}
.menu-blog ul li {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  padding: 0;
}
.menu-blog ul li ul.dropdown-menu {
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: #FF85C4 !important;
  padding: 0;
}
.menu-blog ul li ul.dropdown-menu li {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  border: none;
  min-height: inherit;
}
.menu-blog ul li ul.dropdown-menu li a {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: "VAGRoundedStd-Black", sans-serif;
  border-bottom: 1px solid #ffffff;
}
.menu-blog ul li ul.dropdown-menu li a:hover, .menu-blog ul li ul.dropdown-menu li a:active, .menu-blog ul li ul.dropdown-menu li a:focus {
  background-color: #FF85C4 !important;
}
.menu-blog ul li ul.dropdown-menu li:last-child a {
  border-bottom: none;
}
@media (min-width: 767px) {
  .menu-blog ul li ul.dropdown-menu {
    min-width: inherit;
  }
}
.menu-blog ul li a {
  display: inline-block;
  width: 100%;
  color: #F60A7F !important;
  text-decoration: none;
  border-color: #ffffff !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  padding-top: 12px;
  padding-bottom: 12px;
  text-transform: uppercase;
  background-color: transparent !important;
}
.menu-blog ul li a.active {
  font-weight: 700;
  color: black !important;
}
.menu-blog ul li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  background: transparent;
}
.menu-blog ul li a:active, .menu-blog ul li a:focus {
  background: transparent;
}
.menu-blog ul li a span {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.menu-blog ul li a span.caret {
  vertical-align: middle;
}
@media (min-width: 767px) {
  .menu-blog ul li a span {
    margin-top: 5px;
  }
}
@media (min-width: 992px) {
  .menu-blog ul li a span {
    margin-top: 7px;
  }
}
@media (min-width: 1200px) {
  .menu-blog ul li a span {
    margin-top: 10px;
  }
}
.menu-blog ul li a img {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  margin: 0 5px;
}
@media (min-width: 767px) {
  .menu-blog ul li a img {
    margin: 0;
  }
}
@media (min-width: 767px) {
  .menu-blog ul li a {
    width: 100%;
    border-bottom: none;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 0px 5px;
    min-height: 32px;
  }
}
@media (min-width: 992px) {
  .menu-blog ul li a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 10px;
    min-height: 46px;
  }
}
@media (min-width: 1200px) {
  .menu-blog ul li a {
    font-size: 19px;
    font-size: 1.1875rem;
    min-height: 48px;
  }
}
@media (min-width: 767px) {
  .menu-blog ul li {
    float: none;
    width: auto;
    padding: 0 5px;
    min-height: 40px;
    border-right: 1px solid #F60A7F;
  }
  .menu-blog ul li:last-child {
    border-right: none;
  }
}
@media (min-width: 767px) {
  .menu-blog {
    float: none;
    max-width: 100%;
    margin: 0 auto;
  }
  .menu-blog .navbar-nav {
    border-top: none;
  }
}

.participation .participate {
  margin-bottom: 20px;
  font-family: "VAGRoundedStd-Thin", sans-serif;
  text-align: center;
}
.participation .participate .mainColor {
  color: #F60A7F;
}
.participation .participate button {
  width: 100%;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.participation .participate button.ended {
  color: rgba(255, 255, 255, 0.5) !important;
  cursor: initial;
}
.participation .participate button.ended:active {
  box-shadow: none !important;
}
@media (min-width: 767px) {
  .participation .participate .text-info {
    margin: 0 30px;
  }
}
.participation .participate .text-info .info {
  font-size: 0.8em;
  color: #F60A7F;
  font-weight: bold;
}
.participation .participate .text-info h3 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: black;
  font-size: 1.6em;
  text-align: center;
}
.participation .participate .text-info h3 .mainColor {
  font-size: 1.4em;
}
.participation .participate .avatar-perfil {
  width: 36px;
}
.participation .participate h5 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: black;
}

.how-it-works * {
  font-family: "VAGRoundedStd-Thin", sans-serif;
  color: #757575;
  text-align: justify;
}
.how-it-works h1 {
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: black;
  margin-top: 25px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 50px;
  font-size: 3.125rem;
}
.how-it-works ul {
  list-style: none;
  list-style-position: inside;
  margin: 20px 0 25px 0;
  padding-left: 4%;
}
.how-it-works ul li {
  list-style: none;
  list-style-position: inside;
  padding: 3px 0;
  margin-bottom: 10px;
}
.how-it-works ul li:before {
  content: "●"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #F60A7F; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.how-it-works ul li p {
  font-family: "Roboto", sans-serif;
  display: inline-block;
  vertical-align: top;
  max-width: 85%;
  line-height: 1.2;
}
.how-it-works ul li p a {
  text-decoration: none;
  font-family: "VAGRoundedStd-Black", sans-serif;
  color: #666666;
}
.how-it-works ul li p a:hover {
  color: #f9fafb;
  text-decoration: underline;
}
.how-it-works .item {
  padding: 0;
}
.how-it-works .item p {
  font-family: "Roboto", sans-serif;
  color: #666666;
}
@media (min-width: 767px) {
  .how-it-works .item {
    padding: 0;
  }
}
.how-it-works img {
  border-radius: 20px;
  background-clip: padding-box;
}
.how-it-works .box-video {
  margin-top: 30px;
  margin-bottom: 5px;
}
@media (min-width: 767px) {
  .how-it-works .box-video {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}

.challenge-btn {
  background-color: #F60A7F;
  color: black;
  border-radius: 0px !important;
}

.challenge-btn {
  background-color: #F60A7F;
  color: black;
  border-radius: 0px !important;
}

.create-challenge {
  background-color: black;
  color: white;
  border-radius: 0px !important;
  padding: 5px;
  margin-right: 10%;
  font-size: 16px;
  margin-left: 80%;
  width: 120px;
}

.tab-challenge {
  background-color: #F60A7F;
  color: black;
  font-weight: bold;
  border: 2px solid black;
  border-bottom: none;
}

.td-align-challenge {
  vertical-align: middle !important;
}

.pop-section {
  width: 70% !important;
}

.col-centered {
  width: 29% !important;
}

.select-user {
  padding: 5px;
  margin-top: 22px;
  width: 25%;
  border: medium none;
}

.select-user img {
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}

.select-user span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.enlaces-juegos .img-panel h3 {
  font-size: 1em !important;
}

.no-hover {
  pointer-events: none;
}

.btn-double-border-challenge {
  font-weight: bold;
  color: black;
  border: 3px double black !important;
  border-top: 3px double black !important;
  border-bottom: 3px double black !important;
  background: white;
  outline: 0;
}

.card-challenge-user {
  height: 80px;
}
.card-challenge-user img {
  margin: 5px 0 5px 5px;
  max-width: 70px;
  max-height: 70px;
}

.game-select.active > div,
.card-challenge-user.active {
  border: var(--modal-card-challenge-active-border);
}

.card-challenge {
  font-size: 16px;
}
.card-challenge .card-header {
  background-color: var(--primary_color);
}
.card-challenge .badge-primary {
  background-color: var(--primary_color);
}

.card-challenge .title-challenge {
  margin: 8px 0;
  font-size: 16px;
  color: var(--cashconv-black);
  font-family: var(--tertiary_font_family);
  font-weight: bold;
}

.card-challenge .card-user-img {
  border-radius: 3px;
  margin-right: 1rem;
}

.card-challenge .card-user-img,
#modal-card .card-user-img {
  height: 50px;
}

.modal-card-points {
  padding: 8px 0;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

@media (min-width: 1200px) {
  .card-challenge .card-user-img {
    height: 50px;
  }
  .f-lg-left {
    float: left !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .justify-content-lg-left {
    justify-content: left;
  }
  .card-challenge {
    font-size: 18px;
  }
  .card-challenge .title-challenge {
    margin: 18px 0;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .no-md-pd {
    padding: 0 !important;
  }
  .justify-content-md-left {
    justify-content: left;
  }
  .card-challenge > .card-body > .row > .col-xs-12:nth-of-type(2) {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .card-challenge > .card-body > .row > .col-xs-12:first-of-type {
    justify-content: left !important;
    margin-bottom: 0 !important;
  }
}
.bs-stepper .step-trigger {
  color: inherit !important;
}

@media (max-width: 520px) {
  .line {
    flex-basis: 0px !important;
  }
}
.bg-race {
  position: relative;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: 1500px;
}
@media (min-width: 767px) {
  .bg-race {
    background-size: auto;
  }
}
.bg-race.bg-race-2 {
  background: #000000;
}
.bg-race .scroll-race {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #000000;
  text-align: center;
  background-position: top center;
  background-repeat: repeat;
  z-index: 0;
}
.bg-race .scroll-race .left-scroll-race {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-image: linear-gradient(to right, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}
.bg-race .scroll-race .right-scroll-race {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}
.bg-race .cont-race {
  overflow: auto;
  /* ini scrollbar */
}
@media (min-width: 767px) {
  .bg-race .cont-race {
    background-position: 50% 40%;
  }
}
@media (min-width: 992px) {
  .bg-race .cont-race {
    background-size: auto;
  }
}
.bg-race .cont-race .race {
  position: relative;
  min-height: 200px;
}
@media (min-width: 600px) {
  .bg-race .cont-race .race {
    min-height: 250px;
  }
}
@media (min-width: 767px) {
  .bg-race .cont-race .race {
    min-height: 350px;
  }
}
.bg-race .cont-race .race .divider {
  border: 1px dashed #666666;
}
.bg-race .cont-race .race .item-custom-user {
  position: absolute;
  bottom: var(--item-custom-user-xs-bottom);
}
@media (min-width: 600px) {
  .bg-race .cont-race .race .item-custom-user {
    bottom: 24px;
  }
}
.bg-race .cont-race .race .custom-user {
  position: relative;
  background-size: auto;
  width: var(--race-mb-item-size);
  height: var(--race-mb-position);
}
@media (min-width: 767px) {
  .bg-race .cont-race .race .custom-user {
    width: var(--race-item-size);
    height: var(--race-position);
  }
}
.bg-race .cont-race .race .custom-user .img-over-custom-user {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  z-index: 3;
}
.bg-race .cont-race .race .custom-user .img-custom-user {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  z-index: 2;
}
.bg-race .cont-race .race .custom-user .mCS_img_loaded {
  width: 200px;
  height: 100px;
}
.bg-race .cont-race .race .tooltip {
  z-index: 50 !important;
}
.bg-race .cont-race .race .custom-user + .tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.bg-race .cont-race .race .custom-user + .tooltip > .tooltip-inner {
  background-color: #666666;
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 6px 10px;
  min-width: 100px;
  font-size: 15px;
  font-size: 0.9375rem;
}
.bg-race .cont-race .race .custom-user + .tooltip.top > .tooltip-arrow {
  border-top: 10px solid #ffffff;
  bottom: -5px;
}
.bg-race .cont-race .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 17px;
  max-width: 90%;
  margin: 0 auto;
}
.bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background: var(--bg-race-dragger);
}
.bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: var(--race-dragger-bar);
  box-shadow: none !important;
  background-image: none !important;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
#animate-area {
  background-position: 0 0;
  background-repeat: repeat-x;
  animation: animatedBackground 30s linear infinite;
  -ms-animation: animatedBackground 30s linear infinite;
  -moz-animation: animatedBackground 30s linear infinite;
  -webkit-animation: animatedBackground 30s linear infinite;
}
@media (min-width: 767px) {
  #animate-area {
    animation: animatedBackground 100s linear infinite;
    -ms-animation: animatedBackground 100s linear infinite;
    -moz-animation: animatedBackground 100s linear infinite;
    -webkit-animation: animatedBackground 100s linear infinite;
  }
}

nav.navbar div#navbar ul.nav li {
  /*a{
      font-family: $font-stack-3;
  }*/
}
@media (min-width: 767px) {
  nav.navbar div#navbar ul.nav li.active a {
    box-sizing: border-box;
    background: transparent !important;
  }
  nav.navbar div#navbar ul.nav li.active a span {
    border-bottom: 0;
  }
  nav.navbar div#navbar ul.nav li.active > a {
    border-bottom: var(--main_navbar_text_color) solid 3px;
  }
}
@media (min-width: 767px) {
  nav.navbar .fondo-menu-usuario .menu-usuario {
    height: 60px;
  }
}
nav.navbar .fondo-menu-usuario .menu-usuario .logout-usuario a {
  padding: 0;
}
nav.navbar .fondo-menu-usuario .menu-usuario .turn-on {
  width: 34px;
  height: 34px;
  padding: 2px 0;
  fill: #F60A7F;
}
nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav {
  margin: 0 !important;
  background-color: #F60A7F;
}
@media (min-width: 767px) {
  nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav {
    background-color: inherit;
  }
}
nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav li {
  background-color: #F60A7F;
}
nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav li a {
  font-family: "VAGRoundedStd-Thin", sans-serif;
  color: white !important;
  text-decoration: underline !important;
  text-decoration-color: white;
  padding: 16px !important;
}
@media (min-width: 767px) {
  nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav li a {
    padding: 20px !important;
  }
}
nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav li a span {
  transition: none;
}
nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav li:hover a {
  color: #FEE1EF !important;
  text-decoration: underline !important;
  text-decoration-color: #FEE1EF;
  opacity: 1;
}
@media (min-width: 767px) {
  nav.navbar .fondo-menu-usuario .menu-usuario.no-logado ul.nav li {
    height: 60px;
  }
}
nav.navbar .logado {
  height: 52px;
}

.article_component {
  margin-bottom: 20px;
}
.article_component .article_image {
  width: 100%;
  height: 200px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.article_component h1 {
  text-align: left;
  color: var(--cashconv-black);
}
.article_component p.share {
  text-align: right;
  font-size: 1.2em;
}
.article_component p.share a {
  vertical-align: middle;
  color: #F60A7F;
  text-decoration: none;
  font-size: 2em;
}

.logos-header {
  color: #F60A7F !important;
  display: inline-block;
  font-size: 1.5rem;
  padding: 19px;
}
.logos-header span a {
  text-decoration: none !important;
  font-weight: bold;
  font-family: "Roboto", sans-serif !important;
  color: #F60A7F !important;
  background-color: transparent !important;
}
.logos-header span a.inactive {
  color: #B5B7Ba !important;
}

.logos-header-dt {
  display: none;
  text-align: right;
}
@media (min-width: 767px) {
  .logos-header-dt {
    display: block;
  }
}

.logos-header-mb {
  text-align: center;
}
@media (min-width: 767px) {
  .logos-header-mb {
    display: none !important;
  }
}

.logos-header-back {
  display: inline-block;
}
.logos-header-back .logos-header {
  font-size: 2rem;
}

.customization h1 {
  text-align: center;
  margin-bottom: 30px;
}
.customization .box-customization {
  background: #f5f5f5;
  border: 1px solid rgba(102, 102, 102, 0.2);
  max-width: 950px;
}
@media (min-width: 992px) {
  .customization .box-customization {
    min-height: 490px;
  }
}
.customization .nav-tabs {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.customization .nav-tabs > li {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  text-decoration: none;
  width: 33.333%;
}
@media (min-width: 992px) {
  .customization .nav-tabs > li {
    width: 100%;
  }
}
.customization .nav-tabs > li img {
  border: 2px solid #666666;
  border-radius: 100px;
  background-clip: padding-box;
}
.customization .nav-tabs > li.active .item-selector img {
  border: 2px solid #000000;
  background-color: --third-customization-color;
}
.customization .nav-tabs > li a {
  background-color: transparent;
  border: none;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .customization .nav-tabs > li a {
    padding-top: 40px;
    padding-bottom: 10px;
  }
}
.customization .nav-tabs > li a strong {
  font-weight: 600;
  text-decoration: none;
}
.customization .nav-tabs > li a:hover, .customization .nav-tabs > li a:active, .customization .nav-tabs > li a:focus {
  color: #000;
  background-color: transparent;
  border: none;
  text-decoration: none;
}
.customization .item-selector {
  max-width: 65px;
  background-color: --selector-customization-color;
  border-radius: 100px;
  background-clip: padding-box;
  margin: 0 auto 8px auto;
}
@media (min-width: 992px) {
  .customization .item-selector {
    max-width: 70px;
  }
}
.customization .tab-content > .tab-pane {
  margin-top: 0;
}
@media (min-width: 992px) {
  .customization .tab-content > .tab-pane {
    min-height: 138px;
  }
}
.customization #selector-two li a.active, .customization #selector-two li button.active {
  border: 2px solid --third-customization-color;
}
.customization .selector-custom {
  display: block;
  width: 100%;
  text-align: center;
  background: rgba(102, 102, 102, 0.2);
  padding-top: 15px;
}
@media (min-width: 992px) {
  .customization .selector-custom {
    width: 120px;
    min-height: 490px;
  }
}
.customization .selector-custom li {
  display: inline-block;
  max-width: 90px;
  height: auto;
  margin: 10px 10px;
}
@media (min-width: 992px) {
  .customization .selector-custom li {
    display: inline-block;
    width: 120px;
    height: 80px;
    margin: 40px 0 25px 0;
  }
}
.customization .selector-custom li a, .customization .selector-custom li button {
  border: 2px solid #666666;
  background-color: --selector-customization-color;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
.customization .selector-custom li a img, .customization .selector-custom li button img {
  border-radius: 3px;
  background-clip: padding-box;
}
.customization .selector-custom li a.active, .customization .selector-custom li button.active {
  border: 2px solid #000000;
  background-color: --third-customization-color;
}
.customization .custom-result {
  margin-top: var(--profile-edit-custom-result-margin-top);
  margin-bottom: var(--profile-edit-custom-result-margin-bottom);
  text-align: center;
}
@media (max-width: 767px) {
  .customization .custom-result {
    margin-top: var(--profile-edit-custom-result-margin-top-mobile);
    margin-bottom: var(--profile-edit-custom-result-margin-bottom-mobile);
  }
}
.customization .custom-result svg {
  height: 75%;
  width: 75%;
}
.customization .custom-result img {
  display: block;
  margin: 0 auto;
  width: 40%;
  max-width: 450px;
}
@media (min-width: 767px) {
  .customization .custom-result img {
    width: 55%;
  }
}
@media (min-width: 992px) {
  .customization .custom-result img {
    max-width: 550px;
  }
}
.customization .selector-typology {
  background: rgba(102, 102, 102, 0.2);
  padding-top: 15px;
}
@media (min-width: 992px) {
  .customization .selector-typology {
    float: right;
    width: 120px;
    min-height: 490px;
  }
}
.customization .custom-btns {
  margin-top: 30px;
  text-align: center;
}

.color-1 {
  fill: !important;
}

.color-2 {
  fill: !important;
}

.color-3 {
  fill: !important;
}

.sp-replacer {
  width: 100% !important;
  min-height: 60px !important;
  min-width: 80px;
}
.sp-replacer .sp-dd {
  line-height: 3.1rem !important;
}

.sp-container button.sp-choose {
  background-color: #F60A7F;
}

.community-message .chat {
  list-style: none;
  margin: 0;
  padding: 0;
}
.community-message .chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #B3A9A9;
}
.community-message .chat li.left .chat-body {
  margin-left: 60px;
}
.community-message .chat li.right .chat-body {
  margin-right: 60px;
}
.community-message .chat li .chat-body p {
  margin: 0;
  color: #777777;
}
.community-message .message-panel .slidedown .glyphicon,
.community-message .chat .glyphicon {
  margin-right: 5px;
  border-color: 1px solid black !important;
}
.community-message .msg-panel-body {
  overflow-y: scroll;
  height: 350px;
  border-color: 1px solid black !important;
}
.community-message.admin-message .msg-panel-body {
  height: auto;
}
.community-message .msg-btn {
  background-color: #F60A7F !important;
  border-radius: 3px;
}
.community-message .message-panel-heading {
  background-color: #F60A7F !important;
  border-color: 1px solid black !important;
}
.community-message ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.community-message ::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
.community-message ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.community-message .request-notify {
  background: red;
  position: relative;
  top: -30px;
  left: -35px;
}
.community-message .community-inactive {
  background-color: white;
  color: #F60A7F !important;
  border: 2px solid #F60A7F !important;
}
.community-message .message-panel {
  border: 1px solid black !important;
}

.messanger-list .conversation-active {
  border: 2px solid #F60A7F !important;
  background-color: #f1c1d9;
}

@media only screen and (max-width: 768px) {
  .custom-modal-chat {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 25%;
  }
  .custom-modal-chat .message-panel {
    position: relative;
    width: auto;
    z-index: 999;
    background: white;
  }
  .msg-close {
    display: block;
    float: right;
    font-size: 35px;
    font-weight: 900;
    line-height: 1;
    color: #000;
    opacity: 4.2;
  }
  .msg-trash-icon {
    padding-right: 20px;
    top: 9px;
  }
}
@media only screen and (min-width: 768px) {
  .msg-close {
    color: #fff;
    display: none;
  }
}
.tbl-cond-color {
  background-color: #90ee90;
}

.input-icon-upload {
  position: absolute;
  right: 21px;
  float: right !important;
  top: calc(80% - 0.5em);
}

.purchase-campaign-radio {
  display: inline;
  margin-left: 5px;
}

/*==========image upload==============*/
.purchase-invoice-upload {
  display: block;
}

.purchase-imageThumb {
  max-height: 75px;
  border: 2px solid;
  padding: 1px;
  cursor: pointer;
}

.pip {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.purchase-img-remove {
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 22px;
}

.purchase-img-remove:hover {
  background: white;
  color: black;
}

.product-camp-entry {
  border-radius: 3px;
  outline: none;
  width: 240px !important;
  padding-left: 2px !important;
}

.product-camp-entry-unit {
  border-radius: 3px;
  outline: none;
  width: 40px !important;
  padding-left: 4px !important;
}

.condition-coupon {
  line-height: 1.9;
}

.inner-addon-upload {
  position: relative;
}

/* style glyph */
.inner-addon-upload .glyphicon-upload-purchase {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.right-addon-upload .glyphicon-upload-purchase {
  right: 0px;
}

/* add padding  */
.right-addon-upload input {
  padding-right: 30px;
}

@font-face {
  font-family: "montserratbold";
  src: url(/fonts/montserrat-bold-webfont.woff2?b7ffa0b4a3d88f4d2480a7a595f8b358) format("woff2"), url(/fonts/montserrat-bold-webfont.woff?5fb3188ba8b5d6329293eef116eabc3f) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Karla-Bold";
  src: url(/fonts/karla-bold-webfont.woff2?d0b7ccf329d6c6e147c19fb205ceb8ea) format("woff2"), url(/fonts/karla-bold-webfont.woff?eec198a3f221bc1e8aca0e8823ba7a06) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "karlaregular";
  src: url(/fonts/karla-regular-webfont.woff2?addf1cdfadbf123fc7dd46e4899970c8) format("woff2"), url(/fonts/karla-regular-webfont.woff?de8c3914ee4cc8110cb496ac09a9b024) format("woff");
  font-weight: normal;
  font-style: normal;
}
.tnc-heading {
  cursor: pointer;
  margin-bottom: 0;
  font-family: var(--primary_font_family);
  font-weight: normal;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
}

.purchase-descrip {
  font-size: 1.2rem;
  color: var(--cashconv-medgrey);
}

#accordionExample {
  padding: 10px 20px;
  margin-bottom: 50px;
}

.campain-info {
  padding-top: 30px;
  margin-bottom: 30px;
}
.campain-info::before {
  content: none;
  width: 100%;
  height: 200px;
  background: linear-gradient(#EFEFEF, var(--main_navbar_text_color));
  position: absolute;
}
.campain-info .card-panel {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 6px 12px rgba(var(--cashconv-black), 0.1);
  padding: 20px;
  height: auto;
  border: 1px solid #eee;
}
.campain-info .card-level {
  font-family: var(--secondary_font_family);
  font-size: 1.3rem !important;
  margin: 0 0 10px 0;
  color: var(--cashconv-black);
  display: inline-block;
}
.campain-info .card-tbl {
  margin-bottom: 0;
}
.campain-info .card-tbl thead.gray-head {
  border-top: 1px solid var(--cashconv-greylighter) !important;
}
.campain-info .card-tbl thead.gray-head tr {
  background-color: transparent;
}
.campain-info .card-tbl thead.gray-head tr th {
  color: var(--cashconv-medgrey) !important;
  font-size: 1rem;
  font-weight: normal;
  font-family: var(--primary_font_family);
  padding: 10px 0 0 0;
  border-bottom: 0px;
}
.campain-info .card-tbl td {
  font-family: var(--secondary_font_family);
  font-size: 2rem;
  line-height: 2rem !important;
  padding: 0;
  border-top: 0;
}

.page-heading {
  font-family: var(--tertiary_font_family);
  text-align: left;
  color: var(--cashconv-black);
}

.trans-tbl thead {
  background-color: var(--table_header_bg_color) !important;
  color: white;
}
.trans-tbl thead th {
  font-family: var(--secondary_font_family);
  font-weight: normal;
  padding: 20px !important;
  text-transform: uppercase !important;
  font-size: 0.9rem;
  border-bottom: none;
}
.trans-tbl tbody td {
  padding: 20px !important;
  color: var(--cashconv-darkGrey);
  font-family: var(--primary_font_family);
  font-size: 1.1rem;
  font-weight: normal;
  border-top: none !important;
}
.trans-tbl tbody td:first-child {
  color: var(--cashconv-black);
  text-transform: uppercase !important;
  font-family: var(--secondary_font_family);
}
.trans-tbl tbody tr:nth-child(even) {
  background-color: var(--cashconv-sliverdark);
}
.trans-tbl .red-font {
  color: var(--cashconv-black);
  font-family: var(--secondary_font_family);
}
.trans-tbl .action-sec i {
  margin-right: 15px;
}
.trans-tbl .inside-tbl thead {
  background: var(--cashconv-sliverdark) !important;
}
.trans-tbl .inside-tbl thead th {
  text-align: left;
  border-bottom: 1px solid #877E7E;
}
.trans-tbl .box-arrow {
  position: relative;
  float: right;
}
.trans-tbl .box-arrow i {
  position: absolute;
  top: -53px;
  color: var(--cashconv-sliverdark);
  font-size: 50px;
  right: 140px;
}

.invoice-camp-tab .nav-tabs {
  border-bottom: none;
}
.invoice-camp-tab .tab-challenge {
  border: none;
  font-weight: normal;
}
.invoice-camp-tab .inactive {
  background: transparent;
}
.invoice-camp-tab li {
  color: #999;
  font-size: 1.3rem;
  line-height: 2rem;
  font-family: var(--tertiary_font_family);
  text-transform: uppercase;
  margin-right: 25px;
  cursor: pointer;
}
.invoice-camp-tab li.active {
  color: var(--bg_color_buttons);
  border-bottom: 3px solid var(--bg_color_buttons);
}

.form-control {
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
  border: 1px solid #ccc;
}

.input-sup-caption {
  position: absolute;
  z-index: 10;
  left: 10px;
  top: -7px;
  background: white;
  padding: 0 10px;
  font-size: 0.8rem;
}

.form-control-cust {
  height: 40px;
  padding: 10px 15px;
}

.user-name-sec {
  padding: 25px 0;
}
.user-name-sec .page-heading span {
  font-weight: 100;
  font-family: var(--primary_font_family);
  text-transform: capitalize;
}

.campaign-info-sec {
  background: transparent linear-gradient(180deg, #EFEFEF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  padding: 50px 0;
  margin: 0 -15px;
}
.campaign-info-sec .campaign-name {
  font-family: var(--secondary_font_family);
  font-size: 1.3rem;
  color: var(--cashconv-black);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.campaign-info-sec .campaign-detail {
  border-left: 5px solid var(--primary_color);
  padding: 20px;
  box-shadow: 0px 6px 12px rgba(var(--cashconv-black), 0.1);
  border-radius: 0 8px 8px 0;
}
.campaign-info-sec .campaign-detail .distrib-camp-lbl {
  border-bottom: 1px solid var(--cashconv-greylighter);
  font-family: var(--secondary_font_family);
  font-size: 1.1rem;
  color: var(--cashconv-black);
  text-transform: CAPITALIZE;
  margin-bottom: 10px;
}
.campaign-info-sec .campaign-detail .distrib-camp-lbl .info-tooltip {
  margin-bottom: 5px;
}
.campaign-info-sec .campaign-detail .distrib-camp-tbl {
  color: var(--cashconv-medgrey);
  margin-bottom: 0;
}
.campaign-info-sec .campaign-detail .distrib-camp-tbl th {
  border-bottom: none;
  padding: 0;
  font-size: 0.9rem;
}
.campaign-info-sec .campaign-detail .distrib-camp-tbl td {
  border-top: none;
  padding: 0;
  font-size: 1.5rem;
  font-family: var(--secondary_font_family);
}

.purchase-camp-landing .panel {
  box-shadow: none;
  border-radius: 0px;
}
.purchase-camp-landing .img-panel {
  padding-top: 0;
  height: 300px;
  overflow: hidden;
  background: #f5f5f5;
}
.purchase-camp-landing .img-panel img {
  border-radius: 0;
  max-width: none;
}
.purchase-camp-landing .panel-body {
  padding: 0;
  margin-top: 20px;
}
.purchase-camp-landing .panel-body p {
  padding: 0;
}
.purchase-camp-landing .panel_body_new_component h3 {
  text-align: left;
  color: var(--cashconv-black);
  margin-bottom: 10px;
}
.purchase-camp-landing .panel_body_new_component .enter-btn {
  text-transform: capitalize;
  float: left;
}
.purchase-camp-landing .panel_body_new_component .enter-btn i {
  margin-left: 10px;
}

.distributor-invoice-body .modal-body a {
  display: block;
}
.distributor-invoice-body .modal-body .img-rounded {
  width: 100%;
}

.purchase-camp-pop-form {
  display: block;
  margin-left: 0;
  border-bottom: 1px solid var(--cashconv-greylighter);
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.purchase-camp-pop-form .form-control {
  height: auto;
  padding: 12px 15px;
}
.purchase-camp-pop-form h2.modal-title {
  font-size: 1.2rem;
}

.page-heading.purchase-head {
  text-align: center;
}

.info-tooltip {
  position: relative;
  display: inline-block;
  border: 1px solid #aaa;
  text-align: center;
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 15px;
  color: #aaa;
}

.info-tooltip .tooltiptext {
  visibility: hidden;
  width: var(--campaign-tooltip-text-width);
  background-color: var(--primary_color);
  color: white;
  text-align: center;
  border-radius: 3px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: var(--campaign-tooltip-text-margin-left);
  font-size: var(--tooltip-font-size);
  font-weight: normal;
  font-family: var(--primary_font_family);
}

.info-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--primary_color) transparent transparent transparent;
}

.info-tooltip:hover .tooltiptext {
  visibility: visible;
}

#content_by_name .input-sup-caption,
#content_by_reference .input-sup-caption {
  left: 25px;
}

@media (max-width: 990px) {
  #content_by_name .col-md-6 {
    margin: 2rem 0px;
  }
}

.purchase-camp-radio {
  display: block;
  margin-left: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--cashconv-greylighter);
  padding-bottom: 15px;
}

.distributor-invoice .input-label {
  font-family: var(--secondary_font_family);
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: var(--cashconv-black);
}
.distributor-invoice .form-control {
  border-radius: 3px;
}

.product-camp-entry-unit {
  width: 100% !important;
  padding-left: 10px !important;
}

.code-camp-tbl {
  color: var(--code-campaign-color);
  border-radius: 3px;
  padding: 30px;
  border: 1px solid #eee;
}
.code-camp-tbl th {
  text-align: center;
  width: 50%;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.code-camp-tbl td {
  font-size: 1.5rem;
}
@media (min-width: 767px) {
  .code-camp-tbl td {
    font-size: 3rem;
  }
}

@media (max-width: 991px) {
  .col-centered {
    width: 45% !important;
  }
}
@media (max-width: 768px) {
  .col-centered {
    width: 90% !important;
  }
  .purchase-camp-pop-form .input-sup-caption {
    font-size: 1rem;
  }
  .purchase-camp-pop-form .form-control {
    font-size: 16px;
  }
  .purchase-camp-pop-form label {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  #uploadPurchaseForm .purchase-search,
  #achievementUserTable .purchase-search {
    width: 90%;
  }
  #uploadPurchaseForm .products-div,
  #achievementUserTable .products-div {
    padding: 40px 0;
  }
  #uploadPurchaseForm .productsList thead th,
  #achievementUserTable .productsList thead th {
    padding: 5px;
  }
}
.mandatory {
  color: #BF0A0A;
}

/*@media query start*/
@media (min-width: 1360px) {
  .logo img {
    margin-left: var(--logo-margin-big-screen);
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  .logo img {
    margin-left: var(--logo-margin-regular-screen);
  }
}
@media (min-width: 1270px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: var(--h1_font_size_mobi);
    line-height: 32px;
  }
  h2 {
    font-size: var(--h2_font_size_mobi);
    line-height: 28px;
  }
  /*profile start*/
  .invite-frnds-right img {
    max-width: 100%;
  }
  .profile-header {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .view-profile ul li .value {
    font-size: 18px;
  }
  .more-about-you-area .all-tab-content .btn-primary {
    font-size: 14px;
  }
  .more-about-you-area .all-tab-content .quetion-box {
    margin-bottom: 30px;
  }
  .all-tab li a {
    font-size: 14px;
    padding: 5px 10px;
  }
  .tooltip-box .tooltiptext {
    width: calc(100% + 40px);
  }
  /*profile end*/
  /*menu start*/
  .logo img {
    max-width: 110px;
  }
  #navbar.menu li img {
    max-width: 15px;
  }
  .container.fondo-menu {
    padding-left: 0;
    padding-right: 0;
  }
  .cont-header .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  #navbar.menu li a {
    font-size: var(--header-navbar-menu-li-a-font-size-mobile);
    padding: 7px 4px;
  }
  .header-top ul li {
    padding: 0 10px;
  }
  .header-top ul li:nth-child(1) img {
    max-width: 100%;
  }
  .header-top ul li:nth-child(2) img {
    max-width: 20px;
  }
  .header-top ul li:nth-child(3) img {
    max-width: 18px;
  }
  .membership-details {
    height: 30px;
  }
  .membership-details .member-status {
    height: 30px;
    font-size: 12px;
  }
  .membership-details .member-pic {
    width: 30px;
    height: 30px;
  }
  .membership-details .member-name a {
    font-size: var(--nick_and_lang_font_size_mobi);
  }
  .header-top .puntos-usuario a span:first-child {
    font-size: 18px;
  }
  .navbar-brand {
    padding: 15px 10px;
  }
  .logout {
    width: 35px;
    height: 30px;
    padding: 6px;
  }
  .header-top ul {
    margin-right: 15px;
  }
  .header-top ul li:nth-child(3):after {
    top: -3px;
  }
  .header-top ul li:nth-child(5):after {
    top: 0;
  }
  .custom-dropdown select {
    font-size: var(--nick_and_lang_font_size_mobi);
  }
  .custom-dropdown:after {
    padding: 3px;
    right: 8px;
  }
  .menu .badge_notification {
    top: 24px;
    width: 34px;
    height: 34px;
  }
  .badge_notification:before {
    width: 28px;
    height: 28px;
  }
  .badge_notification:after {
    width: 20px;
    height: 20px;
  }
  .action-box ul li a {
    font-size: 19px;
  }
  .copy-link-area .form-group .form-control[readonly] {
    font-size: 14px;
  }
  /*menu end*/
  /*community start*/
  .community-details-right .btn {
    min-width: 160px;
    max-width: 160px;
  }
  .community-details-right .community-user-name {
    font-size: 25px;
  }
  /*community end*/
  /*community profile start*/
  .community-profile .community-details-left,
  .community-profile .community-details-right {
    width: 50%;
  }
  .single-page-outer:before {
    width: 100%;
    bottom: 250px;
    border-radius: 0px 0px 30px 30px;
  }
  .single-page {
    margin: 0;
    margin-top: 15px;
    padding: 15px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  h1 {
    font-size: var(--h1_font_size_mobi);
    line-height: 24px;
  }
  h2 {
    font-size: var(--h2_font_size_mobi);
    line-height: 30px;
  }
  h4 {
    font-size: 16px;
    line-height: 21px;
  }
  p {
    font-size: var(--p_font_size_mobi);
  }
  /*menu start*/
  .navbar-fixed-top .navbar-collapse {
    width: 100%;
  }
  .menu .navbar-nav,
  .center-menu .col-sm-12 {
    flex-direction: column;
  }
  .header-top ul {
    margin-right: 10px;
  }
  .header-top ul li {
    padding: 0 10px;
  }
  .membership-details {
    height: 30px;
  }
  .membership-details .member-status {
    height: 30px;
    font-size: 9px;
    line-height: 21px;
  }
  .membership-details .member-status img {
    max-height: 35px;
  }
  .membership-details .member-pic {
    width: 30px;
    height: 30px;
  }
  .header-top .puntos-usuario a span:first-child {
    font-size: 17px;
  }
  .membership-details .member-name a {
    font-size: var(--nick_and_lang_font_size_mobi);
  }
  .custom-dropdown select {
    font-size: var(--nick_and_lang_font_size_mobi);
  }
  .custom-dropdown:after {
    padding: 3px;
    right: 8px;
  }
  .logout {
    width: 30px;
    height: 30px;
    padding: 8px 2px 5px 9px;
    top: 60px;
  }
  .navbar-header .header-top {
    padding: 5px 15px;
  }
  .logo img {
    max-width: 150px;
  }
  .cont-header .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  #navbar.menu li.mob-menu-link {
    display: block;
  }
  .navbar-header {
    width: 100%;
  }
  .fondo-menu .col-sm-12 {
    display: block;
    padding: 0;
  }
  .navbar-header .logo {
    display: none;
  }
  .container-fluid.cont-header {
    padding-right: 0px;
    padding-left: 0px;
  }
  .header-top {
    justify-content: space-between;
    margin: 0;
    padding: 15px 10px 10px;
    min-height: 55px;
  }
  .header-top ul li.points-list {
    display: none;
  }
  .header-top ul li:nth-child(5):after {
    top: 1px;
    height: 20px;
  }
  .header-top ul li.non-user {
    margin-left: 0;
  }
  .header-top ul li:nth-child(5) {
    padding-right: 10px;
  }
  .header-top ul li:nth-child(5):after {
    display: none;
  }
  .header-top ul {
    flex-direction: row-reverse;
    margin-left: auto;
  }
  .header-top .membership-details .member-status {
    display: none;
  }
  .mobile-logo.logo {
    display: block;
    padding: 5px;
  }
  .mobile-logo.logo img {
    max-width: 80px;
    max-height: 40px;
  }
  .membership-details {
    background-color: transparent;
  }
  .membership-details .member-name a {
    padding: 5px;
  }
  .navbar-toggle {
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 4px 6px;
    background-color: var(--navbar-toggle);
    margin: 0;
  }
  .navbar-toggle .icon-bar {
    width: 16px;
    height: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
  }
  nav.navbar div#navbar ul.nav li {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  }
  .menu .navbar-nav {
    background-color: var(--mobile_menu_bg_color);
  }
  #navbar.menu li:first-child {
    border-top: solid 1px rgba(255, 255, 255, 0.4);
  }
  #navbar.menu li:first-child a {
    padding: 10px;
    display: block;
    margin-right: 0;
  }
  #navbar.menu li.mobile-membership-area {
    display: flex;
    align-items: center;
    background-color: var(--primary_color);
    padding: 10px;
  }
  #navbar.menu li.mobile-membership-area .puntos-usuario {
    margin-left: 15px;
  }
  #navbar.menu li.mobile-menu-link {
    display: block;
  }
  .mobile-membership-area.mobile-membership-area2 {
    padding: 15px 0 12px;
  }
  .mobile-membership-area.mobile-membership-area2 .membership-details {
    position: relative;
  }
  .mobile-membership-area.mobile-membership-area2 .membership-details:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 35px;
    background-color: var(--main_navbar_text_color);
    top: 5px;
    right: -12px;
  }
  .mobile-membership-area.mobile-membership-area2 .puntos-usuario {
    margin-left: 30px;
  }
  .mobile-membership-area {
    display: none;
    align-items: center;
  }
  .mobile-membership-area .membership-details {
    height: auto;
  }
  .mobile-membership-area .member-status {
    border-radius: 20px;
    border: solid 1px var(--main_navbar_text_color);
    overflow: hidden;
    display: none;
  }
  .mobile-membership-area .member-pic {
    width: 45px;
    height: 45px;
    margin-left: 0;
  }
  .mobile-membership-area .member-name a {
    font-size: 18px;
    margin-left: 8px;
    color: var(--main_navbar_text_color);
  }
  .navbar .mobile-logo.logo {
    display: block;
  }
  .navbar .navbar-toggle .icon-bar:nth-child(3) {
    display: block;
  }
  .navbar .mobile-membership-area .member-status {
    display: none;
  }
  body.home .navbar.show .header-top ul li.non-user, body.home .navbar.show .header-top ul li.user-details-box, body.home .navbar.show .header-top ul li.language-drop {
    display: block;
  }
  body.loggedIn .header-top ul li.non-user, body.loggedIn .header-top ul li.user-details-box, body.loggedIn .header-top ul li.language-drop {
    display: none;
  }
  .navbar.show .mobile-logo.logo {
    display: none;
  }
  .navbar.show .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 0;
  }
  .navbar.show .navbar-toggle .icon-bar:nth-child(3) {
    display: none;
  }
  .navbar.show .navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(45deg);
    position: relative;
    top: 1px;
  }
  .navbar.show .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-45deg);
  }
  .navbar.show .mobile-membership-area {
    display: flex;
  }
  .navbar.show .mobile-membership-area .member-status {
    display: block;
  }
  .navbar.show .logout {
    display: block;
  }
  .logout {
    top: 78px;
    display: none;
  }
  .navbar {
    margin-bottom: 0;
    width: 100%;
    top: 0;
    z-index: 100;
  }
  #navbar.menu li a {
    font-size: var(--main_navbar_font_size_mobi);
    color: var(--mobile_menu_font_color);
    position: relative;
    padding: 12px 15px;
  }
  #navbar.menu li a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 18px;
    border: solid var(--main_navbar_text_color);
    border-width: 0 1px 1px 0;
    padding: 4px;
    transform: rotate(-45deg);
    pointer-events: none;
  }
  #navbar.menu li.open a:after {
    transform: rotate(45deg);
    top: 15px;
  }
  .navbar-nav .open .dropdown-menu {
    padding: 0;
  }
  .nav > li.desk-link {
    display: none;
  }
  .nav > li.mob-link {
    display: block;
  }
  nav.navbar div#navbar ul.nav li ul.mobile-icons {
    display: flex;
  }
  .dropdown-menu-large > li > ul > li {
    margin-bottom: 0;
    border-bottom: none !important;
  }
  .dropdown-menu-large > li > ul > li a:after {
    border: none !important;
  }
  .dropdown-menu-large > li {
    margin-bottom: 0;
  }
  .dropdown-menu-large li.col-sm-2 {
    border-bottom: none !important;
  }
  /*menu end*/
  /*login start*/
  .single-page-outer .right-area h1 {
    margin-bottom: 5px;
  }
  .single-page-outer .right-area small {
    font-size: 15px;
    line-height: 15px;
  }
  .single-page-outer .right-area {
    height: auto;
    margin-top: 40px;
  }
  .single-page-outer .right-area .checkbox {
    font-size: 14px;
    line-height: 16px;
  }
  .single-page-outer .container {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
  }
  .single-page-outer .left-area .left-logo-area img,
  .single-page-outer .left-area .left-img-area img {
    width: 100%;
  }
  .single-page-outer .left-area .left-img-area {
    padding: 30px 0;
  }
  .single-page-outer .login .right-area .login-form {
    top: auto;
    transform: none;
  }
  .single-page-outer .single-page {
    margin: 0;
    margin-top: 15px;
    padding: 15px;
  }
  .single-page-outer:before {
    width: 100%;
    bottom: 250px;
    border-radius: 0px 0px 30px 30px;
  }
  .single-page-outer .left-area .left-logo-area {
    padding: 0 30px;
  }
  .cerrar-pantalla-mobile {
    display: none !important;
  }
  .single-page-outer .right-area .form-area {
    margin-top: 30px;
  }
  .form-fields .form-box {
    width: 100%;
    margin-top: 30px;
  }
  .form-fields .form-box:nth-of-type(1) {
    margin-top: 0;
  }
  .right-area .col-sm-6.text-right {
    text-align: left;
  }
  .right-area .col-sm-6.text-right a {
    font-size: 12px;
  }
  .form-area .btn {
    width: 100%;
  }
  .form-area .form-box {
    margin-bottom: 10px;
  }
  .single-page-outer .single-page {
    flex-direction: column;
  }
  /*login end*/
  /*profile start*/
  .invite-frnds-left p {
    font-size: 16px;
  }
  .invite-frnds-right {
    margin-top: 20px;
  }
  .invite-frnds-right img {
    max-width: 100%;
  }
  .profile .profile-image-box .profile-caption {
    font-size: 24px;
    padding: 10px 20px;
  }
  .profile .profile-image-box .profile-caption img {
    max-width: 35px;
  }
  .view-profile ul li label {
    font-size: 14px;
  }
  .view-profile ul li .value {
    font-size: 18px;
  }
  .view-profile ul li {
    margin-bottom: 20px;
  }
  .invite-frnds-area,
  .more-about-you-area {
    padding: 30px 0 0;
  }
  .view-profile ul li:last-child {
    margin-bottom: 0;
  }
  .invite-frnds-right {
    margin-top: 50px;
  }
  .badge_notification {
    width: 30px;
    height: 30px;
    right: -32px;
  }
  .badge_notification:before {
    width: 30px;
    height: 30px;
  }
  .badge_notification:after {
    width: 22px;
    height: 22px;
  }
  .donation-tab .col-sm-6 {
    margin-top: 30px;
    padding-top: 20px;
  }
  .donation-tab .col-sm-6 .all-tab {
    width: 100%;
  }
  .donation-tab .col-sm-6 .all-tab li:after {
    right: -10px;
  }
  .all-tab li a:hover:after,
  .all-tab li a.active:after {
    right: 10px;
    left: 10px;
  }
  .tooltip-box .tooltiptext {
    width: 100%;
  }
  .donation-tab-content li {
    width: 100%;
    margin-bottom: 30px;
  }
  .donation-popup-content > .row {
    flex-direction: column;
  }
  .more-about-you-area .all-tab-content .rating-stars {
    margin-bottom: 30px;
  }
  .my-donations-area {
    padding: 0 0 30px 0;
  }
  .my-donation-right {
    margin-top: 30px;
  }
  .navbar-collapse.tab-links {
    margin-right: 0;
  }
  .all-tab li a {
    font-size: var(--tab_font_size_mob);
    padding: 5px 8px;
  }
  .all-tab li a span img {
    max-width: 20px;
  }
  .my-donations-area .my-donation-right .all-tab {
    padding-top: 25px;
    margin-top: 25px;
    width: 100%;
  }
  .donation-tab-content li .donation-inner-details .donation-user {
    height: auto;
    min-height: auto;
  }
  .tab-links {
    margin-bottom: 30px;
  }
  .donation-tab-content li .donation-inner-details .donation-user-details .doonation-name {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .donation-tab-content li .donation-inner-details .donation-user-details .donation-points {
    width: 60px;
    height: 50px;
    padding: 6px;
  }
  .donation-tab-content li .donation-inner-details .donation-user-details .donation-points .points-number {
    font-size: 25px;
  }
  .action-box ul li a {
    font-size: 16px !important;
  }
  .profile-header {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .edit-profile-area .form-box {
    width: 100%;
    margin-bottom: 30px;
  }
  .profile .profile-image-box {
    min-height: 290px;
  }
  .img-box-control .btn-rotate {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 50%;
    z-index: 1;
    margin-bottom: 20px;
  }
  .img-box-control .btn-rotate:last-child {
    right: 0;
    left: auto;
  }
  .img-box-control .btn-rotate span {
    font-size: 14px;
  }
  .img-box-control .btn-rotate img {
    margin-bottom: 0;
  }
  .crop-body {
    padding: 20px;
  }
  .img-box-control {
    flex-direction: column;
    position: relative;
  }
  .crop-box {
    width: 100%;
  }
  .copy-link-area .form-group .form-control[readonly] {
    font-size: 12px;
    padding: 10px;
  }
  .crop-body .buttons {
    width: 100%;
  }
  .crop-body p {
    font-size: 17px;
  }
  .more-about-you-area .all-tab-content .mul-que-area {
    margin-top: 20px;
  }
  /*profile end*/
  /*challenge start*/
  .tab-area .right-top-corner {
    position: absolute;
    top: -70px;
    right: 15px;
  }
  .challenge-inner-list li:first-child {
    width: 35%;
  }
  .challenge-inner-list li:nth-child(3),
  .challenge-inner-list li:nth-child(4),
  .challenge-inner-list li:nth-child(5) {
    display: none;
  }
  .challenge-details.text-center .status img {
    max-width: 22px;
  }
  .challenge-thumb-outer {
    min-height: auto;
    padding: 15px 15px 40px;
  }
  .challenge-details p {
    font-size: 14px;
  }
  .challenge-detail-content.status {
    flex-direction: column !important;
  }
  .challenge-details.text-center .status span {
    font-size: 10px;
  }
  .challenge-inner-list li:nth-child(2) {
    width: 65%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .challenge-inner-list li:nth-child(2) .challenge-details:first-child {
    width: 100%;
  }
  .challenge-inner-list li:nth-child(2) .challenge-detail-title {
    text-align: left;
    margin-top: 0;
  }
  .challenge-inner-list li:nth-child(2) .challenge-detail-content {
    justify-content: flex-start;
    flex-direction: row;
    min-height: auto;
  }
  .challenge-inner-list li:nth-child(2) .challenge-detail-content .challenge-user-profile {
    margin: 0 8px 0 0;
  }
  .challenge-inner-list li:nth-child(2) .donation-points {
    min-width: auto;
    min-height: auto;
  }
  .donation-points .points-number {
    font-size: 22px;
  }
  .challenge-detail-content .date-time p {
    font-size: 12px;
  }
  .tab-area .all-tab {
    margin-left: 0;
  }
  .challenge-mobile-details {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }
  .challenge-mobile-details .challenge-details {
    width: auto !important;
  }
  .challenge-detail-content .donation-points {
    padding: 0;
    text-align: left;
  }
  .challenge-detail-content {
    min-height: auto;
  }
  .challenge-details.text-center {
    padding: 0 10px;
  }
  .challenge-user-profile {
    width: 28px;
    height: 28px;
  }
  .challenge-name {
    font-size: 12px;
  }
  .challenge-caption {
    font-size: 10px;
  }
  .challenge-detail-title {
    font-size: var(--table_title_font_siz_mob);
  }
  .challenge-mob-btns {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
  }
  .challenge-mob-btns button:last-of-type {
    margin-left: 10px;
  }
  .challenge-popup .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .challenge-popup .modal-dialog .challenge-popup-list ul li .challenge-name {
    font-size: 10px;
  }
  .challenge-popup .modal-dialog .choose-player-header h2 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .challenge-popup .modal-dialog .choose-player-header .search-box {
    margin: 0 auto;
  }
  .challenge-popup .modal-dialog .choose-player-list ul li {
    width: 49%;
    margin-right: 2%;
  }
  .challenge-popup .modal-dialog .choose-player-list ul li:nth-child(2n+2) {
    margin-right: 0;
  }
  /*challenge end*/
  /*community start*/
  .community-inner-area li {
    width: 100%;
    margin-right: 0;
  }
  .community-details-right .btn {
    min-width: 160px;
    max-width: 160px;
  }
  .community-details-right .community-user-name {
    font-size: 22px;
  }
  .community-search .d-flex.align-items-center {
    justify-content: space-between;
  }
  .community-header {
    padding: 40px 0 0;
  }
  /*community end*/
  /*community profile start*/
  .community-profile {
    padding: 40px 0 20px;
  }
  .community-profile .community-details-left,
  .community-profile .community-details-right {
    width: 100%;
  }
  .community-profile .community-details-right {
    display: flex;
    justify-content: space-between;
    margin-left: 0;
  }
  .community-profile .community-points {
    position: relative;
  }
  .community-profile .community-points .donation-points {
    min-width: 60px;
    min-height: 50px;
    line-height: 20px;
    margin-right: 5px;
  }
  .community-profile .community-points .donation-points .points-text {
    font-size: 15px;
  }
  .community-profile .community-points .donation-points .points-number {
    font-size: 22px;
  }
  .community-medals.my-medals-area {
    padding: 0 0 40px 0;
  }
  .community-medals.my-medals-area li {
    width: 49%;
    margin-right: 2%;
  }
  .community-medals.my-medals-area li:nth-child(2n+2) {
    margin-right: 0;
  }
  .community-medals.my-medals-area li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .community-profile-btns {
    flex-direction: column;
  }
  .community-profile-btns li {
    text-align: center;
  }
  .community-profile-btns li .btn {
    min-width: 200px;
    margin-bottom: 10px;
  }
  .community-profile-btns li:after {
    display: none;
  }
  /*community profile end*/
  /*message start*/
  .messanger-list .messanger-list-right .h5 {
    font-size: 14px;
  }
  .messanger-list .messanger-list-right p {
    font-size: 15px;
  }
  .messanger-status:before {
    width: 15px;
    height: 15px;
  }
  .view-more-mob-btn {
    display: block;
    margin: 30px 0;
  }
  .messanger-footer {
    height: 60px;
  }
  .messanger-footer .input-area .add-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  /*message end*/
  /*my coupon start*/
  .my-coupon-details p {
    text-align: left;
  }
  .challenges-list.mycoupons-list .challenge-inner-list:after,
  .challenges-list.mycoupons-list .challenge-inner-list:before {
    width: 30px;
    height: 30px;
    top: -15px;
    right: 40px;
  }
  .challenges-list.mycoupons-list .challenge-inner-list:before {
    bottom: -15px;
    top: auto;
  }
  .challenges-list.mycoupons-list .challenge-inner-list li:nth-child(2) {
    padding: 15px 10px;
  }
  .challenges-list.mycoupons-list .challenge-inner-list {
    align-items: unset;
  }
  .challenges-list.mycoupons-list .challenge-thumb-outer {
    height: 100%;
  }
  .challenges-list.mycoupons-list .challenge-thumb-outer .challenge-thumb {
    height: 100%;
  }
  .my-coupons-top .col-sm-6 {
    flex-wrap: wrap;
  }
  .my-coupons-top .col-sm-6 .form-group {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .my-coupons-top .col-sm-6 .form-group label {
    width: 20%;
    margin-bottom: 0;
  }
  .my-coupons-top .col-sm-6 .form-group .custom-dropdown.inner-custom-dropdown {
    width: 80%;
  }
  /*my coupon end*/
  /*footer start*/
  footer {
    padding-top: 30px;
  }
  footer .footer:before {
    top: -15px;
  }
  footer .footer:after {
    top: -10px;
  }
  /*footer end*/
  .single-page-outer .right-area {
    height: auto;
    margin-top: 40px;
  }
  .single-page-outer .right-area .checkbox {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  h1 {
    font-size: var(--h1_font_size_mobi);
    line-height: 24px;
  }
  h2 {
    font-size: var(--h2_font_size_mobi);
    line-height: 30px;
  }
  h4 {
    font-size: 16px;
    line-height: 21px;
  }
  p {
    font-size: var(--p_font_size_mobi);
  }
  /*menu start*/
  /*.navbar {
  	min-height: 160px;
  }*/
  .navbar-fixed-top .navbar-collapse {
    width: 100%;
  }
  .menu .navbar-nav,
  .center-menu .col-sm-12 {
    flex-direction: column;
  }
  .header-top ul {
    margin-right: 10px;
  }
  .header-top ul li {
    padding: 0 10px;
  }
  .membership-details {
    height: 30px;
  }
  .membership-details .member-status {
    padding: var(--mobile_status_padding_right);
    height: 37px;
    font-size: 15px;
    line-height: 21px;
  }
  .membership-details .member-status img {
    padding: 0px !important;
    height: 35px;
    position: relative;
    left: 0px;
  }
  .membership-details .member-pic {
    width: 30px;
    height: 30px;
  }
  .header-top .puntos-usuario a span:first-child {
    font-size: 17px;
  }
  .membership-details .member-name a {
    font-size: var(--nick_and_lang_font_size_mobi);
  }
  .custom-dropdown select {
    font-size: var(--nick_and_lang_font_size_mobi);
  }
  .custom-dropdown:after {
    padding: 3px;
    right: 8px;
  }
  .logout {
    width: 30px;
    height: 30px;
    padding: 8px 2px 5px 9px;
    top: 60px;
  }
  .navbar-header .header-top {
    padding: 5px 15px;
  }
  .logo img {
    max-width: 150px;
  }
  .cont-header .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  #navbar.menu li.mob-menu-link {
    display: block;
  }
  .navbar-header {
    width: 100%;
  }
  .fondo-menu .col-sm-12 {
    display: block;
    padding: 0;
  }
  .navbar-header .logo {
    display: none;
  }
  .container-fluid.cont-header {
    padding-right: 0px;
    padding-left: 0px;
  }
  .header-top {
    justify-content: space-between;
    margin: 0;
    padding: 15px 10px 10px;
    min-height: 55px;
  }
  .header-top ul li.points-list {
    display: none;
  }
  .header-top ul li:nth-child(5):after {
    top: 1px;
    height: 20px;
  }
  .header-top ul li.non-user {
    margin-left: 0;
  }
  .header-top ul li:nth-child(5) {
    padding-right: 10px;
  }
  .header-top ul li:nth-child(5):after {
    display: none;
  }
  .header-top ul {
    flex-direction: row-reverse;
    margin-left: auto;
  }
  .header-top .membership-details .member-status {
    display: none;
  }
  .mobile-logo.logo {
    display: block;
    padding: 5px;
  }
  .mobile-logo.logo img {
    max-width: 80px;
    max-height: 40px;
  }
  .membership-details {
    background-color: transparent;
  }
  .membership-details .member-name a {
    padding: 5px;
  }
  .navbar-toggle {
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 4px 6px;
    background-color: var(--navbar-toggle);
    margin: 0;
  }
  .navbar-toggle .icon-bar {
    width: 16px;
    height: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
  }
  nav.navbar div#navbar ul.nav li {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  }
  .menu .navbar-nav {
    background-color: var(--mobile_menu_bg_color);
  }
  #navbar.menu li:first-child {
    border-top: solid 1px rgba(255, 255, 255, 0.4);
  }
  #navbar.menu li:first-child a {
    padding: 10px;
    display: block;
    margin-right: 0;
  }
  #navbar.menu li.mobile-membership-area {
    display: flex;
    align-items: center;
    background-color: var(--primary_color);
    padding: 10px;
  }
  #navbar.menu li.mobile-membership-area .puntos-usuario {
    margin-left: 15px;
  }
  #navbar.menu li.mobile-menu-link {
    display: block;
  }
  .mobile-membership-area.mobile-membership-area2 {
    padding: 15px 0 12px;
  }
  .mobile-membership-area.mobile-membership-area2 .membership-details {
    position: relative;
  }
  .mobile-membership-area.mobile-membership-area2 .membership-details:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 35px;
    background-color: var(--main_navbar_text_color);
    top: 5px;
    right: -12px;
  }
  .mobile-membership-area.mobile-membership-area2 .puntos-usuario {
    margin-left: 30px;
  }
  .mobile-membership-area {
    display: none;
    align-items: center;
  }
  .mobile-membership-area .membership-details {
    height: auto;
  }
  .mobile-membership-area .member-status {
    border-radius: 20px;
    overflow: hidden;
    border: solid 1px var(--main_navbar_text_color);
    display: none;
  }
  .mobile-membership-area .member-pic {
    width: 45px;
    height: 45px;
    margin-left: 0;
  }
  .mobile-membership-area .member-name a {
    font-size: 18px;
    margin-left: 8px;
    color: var(--main_navbar_text_color);
  }
  .navbar .mobile-logo.logo {
    display: block;
  }
  .navbar .navbar-toggle .icon-bar:nth-child(3) {
    display: block;
  }
  .navbar .mobile-membership-area .member-status {
    display: none;
  }
  .header-top ul li:nth-child(3),
  .header-top ul li.non-user,
  .header-top ul li.language-drop {
    padding-right: 10px;
  }
  .navbar.show .mobile-logo.logo {
    display: none;
  }
  .navbar.show .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 0;
  }
  .navbar.show .navbar-toggle .icon-bar:nth-child(3) {
    display: none;
  }
  .navbar.show .navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(45deg);
    position: relative;
    top: 1px;
  }
  .navbar.show .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-45deg);
  }
  .navbar.show .mobile-membership-area {
    display: flex;
  }
  .navbar.show .mobile-membership-area .member-status {
    display: none;
  }
  .navbar.show .logout {
    display: block;
  }
  .logout {
    top: 78px;
    display: none;
  }
  .navbar,
  body.home .navbar {
    margin-bottom: 0;
    width: 100%;
    top: 0;
    z-index: 100;
  }
  #navbar.menu li a {
    font-size: var(--main_navbar_font_size_mobi);
    color: var(--mobile_menu_font_color);
    position: relative;
    padding: 12px 15px;
  }
  #navbar.menu li a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 18px;
    border: solid var(--main_navbar_text_color);
    border-width: 0 1px 1px 0;
    padding: 4px;
    transform: rotate(-45deg);
    pointer-events: none;
  }
  #navbar.menu li.open a:after {
    transform: rotate(45deg);
    top: 15px;
  }
  .navbar-nav .open .dropdown-menu {
    padding: 0;
  }
  .dropdown-menu-large > li > ul > li {
    margin-bottom: 0;
    border-bottom: none !important;
  }
  .dropdown-menu-large > li > ul > li a:after {
    border: none !important;
  }
  .dropdown-menu-large > li {
    margin-bottom: 0;
  }
  .dropdown-menu-large li.col-sm-2 {
    border-bottom: none !important;
  }
  nav.navbar div#navbar ul.nav li ul.mobile-icons {
    display: flex;
  }
  /*menu end*/
  /*login start*/
  .single-page-outer .right-area h1 {
    margin-bottom: 5px;
  }
  .single-page-outer .right-area small {
    font-size: 15px;
    line-height: 15px;
  }
  .single-page-outer .right-area {
    height: auto;
    margin-top: 40px;
  }
  .single-page-outer .right-area .checkbox {
    font-size: 14px;
    line-height: 16px;
  }
  .single-page-outer .container {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
  }
  .single-page-outer .left-area .left-logo-area img,
  .single-page-outer .left-area .left-img-area img {
    width: 100%;
  }
  .single-page-outer .left-area .left-img-area {
    padding: 30px 0;
  }
  .single-page-outer .login .right-area .login-form {
    top: auto;
    transform: none;
  }
  .single-page-outer .single-page {
    margin: 0;
    margin-top: 15px;
    padding: 15px;
  }
  .single-page-outer:before {
    width: 100%;
    bottom: 250px;
    border-radius: 0px 0px 30px 30px;
  }
  .single-page-outer .left-area .left-logo-area {
    padding: 0 30px;
  }
  .cerrar-pantalla-mobile {
    display: none !important;
  }
  .single-page-outer .right-area .form-area {
    margin-top: 30px;
  }
  .form-fields .form-box {
    width: 100%;
    margin-top: 30px;
  }
  .form-fields .form-box:nth-of-type(1) {
    margin-top: 0;
  }
  .right-area .col-sm-6.text-right {
    text-align: left;
  }
  .right-area .col-sm-6.text-right a {
    font-size: 12px;
  }
  .form-area .btn {
    width: 100%;
  }
  .form-area .form-box {
    margin-bottom: 10px;
  }
  .single-page-outer .single-page {
    flex-direction: column;
  }
  /*login end*/
  /*profile start*/
  .invite-frnds-left p {
    font-size: 16px;
  }
  .invite-frnds-right {
    margin-top: 20px;
  }
  .invite-frnds-right img {
    max-width: 100%;
  }
  .profile .profile-image-box .profile-caption {
    font-size: 24px;
    padding: 10px 20px;
  }
  .profile .profile-image-box .profile-caption img {
    max-width: 35px;
  }
  .view-profile ul li label {
    font-size: 14px;
  }
  .view-profile ul li .value {
    font-size: 18px;
  }
  .view-profile ul li {
    margin-bottom: 20px;
  }
  .invite-frnds-area,
  .more-about-you-area {
    padding: 30px 0 0;
  }
  .view-profile ul li:last-child {
    margin-bottom: 0;
  }
  .invite-frnds-right {
    margin-top: 50px;
  }
  .badge_notification {
    width: 30px;
    height: 30px;
    right: -32px;
  }
  .badge_notification:before {
    width: 30px;
    height: 30px;
  }
  .badge_notification:after {
    width: 22px;
    height: 22px;
  }
  .donation-tab .col-sm-6 {
    margin-top: 30px;
    padding-top: 20px;
  }
  .donation-tab .col-sm-6 .all-tab {
    width: 100%;
  }
  .donation-tab .col-sm-6 .all-tab li:after {
    right: -10px;
  }
  .all-tab li a:hover:after,
  .all-tab li a.active:after {
    right: 10px;
    left: 10px;
  }
  .tooltip-box .tooltiptext {
    width: 100%;
  }
  .donation-tab-content li {
    width: 100%;
    margin-bottom: 30px;
  }
  .donation-popup-content > .row {
    flex-direction: column;
  }
  .more-about-you-area .all-tab-content .rating-stars {
    margin-bottom: 30px;
  }
  .my-donations-area {
    padding: 0 0 30px 0;
  }
  .my-donation-right {
    margin-top: 30px;
  }
  .my-donations-area .my-donation-right .btn {
    margin: 0 auto;
  }
  .navbar-collapse.tab-links {
    margin-right: 0;
  }
  .all-tab li a {
    font-size: var(--tab_font_size_mob);
    padding: 5px 8px;
  }
  .all-tab li a span img {
    max-width: 20px;
  }
  .my-donations-area .my-donation-right .all-tab {
    padding-top: 25px;
    margin-top: 25px;
    width: 100%;
  }
  .donation-tab-content li .donation-inner-details .donation-user {
    height: auto;
    min-height: auto;
  }
  .tab-links {
    margin-bottom: 30px;
  }
  .donation-tab-content li .donation-inner-details .donation-user-details .doonation-name {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .donation-tab-content li .donation-inner-details .donation-user-details .donation-points {
    width: 60px;
    height: 50px;
    padding: 6px;
  }
  .donation-tab-content li .donation-inner-details .donation-user-details .donation-points .points-number {
    font-size: 25px;
  }
  .action-box ul li a {
    font-size: 16px !important;
  }
  .profile-header {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .edit-profile-area .form-box {
    width: 100%;
    margin-bottom: 30px;
  }
  .profile .profile-image-box {
    min-height: 290px;
  }
  .img-box-control .btn-rotate {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 50%;
    z-index: 1;
    margin-bottom: 20px;
  }
  .img-box-control .btn-rotate:last-child {
    right: 0;
    left: auto;
  }
  .img-box-control .btn-rotate span {
    font-size: 14px;
  }
  .img-box-control .btn-rotate img {
    margin-bottom: 0;
  }
  .crop-body {
    padding: 20px;
  }
  .img-box-control {
    flex-direction: column;
    position: relative;
  }
  .crop-box {
    width: 100%;
  }
  .copy-link-area .form-group .form-control[readonly] {
    font-size: 12px;
    padding: 10px;
  }
  .crop-body .buttons {
    width: 100%;
  }
  .btn-close {
    font-size: 20px;
    line-height: 22px;
  }
  .crop-body p {
    font-size: 17px;
  }
  .more-about-you-area .all-tab-content .mul-que-area {
    margin-top: 20px;
  }
  /*profile end*/
  /*challenge start*/
  .tab-area .right-top-corner {
    position: absolute;
    top: -70px;
    right: 15px;
  }
  .challenge-inner-list li:first-child {
    width: 35%;
  }
  .challenge-inner-list li:nth-child(3),
  .challenge-inner-list li:nth-child(4),
  .challenge-inner-list li:nth-child(5) {
    display: none;
  }
  .challenge-details.text-center .status img {
    max-width: 22px;
  }
  .challenge-thumb-outer {
    padding: 15px 15px 40px;
    min-height: auto;
  }
  .challenge-details p {
    font-size: 14px;
  }
  .challenge-detail-content.status {
    flex-direction: column !important;
  }
  .challenge-details.text-center .status span {
    font-size: 10px;
  }
  .challenge-inner-list li:nth-child(2) {
    width: 65%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .challenge-inner-list li:nth-child(2) .challenge-details:first-child {
    width: 100%;
  }
  .challenge-inner-list li:nth-child(2) .challenge-detail-title {
    text-align: left;
    margin-top: 0;
  }
  .challenge-inner-list li:nth-child(2) .challenge-detail-content {
    justify-content: flex-start;
    flex-direction: row;
    min-height: auto;
  }
  .challenge-inner-list li:nth-child(2) .challenge-detail-content .challenge-user-profile {
    margin: 0 8px 0 0;
  }
  .challenge-inner-list li:nth-child(2) .donation-points {
    min-width: auto;
    min-height: auto;
  }
  .donation-points .points-number {
    font-size: 22px;
  }
  .challenge-detail-content .date-time p {
    font-size: 12px;
  }
  .tab-area .all-tab {
    margin-left: 0;
  }
  .challenge-mobile-details {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }
  .challenge-mobile-details .challenge-details {
    width: auto !important;
  }
  .challenge-detail-content .donation-points {
    padding: 0;
    text-align: left;
  }
  .challenge-detail-content {
    min-height: auto;
  }
  .challenge-details.text-center {
    padding: 0 10px;
  }
  .challenge-user-profile {
    width: 28px;
    height: 28px;
  }
  .challenge-name {
    font-size: 12px;
  }
  .challenge-caption {
    font-size: 10px;
  }
  .challenge-detail-title {
    font-size: var(--table_title_font_siz_mob);
  }
  .challenge-mob-btns {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
  }
  .challenge-mob-btns button:last-of-type {
    margin-left: 10px;
  }
  .challenge-popup .modal-dialog {
    width: 90%;
    margin: 0;
  }
  .challenge-popup .modal-dialog .challenge-popup-list ul li .challenge-name {
    font-size: 10px;
  }
  .challenge-popup .modal-dialog .choose-player-header h2 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .challenge-popup .modal-dialog .choose-player-header .search-box {
    margin: 0 auto;
  }
  .challenge-popup .modal-dialog .choose-player-list ul li {
    width: 49%;
    margin-right: 2%;
  }
  .challenge-popup .modal-dialog .choose-player-list ul li:nth-child(2n+2) {
    margin-right: 0;
  }
  /*challenge end*/
  /*community start*/
  .community-inner-area li {
    width: 100%;
    margin-right: 0;
  }
  .community-details-right .btn {
    min-width: 160px;
    max-width: 160px;
  }
  .community-details-right {
    margin: 0px 0 0 15px;
  }
  .community-details-right .community-user-name {
    font-size: var(--community_user_font_size_mob);
    margin-bottom: 10px;
  }
  .community-details-right p {
    margin-bottom: 10px;
    line-height: 15px;
  }
  .community-search .d-flex.align-items-center {
    justify-content: space-between;
  }
  .community-header {
    padding: 40px 0 0;
  }
  /*community end*/
  /*community profile start*/
  .community-profile {
    padding: 40px 0 20px;
  }
  .community-profile .community-details-left,
  .community-profile .community-details-right {
    width: 100%;
  }
  .community-profile .community-details-right {
    display: flex;
    justify-content: space-between;
    margin-left: 0;
  }
  .community-profile .community-points {
    position: relative;
  }
  .community-profile .community-points .donation-points {
    min-width: 60px;
    min-height: 50px;
    line-height: 20px;
    margin-right: 5px;
  }
  .community-profile .community-points .donation-points .points-text {
    font-size: 15px;
  }
  .community-profile .community-points .donation-points .points-number {
    font-size: 22px;
  }
  .community-medals.my-medals-area {
    padding: 0 0 40px 0;
  }
  .community-medals.my-medals-area li {
    width: 49%;
    margin-right: 2%;
  }
  .community-medals.my-medals-area li:nth-child(2n+2) {
    margin-right: 0;
  }
  .community-medals.my-medals-area li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .community-profile-btns {
    flex-direction: column;
  }
  .community-profile-btns li {
    text-align: center;
  }
  .community-profile-btns li .btn {
    min-width: 200px;
    margin-bottom: 10px;
  }
  .community-profile-btns li:after {
    display: none;
  }
  /*community profile end*/
  /*message start*/
  .messanger-list .messanger-list-right .h5 {
    font-size: 14px;
  }
  .messanger-list .messanger-list-right p {
    font-size: 15px;
  }
  .messanger-status:before {
    width: 15px;
    height: 15px;
  }
  .view-more-mob-btn {
    display: block;
    margin: 30px 0;
  }
  .messanger-footer {
    height: 60px;
  }
  .messanger-footer .input-area .add-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  /*message end*/
  /*my coupon start*/
  .my-coupon-details p {
    text-align: left;
  }
  .challenges-list.mycoupons-list .challenge-inner-list:after,
  .challenges-list.mycoupons-list .challenge-inner-list:before {
    width: 30px;
    height: 30px;
    top: -15px;
    right: 40px;
  }
  .challenges-list.mycoupons-list .challenge-inner-list:before {
    bottom: -15px;
    top: auto;
  }
  .challenges-list.mycoupons-list .challenge-inner-list li:nth-child(2) {
    padding: 15px 10px;
  }
  .challenges-list.mycoupons-list .challenge-inner-list {
    align-items: unset;
  }
  .challenges-list.mycoupons-list .challenge-thumb-outer {
    height: 100%;
  }
  .challenges-list.mycoupons-list .challenge-thumb-outer .challenge-thumb {
    height: 100%;
  }
  .my-coupons-top .col-sm-6 {
    flex-wrap: wrap;
  }
  .my-coupons-top .col-sm-6 .form-group {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .my-coupons-top .col-sm-6 .form-group label {
    width: 20%;
    margin-bottom: 0;
  }
  .my-coupons-top .col-sm-6 .form-group .custom-dropdown.inner-custom-dropdown {
    width: 80%;
  }
  /*my coupon end*/
  nav.navbar div#navbar ul.nav li.mobile-menu-link-text {
    display: block;
  }
  .navbar {
    z-index: 200;
  }
  .nav > li.mob-link {
    display: block;
  }
  .nav > li.desk-link {
    display: none;
  }
  .challenge-popup-list ul li {
    width: 32%;
  }
  .challenge-popup-list ul li .points {
    margin-top: 5px;
  }
  .challenge-popup-list ul li:nth-child(3n+3) {
    margin-right: 0;
  }
  /*footer start*/
  footer {
    padding-top: 30px;
  }
  footer .footer:before {
    top: -15px;
  }
  footer .footer:after {
    top: -10px;
  }
  /*footer end*/
}
/*@media query start*/
#styleVarsModal .style-vars-container {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 40vh;
}
#styleVarsModal .style-vars-container .style-var-field {
  margin-bottom: 10px;
}
#styleVarsModal .modal-footer {
  padding: 10px 0;
}