:root {
  --footer-background: #f1f1f1;
  --maxWidth: 1155px;
  --paymentMaxWidth: 520px;
  --paymentFontSize: 0.85rem;
  --cardBackground: #f0f0f0;
  --textCardPadding: 1rem;
  font-size: 17px;
}

html, body {
  background-color: white;
  font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh;
  overflow-y: scroll;
}

a {
  text-decoration: none;
  color: #374092;
}

p, form {
  line-height: 1.3rem;
  padding: 0.5rem 1rem;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.75rem 0.5rem 0.4rem 0.5rem;
  line-height: 2rem;
}

img {
  margin: 2px;
}

ul {
  margin: 0.5rem;
}

li {
  line-height: 1.3rem;
}

nav {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 auto;
  background-color: #343434;
}

iframe {
  border: none;
}

.topNav {
  font-size: 1rem;
  line-height: 1.75rem;
  padding: 0.5rem;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
}

.navItem {
  color: white;
  margin: 0 1rem;
}

#anthemScoreLogoLight, #logoNav {
  height: 1.5rem;
  margin: 0 0.4rem;
}

#anthemScoreLogo {
  margin-right: 0.4rem;
}

#googleTranslateElement {
  margin: 0.5rem;
}

#downloadCard > ul > li {
  margin: 5px 0;
}

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

.content {
  background: white;
  flex: 1 1 auto;
}

.card, .textCard, .verticalCard, .warning {
  max-width: var(--maxWidth);
  margin: 0.75rem auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-evenly;
  background-color: var(--cardBackground);
  box-sizing: border-box;
}

.verticalCard, .textCard {
  flex-flow: column nowrap;
  align-items: flex-start;
}

.textCard {
  padding: var(--textCardPadding);
  flex-flow: column nowrap;
  align-items: flex-start;
}

.textCard h1, .textCard h2, .textCard h3, .textCard h4, .textCard h5, .textCard h6 {
  text-align: center;
  align-self: center;
}

.textCard h1 {
  font-weight: lighter;
}

.infoCard {
  background-color: #f5f5f5;
}

.infoCard h1, .infoCard h2, .infoCard h3, .infoCard h4, .infoCard h5, .infoCard h6 {
  margin-left: 0;
}

.infoCard li, .infoCard p {
  font-size: 1.17rem;
  line-height: 1.8rem;
}

.infoCard figure {
  text-align: center;
  max-width: 75%;
}

.infoCard img {
  max-width: 100%;
}

.warning {
  background-color: #ffc8c8;
}

.blogCard {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.blogCard p, .blogCard ul > li, .blogCard ol > li {
  font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 30px;
}

.centeredRow {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.centeredRow h1, .centeredRow h2, .centeredRow h3, .centeredRow h4, .centeredRow h5, .centeredRow h6 {
  display: inline-block;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.halfWidth, figure.halfWidth {
  max-width: 50%;
}

a.brightLink {
  color: blue;
}

.largerText {
  font-size: 1.1rem;
  line-height: 1.75rem;
}

.menuPath {
  font-family: "Courier New", Courier, monospace;
  background-color: #dfedff;
  padding: 0.25rem;  
}

.undiscountedPrice {
  text-decoration: line-through;
  color: #5e5e5e;
}

.saleBanner {
  width: 40%;
  max-width: calc(var(--maxWidth) * 1.3);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.saleBanner a, .saleBanner a img {
  height: 100%;
  margin: 0;
}

.saleBanner a {
  width: 100%;
}

.billingBox {
  width: 100%;
  padding: 0;
  max-width: var(--paymentMaxWidth);
  display: flex;
  flex-flow: row wrap;  
}

.billingInfo {
  width: 100%;
  padding: 0.5rem 0.5rem;
  height: 4rem;
  box-sizing:border-box;
  position: relative;
}

.billingInfo input {
  height: 100%;
  width: 100%;  
  font-size: 1rem;
  padding: 0.9rem 1rem 0 1rem;
  border: 1px solid;
  border-radius: 12px;
  box-sizing:border-box;
}

.billingInfo span {
  position: absolute;
  left: 1.5rem;
  color: #777777;
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}

.billingInfo input:focus-visible, select:focus-visible {
  outline: #3f8bff auto 1px;
}

.billingInfo select {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-sizing:border-box;
  background-color: white;
  padding: 0.5rem;
}

.smallPlaceholder {
  top: 0.5rem;
  font-size: 0.75rem;
  height: 1.5rem;
}

.largePlaceholder {
  top: 1rem;
  font-size: 1rem;
  height: 2rem;
}

#blackFridayBanner {
  width: 310px;
  background-color: black;
}

#holidaySaleBanner {
  width: 40rem;
  max-width: 90%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #5ebc6f;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#giftHolidayCard {
  background-color: #e5f1e7;
}

#giftHolidayCard h2 {
  font-family: "Helvetica Neue";
  font-weight: lighter;
}

#firstScreen {
  min-height: 100vh;
}

