.cards-div {
  width: 100%;
  margin-bottom: 12px;
  min-height: 241.2px;
}

.ui.cards > .card,
.ui.card {
  width: 210px;
}

#card-2,
#card-3,
#card-4 {
  display: none;
}

.tire-card-header {
  padding-right: 10px;
  margin-bottom: 12px;
}

.tire-icon {
  height: 24px;
  opacity: 0.3;
}

.card-content {
  width: 100%;
  padding-right: 10px;
}

.remove.icon {
  color: #f84242;
  position: absolute;
  right: 10px;
  opacity: 0.8;
  padding-top: 1px;
  font-size: 16px;
}

.check.icon {
  color: #085c08;
  position: absolute;
  right: 10px;
  opacity: 0.7;
  padding-top: 1px;
  font-size: 16px;
}

.minus.icon {
  position: absolute;
  right: 10px;
  opacity: 0.6;
  padding-top: 1px;
  font-size: 16px;
}

.photos-amount {
  position: absolute;
  right: 18px;
  padding-top: 1px;
  font-size: 16px;
}

div#wrapper {
  margin: 0 auto !important;
}

.ui.large.secondary.pointing.menu {
  display: none !important;
}

div#beginnerInfo {
  background-color: #3a6b9a;
  padding: 0;
}

.ui.two.cards > .card {
  /* width: calc(48% - 2em) !important; */
  width: 210px;
}

div#beginnerInfo > div > h2,
div#beginnerInfo > div > h5,
div#beginnerInfo > div > div > h5 {
  margin: 10px 0 0 10px;
  font-style: italic;
  color: #ffffff;
}

div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoArtic {
  margin: 0 0 0 0;
  width: 100%;
  padding-top: 1px;
  height: 56px;
  position: absolute;
  left: 0% !important;
}

div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
  margin: 0 0 0 0;
  width: 34%;
  padding-top: 1px;
  height: 56px;
  position: absolute;
  right: 23% !important;
}

div#beginnerInfo > div#thirdBeginInfo {
  margin: 16px 0 0 30%;
  width: 70.1%;
  padding-top: 1px;
  height: 56px;
  text-align: right;
  display: inline-flex;
}

div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoBg {
  border-top: 56px solid #295275;
  border-right: 50px solid transparent;
  height: 56px;
  width: 100%;
}

div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoBg {
  border-top: 56px solid #295275;
  border-left: 50px solid transparent;
  height: 56px;
  width: 100%;
}

div#beginnerInfo > div#secondBeginInfo {
  display: inline-flex;
  width: 72%;
}

div#beginnerInfo > div#fourthBeginInfo {
  margin: 16px 0 10px 145px;
  width: 725px;
  padding-top: 1px;
  height: 56px;
  text-align: center;
}

.additionalSection {
  display: inline-grid;
  width: 100%;
  padding: 1em 0 1em 1em;
}

.additionalSectionLabel {
  margin-bottom: 1em;
}

.additionalSectionTextArea {
  /* max-width: 500px; */
}

#dsDamageCauseTire1,
#dsDamageCauseTire2,
#dsDamageCauseTire3,
#dsDamageCauseTire4 {
  margin: 1em 1em 0 0;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

.resell-div-internal {
  display: inline-flex;
  width: 100%;
  padding-left: 1em;
}

