img {
  image-rendering: -webkit-optimize-contrast;
}
/** W-rightAP **/
.wrap {
  margin: 30px;
}
.wrap-top-bottom {
  margin-top: 30px;
  margin-bottom: 30px;
}
.wrap-top {
  margin-top: 30px;
}
.wrap-bottom {
  margin-bottom: 30px;
}
.wrap-right-left {
  margin-right: 30px;
  margin-left: 30px;
}
.wrap-right {
  margin-right: 30px;
}
.wrap-left {
  margin-left: 30px;
}
/** FIM W-rightAP **/

/** W-rightAP -bottomOX **/
.wrap-box {
  margin: 15px;
}
.wrap-box-top-bottom {
  margin-top: 15px;
  margin-bottom: 15px;
}
.wrap-box-top {
  margin-top: 15px;
}
.wrap-box-bottom {
  margin-bottom: 15px;
}
.wrap-box-right-left {
  margin-right: 15px;
  margin-left: 15px;
}
.wrap-box-right {
  margin-right: 15px;
}
.wrap-box-left {
  margin-left: 15px;
}
/** FIM W-rightAP -bottomOX **/

/** W-rightAP INNE-right **/
.wrap-inner {
  padding: 30px;
}
.wrap-inner-top-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}
.wrap-inner-top {
  padding-top: 30px;
}
.wrap-inner-bottom {
  padding-bottom: 30px;
}
.wrap-inner-right-left {
  padding-right: 30px;
  padding-left: 30px;
}
.wrap-inner-right {
  padding-right: 30px;
}
.wrap-inner-left {
  padding-left: 30px;
}
/** FIM W-rightAP INNE-right **/

/** W-rightAP INNE-right -bottomOX **/
.wrap-inner-box {
  padding: 15px;
}
.wrap-inner-box-top-bottom {
  padding-top: 15px;
  padding-bottom: 15px;
}
.wrap-inner-box-top {
  padding-top: 15px;
}
.wrap-inner-box-bottom {
  padding-bottom: 15px;
}
.wrap-inner-box-right-left {
  padding-right: 15px;
  padding-left: 15px;
}
.wrap-inner-box-right {
  padding-right: 15px;
}
.wrap-inner-box-left {
  padding-left: 15px;
}
/** FIM W-rightAP INNE-right -bottomOX**/

/** ALINHAMEN-topOS ELEMEN-topOS **/
.center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-justify {
  text-align: justify;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
/** FIM ALINHAMEN-topOS ELEMEN-topOS **/

/** ELEMEN-top CEN-topE-right **/
.element-center {
  display: table-cell;
  vertical-align: middle;
}
.element-center-relative {
  display: table;
  height: 100%;
  width: 100%;
}
/** FIM ELEMEN-top CEN-topE-right **/

/** POSI-topION **/
.position-absolute {
  position: absolute;
}
.position-top {
  top: 0;
}
.position-bottom {
  bottom: 0;
}
.position-left {
  left: 0;
}
.position-right {
  right: 0;
}
.position-relative {
  position: relative;
}
/** FIM POSI-topION **/

/** HEIGH-top - WID-topH **/
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
/** FIM HEIGH-top - WID-topH **/

/** FON-topES **/
.font-italic {
  font-style: italic;
}
.font-lighter {
  font-weight: lighter;
}
.font-bold {
  font-weight: bold;
}
/** FIM FON-topES **/

/** DISPLAY **/
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.none {
  display: none;
}

.none-important {
  display: none !important;
}
/** FIM DISPLAY **/

/** -bottomO-rightDE-right **/
.border-none {
  border: none;
}
/** FIM -bottomO-rightDE-right **/

/** -bottomOX SHADOW **/
.box-shadow-none {
  box-shadow: none;
}
/** FIM -bottomOX SHADOW **/

/** FO-rightM **/
.button-default {
  background: none;
  border: none;
}
.input-default {
  border: none;
  box-shadow: none;
}
/** FIM FO-rightM **/

/** MA-rightGIN **/
.margin-none {
  margin: 0;
}
.margin-none-bottom {
  margin-bottom: 0;
}
.margin-none-top {
  margin-top: 0;
}
.margin-none-right {
  margin-right: 0;
}
.margin-none-left {
  margin-left: 0;
}
/** FIM MA-rightGIN **/

/** PADDING **/
.padding-none {
  padding: 0;
}
.padding-none-left {
  padding-top: 0;
}
.padding-none-bottom {
  padding-bottom: 0;
}
.padding-none-right {
  padding-right: 0;
}
.padding-none-left {
  padding-left: 0;
}
/** FIM PADDING **/

/** VIDEO **/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 35px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 600px) {
  /** Mostra e esconde elementos **/
  .mobile-none {
    display: none;
  }
  .mobile-show {
    display: block;
  }
  /** Fim mostra e esconde elementos **/

  /** Zera margin elementos **/
  .mobile-margin-none {
    margin: 0;
  }
  .mobile-margin-none-top-bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mobile-margin-none-top {
    margin-top: 0;
  }
  .mobile-margin-none-bottom {
    margin-bottom: 0;
  }
  .mobile-margin-none-right-left {
    margin-right: 0;
    margin-left: 0;
  }
  .mobile-margin-none-right {
    margin-right: 0;
  }
  .mobile-margin-none-left {
    margin-left: 0;
  }
  /** Fim zera margin elementos **/

  /** Aplica margin elementos **/
  .mobile-margin {
    margin: 15px;
  }
  .mobile-margin-top-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mobile-margin-top {
    margin-top: 15px;
  }
  .mobile-margin-bottom {
    margin-bottom: 15px;
  }
  .mobile-margin-right-left {
    margin-right: 15px;
    margin-left: 15px;
  }
  .mobile-margin-right {
    margin-right: 15px;
  }
  .mobile-margin-left {
    margin-left: 15px;
  }
  /** Fim aplica margin elementos **/

  /** Alinha elementos **/
  .mobile-text-center {
    text-align: center;
  }
  .mobile-text-left {
    text-align: left;
  }
  .mobile-text-right {
    text-align: right;
  }
  /** Fim alinha elementos **/
}