#mainCard {
  background-color: white;
  margin-top: 0;
  max-width: calc(var(--maxWidth) * 1.3);
}

#mainCard h2 {
  font-weight: bold;
  text-align: center;
}

#mainImage {
  width: 100%;
  margin: 5rem 0;
}

#mainImageContainer {
  --minWidth: calc(var(--maxWidth) * 0.3);
  flex: 1 1 var(--minWidth);
  min-width: var(--minWidth);
}

#checkout {
  margin: auto;
  margin-bottom: 0.2rem;
  align-items: center;
}

#activationCode {
 font-size: 1.3rem;
 text-align: center;
 font-family: "Courier New";
 align-self: center;
 margin: 1rem; 0;
}

#message {
  align-items: center;
  background-color: white;
}

.description {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
}

#intro {  
  flex: 0 0 calc(var(--maxWidth) * 0.35); 
  justify-content: center;
}

#intro p {
  margin: 1rem;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: justify;
}

#intro h2 {
  line-height: 2rem;
}

.videoContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  max-height: 625px;
}

.videoContainer iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}

.third {
  box-sizing: border-box;
  flex: 1 1 calc(var(--maxWidth) * 0.33);
}

.textCardthird {
  box-sizing: border-box;
  flex: 0 1 calc((var(--maxWidth) - 2 * var(--textCardPadding)) * 0.33);
}