@media (min-width: 767px) {
  #dsResellReviewedDivTire1,
  #dsResellReviewedDivTire2,
  #dsResellReviewedDivTire3,
  #dsResellReviewedDivTire4 {
    margin-top: 0em;
  }

  .resell-div-internal {
    display: inline-flex;
    padding-right: 0;
  }
  .damage-div {
    margin-bottom: 50px;
    display: flex !important;
  }

  .resell-div {
    margin-bottom: 50px;
    display: flex !important;
  }

  #titleCkDamageTire1,
  #titleCkDamageTire2,
  #titleCkDamageTire3,
  #titleCkDamageTire4 {
    margin: 0px 0px 0px 10px;
    min-width: 130px;
    height: 20px;
    display: inline-flex;
  }

  #titleResellReviewedTire1,
  #titleResellReviewedTire2,
  #titleResellReviewedTire3,
  #titleResellReviewedTire4 {
    margin: 0px 0px 0px 10px;
    min-width: 130px;
    height: 20px;
    display: inline-flex;
  }

  #dtResellReviewedDivTire1,
  #dtResellReviewedDivTire2,
  #dtResellReviewedDivTire3,
  #dtResellReviewedDivTire4 {
    padding-left: 1em;
  }

  #dtResellReviewedTire1,
  #dtResellReviewedTire2,
  #dtResellReviewedTire3,
  #dtResellReviewedTire4 {
    width: 96% !important;
  }

  #email {
    width: 100% !important;
  }

  div#beginnerInfo {
    background-color: #3a6b9a;
    padding: 0;
  }

  div#beginnerInfo > div > h5,
  div#beginnerInfo > div > div > h5 {
    width: 100%;
    margin: 10px 0 0 10px;
    font-style: italic;
    color: #ffffff;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic > h5 {
    width: 100%;
    padding-right: 20px !important;
  }

  h5 {
    font-size: 100%;
  }

  div#beginnerInfo > div > img {
    max-width: 280px;
    right: 0;
    position: absolute;
  }

  div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoArtic {
    margin: 0 0 0 0;
    width: 68%;
    padding-top: 1px;
    height: 56px;
    position: absolute;
    left: 0% !important;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    margin: 0 0 0 0;
    width: 64%;
    padding-top: 1px;
    height: 56px;
    position: absolute;
    right: 0% !important;
  }

  div#beginnerInfo > div#thirdBeginInfo {
    margin: 16px 0 0 30%;
    width: 70.1%;
    padding-top: 1px;
    height: 56px;
    text-align: right;
    display: inline-flex;
  }

  div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoBg {
    border-top: 55px solid #295275;
    border-right: 50px solid transparent;
    height: 14px;
    width: 100%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoBg {
    border-top: 55px solid #295275;
    border-left: 50px solid transparent;
    height: 50px;
    width: 100%;
  }

  div#beginnerInfo > div#secondBeginInfo {
    display: inline-flex;
    width: 72%;
  }

  div#beginnerInfo > div#fourthBeginInfo {
    margin: 16px 0 10px 0;
    width: 100%;
    padding-top: 1px;
    height: 56px;
    text-align: center;
  }

  div#beginnerInfo > div#fourthBeginInfo > h5 {
    margin: 10px 0 0 0;
    width: 100%;
  }

  div#wrapper {
    margin: 0 auto !important;
  }

  .ui.form .inline.fields .field {
    padding: 0em 1em 0em 1em;
  }

  .ui.segment:last-child {
    margin-bottom: 0.5em;
  }

  body#body {
    width: 100%;
  }

  .ui.two.cards > .card {
    margin-left: 4% !important;
    margin-right: 0.5% !important;
  }

  .ui.two.cards {
    margin: 0 auto !important;
    width: 70% !important;
  }

  .ui.container {
    width: 100%;
  }

  .g-recaptcha {
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .ui.cards > .card > .content > .header:not(.ui) {
    font-size: 1.1em;
    text-align: center;
  }

  .ui.orange.segment {
    margin-left: 0px;
    margin-right: 0px;
    padding: 1.3em 1.3em !important;
  }

  div#successWarning > div > div > h1 {
    font-family: inherit !important;
    color: #005495 !important;
  }

  div#successWarning > div > div > div > p {
    font-family: inherit !important;
    font-size: 15px !important;
  }

  .ui.cards > .card .meta,
  .ui.card .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.4);
    min-height: 40px;
    max-width: 262px;
    max-height: 40px;
    word-wrap: break-word;
    overflow-y: hidden;
    text-align: center;
  }

  .card {
    max-height: 350px;
    min-height: 350px;
    margin: 0 1em 0 1em;
  }

  .card#photoDotHelper,
  #photoTireHelper,
  #photoTireTreadHelper,
  #photoDamageHelper {
    max-height: 290px !important;
    min-height: 290px !important;
  }

  .image {
    min-height: 220px;
    max-height: 220px;
    min-width: 100%;
    max-width: 100%;
  }

  .image > img {
    max-width: 100%;
    min-width: auto;
    max-height: 100%;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #centeredSuccessDiv {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    min-width: 100%;
    position: absolute;
  }

  #successWarning {
    max-height: 445px;
  }

  #warnSign,
  #warnSignDiv {
    width: 3%;
    position: absolute;
    right: 66%;
    margin-top: 7px;
  }

  #warnSignDiv {
    width: 600px !important;
    left: 0px;
  }

  #successGrid {
    margin: 1em !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  [data-tooltip]:not([data-position]):before {
    left: 32.5% !important;
    right: auto;
  }

  [data-tooltip]:not([data-position]):after {
    left: 28.5% !important;
    white-space: normal !important;
  }

  .alertify-notifier.ajs-right {
    margin: 0 auto !important;
  }

  .rc-anchor-normal > .rc-anchor-pt {
    text-align: initial !important;
    left: 146px !important;
  }

  div#ckCaptchaDiv > article {
    margin: 0 0 0 42% !important;
  }

  button#btnSave {
    width: 165px;
  }

  div#beginnerInfo > div#firstBeginInfo > h2 {
    width: 60%;
  }
}