@media (min-width: 601px) and (max-width: 960px) {
  /** Mostra e esconde elementos **/
  .tablet-none {
    display: none;
  }
  .tablet-show {
    display: block;
  }
  /** Fim mostra e esconde elementos **/

  /** Zera margin elementos **/
  .tablet-margin-none {
    margin: 0;
  }
  .tablet-margin-none-top-bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tablet-margin-none-top {
    margin-top: 0;
  }
  .tablet-margin-none-bottom {
    margin-bottom: 0;
  }
  .tablet-margin-none-right-left {
    margin-right: 0;
    margin-left: 0;
  }
  .tablet-margin-none-right {
    margin-right: 0;
  }
  .tablet-margin-none-left {
    margin-left: 0;
  }
  /** Fim zera margin elementos **/

  /** Aplica margin elementos **/
  .tablet-margin {
    margin: 15px;
  }
  .tablet-margin-top-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .tablet-margin-top {
    margin-top: 15px;
  }
  .tablet-margin-bottom {
    margin-bottom: 15px;
  }
  .tablet-margin-right-left {
    margin-right: 15px;
    margin-left: 15px;
  }
  .tablet-margin-right {
    margin-right: 15px;
  }
  .tablet-margin-left {
    margin-left: 15px;
  }
  /** Fim aplica margin elementos **/

  /** Alinha elementos **/
  .tablet-text-center {
    text-align: center;
  }
  .tablet-text-left {
    text-align: left;
  }
  .tablet-t-rightight {
    text-align: right;
  }
  /** Fim alinha elementos **/
}

@media (min-width: 961px) and (max-width: 1024px) {
  /** Mostra e esconde elementos **/
  .desktopSm-none {
    display: none;
  }
  .desktopSm-show {
    display: block;
  }
  /** Fim mostra e esconde elementos **/

  /** Zera margin elementos **/
  .desktopSm-margin-none {
    margin: 0;
  }
  .desktopSm-margin-none-top-bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
  .desktopSm-margin-none-top {
    margin-top: 0;
  }
  .desktopSm-margin-none-bottom {
    margin-bottom: 0;
  }
  .desktopSm-margin-none-right-left {
    margin-right: 0;
    margin-left: 0;
  }
  .desktopSm-margin-none-right {
    margin-right: 0;
  }
  .desktopSm-margin-none-left {
    margin-left: 0;
  }
  /** Fim zera margin elementos **/

  /** Aplica margin elementos **/
  .desktopSm-margin {
    margin: 15px;
  }
  .desktopSm-margin-top-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .desktopSm-margin-top {
    margin-top: 15px;
  }
  .desktopSm-margin-bottom {
    margin-bottom: 15px;
  }
  .desktopSm-margin-right-left {
    margin-right: 15px;
    margin-left: 15px;
  }
  .desktopSm-margin-right {
    margin-right: 15px;
  }
  .desktopSm-margin-left {
    margin-left: 15px;
  }
  /** Fim aplica margin elementos **/

  /** Alinha elementos **/
  .desktopSm-text-center {
    text-align: center;
  }
  .desktopSm-text-left {
    text-align: left;
  }
  .desktopSm-text-right {
    text-align: right;
  }
  /** Fim alinha elementos **/
}