.editionsInfo {
  align-items: stretch;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.editionsInfo form {
  padding-top: 0;
}

.editionsInfo div {
  flex-flow: column nowrap;
}

.editionsBox {
  display: flex;
  flex: column nowrap;
  justify-content: space-between;
}

.editionsLearnMore {
  padding: 0 0 0.2rem 0;
}

.editionsDescription {
  padding-top: 0.1rem 0;
  padding-bottom: 0;
}

.mainFeature {
  font-size: 1.1rem;
  line-height: 1.6rem;
  margin: 0.85rem 1rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.featureIcon {
  width: 2rem;
  margin: 1rem;
}

.fullWidth {
  width: 100%;
}

.spectrogramImage img {
  height: 415px;
}

figure.spectrogramImage {
  padding: 0.4rem;
  align-self: flex-start;
}

.spectrogramImage figcaption {
  width: 220px;
}

.AnthemScore {
  line-height: 2rem;
  //background: linear-gradient(#228DAA, #76DEFA, #228DAA);
  background: linear-gradient(#5599ff, #95c0ff, #5599ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.actionButton, .bigBlueButton {
  font-size: 1.1rem;
  text-align: center;
  font-weight: lighter;
  margin: 0.5rem;
  padding: 0.3rem 0.5rem;
  display: block;
  border-radius: 0.4rem;
  border: none;
  color: #111111;
  background: linear-gradient(#95c0ff, #5599ff);
  border-color: #5599ff;
  justify-content: space-evenly;
}

.actionButton:hover, .bigBlueButton:hover {
  background: linear-gradient(#8cb4f0, #5090f0);
  cursor: pointer;
}

.actionButton {
  width: 150px;
  flex-flow: row nowrap;
}

.bigBlueButton {
  flex-flow: column nowrap;
  width: 50%;
}

.flatBlueButton {
  cursor: pointer;
  text-align: center;
  font-size: 1rem;
  color: #ffffff;
  background-color: #2875e8;
  padding: 1rem 1rem;
  border-radius: 12px;
  border: 0;
  margin: 0.5rem 0.5rem;
}

.flatBlueButton:hover {
  background-color: #3988ff;
}

.flatBlueButton:focus-visible {
  outline: #bad5ff auto 1px;
}

.smallText, .smallButton {
  font-size: 0.85rem;
}

.smallButton {
  padding: 0.25rem 0.5rem;
  margin: 0;
  border-radius: 6px;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.centeredText {
  text-align: center;
}

.centeredInFlex {
  align-self: center;
}

.centeredFlex, .centeredVerticalFlex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.centeredVerticalFlex {
  flex-flow: column nowrap;
}

#checkoutSummary { 
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 10px;
}

#checkoutSummary td, th {
  padding: 0 7px;
  text-align: left;
}

.text-medium {
  font-size: 1.4rem;
  text-rendering: optimizeLegibility;
}

.text-bold {
  font-weight: bold;
}

.color-price {
  color: #0152ba;
}

#compareEditionsChart {
  width: var(--maxWidth);
  padding: 0 68px 34px 34px;
}

#compareEditionsChart td {
  font-size: 1.1rem;
  line-height: 1.7rem;
  border-bottom: 1px solid black;
}

#compareEditionsChart.chartFeature {
  text-align: left;
}

th.rotated {
  height: 140px;
}

th.rotated > div {
  transform: 
    translate(0.3rem, 53px)
    rotate(315deg);
  width: 30px;
}

th.rotated > div > span {
  padding: 2px 0;
}

.compareEditionsTitle {
  font-size: 2rem;
  text-align: left;
  font-weight: lighter;
}

.chartEdition1 {
  text-align: center;
  background-color: #e0c287;
}

.chartEdition2 {
  text-align: center;
  background-color: #adbac1;
}

.chartEdition3 {
  text-align: center;
  background-color: #9fa29c;
}

.faqGroup {
  width: 100%;
}

.faqHeader {
  font-weight: lighter;
  margin: 1rem;
}

.questionAnswer {
  list-style: none;
}

.collapsible {
  padding: 0.4rem;
  text-align: left;
  margin: 0.2rem;
  background-color: #f9f9f9;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.collapsible:active {
  background-color: #e9e9e9;
}

.collapsible:after {
  content: '\02795';
  font-size: 13px;
  color: black;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796";
}

.collapsibleContent {
  padding: 0;//1rem;
  text-align: left;
  margin: 0.2rem 0.2rem 0.2rem 1rem;
  background-color: var(--cardBackground);
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.collapsibleContent p, #keyRemainingLookup {
  line-height: 1.5rem;
}

.infoBox {
  width: 80%;
  border-style: solid;
  padding: 0.5rem;
  margin-top: 1rem;
}

h1.docHeading, h2.docHeading, h3.docHeading, h4.docHeading, h5.docHeading ,h6.docHeading {
  width: 100%;
  text-align: left;
  color: #464646;
  margin: 1rem 0.1rem 0.5rem 0.5rem;
}

h1.leftAligned, h2.leftAligned, h3.leftAligned, h4.leftAligned, h5.leftAligned ,h6.leftAligned {
  text-align: left;
  padding: 0.5rem 1rem;
}

.command {
  margin-left: auto;
  margin-right: auto;
  font-family: monospace;
  word-break: break-all;
  background-color: #cbe0ff;
}

.validOff {
  color: green;
}

.invalidOff {
  color: red;
}

.downloadCard, .downloadCard p, .downloadCard a {
  font-size: 1.15rem;
  line-height: 1.7rem;
}

.downloadCard img {
  height: 200px;
}

.downloadCard h3 {
  width: 100%;
  text-align: left;
  margin-left: 2rem;
}

#versionHistory div {
  margin: 0.7rem;
}

#versionHistory ul {
  margin-left: 2.1rem;
}

img.icon {
  display: inline;
  max-height: 1.3rem;
  margin: 0;
  vertical-align: text-top
}

.releaseDate {
  margin-left: 1rem;
}

.borderTable {
  border-collapse: collapse;
  margin: 1rem auto 2rem auto;
}

.borderTable, .borderTable td, .borderTable th {
  border: 1px solid black;
  text-align: center;
  padding: 0.2rem 0.4rem;
}

.bottomFooter {
  background-color: var(--footer-background);
  font-size: 0.9rem;
  line-height: 1.7rem;
  flex: 0 0 auto;
}

.footerGroups {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.footerList {
  list-style-type: none;
}

.footerLink:link, .footerLink:visited {
  color: #505050;
}

.footerGroupTitle {
  font-weight: bold;
}

.copyright {
  padding: 1rem;
  margin-bottom: 0;
}

#loader {
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 1000;
}

#loaderBackground {
  display: none;
  position: fixed;
  background-color: #00000077;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}

.dual-ring-loader {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.dual-ring-loader:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: dual-ring-loader 1.2s linear infinite;
}

@keyframes dual-ring-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#paymentMain {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