@media (max-width: 767px) {
  #dsResellReviewedDivTire1,
  #dsResellReviewedDivTire2,
  #dsResellReviewedDivTire3,
  #dsResellReviewedDivTire4 {
    margin-top: 1em;
    width: 100% !important;
  }

  .damage-div {
    margin-bottom: 50px;
    display: inline !important;
  }

  .resell-div {
    margin-bottom: 50px;
    display: inline !important;
  }

  .resell-div-internal {
    display: grid;
  }

  #titleCkDamageTire1,
  #titleCkDamageTire2,
  #titleCkDamageTire3,
  #titleCkDamageTire4 {
    margin: 0px 0px 20px 10px;
    min-width: 130px;
    height: 20px;
    display: inline-flex;
  }

  #titleResellReviewedTire1,
  #titleResellReviewedTire2,
  #titleResellReviewedTire3,
  #titleResellReviewedTire4 {
    margin: 0px 0px 0px 10px;
    min-width: 130px;
    height: 20px;
    display: inline-flex;
  }

  #dtResellReviewedDivTire1,
  #dtResellReviewedDivTire2,
  #dtResellReviewedDivTire3,
  #dtResellReviewedDivTire4 {
    padding: 1em 0 0 0 !important;
    width: 100% !important;
  }

  #email {
    width: 100% !important;
  }

  div#wrapper {
    margin: 0 auto !important;
  }

  div#beginnerInfo {
    background-color: #3a6b9a;
    padding: 0;
  }

  div#beginnerInfo > div > img {
    max-width: 200px;
    right: 0;
    position: absolute;
  }

  div#beginnerInfo > div > h5,
  div#beginnerInfo > div > div > h5 {
    width: 100%;
    margin: 10px 0 0 10px;
    font-style: italic;
    color: #ffffff;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic > h5 {
    width: 100%;
    padding-right: 20px !important;
  }

  h5 {
    font-size: 97%;
  }

  div#beginnerInfo > div#firstBeginInfo > h2 {
    width: 67%;
  }

  div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoArtic {
    margin: 0 0 0 0;
    width: 84%;
    padding-top: 1px;
    height: 56px;
    position: absolute;
    left: 0% !important;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    margin: 0 0 0 0;
    width: 89%;
    padding-top: 1px;
    height: 56px;
    position: absolute;
    right: 0% !important;
  }

  div#beginnerInfo > div#fourthBeginInfo > h5 {
    margin: 10px 0 0 0;
    width: 100%;
  }

  div#beginnerInfo > div#thirdBeginInfo {
    margin: 16px 0 0 10%;
    width: 90.1%;
    padding-top: 1px;
    height: 56px;
    text-align: right;
    display: inline-flex;
  }

  div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoBg {
    border-top: 58px solid #295275;
    border-right: 50px solid transparent;
    height: 14px;
    width: 100%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoBg {
    border-top: 58px solid #295275;
    border-left: 50px solid transparent;
    height: 56px;
    width: 100%;
  }

  div#beginnerInfo > div#secondBeginInfo {
    display: inline-flex;
    width: 90%;
  }

  div#beginnerInfo > div#fourthBeginInfo {
    margin: 16px 0 10px 0;
    width: 100%;
    padding-top: 1px;
    height: 56px;
    text-align: center;
  }

  .ui.buttons {
    height: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .ui.blue.basic.active.button {
    height: 100%;
  }

  .ui.red.basic.active.button {
    height: 100%;
    max-width: 50%;
    min-width: 50%;
  }

  .image {
    min-height: 220px !important;
    max-height: 220px !important;
    min-width: 206px !important;
    max-width: 206px !important;
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card,
  .ui.card {
    width: 206px !important;
    right: 0;
  }

  .card#photoDotFileCard,
  #photoTireFileCard,
  #photoTireTreadFileCard,
  #photoDamageFileCard,
  .ui.two.cards {
    right: 0;
  }

  .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
  .ui.centered.grid > .row > .column:not(.aligned):not(.justified),
  .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
    left: 0%;
  }

  .html {
    width: 100% !important;
  }

  .ui.cards {
    width: 100%;
    justify-content: center;
  }

  button#btnSave {
    width: 50% !important;
  }

  div#btnSaveDiv {
    padding-top: 1em !important;
  }

  .ui.grid > .row {
    width: 110% !important;
  }

  .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
  .ui.centered.grid > .row > .column:not(.aligned):not(.justified),
  .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
    text-align: -webkit-center !important;
    text-align: -moz-center !important;
  }

  .ui.stackable.grid {
    width: auto;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .ui.cards#photoDamageFileNewCards > .card > .content > .description > .ui.buttons > label.ui.red.basic.active.button {
    height: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
  }

  .card {
    margin: 0.8em auto;
  }

  body#body {
    width: 100% !important;
  }

  .ui.two.cards {
    margin: 0 auto !important;
    width: 85% !important;
  }

  .ui.two.cards > .card {
    width: 206px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    right: 4px;
  }

  #successWarning {
    max-height: none !important;
  }

  div#successWarning > ui.grid > .sixteen.wide.column {
    max-height: 200px;
    top: -40px;
  }

  #warnSign,
  #warnSignDiv {
    width: 20px;
    position: absolute;
    right: 93px;
    margin-top: 7px;
  }

  #warnSignDiv {
    width: 290px !important;
    left: 0px;
  }

  #successGrid {
    margin: 1em !important;
  }

  [data-tooltip]:not([data-position]):before {
    right: 85px !important;
    left: 187px !important;
  }

  [data-tooltip]:not([data-position]):after {
    right: -95px !important;
    white-space: normal !important;
    left: 135px !important;
  }

  .ui.radio.checkbox {
    margin-left: 0em !important;
  }

  img#tireExplanation {
    max-width: 240px !important;
    margin: 0 0 0 28% !important;
  }

  .ui.cards > .card > .content > .header:not(.ui) {
    font-size: 16px !important;
  }

  a#tireParts {
    margin-left: 38% !important;
  }

  div#clientAllegation {
    margin-top: 15px !important;
  }

  .ui.large.secondary.pointing.menu {
    display: none !important;
  }

  .ui.grid > .row > [class*="eight wide"].column,
  .ui.grid > .column.row > [class*="eight wide"].column,
  .ui.grid > [class*="eight wide"].column,
  .ui.column.grid > [class*="eight wide"].column {
    width: 100% !important;
  }

  #centeredSuccessDiv {
    max-width: 100% !important;
    min-width: 100% !important;
    position: inherit !important;
  }

  div#ckCaptchaDiv {
    margin: 15px 0 0 30%;
  }

  .g-recaptcha-bubble-arrow {
    display: none !important;
  }

  .rc-anchor-normal > .rc-anchor-pt {
    text-align: initial !important;
    left: 10px !important;
  }

  #rc-imageselect {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 12px 24%;
  }

  .alertify-notifier.ajs-right {
    margin: 0 auto !important;
  }

  .alertify-notifier.ajs-right .ajs-message.ajs-visible {
    margin: 0 auto !important;
  }

  .ui.form {
    padding-bottom: 0.6rem;
  }

  div#ckCaptchaDiv > article {
    margin: 0 0 0 8% !important;
  }
}

