/* raleway-300 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/raleway-v14-latin/raleway-v14-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Raleway Light'), local('Raleway-Light'),
		 url('fonts/raleway-v14-latin/raleway-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
  }
  /* raleway-regular - latin */
  @font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/raleway-v14-latin/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Raleway'), local('Raleway-Regular'),
		 url('fonts/raleway-v14-latin/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
  }
  /* raleway-600 - latin */
  @font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/raleway-v14-latin/raleway-v14-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
		 url('fonts/raleway-v14-latin/raleway-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/raleway-v14-latin/raleway-v14-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
  }
  
  body,html {
	  margin: 0; height: 100%; overflow: hidden; width: 100%;
  }
  
  html {
	  height: 100%;
	  width: 100%;
	  overflow: hidden;
  }
  
  body {
	  background-image: url(../images/eTZ7wd2zXM6h.jpeg);
	  background-size: cover;
	  height: 100%;
	  width: 100%;	
	  position: relative;
	  z-index: 1;
	  font-family: Raleway, sans-serif;
	  overscroll-behavior-y: contain;
	  overflow-y: hidden;
	  -webkit-overflow-scrolling: touch;
	  padding: env(safe-area-inset);
  }
  
  body:before {
	  content: " ";
	  position: fixed;
	  background: rgba(0, 0, 0, 0.4);
	  height: 100%;
	  width: 100%;
	  z-index: 2;
	  top: 0; 
	  bottom: 0; 
	  left: 0; 
	  right: 0;
  }
  
  #main_element {
	  opacity: 0;
  }
  
  .mobile-btn-container {
	  opacity: 0;	
  }
  
  .container {
	  position: relative;
	  z-index: 3;
	  color: #FFF;
  }
  
  .iScrollIndicator {
	  display: none !important;
  }
  
  .logo-container {
	  text-align: center;
	  margin-bottom: 20px;
  }
  
  .logo-container img {
	  width: 100%;
  }
  
  .intro-container {
	  margin: auto;
  }
  
  .intro-container p {
	  font-size: 24px;
	  text-align: center;
	  margin: auto;
	  width: 69%;
	  margin-bottom: 20px;
  }
  
  .intro-container .btn-container {
	  text-align: center;
	  position: relative;
	  margin-top: 40px;
  }
  
  .intro-container .btn-container .btn {
	  color: rgb(128, 128, 128);
	  background-color: #f8f9fa;
	  border-color: #f8f9fa;
	  font-size: 24px;
	  font-weight: 600;
	  padding-left: 20px;
	  padding-right: 20px;
  }
  
  .intro-container .btn-container .btn-hint {
	  display: inline-block;
	  padding-left: 10px;
	  font-size: 13px;
	  position: absolute;
	  top: 15px;
  }
  
  .question-container {
	  position: relative;
  }
  
  .question-block {
	  /*position: absolute;
	  bottom: -100%;*/
	  margin: auto;
	  width: 840px !important;
	  padding-left: 70px;
	  padding-right: 70px;
	  left: 0;
	  right: 0;
	  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
		transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  }
  
  .question-block h3 {
	  font-size: 24px;
	  line-height: 32px;
	  font-weight: 300;
  }
  
  .question-block .question-hint {
	  font-weight: unset;
	  font-size: 20px;
	  line-height: 28px;
	  color: rgb(255, 255, 255);
	  opacity: 0.7;
  }
  
  .question-block .question-number {
	  position: absolute;
	  top: 3px;
	  left: -28px;
  }
  
  .question-block .question-number svg {
	  fill: #FFF;
  }
  
  .question-block .answer-container {
	  margin-top: 30px;
	  position: relative;
  }
  
  /*
  .question-block .answer-container .answer-ratings {
	  border: 1px solid #FFF;
	  border-radius: 4px;
	  display: inline-block;
	  overflow: hidden;
  }
  */
  
  
  
  .question-block .answer-container .answer-ratings .answer-rating {
	  height: 100%;
	  display: flex;
	  -webkit-box-align: center;
	  align-items: center;
	  -webkit-box-pack: center;
	  justify-content: center;
	  cursor: pointer;
	  user-select: none;
	  box-shadow: rgba(255, 255, 255, 0.6) -1px 0px;
	  flex: 1 1 0%;
  }
  
  .question-block .answer-container .answer-ratings {
	  width: 100%;
	  height: 64px;
	  color: rgb(255, 255, 255);
	  display: flex;
	  flex-direction: row;
	  background-color: rgba(255, 255, 255, 0.1);
	  border-width: 1px;
	  border-style: solid;
	  border-color: rgb(255, 255, 255);
	  border-image: initial;
	  border-radius: 3px;
  }
  
  /*
  .question-block .answer-container .answer-rating {
	  width: 63px;
	  height: 57px;
	  background: rgba(255, 255, 255, 0.15);
	  text-align: center;
	  display: inline-block;
	  margin-left: -4px;
	  padding-top: 13px;
	  font-size: 20px;
	  border-right: 1px solid #FFF;
	  cursor: pointer;
  }
  */
  
  .question-block .answer-container .answer-rating.flash {
	  -webkit-animation: flash-animation 0.22s 2; /* Safari 4+ */
	  -moz-animation:    flash-animation 0.22s 2; /* Fx 5+ */
	  -o-animation:      flash-animation 0.22s 2; /* Opera 12+ */
	  animation:         flash-animation 0.22s 2; /* IE 10+, Fx 29+ */
	  animation-fill-mode: forwards;
	  color: #333;
  }
  
  .answer-ratings-icons .answer-rating.flash {
  
  }
  
  .question-block .answer-container .answer-rating:hover {
	  background: rgba(255, 255, 255, 0.35);
  }
  
  .question-block .answer-container .answer-rating:last-child {
	  border-right: 0;
  }
  
  .question-block .answer-container .answer-rating-low {
	  position: absolute;
	  left: 0;
	  margin-top: 5px;
  }
  
  .question-block .answer-container .answer-rating-high {
	  position: absolute;
	  right: 0px;
	  margin-top: 5px;
  }
  
  .up_down_keys {
	  position: absolute;
	  bottom: 20px;
	  right: 20px;
	  z-index: 9999;
	  display: none;
  } 
  
  .up_down_keys a {
	  background-color: rgba(255, 255, 255, 1);
	  padding-left: 12px;
	  padding-right: 12px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  text-align: center;
	  color: #8c8c8c;
	  font-size: 21px;
  }
  
  .up_down_keys a:first-child {
	  border-top-left-radius: 4px;
	  border-bottom-left-radius: 4px;
	  border-right: 1px solid #CCC;
  }
  
  .up_down_keys a:last-child {
	  border-top-right-radius: 4px;
	  border-bottom-right-radius: 4px;
  }
  
  .answer-selector-container {
	  background: rgba(255, 255, 255, 0.1);
	  padding: 6px;
	  /*border: 1px solid rgba(255, 255, 255, 0.7);*/
	  border-radius: 3px;
	  position: relative;
	  text-align: center;
  }
  
  .answer-selector-container.flash {
	  -webkit-animation: flash-opacity-animation 0.22s 2; /* Safari 4+ */
	  -moz-animation:    flash-opacity-animation 0.22s 2; /* Fx 5+ */
	  -o-animation:      flash-opacity-animation 0.22s 2; /* Opera 12+ */
	  animation:         flash-opacity-animation 0.22s 2; /* IE 10+, Fx 29+ */
  } 
  
  .answer-selector-container.active {
	  background-color: rgba(255, 255, 255, 0.25);
  }
  
  .answer-selector-container .answer-check {
	  position: absolute;
	  background: #FFF;
	  top: 0;
	  right: 0;
	  color: rgb(8, 30, 61);
	  z-index: 900;
	  width: 24px;
	  display: none;
  }
  
  .answer-selector-container .answer-check .answer-check-content {
	  position: absolute;
	  z-index: 9999;
	  left: 0;
	  top: 4px;
  }
  
  .answer-selector-container .answer-check:before {
	  content: "";
	  display: block;
	  width: 0px;
	  height: 0px;
	  position: absolute;
	  right: 0px;
	  top: 0px;
	  z-index: 1;
	  border-width: 24px;
	  border-style: solid;
	  border-image: initial;
	  border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent transparent;
  }
  
  .answer-selector-container.active .answer-check {
	  display: block;
  }
  
  .answer-selector-img {
	  background: #e1e1e1;
	  color: #000;
	  border-radius: 19px;
	  padding-top: 20px;
	  padding-bottom: 10px;
	  height: 146px;
	  width: 100%;
  }
  
  .answer-selector-img i {
	  font-size: 55px;
	  padding-bottom: 9px;
  }
  
  .answer-selector-img h3 {
	  font-size: 16px;
	  font-weight: 600;
	  line-height: 22px;
	  padding-left: 10px;
	  padding-right: 10px;
	  width: 100%;
	  height: 53px;
	  line-height: normal;
  }
  
  .answer-selector-key {
	  background-color: rgba(8, 30, 61, 0.8);
	  color: #FFF;
	  border: 1px solid rgba(255, 255, 255, 0.7);
	  margin-top: 8px;
	  display: inline-block;
	  font-weight: bold;
	  padding-left: 6px;
	  padding-right: 6px;
	  font-size: 12px;
	  padding-top: 1px;
	  padding-bottom: 1px;
	  cursor: pointer;
  }
  
  .answer-selector-container:hover {
	  background-color: rgba(255, 255, 255, 0.25);
  }
  
  .answer-selector-container .answer-key-word {
	  display: none;
  }
  
  .answer-selector-container:hover .answer-key-word {
	  display: inline-block;
  }
  
  .answer-selector-hint {
	  margin-bottom: 20px;
	  color: #FFF;
  }
  
  .question-selector .col-md-3 {
	  margin-bottom: 8px;
	  padding-left: 4px;
	  padding-right: 4px;
  }
  
  .answer-selector-enter {
	  margin-top: 13px;
	  margin-left: 4px;
	  display: none;
  }
  
  .answer-selector-enter small {
	  margin-left: 9px;
  }
  
  .answer-selector-enter a {
	  color: rgb(128, 128, 128);
	  font-weight: bold;
	  font-size: 19px;
	  padding-top: 8px;
	  padding-bottom: 8px;
	  padding-left: 18px;
	  padding-right: 18px; 
  }
  
  .answer-ratings-icons i {
	  font-size: 39px;
  }
  
  textarea.answer-textarea {
	  width: 100%;
	  background: transparent;
	  border: none;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	  font-size: 30px;
	  color: #FFF;
	  height: 55px;
	  max-height: 300px;
  }
  
  textarea.answer-textarea:focus {
	  box-shadow: none !important;
	  outline: none;
  }
  
  .using-keyboard textarea.answer-textarea:focus {
	  box-shadow: none;
	  outline: none;
  }
  
  textarea.answer-textarea:active {
	  box-shadow: none;
  }
  
  textarea.answer-textarea::placeholder {
	  color: rgba(255, 255, 255, 0.3);
  }
  
  .answer-text-field-hint {
	  font-size: 12px;
  }
  
  .answer-textarea-enter {
	  margin-top: 13px;
	  margin-left: 4px;
  }
  
  .answer-textarea-enter small {
	  margin-left: 9px;
  }
  
  .answer-textarea-enter a {
	  color: rgb(128, 128, 128);
	  font-weight: bold;
	  font-size: 19px;
	  padding-top: 8px;
	  padding-bottom: 8px;
	  padding-left: 18px;
	  padding-right: 18px;
  }
  
  .submit-survey-container {
	  text-align: center;
  }
  
  .submit-survey-container a {
	  color: rgb(128, 128, 128);
	  font-weight: bold;
	  font-size: 23px;	
  }
  
  .submit-survey-container a.has_errors {
	  background-color: rgba(153, 0, 0, 1);
	  color: #FFF;
	  outline: none;
	  border: none;
  }
  
  .submit-survey-container small {
	  margin-left: 10px;
  }
  
  .thank-you-container p {
	  text-align: center;
	  font-size: 24px;
  }
  
  .up_down_keys a.disabled {
	  cursor: default;
	  opacity: 0.8;
	  pointer-events: none;
  }
  
  .answer-mobile-selector {
	  position: fixed;
	  bottom: 51px;
	  text-align: center;
	  border-top-right-radius: 0px;
	  border-top-left-radius: 0px;
	  width: 100%;
	  background: rgba(0,0,0,0.45);
	  left: 0;
	  right: 0;
	  padding-top: 10px;
	  display: none;
	  padding-bottom: 10px;
	  padding-left: 10px;
	  z-index: 999;
  }
  
  .main_error_container {
	  background-color: rgba(153, 0, 0, 0.8);
	  color: #FFF;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  padding-left: 15px;
	  padding-right: 15px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 35%;
	  z-index: 9999;
	  display: none;
	  text-align: center;
  }
  
  .main_error_container .container {
	  width: 840px;
	  padding-left: 70px;
	  padding-right: 70px;
  }
  
  .question_error {
	  color: #FFF;
	  background-color: rgba(153, 0, 0, 0.8);
	  padding-top: 3px;
	  padding-bottom: 4px;
	  padding-left: 15px;
	  padding-right: 15px;
	  display: inline-block;
	  border-radius: 7px;
	  font-size: 14px;
	  margin-top: 30px;
	  text-align: center;
	  visibility: hidden;
	  display: inline-block;
  }
  
  .question-selector .question_error {
	  margin-top: 0;
  }
  
  .mobile-btn-container {
	  display: none;
  }
  
  textarea {
	  overflow: hidden;
  }
  
  .keyboard_opened {
	  padding-right: 0px !important;
  }
  
  .answer-ratings-icons .answer-rating {
	  box-shadow: none !important;
  }
  
  .answer-ratings-icons.answer-ratings {
	  border: none !important;
  }
  
  .sr-only {
	  border: 0; 
	  clip: rect(0 0 0 0); 
	  height: 1px; 
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
  }
  
  @media(max-width: 1000px) and (orientation: landscape) {
	  
	  .container {
		  width: 100%;
		  max-width: inherit;
	  }
	  
	  .intro-container {
		  max-width: 640px !important;
		  margin: auto;
	  }
	  
	  .question-container {
		  max-width: 640px !important;
		  margin: auto;
	  }
	  
	  .intro-container p {
		  margin-bottom: 10px;
	  }
	  
	  .logo-container {
		  margin-bottom: 5px;
	  }
	  
	  .question-block {
		  width: 100% !important;
		  padding-bottom: 0;
		  padding-left: 30px;
		  padding-right: 30px;
	  }
	  
	  .question-container {
		  /*padding-left: 20px;
		  padding-right: 20px;*/
		  
		  padding-bottom: 25px;
	  }
	  
	  .intro-container p {
		  font-size: 17px;
		  width: 100%;
	  }
	  
	  .logo-container img {
		  width: 75%;
		  margin-top: 10px;
	  }
	  
	  .intro-container .btn-container .btn-hint {
		  display: none;
	  }
	  
	  .intro-container .btn-container {
		  margin-bottom: 10px;
		  margin-top: 10px;
	  }
	  
	  .intro-container .btn-container a {
		  width: 100%;
		  display: block;
		  font-size: 20px !important;
	  }
	  
	  .question-block {
		  width: 100% !important;
		  
		  padding-left: 0px;
		  padding-right: 0px;
		  padding-bottom: 30px;
	  }
	  
	  .question-container {
		  padding-left: 30px;
		  padding-right: 30px;
	  }
  
	  .question-block.question-selector {
		  overflow-y: scroll;
		  
	  }
	  
	  .question-block h3 {
		  font-size: 18px;
		  line-height: 21px;
	  }
	  
	  .question-block .question-hint {
		  font-size: 15px;
		  line-height: 17px;
	  }
	  
	  .question-block .col-12 {
		  padding-left: 10px;
		  padding-right: 10px;
	  }
	  
	  .question-block .answer-container {
		  margin-top: 13px;
	  }
	  
	  .question-block .answer-container .answer-ratings {
		  width: 100%;
	  }
	  
	  .answer-rating {
		  padding-top: 0px !important;
	  }
	  
	  .question-block .answer-container .answer-rating-low {
		  width: 40%;
		  font-size: 16px;
	  }
	  
	  .question-block .answer-container .answer-rating-high {
		  width: 40%;
		  text-align: right;
		  font-size: 16px;
	  }
	  
	  .answer-selector-img img {
		  width: 100%;
	  }
	  
	  .question-selector .col-md-3 {
		  width: 50%;
	  }
	  
	  .question-selector .row.h-100 {
		  display: block;
		  margin-top: 30px;
	  }
	  
	  .up_down_keys {
		  background: none;
		  padding-top: 10px;
		  padding-bottom: 10px;
		  right: 32px;
		  text-align: right;
		  padding-right: 8px;
		  position: fixed;
		  bottom: 8px;
		  height: 50px;
		  z-index: 9999;
		  width: 100px;
	  }
	  
	  .ios-browser .up_down_keys {
		  bottom: 51px;
	  }
	  
	  .ios-browser .answer-mobile-selector {
		  bottom: 51px;
	  }
	  
	  .answer-mobile-selector {
		  bottom: 0px;
	  }
	  
	  .answer-container .row {
	  }
	  
	  .answer-selector-enter {
		  /*margin-top: -103px;*/
	  }
	  
	  .answer-selector-enter small {
		  display: none;
	  }
	  
	  textarea.answer-textarea {
		  border-radius: 0;
		  font-size: 20px;
		  height: 38px;
		  padding-left: 0;
	  }
	  
	  .answer-text-field-hint {
		  display: none;
	  }
	  
	  .submit-survey-container small {
		  display: none;
	  }
	  
	  .question-container p {
		  font-size: 19px;
	  }
	  
	  .answer-textarea-enter small {
		  display: none;
	  }
	  
	  .question-block .question-number {
		  position: absolute;
			 top: 1px;
				 left: 10px;
		  font-size: 11px;
	  }
	  
	  .question-block .answer-container .answer-rating-high {
		  right: 0px;
		  line-height: 13px;
		  font-size: 13px;
	  }
	  
	  .question-block .answer-container .answer-rating-low {
		  left: 0px;
		  line-height: 13px;
		  font-size: 13px;
	  }
	  
	  .question-block[data-type=submit] .row {
		  width: 100%;
		  margin: auto;
	  }
	  
	  .submit-survey-container {
		  text-align: center;
	  }
	  
	  .main_error_container {
		  top: 10%;
		  text-align: center;
	  }
	  
	  .question-selector .question_error {
		  margin-top: -38px;
		  z-index: 9999;
		  margin-left: 23px;
		  background: rgba(153, 0, 0, 1);
	  }
	  
	  .fp-centered .fp-scrollable {
		  height: auto !important;
	  }
	  
	  .fp-scrollable {
		  overflow: inherit !important;
		  overflow-x: visible !important;
	  }
	  
	  .fp-scroller {
		  overflow: inherit !important;
		  overflow-x: visible !important;
	  }
	  
	  .thank-you-container .fp-scroller {
		  height: 100%;
		  display: block;
	  }
	  
	  .question-selector .col-md-3 {
		  width: 25%;
	  }
	  
	  .question-block.question-selector {
		  overflow: hidden;
	  }
	  
	  body {
		  background: url(../images/eTZ7wd2zXM6h.jpeg) no-repeat center top fixed;
		  background-size: 350% auto;
	  }
	  
	  .answer-ratings-icons i {
		  font-size: 26px;
	  }
	  
	  .question-block .answer-container .answer-rating:first-child {
		  box-shadow: none !important;
	  }
	  
	  .answer-selector-img h3 {
		  font-size: 14px;
		  line-height: 16px;
	  }
	  
	  .answer-selector-hint {
		  margin-bottom: 4px;
	  }
	  
	  .answer-selector-img h3 {
		  margin-bottom: 4px;
	  }
	  
	  .main_error_container .container {
		  width: inherit;
	  }
	  
	  .answer-textarea-enter {
		  display: none !important;
	  }
	  
  }
  
  @media (max-width : 800px) {
	  .question-block {
		  width: 100% !important;
		  padding-left: 0;
		  padding-right: 0;
	  }
	  
	  .customer_logo_container {
		  display: none;	
	  }
  }
  
  /* For iPad */
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px)  {
	  .question-block {
		  width: 100% !important;
		  padding-left: 10px !important;
		  padding-right: 10px !important;
	  }
	  
	  .answer-textarea-enter small {
		  display: none;
	  }
	  
	  .intro-container .btn-container .btn-hint {
		  display: none;
	  }
	  
	  .answer-selector-enter small {
		  display: none;
	  }
	  
	  .submit-survey-container small {
		  display: none;
	  }
  }
  
  @media(max-width: 600px) and (orientation: portrait)  {
	  
	  body {
		  background: url(../images/eTZ7wd2zXM6h.jpeg) no-repeat center top fixed;
		  background-size: 450% auto;
	  }
	  
	  .container {
		  padding-left: 0;
		  padding-right: 0;
	  }
	  
	  .btn-container {
		  display: none;
	  }
	  
	  .mobile-btn-container {
		  display: block;
		  position: absolute;
		  bottom: 10px;
		  left: 10px;
		  right: 10px;
		  z-index: 999;
	  }
	  
	  .mobile-btn-container a {
		  color: rgb(128, 128, 128);
		  background-color: #f8f9fa;
		  border-color: #f8f9fa;
		  font-size: 24px;
		  font-weight: 600;
		  padding-left: 20px;
		  padding-right: 20px;
		  width: 100%;
	  }
	  
	  .fp-centered .fp-scrollable {
		  height: auto !important;
	  }
	  
	  .fp-scrollable {
		  overflow: hidden !important;
	  }
	  
	  .thank-you-container .fp-scroller {
		  height: 100%;
		  display: block;
	  }
	  
	  .question_error {
		  margin-top: 50px;
		  margin-left: 19px;
		  font-size: 14px;
	  }
	  
	  .question-selector .question_error {
		  margin-top: -90px;
	  }
	  
	  .intro-container p {
		  font-size: 20px;
		  width: 100%;
	  }
	  
	  .logo-container img {
		  width: 100%;
	  }
	  
	  .intro-container .btn-container .btn-hint {
		  display: none;
	  }
	  
	  /*
	  .intro-container .btn-container {
		  position: absolute;
		  bottom: 10px;
		  left: 10px;
		  right: 10px;
	  }
	  */
	  
	  .intro-container .btn-container a {
		  width: 100%;
		  display: block;
		  font-size: 20px !important;
	  }
	  
	  .fp-scrollable {
	  }
	  
	  .fp-scroller {
	  }
	  
	  .question-block {
		  width: 100% !important;
		  padding-left: 15px;
		  padding-right: 15px;
		  padding-bottom: 30px;
	  }
  
	  .question-block.question-selector {
		  overflow-y: scroll;
		  
	  }
	  
	  .question-block h3 {
		  font-size: 19px;
		  line-height: 24px;
	  }
	  
	  .question-block .question-hint {
		  font-size: 16px;
		  line-height: 21px;
	  }
	  
	  /*
	  .question-block .col-12 {
		  padding-left: 10px;
		  padding-right: 10px;
	  }
	  */
	  
	  .question-block .answer-container .answer-ratings {
		  width: 100%;
	  }
	  
	  
	  .answer-rating {
		  padding-top: 0px !important;
	  }
	  
	  .question-block .answer-container {
		  margin-top: 15px;
	  }
	  
	  .question-block .answer-container .answer-rating-low {
		  width: 40%;
		  font-size: 12px;
		  margin-top: 5px;
	  }
	  
	  .question-block .answer-container .answer-rating-high {
		  width: 40%;
		  text-align: right;
		  font-size: 12px;
		  margin-top: 5px;
	  }
	  
	  .question-selector .col-md-3 {
		  width: 50%;
	  }
	  
	  .question-selector .row.h-100 {
		  display: block;
	  }
	  
	  .up_down_keys {
		  width: 100%;
		  background: rgba(0, 0, 0, 0.83);
		  padding-top: 10px;
		  padding-bottom: 10px;
		  bottom: 0;
		  right: 0;
		  left: 0;
		  text-align: right;
		  padding-right: 8px;
		  position: fixed;
	  }
	  
	  .question-block.question-selector .answer-container {
		  padding-bottom: 105px;
	  }
	  
	  .answer-container .row {
		  padding-bottom: 3px;
	  }
	  
	  .answer-selector-enter {
		  margin-top: -103px;
	  }
	  
	  .answer-selector-enter small {
		  display: none;
	  }
	  
	  textarea.answer-textarea {
		  border-radius: 0;
		  font-size: 20px;
		  height: 38px;
		  padding-left: 0;
	  }
	  
	  .answer-text-field-hint {
		  display: none;
	  }
	  
	  .submit-survey-container small {
		  display: none;
	  }
	  
	  .question-container {
		  width: 89%;
		  margin-left: 6%;
	  }
	  
	  .question-container p {
		  font-size: 19px;
	  }
	  
	  .answer-textarea-enter small {
		  display: none;
	  }
	  
	  .question-block .question-number {
		  position: absolute;
		  top: 6px;
		  left: -21px;
		  font-size: 11px;
	  }
	  
	  .question-block .answer-container .answer-rating-high {
		  right: 0px;
		  line-height: 17px;
	  }
	  
	  .question-block .answer-container .answer-rating-low {
		  left: 0px;
		  line-height: 17px;
	  }
	  
	  .question-block[data-type=submit] .row {
		  width: 100%;
		  margin: auto;
	  }
	  
	  .submit-survey-container {
		  text-align: center;
	  }
	  
	  .answer-ratings-icons i {
		  font-size: 26px;
	  }
	  
	  .question-block .answer-container .answer-rating:first-child {
		  box-shadow: none !important;
	  }
	  
	  .answer-selector-img h3 {
		  font-size: 14px;
		  line-height: 16px;
	  }
	  
	  .answer-selector-hint {
		  margin-bottom: 4px;
	  }
	  
	  .answer-selector-img h3 {
		  margin-bottom: 4px;
	  }
	  
	  .main_error_container .container {
		  width: inherit;
	  }
	  
	  .answer-textarea-enter {
		  /*display: none !important;*/
		  margin-top: 0px;
		  margin-left: 0;
		  width: 100%;
	  }
	  
	  .answer-textarea-enter a {
		  width: 100%;
	  }
	  
	  .question_error {
		  line-height: 16px;
		  padding-top: 6px;
		  padding-bottom: 8px;
		  display: block;
	  }
	  
	  .question-selector .question_error {
		  
	  }
	  
  }
  
  .btn-start-survey {
	  border: none !important;
  }
  
  .using-keyboard .btn-light.focus, .using-keyboard .btn-light:focus {  
	  outline: none;
	  box-shadow: 0 0 0 3px lightskyblue;
  }
  
  @viewport {
	  orientation: portrait;
  }
  
  
  @-webkit-keyframes flash-animation {
	  0%, 49% {
		  background-color: rgba(255,255,255,0.6);
	  }
	  50%, 100% {
		  background-color: rgba(255,255,255,1);
	  }
  }
  
  @-webkit-keyframes flash-opacity-animation {
	  0%, 49% {
		  background-color: rgba(255,255,255,0);
	  }
	  50%, 100% {
		  background-color: rgba(255, 255, 255, 0.25);
	  }
  }
  
  @keyframes flash-animation {
	  0%, 49% {
		  background-color: rgba(255,255,255,0.6);
	  }
	  50%, 100% {
		  background-color: rgba(255,255,255,1);
	  }
  }
  
  @keyframes flash-opacity-animation {
	  0%, 49% {
		  background-color: rgba(255,255,255,0);
	  }
	  50%, 100% {
		  background-color: rgba(255, 255, 255, 0.25);
	  }
  }