#stripeForm, #paypalForm {
  /*margin-top: 0.5rem;
  margin-bottom: 1.5rem;*/
  margin: 1rem -30px;
  padding: 0.5rem 30px 30px;
  max-width: var(--paymentMaxWidth);
  width: 100%;
  line-height: calc(var(--paymentFontSize) * 2);
}

#stripeForm {
  border-radius: 4px;
  border: 1px solid #e8e8fb;
}

#paypalBox {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#paypalForm {
  margin-bottom: 2rem;
}

/* Stripe */
.paymentBackground {
  width: 100%;
  padding: 1rem 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

#generalCheckout {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.lightBlueBackground {
  background-color: #f8fbfd;
}

.whiteBackground {
  background: #fff;
}

#confirmation {
  max-width: var(--paymentMaxWidth);
}

#payment-request {
  margin-top: 1rem;
}

#checkout {
  padding-bottom: 1rem;
}

.paymentFieldset {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.15),
    0 4px 6px 0 rgba(112, 157, 199, 0.15);
  border-radius: 4px;
  border: none;
}

.paymentFieldset label {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 0;
  align-items: center;
  justify-content: center;
  color: #8898aa;
  font-weight: 400;
}

.paymentFieldset label:not(:last-child) {
  border-bottom: 1px solid #f0f5fa;
}

.paymentFieldset label span {
  min-width: 100px;
  padding: 0 15px;
  text-align: right;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: var(--paymentFontSize);
  color: #525f7f;
}

.paymentFieldset:not(.with-state) label.state {
  display: none;
}

.paymentSelect {
  width: 100%;
  margin: 0 -15px 0 -30px;
  padding: 0 15px 0 30px;
  flex: 1;
  border-style: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #313b3f;
  outline-color: black;
  cursor: pointer;
  background: transparent;
  font-size: var(--paymentFontSize);
}

.select::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  right: 20px;
  top: 50%;
  margin-top: -2px;
  pointer-events: none;
  background-image: url("/static/resources/dropdown.svg");
}

.error-message {
  font-family: monospace;
  color: red;
}

.currencyBlock {
  padding: 0 100px;
}

.payment-button, .PaymentRequestButton {
  display: block;
  background: #666ee8;
  color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 0;
  font-weight: 700;
  width: 100%;
  height: 40px;
  outline: none;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 1rem;
}

.payment-button:focus, .PaymentRequestButton:focus {
  background: #555abf;
}

.payment-button:hover, .PaymentRequestButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.payment-button:active, .PaymentRequestButton:active {
  background: #43458b;
}

.field, .paymentCard {
  flex: 1;
  padding: 0 15px;
  background: transparent;
  font-weight: 400;
  color: #31325f;
  outline: none;
  cursor: text;
  border-style: none;
  font-size: var(--paymentFontSize);
}

h2.paymentHeader {
  text-align: left;
  font-size: 0.8rem;
  color: #32325d;
  margin-top: 1rem;
}

input:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #666ee8;
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out 1s;
}

.paymentFieldset {
  width: 100%;
}

.tip {
  margin: -10px auto 10px;
  padding: 5px 0 5px 30px;
  font-size: 0.85rem;
  background: url("/static/resources/tip.svg") left center no-repeat;
}

.instruction {
  display: inline-table;
  margin: 1rem 0;
  padding: 0 5px;
  text-align: center;
  /*background: #f8fbfd;*/
}

.element-errors {
  display: inline-flex;
  height: 20px;
  margin: 0 auto;
  padding-left: 20px;
  color: #e25950;
  transform: translateY(10px);
  transition-property: opacity, transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background: url("/static/resources/error.svg") center left no-repeat;
  background-size: 15px 15px;
}

.hide {
  display: none;
}

.scale50 {
  -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
  -moz-transform: scale(0.5); /* FF3.5+ */
  -ms-transform: scale(0.5); /* IE9 */
  -o-transform: scale(0.5); /* Opera 10.5+ */
  transform: scale(0.5);
  /* IE6–IE9 */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

#payment-methods {
  margin: 0 0 20px;
  border-bottom: 2px solid #e8e8fb;
  background-color: #00000000;
  text-align: left;
}

#payment-methods ul {
  padding: 0;
  margin: 0;
}

#payment-methods li {
  margin: 0 20px 0 0;
  list-style: none;
}

#payment-methods li:not(.hide) {
  display: inline-block;
}

#payment-methods input {
  display: none;
}

#payment-methods label {
  display: flex;
  flex: 1;
  cursor: pointer;
}