@media (max-width: 560px) {
  h5 {
    font-size: 90%;
  }

  div#beginnerInfo > div#firstBeginInfo > h2 {
    width: 98%;
  }

  img#tireExplanation {
    max-width: 240px !important;
    margin: 0 0 0 18% !important;
  }

  div#beginnerInfo > div > img {
    max-width: 300px;
    position: unset;
    margin-left: 20%;
  }

  #rc-imageselect {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 12px 14%;
  }

  .image > img {
    max-width: 278px;
    min-width: auto;
    max-height: 100%;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  div#ckCaptchaDiv > article {
    margin: 0 0 0 5% !important;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    width: 86%;
  }
}

@media (max-width: 495px) {
  h5 {
    font-size: 89%;
  }
}

@media (max-width: 482px) {
  div#beginnerInfo > div > img {
    max-width: 300px;
    position: unset;
    margin-left: 15%;
  }

  h5 {
    font-size: 88%;
  }
}

@media (max-width: 460px) {
  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    width: 85%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic > h5 {
    padding-right: 8px !important;
  }

  #rc-imageselect {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 12px 5%;
  }

  div#beginnerInfo > div > h5,
  div#beginnerInfo > div > div > h5 {
    width: 100%;
    margin: 10px 0 0 1%;
  }

  .image > img {
    max-width: 278px;
    min-width: auto;
    max-height: 100%;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  div#ckCaptchaDiv > article {
    margin: 0 auto !important;
  }
}

