@font-face { font-family: Raleway; font-style: normal; font-weight: 100; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 100; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 100; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 100; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 100; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 200; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 200; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 200; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 200; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 200; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: url("/assets/css/googlefonts.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}
html{font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%;}
body{margin: 0px;}
article, aside, footer, header, nav, section{display: block;}
h1{font-size: 2em; margin: 0.67em 0px;}
a{background-color: transparent;}
a:active, a:hover{outline-width: 0px;}
b, strong{font-weight: inherit;}
b, strong{font-weight: bolder;}
small{font-size: 80%;}
img{border-style: none;}
button, input, optgroup, select, textarea{font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px;}
button, input{overflow: visible;}
button, select{text-transform: none;}
[type="reset"], [type="submit"], button, html [type="button"]{appearance: button;}
textarea{overflow: auto;}
::-webkit-file-upload-button{appearance: button; font: inherit;}
@media print{
  *, ::after, ::before, blockquote::first-letter, blockquote::first-line, div::first-letter, div::first-line, li::first-letter, li::first-line, p::first-letter, p::first-line{text-shadow: none !important; box-shadow: none !important;}
  a, a:visited{text-decoration: underline;}
  img, tr{break-inside: avoid;}
  h2, h3, p{orphans: 3; widows: 3;}
  h2, h3{break-after: avoid;}
  .navbar{display: none;}
  .table{border-collapse: collapse !important;}
  .table td, .table th{background-color: rgb(255, 255, 255) !important;}
}
html{box-sizing: border-box;}
*, ::after, ::before{box-sizing: inherit;}
html{-webkit-tap-highlight-color: transparent;}
body{font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(41, 43, 44); background-color: rgb(255, 255, 255);}
[tabindex="-1"]:focus{outline: 0px !important;}
h1, h2, h3, h4, h5, h6{margin-top: 0px; margin-bottom: 0.5rem;}
p{margin-top: 0px; margin-bottom: 1rem;}
dl, ol, ul{margin-top: 0px; margin-bottom: 1rem;}
a{color: rgb(2, 117, 216); text-decoration: none;}
a:focus, a:hover{color: rgb(1, 76, 140); text-decoration: underline;}
a:not([href]):not([tabindex]){color: inherit; text-decoration: none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color: inherit; text-decoration: none;}
a:not([href]):not([tabindex]):focus{outline: 0px;}
img{vertical-align: middle;}
[role="button"], a, area, button, input, label, select, summary, textarea{touch-action: manipulation;}
table{border-collapse: collapse; background-color: transparent;}
th{text-align: left;}
label{display: inline-block; margin-bottom: 0.5rem;}
button, input, select, textarea{line-height: inherit;}
textarea{resize: vertical;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
.h1, h1{font-size: 2.5rem;}
.h3, h3{font-size: 1.75rem;}
.h5, h5{font-size: 1.25rem;}
.small, small{font-size: 80%; font-weight: 400;}
.img-fluid{max-width: 100%; height: auto;}
.container{position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px;}
@media (min-width: 576px){
  .container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 768px){
  .container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 992px){
  .container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 1200px){
  .container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 576px){
  .container{width: 540px; max-width: 100%;}
}
@media (min-width: 768px){
  .container{width: 720px; max-width: 100%;}
}
@media (min-width: 992px){
  .container{width: 960px; max-width: 100%;}
}
@media (min-width: 1200px){
  .container{width: 1140px; max-width: 100%;}
}
.row{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
@media (min-width: 576px){
  .row{margin-right: -15px; margin-left: -15px;}
}
@media (min-width: 768px){
  .row{margin-right: -15px; margin-left: -15px;}
}
@media (min-width: 992px){
  .row{margin-right: -15px; margin-left: -15px;}
}
@media (min-width: 1200px){
  .row{margin-right: -15px; margin-left: -15px;}
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
@media (min-width: 576px){
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 768px){
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 992px){
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 1200px){
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 576px){
  .col-sm-12{-webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
}
@media (min-width: 768px){
  .col-md-4{-webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%;}
  .col-md-8{-webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%;}
  .col-md-12{-webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
}
@media (min-width: 992px){
  .col-lg-2{-webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%;}
  .col-lg-7{-webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%;}
  .col-lg-10{-webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%;}
  .offset-lg-1{margin-left: 8.333333%;}
}
.table{width: 100%; max-width: 100%; margin-bottom: 1rem;}
.table td, .table th{padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(236, 238, 239);}
.form-control{display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: rgb(70, 74, 76); background-color: rgb(255, 255, 255); background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
.form-control:focus{color: rgb(70, 74, 76); background-color: rgb(255, 255, 255); border-color: rgb(92, 179, 253); outline: 0px;}
.form-control::-webkit-input-placeholder{color: rgb(99, 108, 114); opacity: 1;}
.form-control::placeholder{color: rgb(99, 108, 114); opacity: 1;}
.form-control:disabled, .form-control[readonly]{background-color: rgb(236, 238, 239); opacity: 1;}
.form-control:disabled{cursor: not-allowed;}
select.form-control:not([size]):not([multiple]){height: calc(2px + 2.25rem);}
.form-group{margin-bottom: 1rem;}
.btn{display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; transition: 0.2s ease-in-out;}
.btn:focus, .btn:hover{text-decoration: none;}
.btn.focus, .btn:focus{outline: 0px; box-shadow: rgba(2, 117, 216, 0.25) 0px 0px 0px 2px;}
.btn.disabled, .btn:disabled{cursor: not-allowed; opacity: 0.65;}
.btn.active, .btn:active{background-image: none;}
.btn-primary{color: rgb(255, 255, 255); background-color: rgb(51, 102, 153); border-color: rgb(170, 170, 170);}
.btn-primary:hover{color: rgb(255, 255, 255); background-color: rgb(51, 102, 153); border-color: rgb(170, 170, 170);}
.btn-primary.focus, .btn-primary:focus{box-shadow: rgba(2, 117, 216, 0.5) 0px 0px 0px 2px;}
.btn-primary.disabled, .btn-primary:disabled{background-color: rgb(2, 117, 216); border-color: rgb(2, 117, 216);}
.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle{color: rgb(255, 255, 255); background-color: rgb(2, 90, 165); background-image: none; border-color: rgb(1, 84, 155);}
.nav-link{display: block; padding: 0.5em 1em;}
.nav-link:focus, .nav-link:hover{text-decoration: none;}
.navbar{position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0.5rem 1rem;}
.navbar-nav{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none;}
.navbar-nav .nav-link{padding-right: 0px; padding-left: 0px;}
.navbar-text{display: inline-block; padding-top: 0.425rem; padding-bottom: 0.425rem;}
@media (max-width: 991px){
  .navbar-toggleable-md > .container{padding-right: 0px; padding-left: 0px;}
}
@media (min-width: 992px){
  .navbar-toggleable-md{-webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-align: center; align-items: center;}
  .navbar-toggleable-md .navbar-nav{-webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;}
  .navbar-toggleable-md .navbar-nav .nav-link{padding-right: 0.5rem; padding-left: 0.5rem;}
  .navbar-toggleable-md > .container{display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center;}
}
.navbar-inverse .navbar-nav .nav-link{color: rgba(255, 255, 255, 0.5);}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover{color: rgba(255, 255, 255, 0.75);}
.navbar-inverse .navbar-text{color: rgba(255, 255, 255, 0.5);}
.modal-footer > :not(:first-child){margin-left: 0.25rem;}
.modal-footer > :not(:last-child){margin-right: 0.25rem;}
.bg-inverse{background-color: rgb(41, 43, 44) !important;}
.ml-auto{margin-left: auto !important;}
.mx-auto{margin-right: auto !important; margin-left: auto !important;}
body{font-family: Raleway, sans-serif;}
.navbar-inverse .navbar-nav .nav-link{color: rgba(255, 255, 255, 0.75);}
header{position: absolute; z-index: 1000; left: 0px; right: 0px; top: 0px;}
h1{padding-top: 5rem; text-align: center; font-family: Raleway, sans-serif; font-size: 35px; color: rgb(41, 43, 44); font-style: normal; font-variant: normal; font-weight: 700; line-height: 36px;}
.myheader img{margin: 4px 20px;}
h5{font-weight: 700; line-height: normal; word-break: break-word;}
.img-fluid{display: block; margin: 0px auto;}
.icon.social img{width: 18px; position: absolute; left: 8px; top: 7px;}
footer .navbar.navbar-toggleable-md > .container .nav-item.nav-link:hover{background-color: rgb(51, 102, 153); color: rgb(255, 255, 255); border-radius: 10px; transition: 0.3s ease-in-out;}
.navbar-text:hover{background-color: rgb(41, 43, 44) !important; color: rgb(255, 255, 255) !important; border-radius: 0px !important;}
.myheader{background-color: rgb(51, 102, 153); text-align: center; height: 80px; padding: 1px;}
.navbar.navbar-toggleable-md > .container{text-align: center;}
.navbar.navbar-toggleable-md .nav-item.nav-link{letter-spacing: -0.5px; line-height: 3.5rem; border-bottom: 0px; font-weight: 500; color: rgb(255, 255, 255); opacity: 0.9; text-transform: uppercase; margin: 0px; padding: 0px 1rem;}
@media (max-width: 991px){
  .navbar.navbar-toggleable-md{padding: 0px;}
  .navbar.navbar-toggleable-md > .container{width: 100%;}
  .navbar.navbar-toggleable-md > .container .nav-item.nav-link{margin: 0px; height: 3.5rem; line-height: 3.5rem;}
}
.section{padding-top: 3rem; padding-bottom: 3rem;}
.section h3{font-family: Raleway, sans-serif; font-size: 20px; color: rgb(72, 105, 138); font-style: normal; font-variant: small-caps; font-weight: 700; line-height: 20px;}
footer .navbar.navbar-toggleable-md > .container .nav-item.nav-link{border-color: transparent; padding: 0px 0.5rem; line-height: 3rem; height: 3rem; letter-spacing: 0px; font-size: 14px; font-family: Raleway, sans-serif; transition: 0.3s ease-in-out;}
.nav-link small{border-color: transparent; padding: 0px 0.5rem; line-height: 3rem; height: 3rem; letter-spacing: 0px; font-size: 13px; font-family: Raleway, sans-serif;}
.footer.bg-inverse{background-color: rgb(55, 55, 55) !important;}
nav{padding-top: 0px; padding-bottom: 0px;}
.demopadding{margin: 15px auto; text-align: center;}
.icon{position: relative; padding: 17px; border-radius: 20px;}
.icon.social{float: left; margin: 0px 5px 0px 0px; cursor: pointer; color: rgb(109, 110, 113); transition: 0.5s;}
.fb:hover{background: rgb(55, 88, 155); color: rgb(255, 255, 255); transition: 0.5s; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 10px);}
.tw:hover{background: rgb(70, 212, 254); color: rgb(255, 255, 255); transition: 0.5s; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 10px);}
.section{font-family: Raleway, sans-serif;}
body{overflow-x: hidden;}
@media (min-width: 1020px){
  .navbar.navbar-toggleable-md .nav-item.nav-link{padding: 0px 0.8rem !important;}
}
@media (max-width: 1199px){
  .navbar.navbar-toggleable-md > .container{padding: 0px;}
  .nav-link small{font-size: 14px;}
}
body{font-family: Roboto, sans-serif; background-color: rgb(242, 242, 242);}
a:link, a:visited{font-weight: 700;}
.fa-ul{list-style: none; margin: 0px 0px 0px 25px; padding: 0px;}
article h3{font-size: 1.125rem;}
.navbar-inverse .navbar-nav .nav-link{color: rgba(255, 255, 255, 0.75);}
header{position: absolute; z-index: 1000; left: 0px; right: 0px; top: 0px;}
header{min-height: 80px;}
.form-control:focus{border-color: transparent; outline: transparent 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(255, 255, 255, 0.6) 0px 0px 8px;}
header a img{margin: 4px 20px;}
.icon.social img{width: 18px; position: absolute; left: 8px; top: 7px;}
ul.fa-ul li{position: relative;}
ul.fa-ul li::before{content: ""; position: absolute; top: 3px; left: -23px; width: 18px; height: 18px; background-image: url("/assets/images/checklist.png");}
p.nav-item.nav-link.navbar-text{font-size: 14px; font-family: Raleway, sans-serif; font-weight: 400; letter-spacing: 0px !important;}
.navbar.navbar-toggleable-md > .container{text-align: center;}
.navbar.navbar-toggleable-md .nav-item.nav-link{letter-spacing: -0.5px; line-height: 3.5rem; border-bottom: 0px; font-weight: 500; color: rgb(255, 255, 255); opacity: 0.9; text-transform: uppercase; margin: 0px; padding: 0px 1rem;}
@media (max-width: 991px){
  .navbar.navbar-toggleable-md{padding: 0px;}
  .navbar.navbar-toggleable-md > .container{width: 100%;}
  footer .demopadding{text-align: center;}
  footer .ml-auto{width: 100%;}
  footer .navbar.navbar-toggleable-md > .container .nav-item{width: 100%; display: block;}
}
section{padding-bottom: 3rem;}
.demopadding{margin: 15px auto; text-align: center;}
.icon{position: relative; text-align: center; width: 0px; height: 0px; padding: 17px; border-radius: 20px; color: rgb(255, 255, 255);}
.icon.social{float: left; margin: 0px 5px 0px 0px; cursor: pointer; color: rgb(109, 110, 113); transition: 0.5s;}
.fb:hover{background: rgb(55, 88, 155); color: rgb(255, 255, 255); transition: 0.5s; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 10px);}
.tw:hover{background: rgb(70, 212, 254); color: rgb(255, 255, 255); transition: 0.5s; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 10px);}
section{font-family: Roboto, sans-serif;}
body{overflow-x: hidden;}
.navbar-nav .nav-link{padding: 0.5rem 1rem;}
iframe{border-radius: 15px; overflow: hidden;}
@media (min-width: 1020px){
  .navbar.navbar-toggleable-md .nav-item.nav-link{padding: 0px 0.8rem;}
}
.sm{padding-top: 1rem;}
@media screen and (max-width: 992px){
  .demopadding a{display: inline-block;}
}
@media screen and (max-width: 499px){
  header a img{width: 250px; height: auto; margin: 11px 20px !important;}
}
@media (max-width: 800px){
  body{margin: 0px;}
}
.footer.bg-inverse{background-color: rgb(55, 55, 55) !important;}
nav{padding-top: 0px; padding-bottom: 0px;}

/* ------------------------------------------------------------------ subpage-title-scale
   Page titles scale with the screen (2026-09-29). The old fixed 35px ran long titles
   to 4 lines on a phone. Now ~25px on an iPhone, rising to the old 35px on desktop.
   line-height was a fixed 36px - too tight once a title wraps. text-wrap:balance evens
   out the lines of a wrapped title (ignored by older browsers, harmless).
   padding-top is deliberately NOT changed: the header is position:absolute and 80px
   tall, and the 5rem top padding is what keeps the title from sliding under it. */
h1{
    font-size: clamp(1.5rem, 1.05rem + 2.2vw, 2.1875rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-wrap: balance;
}

/* ------------------------------------------------------------------ about-page
   About page (about.html) layout, 2026-10-05. Every rule is scoped to body.about,
   so the other subpages are untouched. */

body.about{background:#f4f5f7;color:#2b2f36;font-family:Raleway,sans-serif}
/* subpages.css sets section{font-family:Roboto} (never loaded -> Arial fallback) */
.about main,.about section{font-family:Raleway,sans-serif}
.about a:link,.about a:visited{color:#1f5f9e}
.about a:hover{color:#123f6b}

/* Hero — the header is position:absolute and 80px tall, so the band starts under it */
.about .ab-hero{background:#fff;border-bottom:1px solid #e3e6ea;padding:120px 20px 56px;text-align:center}
.about .ab-eyebrow{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:#eaf1f8;color:#336699;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.about h1{padding-top:0;margin:0 auto 18px;max-width:820px;font-size:clamp(1.75rem,1.2rem + 2.4vw,2.5rem);font-weight:800;line-height:1.15;text-wrap:balance}
.about .ab-lead{max-width:760px;margin:0 auto;font-size:19px;line-height:1.65;color:#4a5260}

/* Fact strip */
.about .ab-facts{max-width:1040px;margin:-1px auto 0;padding:32px 20px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about .ab-fact{background:#fff;border:1px solid #e3e6ea;border-radius:16px;padding:20px 22px}
.about .ab-fact strong{display:block;font-size:24px;font-weight:800;color:#336699;line-height:1.2}
.about .ab-fact span{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:#5b6370}

/* Content */
.about .ab-main{max-width:1040px;margin:0 auto;padding:24px 20px 72px;display:flex;flex-direction:column;gap:20px}
.about .ab-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.about .ab-card{background:#fff;border:1px solid #e3e6ea;border-radius:18px;padding:32px 36px}
.about .ab-card h2{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.25;color:#1d2530}
.about .ab-card p{margin:0 0 14px;font-size:17px;line-height:1.75;color:#3b4250}
.about .ab-card p:last-child{margin-bottom:0}
.about .ab-ico{flex:none;width:44px;height:44px;border-radius:12px;background:#eaf1f8;color:#336699;display:flex;align-items:center;justify-content:center}
.about .ab-ico svg{width:22px;height:22px}
.about .ab-card.ab-adult .ab-ico{background:#fdecec;color:#b42318}
.about .ab-card.ab-safe{background:#f1f6fb;border-color:#d4e3f1}
.about .ab-card.ab-safe .ab-ico{background:#336699;color:#fff}

/* Room links */
.about .ab-rooms{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.about .ab-rooms a{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid #d4e3f1;background:#f7fafd;font-size:15px;text-decoration:none}
.about .ab-rooms a:hover{background:#336699;border-color:#336699;color:#fff;text-decoration:none}

/* Closing band */
.about .ab-close{background:#336699;border-radius:18px;padding:40px 36px;color:#e8f0f8;display:flex;align-items:center;justify-content:space-between;gap:32px}
.about .ab-close p{margin:0 0 12px;font-size:17px;line-height:1.7;color:#e8f0f8;max-width:620px}
.about .ab-sign{margin:0 !important;font-weight:700;color:#fff !important}
.about .ab-actions{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:220px}
.about .ab-btn{display:block;text-align:center;padding:14px 22px;border-radius:12px;font-size:16px;text-decoration:none}
.about a.ab-btn-p:link,.about a.ab-btn-p:visited{background:#fff;color:#336699}
.about a.ab-btn-p:hover{background:#eaf1f8;text-decoration:none}
.about .ab-share{display:flex;gap:10px}
.about .ab-share a:link,.about .ab-share a:visited{flex:1;text-align:center;padding:11px 0;border-radius:12px;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:14px;text-decoration:none}
.about .ab-share a:hover{background:rgba(255,255,255,.12);text-decoration:none}

/* Legal */
.about .ab-legal{display:flex;align-items:center;gap:14px;padding:4px 4px 0;font-size:14px;line-height:1.5;color:#6b7280}
.about .ab-legal p{margin:0}
.about .ab-legal img{flex:none}

@media (max-width:860px){
  .about .ab-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about .ab-pair{grid-template-columns:1fr}
  .about .ab-close{flex-direction:column;align-items:stretch}
}
@media (max-width:600px){
  .about .ab-hero{padding:104px 16px 36px}
  .about .ab-lead{font-size:17px}
  .about .ab-facts{padding:20px 16px 0;gap:10px}
  .about .ab-fact{padding:16px}
  .about .ab-fact strong{font-size:20px}
  .about .ab-fact span{font-size:14px}
  .about .ab-main{padding:16px 16px 48px;gap:14px}
  .about .ab-card{padding:24px 20px;border-radius:16px}
  .about .ab-card h2{font-size:20px;gap:12px}
  .about .ab-ico{width:38px;height:38px}
  .about .ab-card p{font-size:16px;line-height:1.7}
  .about .ab-close{padding:28px 20px}
  .about .ab-legal{align-items:flex-start;flex-direction:column}
}

/* ------------------------------------------------------------------ about-page colour
   About page accent colours (2026-10-05): one colour per section icon, fact box and
   room link, so the page is not all blue. Scoped to body.about. */
.about .ab-card.ab-amber .ab-ico{background:#fef3dc;color:#b45309}
.about .ab-card.ab-violet .ab-ico{background:#efeafd;color:#6d4fc2}
.about .ab-card.ab-green .ab-ico{background:#e5f5ea;color:#15803d}
.about .ab-card.ab-teal .ab-ico{background:#e0f4f2;color:#0f766e}
.about .ab-card.ab-pink .ab-ico{background:#fce8f1;color:#be185d}

.about .ab-fact{border-top:4px solid #336699}
.about .ab-fact:nth-child(1){border-top-color:#336699}.about .ab-fact:nth-child(1) strong{color:#336699}
.about .ab-fact:nth-child(2){border-top-color:#336699}.about .ab-fact:nth-child(2) strong{color:#336699}
.about .ab-fact:nth-child(3){border-top-color:#336699}.about .ab-fact:nth-child(3) strong{color:#336699}
.about .ab-fact:nth-child(4){border-top-color:#336699}.about .ab-fact:nth-child(4) strong{color:#336699}


/* ------------------------------------------------------------------ about-page room colours
   Room link buttons use each room's own button colour from the home page
   (images/chatsprite.webp). Text is white or dark, whichever reads better on it. */
.about .ab-rooms a{border:0;font-weight:700}
.about .ab-rooms a:hover{filter:brightness(.92)}
.about .ab-rooms a.r-general{background:#ffd82f;color:#1d2530}
.about .ab-rooms a.r-teen{background:#336699;color:#fff}
.about .ab-rooms a.r-college{background:#3d4f63;color:#fff}
.about .ab-rooms a.r-singles{background:#dc7ae4;color:#1d2530}
.about .ab-rooms a.r-dating{background:#8f92c5;color:#1d2530}
.about .ab-rooms a.r-gay{background:linear-gradient(#fec200,#fe7000);color:#1d2530}
.about .ab-rooms a.r-lesbian{background:#b9529e;color:#fff}
.about .ab-rooms a.r-mobile{background:#4cd964;color:#1d2530}
.about .ab-rooms a.r-video{background:#007aff;color:#fff}
.about .ab-rooms a.r-music{background:#8e8e93;color:#1d2530}
.about .ab-rooms a.r-sports{background:#307937;color:#fff}
.about .ab-rooms a.r-videogames{background:#c40000;color:#fff}
.about .ab-card p.ab-note{margin-top:4px;padding-top:12px;border-top:1px solid #e3e6ea;font-size:14px;line-height:1.5;color:#6b7280}
.about .ab-rooms a.r-girls{background:#f27892;color:#1d2530}
.about .ab-rooms a.r-live{background:#000;color:#fff}
.about .ab-rooms a.r-free{background:#0080ff;color:#fff}
.about .ab-rooms a.r-boys{background:#e68600;color:#1d2530}
.about .ab-rooms a.r-cam{background:#5ac8fa;color:#1d2530}

/* ------------------------------------------------------------------ games-page
   Games hub (/games/) and the one-page-per-game guides, 2026-10-09. Every rule is
   scoped to body.games, so the other subpages are untouched. Dark "casino" bands
   for the hero and closing call; white cards for reading. */

body.games{background:#f3f4f8;color:#2b2f36;font-family:Raleway,sans-serif}
.games main,.games section{font-family:Raleway,sans-serif;padding-bottom:0}
.games a:link,.games a:visited{color:#1f5f9e}
.games a:hover{color:#123f6b}

/* game colours: --c is the tile, --t a pale tint of it */
.games .gm-felt{--c:#0f6b45;--t:#e3f3ea}
.games .gm-violet{--c:#6d3fc0;--t:#efe9fb}
.games .gm-orange{--c:#d9661e;--t:#fdeee2}
.games .gm-red{--c:#c62f3b;--t:#fbe6e8}
.games .gm-blue{--c:#2563eb;--t:#e6eefd}
.games .gm-pink{--c:#c0267a;--t:#fbe7f1}
.games .gm-indigo{--c:#3b3aa6;--t:#e9e9f8}
.games .gm-wine{--c:#7f1d2d;--t:#f6e5e8}
.games .gm-gold{--c:#c98a0b;--t:#fdf3dc}
.games .gm-teal{--c:#0f766e;--t:#e0f4f2}
.games .gm-copper{--c:#b5652b;--t:#fbeee3}
.games .gm-emerald{--c:#0f8a5c;--t:#e2f6ee}
.games .gm-navy{--c:#1e3a8a;--t:#e6ecfa}
.games .gm-jade{--c:#0d6e5c;--t:#e1f4ef}

/* ---- hero: the header is position:absolute and 80px tall, so the band starts under it */
.games .gm-hero{position:relative;overflow:hidden;text-align:center;color:#e9edf6;padding:112px 20px 96px;
  background:radial-gradient(ellipse at 50% 0%,rgba(255,200,80,.22),transparent 60%),radial-gradient(circle at 12% 80%,rgba(80,120,255,.25),transparent 45%),linear-gradient(180deg,#14213d 0%,#0e1830 100%)}
.games .gm-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,214,110,.9) 1px,transparent 1.6px),radial-gradient(rgba(255,255,255,.6) 1px,transparent 1.4px);
  background-size:90px 90px,140px 140px;background-position:10px 20px,60px 70px}
.games .gm-hero>*{position:relative}
.games .gm-crumbs{font-size:14px;color:#aab6cf;margin:0 0 22px}
.games .gm-crumbs a:link,.games .gm-crumbs a:visited{color:#dfe6f3;font-weight:600}
.games .gm-crumbs span{margin:0 8px;opacity:.5}
.games .gm-eyebrow{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:rgba(255,200,80,.14);border:1px solid rgba(255,200,80,.4);color:#ffd25a;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.games h1{padding-top:0;margin:0 auto 14px;max-width:820px;color:#fff;font-size:clamp(2rem,1.4rem + 3vw,3.25rem);font-weight:800;line-height:1.1;text-wrap:balance}
.games .gm-lead{max-width:720px;margin:0 auto;font-size:19px;line-height:1.6;color:#c9d3e6}
.games .gm-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* game page hero: tinted towards the game's colour */
.games .gm-hero-game{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--c) 55%,transparent),transparent 65%),linear-gradient(180deg,#14213d 0%,#0e1830 100%);padding-bottom:76px}
.games .gm-hero-game h1{margin-top:16px}

/* buttons */
.games .gm-btn{display:inline-block;padding:14px 26px;border-radius:12px;font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap;
  background:linear-gradient(180deg,#ffe066 0%,#ffbf1f 55%,#f09a00 100%);box-shadow:0 3px 0 #b86f00,0 8px 20px rgba(240,154,0,.25)}
.games a.gm-btn:link,.games a.gm-btn:visited{color:#3a2600}
.games a.gm-btn:hover{filter:brightness(1.05);text-decoration:none;color:#3a2600}
.games .gm-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #b86f00}
.games a.gm-btn-ghost:link,.games a.gm-btn-ghost:visited{background:transparent;box-shadow:none;border:1px solid rgba(255,255,255,.35);color:#fff}
.games a.gm-btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}

/* ---- icon tiles */
.games .gm-tile{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--c) 80%,#fff) 0%,var(--c) 60%,color-mix(in srgb,var(--c) 75%,#000) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px color-mix(in srgb,var(--c) 35%,transparent)}
.games .gm-tile svg{width:44px;height:44px}
.games .gm-tile-xl{width:96px;height:96px;border-radius:26px;margin:0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 3px rgba(255,210,90,.55),0 14px 34px rgba(0,0,0,.4)}
.games .gm-tile-xl svg{width:66px;height:66px}

/* ---- page body */
.games .gm-main{max-width:1080px;margin:0 auto;padding:28px 20px 72px;display:flex;flex-direction:column;gap:28px}
.games .gm-h2{margin:8px 0 4px;font-size:28px;font-weight:800;color:#1d2530}
.games .gm-sub{margin:0 0 18px;font-size:17px;color:#5b6370}
.games h2{font-weight:800;color:#1d2530}
.games .gm-small{font-size:14px;line-height:1.55;color:#6b7280;margin:12px 0 0}

/* where to find them */
.games .gm-where{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-58px;position:relative;z-index:1}
.games .gm-where-step{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e3e6ea;border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px rgba(20,33,61,.08)}
.games .gm-where-step p{margin:0;font-size:16px;line-height:1.5;color:#3b4250}
.games .gm-num{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#14213d;color:#ffd25a;font-weight:800;font-size:16px}

/* ---- game cards */
.games .gm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.games .gm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.games .gm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.games .gm-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e3e6ea;border-radius:18px;padding:20px 22px;text-decoration:none;
  position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.games .gm-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.games a.gm-card:link,.games a.gm-card:visited{color:#3b4250}
.games a.gm-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 45%,#e3e6ea);box-shadow:0 14px 30px rgba(20,33,61,.12);text-decoration:none}
.games .gm-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.games .gm-body strong{font-size:20px;font-weight:800;color:#1d2530;line-height:1.2}
.games .gm-short{font-size:15px;line-height:1.55;font-weight:500;color:#4a5260}
.games .gm-chip{align-self:flex-start;margin-top:4px;padding:4px 12px;border-radius:999px;background:var(--t);color:color-mix(in srgb,var(--c) 85%,#000);font-size:13px;font-weight:800}
.games a.gm-card .gm-chip:after{content:" \2192";opacity:0;transition:opacity .15s}
.games a.gm-card:hover .gm-chip:after{opacity:1}
.games .gm-here{background:#fafbfc}
.games .gm-here .gm-chip{background:#14213d;color:#ffd25a}

/* the compact grid under each game page */
.games .gm-grid-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.games .gm-grid-sm .gm-card{padding:14px 16px;gap:12px;align-items:center}
.games .gm-grid-sm .gm-tile{width:46px;height:46px;border-radius:13px}
.games .gm-grid-sm .gm-tile svg{width:32px;height:32px}
.games .gm-grid-sm .gm-short{display:none}
.games .gm-grid-sm .gm-body strong{font-size:16px}
.games .gm-grid-sm .gm-chip{font-size:12px;padding:3px 10px;margin-top:0}
.games .gm-more h2{font-size:24px;margin:0 0 14px}

/* ---- gold panel */
.games .gm-goldbox{display:flex;gap:24px;align-items:center;border-radius:20px;padding:30px 34px;color:#3a2600;
  background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.55),transparent 40%),linear-gradient(135deg,#fff3c4 0%,#ffd86b 55%,#f5b52e 100%);box-shadow:0 10px 30px rgba(240,154,0,.18)}
.games .gm-gold-coin{flex:none;width:84px;height:84px;filter:drop-shadow(0 6px 10px rgba(150,90,0,.35))}
.games .gm-gold-coin svg{width:84px;height:84px}
.games .gm-goldbox h2{margin:0 0 8px;font-size:24px;color:#3a2600}
.games .gm-goldbox p{margin:0;font-size:17px;line-height:1.65;color:#4a3300}
.games .gm-goldbox p.gm-goldbtns{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px}
.games a.gm-btn-dark:link,.games a.gm-btn-dark:visited{background:#14213d;color:#ffd25a;box-shadow:0 3px 0 #070d1a,0 8px 18px rgba(20,33,61,.25)}
.games a.gm-btn-dark:hover{background:#1d2f55;color:#ffd25a}
.games a.gm-goldlink:link,.games a.gm-goldlink:visited{color:#3a2600;font-weight:800;text-decoration:underline}
.games .gm-goldbox p.gm-small{color:#6b4c0a;margin-top:10px}

/* ---- closing call to action */
.games .gm-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:20px;padding:34px 36px;color:#c9d3e6;
  background:radial-gradient(ellipse at 100% 0%,rgba(255,200,80,.2),transparent 55%),linear-gradient(135deg,#14213d,#0e1830)}
.games .gm-cta h2{margin:0 0 6px;font-size:26px;color:#fff}
.games .gm-cta p{margin:0;font-size:17px;line-height:1.6;max-width:600px}

/* ---- game page: intro + facts */
.games .gm-intro{background:#fff;border:1px solid #e3e6ea;border-radius:20px;padding:30px 34px;margin-top:-40px;position:relative;z-index:1;box-shadow:0 10px 30px rgba(20,33,61,.08)}
.games .gm-intro>p{margin:0 auto 24px;max-width:780px;text-align:center;font-size:19px;line-height:1.7;color:#3b4250}
.games .gm-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.games .gm-fact{background:var(--t);border-radius:14px;padding:16px 18px;border-top:4px solid var(--c)}
.games .gm-fact strong{display:block;font-size:24px;font-weight:800;line-height:1.15;color:color-mix(in srgb,var(--c) 85%,#000)}
.games .gm-fact span{display:block;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a5260}
.games .gm-fact em{display:block;margin-top:6px;font-style:normal;font-size:14px;line-height:1.4;color:#5b6370}

/* panels */
.games .gm-panel{background:#fff;border:1px solid #e3e6ea;border-radius:20px;padding:30px 34px}
.games .gm-panel h2{margin:0 0 18px;font-size:24px}
.games .gm-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.games .gm-split.gm-noshot{grid-template-columns:1fr}
.games .gm-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.games .gm-steps li{display:flex;gap:16px;align-items:flex-start}
.games .gm-steps h3{margin:4px 0 4px;font-size:18px;font-weight:800;color:#1d2530;line-height:1.3}
.games .gm-steps p{margin:0;font-size:16px;line-height:1.65;color:#3b4250}
.games .gm-noshot .gm-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.games .gm-shot{margin:0;background:#14213d;border-radius:20px;padding:14px;text-align:center}
.games .gm-shot img{width:100%;height:auto;border-radius:12px;display:block}
.games .gm-shot:not(.gm-shot-wide) img{max-width:440px;margin:0 auto}
.games .gm-shot-wide{padding:18px;background:linear-gradient(135deg,#14213d,#0e1830)}
.games .gm-shot-wide img{max-width:740px;margin:0 auto}
.games .gm-shot figcaption{margin-top:10px;font-size:13px;color:#aab6cf}

/* pay tables */
.games .gm-tablewrap{overflow-x:auto;border-radius:14px;border:1px solid #e3e6ea}
.games .gm-table{width:100%;border-collapse:collapse;font-size:16px}
.games .gm-table th{background:#14213d;color:#ffd25a;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:12px 16px;text-align:left;white-space:nowrap}
.games .gm-table td{padding:11px 16px;border-top:1px solid #eceef2;color:#3b4250}
.games .gm-table tbody tr:nth-child(even) td{background:#f8f9fb}
.games .gm-table td:last-child{font-weight:800;color:#1d2530}

/* tick list */
.games .gm-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.games .gm-ticks li{position:relative;padding-left:34px;font-size:16px;line-height:1.65;color:#3b4250}
.games .gm-ticks li:before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:#e5f5ea}
.games .gm-ticks li:after{content:"";position:absolute;left:8px;top:8px;width:6px;height:10px;border:solid #15803d;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

.games .gm-disclaimer{max-width:1080px;margin:0 auto;padding:0 20px 40px}
.games .gm-disclaimer p{margin:0;padding:16px 20px;border:1px solid #d9dde4;border-left:4px solid #14213d;border-radius:12px;background:#fff;font-size:14px;line-height:1.6;color:#4a5260}
.games .gm-disclaimer strong{color:#1d2530}
@media (max-width:600px){.games .gm-disclaimer{padding:0 16px 32px}}
@media (max-width:900px){
  .games .gm-grid-sm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .games .gm-grid-3{grid-template-columns:1fr}
  .games .gm-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .games .gm-split{grid-template-columns:1fr}
  .games .gm-cta{flex-direction:column;align-items:stretch;text-align:center}
}
@media (max-width:720px){
  .games .gm-grid,.games .gm-grid-2{grid-template-columns:1fr}
  .games .gm-where{grid-template-columns:1fr;margin-top:-40px}
  .games .gm-noshot .gm-steps{grid-template-columns:1fr}
}
@media (max-width:600px){
  .games .gm-hero{padding:100px 16px 70px}
  .games .gm-hero-game{padding-bottom:60px}
  .games .gm-lead{font-size:17px}
  .games .gm-main{padding:20px 16px 48px;gap:20px}
  .games .gm-card{padding:16px;gap:14px}
  .games .gm-tile{width:54px;height:54px;border-radius:15px}
  .games .gm-tile svg{width:38px;height:38px}
  .games .gm-tile-xl{width:84px;height:84px;border-radius:22px}
  .games .gm-tile-xl svg{width:58px;height:58px}
  .games .gm-grid-sm{grid-template-columns:1fr}
  .games .gm-intro,.games .gm-panel{padding:22px 18px;border-radius:16px}
  .games .gm-intro>p{font-size:17px;text-align:left}
  .games .gm-fact{padding:12px 14px}
  .games .gm-fact strong{font-size:20px}
  .games .gm-goldbox{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:14px}
  .games .gm-gold-coin,.games .gm-gold-coin svg{width:60px;height:60px}
  .games .gm-goldbox h2{font-size:21px}
  .games .gm-goldbox p{font-size:16px}
  .games .gm-cta{padding:26px 20px}
  .games .gm-cta h2{font-size:22px}
  .games .gm-h2{font-size:24px}
  .games .gm-table{font-size:15px}
  .games .gm-table th,.games .gm-table td{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){
  .games .gm-card{transition:none}
  .games a.gm-card:hover{transform:none}
}

/* ------------------------------------------------------------------ subpages-2026-fonts
   2026-10-25: owner chose Roboto Bold for headings and Inter for text on every subpage
   (replaces Raleway). Both self-hosted in /assets/fonts like the old Raleway file.
   Roboto is loaded at 700 only - headings asking for 800 render at 700. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/inter-400-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/inter-400-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/roboto-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/roboto-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

body,body.about,body.games,section,.section,main,.about main,.about section,.games main,.games section,
input,select,textarea,button,.form-control,.nav-link small,p.nav-item.nav-link.navbar-text,
footer .navbar.navbar-toggleable-md > .container .nav-item.nav-link{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.section h3,article h3,
.about h1,.about h2,.about h3,.games h1,.games h2,.games h3{font-family:Roboto,Inter,system-ui,Arial,sans-serif;font-weight:700}

/* ------------------------------------------------------------------ subpages-2026-content
   Modern reading layout for the original subpages (header > section > h1 + article column).
   Scoped to pages that are NOT about/games; the white card is skipped where the column holds
   the Gold/VIP .gx layout (those pages already have their own design). CSS only: no text,
   heading, link or URL changes. */
body:not(.about):not(.games){background:#f4f5f7;color:#2b2f36}
body:not(.about):not(.games) > section{padding-bottom:64px}
body:not(.about):not(.games) > section > h1{max-width:920px;margin:0 auto;padding:112px 20px 26px;color:#1d2530;
  font-size:clamp(1.6rem,1.15rem + 2.2vw,2.4rem);line-height:1.18;letter-spacing:-.015em;text-wrap:balance}
body:not(.about):not(.games) > section > h1 strong{font-weight:700}
body:not(.about):not(.games) > section .section.sm{padding-top:0;padding-bottom:0 !important}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)){flex:0 0 auto;width:100%;max-width:900px;margin:0 auto;
  background:#fff;border:1px solid #e3e6ea;border-radius:18px;padding:38px 44px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) p,
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) li{font-size:17px;line-height:1.72;color:#3a4150}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) p{margin:0 0 1.05em}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) :is(h2,h3,h4,h5,h6){color:#1d2530;letter-spacing:-.005em;line-height:1.3;
  font-variant:normal;word-break:normal}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) h2{font-size:24px;margin:34px 0 12px}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) h3{font-size:20px;margin:30px 0 10px}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) :is(h4,h5,h6){font-size:19px;margin:30px 0 10px;
  padding-top:22px;border-top:1px solid #eef0f3}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) > :is(h2,h3,h4,h5,h6):first-child,
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) > div:first-child > :is(h2,h3,h4,h5):first-child{margin-top:0;padding-top:0;border-top:0}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) a:link,
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) a:visited{color:#1f5f9e;font-weight:600;text-decoration:none}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) a:hover{color:#123f6b;text-decoration:underline;text-underline-offset:2px}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) :is(ul,ol){padding-left:1.35em;margin:0 0 1.1em}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) li{margin:.3em 0}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) li::marker{color:#336699}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) img{max-width:100%;height:auto;border-radius:10px}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) hr{border:0;border-top:1px solid #e7eaee;margin:28px 0}
/* tables (abbreviations, chat FAQ) */
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) table{width:100%;border-collapse:separate;border-spacing:0;
  border:1px solid #e3e6ea;border-radius:12px;overflow:hidden;margin:0 0 1.2em;font-size:16px}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) th{background:#f1f4f8;color:#1d2530;font-weight:700;padding:11px 14px;text-align:left}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) td{padding:10px 14px;border-top:1px solid #edf0f3;color:#3a4150;vertical-align:top}
body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) tr:nth-child(even) td{background:#fafbfd}
/* forms (feedback, contact) */
body:not(.about):not(.games) > section .form-control{border:1px solid #d6dbe1;border-radius:10px;padding:10px 13px;font-size:16px;background:#fff}
body:not(.about):not(.games) > section .form-control:focus{border-color:#336699;box-shadow:0 0 0 3px rgba(51,102,153,.15)}
body:not(.about):not(.games) > section .btn-primary{background:#336699;border-color:#336699;border-radius:10px;padding:10px 26px;font-weight:600}
body:not(.about):not(.games) > section .btn-primary:hover{background:#2b5682;border-color:#2b5682}
body:not(.about):not(.games) > section label{font-weight:600;color:#1d2530}
@media (max-width:767px){
  body:not(.about):not(.games) > section > h1{padding:104px 18px 20px}
  body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)){flex:0 0 calc(100% - 24px);width:calc(100% - 24px);max-width:calc(100% - 24px);margin:0 auto;padding:24px 20px;border-radius:14px}
  body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) p,body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) li{font-size:16px;line-height:1.68}
  body:not(.about):not(.games) > section .col-lg-10:not(:has(.gx)) table{font-size:15px}
}

/* ---- /games/ split into /casino/ and /arcade/ (2026-10-28) ---- */
.games .gm-arc-violet{--c:#6d28d9;--t:#efe7fd}
.games .gm-arc-orange{--c:#ea580c;--t:#fdede3}
.games .gm-arc-green{--c:#16a34a;--t:#e3f6e9}
.games .gm-arc-blue{--c:#1d4ed8;--t:#e5ecfd}
.games .gm-arc-sky{--c:#0284c7;--t:#e0f2fb}
.games .gm-arc-amber{--c:#d97706;--t:#fdf1dc}
.games .gm-arc-pink{--c:#db2777;--t:#fce7f1}
.games .gm-h2 a{color:inherit;text-decoration:none}
.games .gm-h2 a:hover{color:#2563eb}
.games .gm-morelink{margin-top:16px}
.games .gm-morelink a{font-weight:700;color:#2563eb;text-decoration:none}
.games .gm-morelink a:hover{text-decoration:underline}
.games .gm-vipbox{color:#1c1f4a;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.6),transparent 40%),linear-gradient(135deg,#eef0ff 0%,#d6dbff 55%,#b9c0fa 100%);box-shadow:0 10px 30px rgba(70,80,200,.16)}
.games .gm-vipbox .gm-gold-coin{filter:drop-shadow(0 6px 10px rgba(60,70,190,.35))}
.games .gm-vipbox h2{color:#1c1f4a}
.games .gm-vipbox p{color:#2e3366}

/* ---- game badges on each guide page (2026-10-28): the regular one revealed, the premium one a secret ---- */
.games .gm-badges-sub{margin:-4px 0 16px}
.games .gm-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.games .gm-badge{display:flex;gap:16px;align-items:center;padding:16px 18px;border:1px solid #e3e6ea;border-radius:16px;background:#fafbfc}
.games .gm-badge img{flex:none;width:56px;height:auto;filter:drop-shadow(0 4px 8px rgba(20,33,61,.18))}
.games .gm-badge small{display:block;margin:0 0 2px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8a93a3}
.games .gm-badge h3{margin:0 0 4px;font-size:18px;color:#1d2530}
.games .gm-badge p{margin:0;font-size:15px;line-height:1.5;color:#4a5260}
.games .gm-badge-secret{background:linear-gradient(135deg,#fffaf0,#fdf1d6);border-color:#f1dcaa}
.games .gm-badge-secret small{color:#b7791f}
@media (max-width:700px){.games .gm-badges{grid-template-columns:1fr}}
.games .gm-arc-red{--c:#dc2626;--t:#fde8e8}
.games .gm-arc-teal{--c:#0d9488;--t:#ddf5f2}
.games .gm-arc-cyan{--c:#0891b2;--t:#dff4f9}