#payment-methods input + label {
  position: relative;
  padding: 5px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
}

#payment-methods label::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
  border-bottom: 2px solid #6772e5;
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.25s ease-in-out;
}

#payment-methods label:hover {
  color: #6772e5;
  cursor: pointer;
}

#payment-methods input:checked + label {
  color: #6772e5;
}

#payment-methods label:hover::before,
#payment-methods input:checked + label::before {
  opacity: 1;
  transform: scaleX(1);
}

#payment-methods.hide,
.payment-info.hide {
  display: none;
}

.payment-info:not(.paymentCard) {
  margin-bottom: 15px;
}

.payment-info.ideal {
  margin-bottom: 0;
}

#payment-methods, .payment-info {
  display: block;
}

.payment-info.paymentCard, .payment-info.sepa_debit {
  text-align: center;
}

.payment-info p.notice {
  font-size: 14px;
  color: #8898aa;
  text-align: left;
}

#wechat-qrcode img {
  margin: 0 auto;
}

.smallSpinbox {
  width: 7ch;
}

#country {
  display: flex;
  align-items: center;
  width: 100%;
}

#country::before {
  display: inline-flex;
  content: '';
  width: 21px;
  height: 15px;
  background: url("/static/resources/flags.svg");
  background-position: -1000px -1000px;
  background-repeat: no-repeat;
  margin-right: 10px;
}

#country.AD::before {
  background-position: -10px -10px;
}

#country.AE::before {
  background-position: -41px -10px;
}

#country.AG::before {
  background-position: -72px -10px;
}

#country.AM::before {
  background-position: -103px -10px;
}

#country.AR::before {
  background-position: -134px -10px;
}

#country.AT::before {
  background-position: -165px -10px;
}

#country.AU::before {
  background-position: -196px -10px;
}

#country.BE::before {
  background-position: -227px -10px;
}

#country.BF::before {
  background-position: -258px -10px;
}

#country.BG::before {
  background-position: -289px -10px;
}

#country.BO::before {
  background-position: -320px -10px;
}

#country.BR::before {
  background-position: -351px -10px;
}

#country.CA::before {
  background-position: -382px -10px;
}

#country.CD::before {
  background-position: -413px -10px;
}

#country.CG::before {
  background-position: -444px -10px;
}

#country.CH::before {
  background-position: -475px -10px;
}

#country.CL::before {
  background-position: -506px -10px;
}

#country.CM::before {
  background-position: -10px -35px;
}

#country.CN::before {
  background-position: -41px -35px;
}

#country.CO::before {
  background-position: -72px -35px;
}

#country.CR::before {
  background-position: -103px -35px;
}

#country.CZ::before {
  background-position: -134px -35px;
}

#country.DE::before {
  background-position: -165px -35px;
}

#country.DJ::before {
  background-position: -196px -35px;
}

#country.DK::before {
  background-position: -227px -35px;
}

#country.DZ::before {
  background-position: -258px -35px;
}

#country.EC::before {
  background-position: -289px -35px;
}

#country.EE::before {
  background-position: -320px -35px;
}

#country.EG::before {
  background-position: -351px -35px;
}

#country.ES::before {
  background-position: -382px -35px;
}

#country.EU::before {
  background-position: -413px -35px;
}

#country.FI::before {
  background-position: -444px -35px;
}

#country.FO::before {
  background-position: -475px -35px;
}

#country.FR::before {
  background-position: -506px -35px;
}

#country.GA::before {
  background-position: -10px -60px;
}

#country.GB::before {
  background-position: -41px -60px;
}

#country.GL::before {
  background-position: -72px -60px;
}

#country.GM::before {
  background-position: -103px -60px;
}

#country.GR::before {
  background-position: -134px -60px;
}

#country.GT::before {
  background-position: -165px -60px;
}

#country.GU::before {
  background-position: -196px -60px;
}

#country.HK::before {
  background-position: -227px -60px;
}

#country.HN::before {
  background-position: -258px -60px;
}

#country.HT::before {
  background-position: -289px -60px;
}

#country.HU::before {
  background-position: -320px -60px;
}

#country.ID::before {
  background-position: -351px -60px;
}

#country.IE::before {
  background-position: -382px -60px;
}

#country.IL::before {
  background-position: -413px -60px;
}

#country.IM::before {
  background-position: -444px -60px;
}

#country.IN::before {
  background-position: -475px -60px;
}

#country.IQ::before {
  background-position: -506px -60px;
}