@media (max-width: 443px) {
  h5 {
    font-size: 83%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    width: 86%;
  }
}

@media (max-width: 426px) {
  h5 {
    font-size: 80%;
  }
}

@media (max-width: 414px) {
  h5 {
    font-size: 79%;
  }

  div#beginnerInfo > div > img {
    max-width: 300px;
    position: unset;
    margin-left: 10%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    width: 87%;
  }
}

@media (max-width: 402px) {
  h5 {
    font-size: 77%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic {
    width: 85%;
  }

  img#tireExplanation {
    max-width: 240px !important;
    margin: 0 0 0 8% !important;
  }

  div#beginnerInfo > div#firstBeginInfo > h5,
  div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoArtic > h5 {
    width: 100%;
    margin: 10px 0 0 1%;
  }

  .image > img {
    max-width: 278px;
    min-width: auto;
    max-height: 100%;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  #rc-imageselect {
    transform: scale(1.21);
    -webkit-transform: scale(1.21);
    -moz-transform: scale(1.21);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.21);
    -webkit-transform: scale(1.21);
    -moz-transform: scale(1.04);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 30px 0;
  }

  div#ckCaptchaDiv {
    margin: 15px 0 0 27%;
  }

  div#ckCaptchaDiv > article {
    margin: 0 auto !important;
  }
}

@media (max-width: 392px) {
  h5 {
    font-size: 75%;
  }

  #rc-imageselect {
    transform: scale(1.18);
    -webkit-transform: scale(1.18);
    -moz-transform: scale(1.18);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.18);
    -webkit-transform: scale(1.18);
    -moz-transform: scale(1.18);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 382px) {
  .image > img {
    max-width: 278px;
    min-width: auto;
    max-height: 100%;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  div#beginnerInfo > div > img {
    max-width: 270px;
    position: unset;
    margin-left: 5%;
  }

  div#beginnerInfo > div#thirdBeginInfo > div#thirdBeginInfoArtic > h5 {
    padding-right: 15px !important;
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  #rc-imageselect {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 12px 0;
  }

  div#beginnerInfo > div > h5,
  div#beginnerInfo > div > div > h5 {
    width: 100%;
    margin: 10px 0 0 5%;
    font-style: italic;
    color: #ffffff;
  }

  h5 {
    font-size: 75%;
  }
}

