.exit-message-header {
    color: #221b4f;
    font-size: 1.4rem;
    font-family: Century Gothic;
    margin-bottom: .75em;
}
.question-text,.comment-text {
font-family: "Century Gothic", CenturyGothic, sans-serif; font-size: 20px; font-style: normal; font-variant: normal;  
}

.instruction-text {
font-family: "Century Gothic", CenturyGothic, sans-serif; font-size: 15px; font-style: bold; font-variant: normal; 
}

.P,.span {
font-family: "Century Gothic", CenturyGothic, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; 
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, 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
{
font-family: "Century Gothic", CenturyGothic, sans-serif; font-size: 14px;   
}
em{
font-family: "Century Gothic", CenturyGothic, sans-serif;  
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, 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 {
}

.sq-cardsort-cards-view .sq-cardsort-previous, .sq-cardsort-cards-view .sq-cardsort-next {
    background: #cdcdcd;
}

#btn_randomize {
  background-color: #221b4f;
  border: 2px solid white;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}


#btn_randomize:hover {
  background-color: #fcb52e;
  border: 2px solid white;
  color: white;
}


#btn_goback {
  background-color: #221b4f;
  border: 2px solid white;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

#btn_goback:hover {
  background-color: #fcb52e;
  border: 2px solid white;
  color: white;
}


#btn_continue {
  background-color: #221b4f;
  border: 2px solid white;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

#btn_continue:hover {
  background-color: #fcb52e;
  border: 2px solid white;
  color: white;
}

#btn_finish {
  background-color: #221b4f;
  border: 2px solid white;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

#btn_finish:hover {
  background-color: #fcb52e;
  border: 2px solid white;
  color: white;
}

.none {
   background-color:black;
   color:white;
   }


.fa-icon-chevron-left {
  background-color: #221b4f;
  border: 2px solid white;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.fa-icon-chevron-left:hover {
  background-color: #fcb52e;
  border: 2px solid white;
  color: white;
}


.fa-icon-chevron-right {
  background-color: #221b4f;
  border: 2px solid white;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.fa-icon-chevron-right:hover {
  background-color: #fcb52e;
  border: 2px solid white;
  color: white;
}


.fir-select,.fir-select .input.dropdown,html:not(.lte-ie9) .fir-select .input.dropdown {
    font-family: "Century Gothic", CenturyGothic, sans-serif; font-size: 15px; font-style: normal; font-variant: normal;  
    border: 3px solid #53BCB7;
}