#country.IR::before {
  background-position: -10px -85px;
}

#country.IS::before {
  background-position: -41px -85px;
}

#country.IT::before {
  background-position: -72px -85px;
}

#country.JE::before {
  background-position: -103px -85px;
}

#country.JM::before {
  background-position: -134px -85px;
}

#country.JO::before {
  background-position: -165px -85px;
}

#country.JP::before {
  background-position: -196px -85px;
}

#country.KG::before {
  background-position: -227px -85px;
}

#country.KN::before {
  background-position: -258px -85px;
}

#country.KP::before {
  background-position: -289px -85px;
}

#country.KR::before {
  background-position: -320px -85px;
}

#country.KW::before {
  background-position: -351px -85px;
}

#country.KZ::before {
  background-position: -382px -85px;
}

#country.LA::before {
  background-position: -413px -85px;
}

#country.LB::before {
  background-position: -444px -85px;
}

#country.LC::before {
  background-position: -475px -85px;
}

#country.LS::before {
  background-position: -506px -85px;
}

#country.LT::before {
  background-position: -10px -110px;
}

#country.LU::before {
  background-position: -41px -110px;
}

#country.LV::before {
  background-position: -72px -110px;
}

#country.MA::before {
  background-position: -103px -110px;
}

#country.MG::before {
  background-position: -134px -110px;
}

#country.MK::before {
  background-position: -165px -110px;
}

#country.ML::before {
  background-position: -196px -110px;
}

#country.MM::before {
  background-position: -227px -110px;
}

#country.MT::before {
  background-position: -258px -110px;
}

#country.MX::before {
  background-position: -289px -110px;
}

#country.MY::before {
  background-position: -320px -110px;
}

#country.NA::before {
  background-position: -351px -110px;
}

#country.NE::before {
  background-position: -382px -110px;
}

#country.NG::before {
  background-position: -413px -110px;
}

#country.NI::before {
  background-position: -444px -110px;
}

#country.NL::before {
  background-position: -475px -110px;
}

#country.NO::before {
  background-position: -506px -110px;
}

#country.NZ::before {
  background-position: -10px -135px;
}

#country.OM::before {
  background-position: -41px -135px;
}

#country.PA::before {
  background-position: -72px -135px;
}

#country.PE::before {
  background-position: -103px -135px;
}

#country.PG::before {
  background-position: -134px -135px;
}

#country.PH::before {
  background-position: -165px -135px;
}

#country.PK::before {
  background-position: -196px -135px;
}

#country.PL::before {
  background-position: -227px -135px;
}

#country.PR::before {
  background-position: -258px -135px;
}

#country.PS::before {
  background-position: -289px -135px;
}

#country.PT::before {
  background-position: -320px -135px;
}

#country.PY::before {
  background-position: -351px -135px;
}

#country.QA::before {
  background-position: -382px -135px;
}

#country.RO::before {
  background-position: -444px -135px;
}

#country.RU::before {
  background-position: -475px -135px;
}

#country.RW::before {
  background-position: -506px -135px;
}

#country.SA::before {
  background-position: -10px -160px;
}

#country.SE::before {
  background-position: -41px -160px;
}

#country.SG::before {
  background-position: -72px -160px;
}

#country.SI::before {
  background-position: -103px -160px;
}

#country.SK::before {
  background-position: -134px -160px;
}

#country.SL::before {
  background-position: -165px -160px;
}

#country.SN::before {
  background-position: -196px -160px;
}

#country.SO::before {
  background-position: -227px -160px;
}

#country.SV::before {
  background-position: -258px -160px;
}

#country.TD::before {
  background-position: -289px -160px;
}

#country.TH::before {
  background-position: -320px -160px;
}

#country.TJ::before {
  background-position: -351px -160px;
}

#country.TL::before {
  background-position: -382px -160px;
}

#country.TR::before {
  background-position: -413px -160px;
}

#country.TW::before {
  background-position: -444px -160px;
}

#country.TZ::before {
  background-position: -475px -160px;
}

#country.UA::before {
  background-position: -506px -160px;
}

#country.US::before {
  background-position: -10px -185px;
}

#country.UY::before {
  background-position: -41px -185px;
}

#country.VE::before {
  background-position: -72px -185px;
}

#country.VN::before {
  background-position: -103px -185px;
}

#country.XX::before {
  background-position: -134px -185px;
}

#country.YE::before {
  background-position: -165px -185px;
}

#country.ZA::before {
  background-position: -196px -185px;
}