@media (max-width: 360px) {
  #rc-imageselect {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 341px) {
  h5 {
    font-size: 77%;
  }

  div#beginnerInfo > div > img {
    max-width: 300px;
    position: unset;
    margin-left: 0%;
  }

  #rc-imageselect {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 88%;
    margin: 0 0 12px 0;
  }

  .image > img {
    max-width: 278px;
    min-width: auto;
    max-height: 180px;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  div#ckCaptchaDiv > article {
    margin: 0 auto !important;
  }
}

@media (max-width: 325px) {
  div#wrapper {
    max-width: 100% !important;
    margin: 0px 0px !important;
  }

  h1 {
    font-size: 27px !important;
  }

  .image > img {
    max-width: 278px;
    min-width: auto;
    max-height: 100%;
    min-height: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  div#beginnerInfo > div#secondBeginInfo > div#secondBeginInfoArtic {
    width: 80%;
  }

  .image > img {
    max-width: 206px !important;
  }

  .ui.cards > .card > .image > img {
    width: auto !important;
    height: auto !important;
  }

  body#body {
    width: 100% !important;
    max-width: 100%;
  }

  div#beginnerInfo > div > h5,
  div#beginnerInfo > div > div > h5 {
    width: 100%;
    margin: 10px 0 0 5%;
    font-style: italic;
    color: #ffffff;
  }

  ui.buttons .button,
  .ui.buttons .or,
  .ui.button {
    font-size: 10px !important;
  }

  .ui.blue.basic.active.button {
    height: 100%;
  }

  .ui.red.basic.active.button {
    height: 100%;
    max-width: 50% !important;
    min-width: 50% !important;
  }

  .card#photoDotFileCard > .image,
  #photoTireFileCard > .image,
  #photoTireTreadFileCard > .image,
  #photoDamageFileCard > .image,
  .ui.two.cards > .image {
    min-height: 179px !important;
    max-height: 179px !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .image {
    min-height: 206px !important;
    max-height: 206px !important;
  }

  .image > img {
    max-width: 100% !important;
  }

  .ui.cards > .card,
  .ui.card {
    width: 206px !important;
  }

  .ui.cards {
    width: 100%;
  }

  button#btnSave {
    width: 60% !important;
  }

  .ui.grid > .row {
    width: 110% !important;
  }

  .ui.stackable.grid {
    width: auto;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .ui.cards#photoDamageFileNewCards > .card > .content > .description > .ui.buttons > label.ui.red.basic.active.button {
    height: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
  }

  .card {
    margin: 0.8em auto;
  }

  .ui.two.cards {
    margin: 0 auto !important;
    width: 85% !important;
  }

  .ui.two.cards > .card {
    width: 206px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #successWarning {
    max-height: none !important;
  }

  div#successWarning > ui.grid > .sixteen.wide.column {
    max-height: 200px;
    top: -40px;
  }

  #warnSign,
  #warnSignDiv {
    width: 16px;
    position: absolute;
    right: 10px;
    margin-top: 6px;
  }

  #warnSignDiv {
    width: 195px !important;
    left: 0px;
  }

  #successGrid {
    margin: 1em !important;
  }

  [data-tooltip]:not([data-position]):before {
    right: 85px !important;
    left: 177px !important;
  }

  [data-tooltip]:not([data-position]):after {
    right: -95px !important;
    white-space: normal !important;
    left: 135px !important;
  }

  .ui.radio.checkbox {
    margin-left: 0em !important;
  }

  img#tireExplanation {
    max-width: 190px !important;
    margin-left: 13% !important;
  }

  .ui.cards > .card > .content > .header:not(.ui) {
    font-size: 12px !important;
  }

  a#tireParts {
    margin-left: 80px !important;
  }

  div#clientAllegation {
    margin-top: 15px !important;
  }

  .ui.large.secondary.pointing.menu {
    display: none !important;
  }

  .ui.grid > .row > [class*="eight wide"].column,
  .ui.grid > .column.row > [class*="eight wide"].column,
  .ui.grid > [class*="eight wide"].column,
  .ui.column.grid > [class*="eight wide"].column {
    width: 100% !important;
  }

  #centeredSuccessDiv {
    max-width: 100% !important;
    min-width: 100% !important;
    position: inherit !important;
  }

  h4 {
    font-size: 12px !important;
  }

  .ui.form .inline.fields > label,
  .ui.form .inline.fields .field > label,
  .ui.form .inline.fields .field > p,
  .ui.form .inline.field > label,
  .ui.form .inline.field > p {
    font-size: 1rem !important;
    text-align: justify;
  }

  p {
    font-size: 1rem !important;
    text-align: justify !important;
  }

  .rc-anchor-normal > .rc-anchor-pt {
    text-align: initial !important;
    left: 146px !important;
  }

  #rc-imageselect {
    transform: scale(0.97);
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
  }

  .g-recaptcha {
    transform: scale(0.97);
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    padding-top: 0.7em;
    width: 302px;
  }

  .g-recaptcha-bubble-arrow {
    display: none !important;
  }

  .alertify-notifier.ajs-right {
    margin: 0 auto !important;
  }

  button#btnSave {
    width: 50% !important;
  }

  .alertify-notifier.ajs-right .ajs-message.ajs-visible {
    margin: 0 auto !important;
  }

  div#ckCaptchaDiv {
    margin: 0 0 0 20% !important;
  }

  div#beginnerInfo > div > img {
    max-width: 270px;
    position: unset;
    margin-left: 0%;
  }
}