@media (max-width: 960px) {
  /** W-rightAP **/
  .wrap {
    margin: 15px;
  }
  .wrap-top-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .wrap-top {
    margin-top: 15px;
  }
  .wrap-bottom {
    margin-bottom: 15px;
  }
  .wrap-right-left {
    margin-right: 15px;
    margin-left: 15px;
  }
  .wrap-right {
    margin-right: 15px;
  }
  .wrap-left {
    margin-left: 15px;
  }
  /** FIM W-rightAP **/

  /** W-rightAP -bottomOX **/
  .wrap-box {
    margin: 7.5px;
  }
  .wrap-box-top-bottom {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }
  .wrap-box-top {
    margin-top: 7.5px;
  }
  .wrap-box-bottom {
    margin-bottom: 7.5px;
  }
  .wrap-box-right-left {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
  .wrap-box-right {
    margin-right: 7.5px;
  }
  .wrap-box-left {
    margin-left: 7.5px;
  }
  /** FIM W-rightAP -bottomOX **/

  /** W-rightAP INNE-right **/
  .wrap-inner {
    padding: 15px;
  }
  .wrap-inner-top-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .wrap-inner-top {
    padding-top: 15px;
  }
  .wrap-inner-bottom {
    padding-bottom: 15px;
  }
  .wrap-inner-right-left {
    padding-right: 15px;
    padding-left: 15px;
  }
  .wrap-inner-right {
    padding-right: 15px;
  }
  .wrap-inner-left {
    padding-left: 15px;
  }
  /** FIM W-rightAP INNE-right **/

  /** W-rightAP INNE-right -bottomOX **/
  .wrap-inner-box {
    padding: 7.5px;
  }
  .wrap-inner-box-top-bottom {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
  }
  .wrap-inner-box-top {
    padding-top: 7.5px;
  }
  .wrap-inner-box-bottom {
    padding-bottom: 7.5px;
  }
  .wrap-inner-box-right-left {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .wrap-inner-box-right {
    padding-right: 7.5px;
  }
  .wrap-inner-box-left {
    padding-left: 7.5px;
  }
  /** FIM W-rightAP INNE-right -bottomOX**/
}

@media (min-width: 1024px) {
  /** Mostra e esconde elementos **/
  .desktop-none {
    display: none;
  }
  .desktop-show {
    display: block;
  }
  /** Fim mostra e esconde elementos **/

  /** Zera margin elementos **/
  .desktop-margin-none {
    margin: 0;
  }
  .desktop-margin-none-top-bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
  .desktop-margin-none-top {
    margin-top: 0;
  }
  .desktop-margin-none-bottom {
    margin-bottom: 0;
  }
  .desktop-margin-none-right-left {
    margin-right: 0;
    margin-left: 0;
  }
  .desktop-margin-none-right {
    margin-right: 0;
  }
  .desktop-margin-none-left {
    margin-left: 0;
  }
  /** Fim zera margin elementos **/

  /** Aplica margin elementos **/
  .desktop-margin {
    margin: 15px;
  }
  .desktop-margin-top-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .desktop-margin-top {
    margin-top: 15px;
  }
  .desktop-margin-bottom {
    margin-bottom: 15px;
  }
  .desktop-margin-right-left {
    margin-right: 15px;
    margin-left: 15px;
  }
  .desktop-margin-right {
    margin-right: 15px;
  }
  .desktop-margin-left {
    margin-left: 15px;
  }
  /** Fim aplica margin elementos **/

  /** Alinha elementos **/
  .desktop-text-center {
    text-align: center;
  }
  .desktop-text-left {
    text-align: left;
  }
  .desktop-text-right {
    text-align: right;
  }
  /** Fim alinha elementos **/
}

/*** TRATAMENTO PADRAO BOOTSTRAP **/
/* PHONES > 768PX */
@media (max-width: 767px) {
  .mobile-display {
    display: block;
  }

  .tablet-display {
    display: none;
  }

  .desktop-display {
    display: none;
  }

  .desktop-lg-display {
    display: none;
  }
}

/* TABLETS >= 768 A < 992 */
@media (min-width: 768px) AND (max-width: 991px) {
  .mobile-display {
    display: none;
  }

  .tablet-display {
    display: block;
  }

  .desktop-display {
    display: none;
  }

  .desktop-lg-display {
    display: none;
  }
}

/* DESKTOP >= 992 A < 1200 */
@media (min-width: 992px) AND (max-width: 1199px) {
  .mobile-display {
    display: none;
  }

  .tablet-display {
    display: none;
  }

  .desktop-display {
    display: block !important;
  }

  .desktop-lg-display {
    display: none;
  }
}

/* LARG DESKTOP >= 1200 */
@media (min-width: 1200px) {
  .mobile-display {
    display: none;
  }

  .tablet-display {
    display: none;
  }

  .desktop-display {
    display: none;
  }

  .desktop-lg-display {
    display: block;
  }
}