.submit-loader {
  top: auto !important;
  bottom: 100px !important;
}

#requirementTire1,
#requirementTire2,
#requirementTire3,
#requirementTire4 {
  padding: 0 0 0 1em;
  display: grid;
}

#dsResellReviewedDivTire1,
#dsResellReviewedDivTire2,
#dsResellReviewedDivTire3,
#dsResellReviewedDivTire4 {
  display: none;
  width: 60%;
}

#dtResellReviewedDivTire1,
#dtResellReviewedDivTire2,
#dtResellReviewedDivTire3,
#dtResellReviewedDivTire4 {
  display: none;
  width: 40%;
  padding-left: 1em;
  color: rgb(0, 0, 0);
  opacity: 0.77;
}

#dsResellReviewedNameTire1,
#dsResellReviewedNameTire2,
#dsResellReviewedNameTire3,
#dsResellReviewedNameTire4 {
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

#dtResellReviewedTire1,
#dtResellReviewedTire2,
#dtResellReviewedTire3,
#dtResellReviewedTire4 {
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

#dsAdditionalTire1,
#dsAdditionalTire2,
#dsAdditionalTire3,
#dsAdditionalTire4 {
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

.damage-div,
.resell-div {
  margin: 0;
  height: 40px;
}

.tiresButtonBarEnclosingDiv {
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}

.tiresButtonBar {
  width: 350px !important;
}

.requiredBadge {
  margin: -0.2em 0em 0em 0.2em;
  color: #db2828;
}

/* CLASSES DE ERRO DOS CAMPOS DOS MODAIS DO PNEU */

.two.fields.error,
.field.error > .ui.fluid.dropdown,
.field.required.error > #dsDamageCauseTire1,
.field.required.error > #dsDamageCauseTire2,
.field.required.error > #dsDamageCauseTire3,
.field.required.error > #dsDamageCauseTire4,
.input.field.required > .field.required.error {
  background: #fff6f6 !important;
  border-color: #e0b4b4 !important;
  color: #9f3a38 !important;
  border-radius: "" !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui.form .error ::placeholder {
  color: #e7bdbc !important;
}

.window.close.icon {
  position: absolute;
  font-size: 20px;
  right: 10px;
  color: #f24848;
}

.submit-loader {

}

.submit-loader-label {

}