/*  
	Table of Contents

    01. Settings ----------------------------------
    02. Tools -------------------------------------
    03. Sprite ------------------------------------
    04. Generic -----------------------------------
    05. Base --------------------------------------
    06. Fonts -------------------------------------
    07. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    08. Reset -------------------------------------
    09. Regions -----------------------------------
    10. Container ---------------------------------
    11. Content -----------------------------------
    12. Footer ------------------------------------
         Tablet Portrait --------------------------
    13. Header ------------------------------------
         Header Content ---------------------------
         Header Title -----------------------------
         Tablet Portrait --------------------------
    14. Main --------------------------------------
    15. Shell -------------------------------------
    16. Sidebar -----------------------------------
    17. Wrapper -----------------------------------
    18. Modules -----------------------------------
    19. Box ---------------------------------------
         Box Inner --------------------------------
         Box Content ------------------------------
         Tablet Portrait --------------------------
    20. Button ------------------------------------
         Button Block -----------------------------
    21. Copyrights --------------------------------
         Tablet Portrait --------------------------
    22. Form Elements -----------------------------
         Select -----------------------------------
         Radio ------------------------------------
         Radio Alt --------------------------------
         Tablet Portrait --------------------------
    23. Form --------------------------------------
         Form Head --------------------------------
         Form Body --------------------------------
         Form Link --------------------------------
         Form Label -------------------------------
         Form Row ---------------------------------
         Form Actions -----------------------------
         Tablet Portrait --------------------------
         Tablet Portrait --------------------------
    24. Link More ---------------------------------
    25. List --------------------------------------
    26. List Images -------------------------------
    27. List Credits ------------------------------
    28. List Info ---------------------------------
         List Content -----------------------------
         List Remove ------------------------------
         Tablet Portrait --------------------------
    29. List Radios -------------------------------
    30. Logo --------------------------------------
    31. Nav ---------------------------------------
    32. Section Order -----------------------------
         Tablet Portrait --------------------------
    33. Slick -------------------------------------
    34. Slider ------------------------------------
    35. Steps -------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    36. Tabs --------------------------------------
         Tabs Head --------------------------------
         Tabs Nav ---------------------------------
         Tabs Body --------------------------------
         Tab --------------------------------------
    37. Table -------------------------------------
    38. Widget ------------------------------------
         Slider -----------------------------------
    39. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Tools
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body {
  min-width: 320px;
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 1.38;
  color: #363636;
}

a {
  color: #7a9640;
  text-decoration: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

a:hover,
a[href^="tel"] {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.69em;
  font-weight: bold;
}

h1 {
  font-size: 30px;
  line-height: 1.25;
}

h2 {
  font-size: 24px;
  line-height: 1.29;
}

h3 {
  font-size: 20px;
  line-height: 1.32;
}

h4 {
  font-size: 15px;
  line-height: 1.35;
}

h5 {
  font-size: 13px;
  line-height: 1.38;
}

h6 {
  font-size: 11px;
}

p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: 1.38em;
}

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}

body.show-fixed-header .steps {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after {
  content: "";
  display: block;
  clear: both;
}

/*  Notext  */

.notext {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

/*  Hidden  */

[hidden],
.hidden {
  /* display: none !important; */
  max-height: 0 !important;
}

/*  Alignleft  */

.alignleft {
  float: left;
}

/*  Alignright  */

.alignright {
  float: right;
}

/*  Disabled  */

[disabled],
.disabled {
  cursor: default;
}

/*  Uppercase  */
.uppercase {
  text-transform: uppercase;
}

/*  Grid  */

.cols {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  justify-content: flex-start;
}

.col {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0 10px;
}

.col--4of4 {
  min-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.col--3of4 {
  max-width: 75%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
}

.col--2of3 {
  max-width: 66.67%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.67%;
  flex: 0 0 66.67%;
}

.col--1of2 {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.col--1of3 {
  max-width: 33.33%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50.33%;
  flex: 0 0 33.33%;
}

.col--1of4 {
  max-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.col--size1 {
  max-width: 45.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45.5%;
  flex: 0 0 45.5%;
}

.col--size2 {
  max-width: 54.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 54.5%;
  flex: 0 0 54.5%;
}

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1201px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* {
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}

template {
  display: none;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

img,
iframe,
video,
audio,
object {
  max-width: 100%;
}

img,
iframe {
  border: 0 none;
}

img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

b,
strong {
  font-weight: bold;
}

address {
  font-style: normal;
}

svg:not(:root) {
  overflow: hidden;
}

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
  cursor: pointer;
}

button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

button,
select {
  text-transform: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

nav ul,
nav ol {
  list-style: none outside none;
}

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {
  padding: 33px 0;
  background: #eeeeee;
  font-size: 15px;
  line-height: 1.33;
  color: #363636;
  font-weight: bold;
}

.footer .shell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .footer {
    padding: 25px 0 0;
  }
  .footer .shell {
    display: block;
  }
  .footer .copyrights {
    padding-bottom: 22px;
    text-align: center;
  }

  .footer .list-credits {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 20px 28px;
    margin-right: -20px;
    margin-left: -20px;
    background: #fff;
  }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header {
  position: relative;
  z-index: 40;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.header .shell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  width: 95px;
  /* -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15); */
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/*  Header Content  */

.header .header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 133px);
  padding: 17px 0;
  margin-left: 38px;
}

/*  Header Title  */

.header .header__title {
  font-size: 19px;
  line-height: 1.32;
  font-weight: bold;
  text-transform: uppercase;
}

.header .header__title br {
  display: none;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .header .shell {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0;
  }
  .header .logo img {
    margin-bottom: 9px;
  }
  .header .header__content {
    padding: 25px 0;
  }

  .header .header__title {
    font-size: 15px;
    line-height: 1.34;
  }
  .header .header__title br {
    display: initial;
  }
}

@media (max-width: 360px) {
  .header .logo {
    width: 80px;
  }

  .header .header__content {
    margin-left: 25px;
  }

  .header .header__title {
    font-size: 13px;
  }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {
  position: relative;
  min-height: calc(100vh - 175px);
}

.in-initial-steps .main {
  background: #505050;
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell {
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}

.shell--fluid {
  max-width: none;
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {
  min-height: 100vh;
}

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box .form {
  position: relative;
  z-index: 5;
}

/*  Box Inner  */

.box .box__inner {
  position: relative;
  border-radius: 5px;
  background: #fdfdfd;
}

/*  Box Content  */

.box .modal {
  padding: 20px 15%;
}

.final.completed .box--form {
  display: block !important;
}

/*  --border  */

.box--border .box__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  border-radius: 6px;
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(50%, #d6d6d6),
      color-stop(0%, rgba(255, 255, 255, 0))
    ),
    -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d6d6d6), color-stop(0%, rgba(255, 255, 255, 0))),
    -webkit-gradient(linear, left top, right top, color-stop(50%, #d6d6d6), color-stop(0%, rgba(255, 255, 255, 0))),
    -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d6d6d6), color-stop(0%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, #d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    -o-linear-gradient(#d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    -o-linear-gradient(left, #d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    -o-linear-gradient(#d6d6d6 50%, rgba(255, 255, 255, 0) 0%);
  background: -webkit-linear-gradient(
      left,
      #d6d6d6 50%,
      rgba(255, 255, 255, 0) 0%
    ),
    -webkit-linear-gradient(#d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    -webkit-linear-gradient(left, #d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    -webkit-linear-gradient(#d6d6d6 50%, rgba(255, 255, 255, 0) 0%);
  background: linear-gradient(to right, #d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    linear-gradient(#d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    linear-gradient(to right, #d6d6d6 50%, rgba(255, 255, 255, 0) 0%),
    linear-gradient(#d6d6d6 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 18px 1px, 1px 18px;
}

/*  --completed  */

.box--completed {
  display: none;
  margin-bottom: 25px;
}

.box--completed .box__inner {
  display: table;
  width: 100%;
  height: 325px;
}

.box--completed .box__content {
  display: table-cell;
  vertical-align: middle;
  padding: 26px 25px 28px 35px;
}

.box--completed .box__content .btn {
  margin-bottom: 9px;
}

.box--completed .box__content > i {
  position: absolute;
  top: 0;
  left: 0;
}

.box--completed .box__content .list-info {
  position: relative;
  z-index: 10;
}

.box--completed .box__content > h5 {
  margin-bottom: 6px;
}

.box--completed .box__content p {
  margin-bottom: 6px;
  word-break: break-all;
}

.box--completed .box__content p:last-child {
  margin-bottom: 0;
}

.box--completed .box__content .btn {
  min-width: 130px;
  margin-top: 18px;
  margin-bottom: 0;
}

.half-completed .box--completed {
  display: block;
}

.completed .box--completed {
  display: block;
}

.active .box--completed .box__inner {
  display: block;
  height: auto;
}

.active .box--completed .box__content {
  display: block;
  padding: 26px 100px 28px 160px;
}

/*  --uncompleted  */

.box--uncompleted .box__inner {
  display: table;
  width: 100%;
}

.box--uncompleted .box__content {
  display: table-cell;
  vertical-align: middle;
  height: 325px;
  padding: 25px;
  text-align: center;
}

.box--uncompleted .box__content h4 {
  position: relative;
  z-index: 10;
  line-height: 1.34;
  color: #919191;
}

.box--uncompleted .box__content i {
  position: absolute;
  top: 0;
  left: 0;
}

.active .box--uncompleted,
.completed .box--uncompleted {
  display: none;
}

/*  --form  */

.box--form {
  display: none;
}

.active .box--form {
  display: block;
}

/*  --white  */

.box--white .box__inner {
  background: #fff;
  /* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
}

/*  --slide  */

.box--slide .box__inner {
  overflow: hidden;
}

.box--slide .box__content {
  margin: 0 -10px;
}

.box--slide .box__content:after {
  content: "";
  display: table;
  clear: both;
  line-height: 0;
}

.box--slide .box__content .form {
  padding: 0 10px;
}

@media (max-width: 1300px) {
  .box--completed .box__content {
    padding-right: 15px;
    padding-left: 15px;
  }

  .box--uncompleted .box__content {
    height: 314px;
  }
  .active .box--completed .box__content {
    padding-right: 50px;
    padding-left: 100px;
  }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .box--uncompleted .box__content {
    height: 135px;
  }
  .box--uncompleted .box__content h4 {
    max-width: 200px;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
  }

  .box--white .box__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .box--white .box__content {
    padding: 0;
  }

  .box--completed .box__inner {
    height: 135px;
  }
  .box--completed .box__content {
    padding-left: 50px;
    margin-bottom: 38px;
  }
  .box--completed .box__content p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .box--completed .box__content .btn {
    min-width: 80px;
    margin-top: auto;
  }

  .box--slide .box__content {
    margin: 0;
  }
  .box--slide .box__content .form {
    padding: 0;
  }

  .active .box--completed .box__content {
    padding: 23px 14px 23px 70px;
  }

  .completed .box--completed {
    margin-bottom: 0;
  }
  .completed .box--completed + .box--completed {
    margin-top: 25px;
  }

  .completed .box--completed .box__inner {
    display: block;
    height: auto;
  }
  .completed .box--completed .box__content {
    display: block;
  }
}

@media (max-width: 360px) {
  .active .box--completed .box__content,
  .box--completed .box__content {
    padding-left: 15px;
  }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn {
  display: inline-block;
  vertical-align: middle;
  min-width: 90px;
  height: 40px;
  padding: 0 5px;
  border: 1px solid #d60b52;
  border-radius: 5px;
  background: #d60b52;
  font-size: 15px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
  -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
  transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}

.btn:hover {
  border-color: #d60b52;
  background: #d60b52;
}

.btn i {
  margin-right: 9px;
}

.btn span {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.btn--sm {
  font-size: 13px;
  font-weight: normal;
}

.btn--white {
  border-color: #fff;
  background: #fff;
  color: #d60b52;
  font-weight: bold;
}

.btn--white:hover {
  border-color: #d60b52;
  background: #fff;
  color: #d60b52;
}

.btn--grey {
  border-color: #eeeeee;
  background: #eeeeee;
  color: #919191;
}

.btn--grey:hover {
  border-color: #dcdcdc;
  background: #dcdcdc;
}

/*  Button Block  */

.btn--block {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

/* ------------------------------------------------------------ *\
	Copyrights
\* ------------------------------------------------------------ */

.copyrights ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  list-style: none;
}

.copyrights li {
  position: relative;
  padding: 0 5px;
}

.copyrights li + li:before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: -1px;
  width: 1px;
  background: #363636;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .copyrights ul {
    display: block;
    margin: 0;
  }
  .copyrights li {
    padding: 0;
  }
  .copyrights li + li:before {
    display: none;
  }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

input::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

input::placeholder {
  color: inherit;
  opacity: 1;
}

textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

textarea::placeholder {
  color: inherit;
  opacity: 1;
}

input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.field {
  width: 100%;
  height: 40px;
  padding: 0 10px 0 13px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  background: #eeeeee;
  font-size: 12px;
  line-height: 38px;
  color: #363636;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.field::-webkit-input-placeholder {
  color: #b9b9b9;
}

.field:-ms-input-placeholder {
  color: #b9b9b9;
}

.field::-ms-input-placeholder {
  color: #b9b9b9;
}

.field::placeholder {
  color: #b9b9b9;
}

.field.error {
  color: #b9b9b9;
}

.field.error {
  color: #000;
}

.field.error::-webkit-input-placeholder {
  color: #b9b9b9;
}

.field.error:-ms-input-placeholder {
  color: #b9b9b9;
}

.field.error::-ms-input-placeholder {
  color: #b9b9b9;
}

.field.error::placeholder {
  color: #b9b9b9;
}

/*  Select  */

.select {
  position: relative;
  padding: 0 5px;
}

.select:before {
  content: "";
  position: absolute;
  top: calc(37% - 2px);
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 1.5px solid #363636;
  border-bottom: 1.5px solid #363636;
  pointer-events: none;
}

.select select {
  width: 100%;
  height: 40px;
  padding: 0 30px 0 15px;
  border: 0;
  border-radius: 5px;
  background: #eeeeee;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 40px;
  color: #b9b9b9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select select option,
.select select optgroup {
  color: #363636;
}

.select select::-ms-expand {
  display: none;
}

.select select option[disabled][selected] {
  display: none;
}

.select select.error {
  color: #000;
}

.select .selected {
  color: #363636;
}

/* .select select.error option { color: #b9b9b9; } */

/*  Radio  */

.radio {
  text-align: center;
}

.radio > p {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  text-align: center;
  font-size: 13px;
  line-height: 1.33;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  -o-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

.radio label {
  position: relative;
  display: block;
  padding: 17px 15px 16px;
  border-radius: 5px;
  margin-bottom: 8px;
  color: #f95547;
  font-weight: bold;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.radio label i {
  margin-bottom: 9px;
}

.radio label span {
  display: block;
}

.radio input{
  display: none;
}

.radio input:checked + label {
  background: #eeeeee;
}

.radio input:checked ~ p {
  opacity: 1;
  visibility: visible;
}

.radio .form__link {
  display: none !important;
}

.radio input:checked ~ .form__link {
  display: block !important;
}

/*  Radio Alt  */

.radio-alt {
  text-align: center;
  position: absolute;
  right: -13%;
  margin-top: 24px;
  display: none;
}

.radio-alt label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 30px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  margin: 23px auto 0;
}

.radio-alt label i {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.radio-alt label:hover i {
  opacity: 0.8;
}

.radio-alt input {
  display: none;
}

.radio-alt input:checked + label:before {
  background: #a2c855;
}

.radio-alt input.error + label:before {
  border-color: #d2d2d2;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .field {
    padding: 0 10px;
  }

  .select select {
    padding: 0 30px 0 10px;
  }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .radio-alt label {
    width: 44px;
    height: 25px;
  }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.jsModalBody .form {
  width: 100%;
  margin-right: 20px;
}

.form {
  position: relative;
}

.form .link-more {
  margin-left: 17px;
}

.form .cols {
  margin: 0 0 19px;
}

form .cols .select {
  padding: 0;
}

.form .cols:last-child {
  margin-bottom: 0;
}

.form .cols--radio {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form .col {
  padding: 0 5px;
}

.form.disabled:before {
  content: "";
  position: absolute;
  top: 84px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.75);
}

/*  Form Head  */

.form .form__head {
  margin-bottom: 38px;
  text-align: center;
}

.form .form__head h3 {
  color: #919191;
}

/* Form Input */

.form .form__input--placa {
  text-transform: uppercase;
}

.form .form__alert {
  margin-bottom: 10px;
  margin-top: 20px;
  color: #000;
  width: 200%;
  text-align: left;
  padding: 10px 35px;
  background-color: #f76b6b61;
  border-radius: 10px;
  display: block;
  font-size: 11px;
  line-height: 1.36;
}

@media (max-width: 1023px) {
  .form .form__alert {
    text-align: center;
  }
}

/*  Form Body  */

.form .form__body {
  text-align: start;
}

.form .form__body > p {
  padding-bottom: 9px;
  font-size: 11px;
  line-height: 1.36;
}

/*  Form Link  */

.form .form__link {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 36px;
  font-size: 11px;
  line-height: 1.36;
  color: #919191;
}

.form .form__link i {
  margin-right: 5px;
}

.form .col--1of2:nth-child(2) .radio .form__link {
  margin-left: -100%;
}

.form .form__link--alt {
  position: relative;
  max-width: 320px;
  padding-left: 18px;
  margin: 20px auto 6px;
  line-height: 1.55;
  text-align: left;
}

.form .form__link--alt i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 0;
}

/*  Form Label  */

.form .form__label {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 1.38;
  color: #666;
  text-align: left;
}

.form .form__label span {
  font-size: 11px;
  line-height: 1.36;
  font-weight: normal;
}

/*  Form Row  */

.form .form__row {
  margin-bottom: 20px;
}

.form .cols .form__row {
  margin-bottom: 0;
  text-align: left;
}

.form .form__row--alt.info__box {
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  padding: 16px;
  display: none;
}

.form .form__row--alt.form__row--alt.info__box h5 {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  color: #505050;
}

.form .form__row--alt.form__row--alt.info__box p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505050;
}

.form .form__row--alt .link-more {
  display: inline-block;
  -webkit-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px);
}

.form .form__row--alt .form__controls {
  float: left;
  width: calc(100% - 115px);
}

.form .form__row--alt:after {
  content: "";
  clear: both;
  display: table;
  line-height: 0;
}

.form .form__row--gutter-md {
  margin-top: 21px;
}

/*  Form Actions  */

.form .form__actions {
  margin-top: 23px;
}

.form .form__actions .btn {
  width: 100%;
}

/*  --location  */

.form--location .cols--alt .col--1of2 {
  margin-top: 20px;
}

/*  --card  */

.form--card.disabled:before {
  top: 165px;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .form .form__label {
    font-size: 12px;
  }
  .form .form__label span {
    font-size: 10px;
    line-height: 1.3;
  }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .form .form__actions {
    margin-top: 30px;
  }
  .form .form__actions .cols {
    margin: 0;
  }
  /* .form .form__actions .col {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
  } */
  /* .form .form__actions .col + .col {
    margin-top: 20px;
  } */

  .form .form__label span {
    font-size: 10px;
    line-height: 1.3;
  }

  .form .form__link--alt {
    margin-top: 10px;
    margin-bottom: 0;
  }

  /* .form--info .col--size1,
  .form--info .col--size2,
  .form--info .col--1of2,
  .form--info .col--1of3:first-child {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  } */

  /* .form--info .col--size2,
  .form--info .col--1of2 + .col--1of2 {
    margin-top: 20px;
  } */

  .form--info .col--1of3 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .form--info .col--1of3:first-child {
    margin-bottom: 20px;
  }

  .form--location .cols--alt .col + .col {
    margin-top: 20px;
  }
  .form--location .cols--alt .col--1of3 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .form--location .cols--alt .col--2of3 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .form--location .cols--alt .col--1of2 {
    margin-top: 0;
  }
  /* .form--location .cols--alt .col--1of2:last-child {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  } */
}

/* ------------------------------------------------------------ *\ 
	# progress bar
\* ------------------------------------------------------------ */

.progress-bar__container {
  height: 3px;
  width: 85px;
  background-color: #b9b7b7;
  position: absolute;
  top: 25%;
  left: -50%;
  z-index: 0;
}

.progress-bar {
  height: 100%;
  width: 0;
  background-color: #d60b52;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (min-width: 768px) {
  .progress-bar__container {
    left: -40%;
  }
}

@media (min-width: 1024px) {
  .progress-bar__container {
    left: -30%;
  }
}

/* ------------------------------------------------------------ *\ 
	# Icons
\* ------------------------------------------------------------ */

[class^="ico-"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  font-size: 0;
  line-height: 0;
  text-indent: -4004px;
}

.container-ico {
  width: 100%;
}

.ico-heart {
  width: 12px;
  height: 11px;
  background-image: url(../images/heart@2x.png);
}

.ico-car {
  width: 30px;
  height: 29px;
  background-image: url(../images/ic-checkout-car.png);
}

.ico-profile {
  width: 32px;
  height: 33px;
  background-image: url(../images/ic-checkout-profile.png);
}

.ico-location {
  width: 20px;
  height: 29px;
  background-image: url(../images/ic-checkout-location.png);
}

.ico-card {
  width: 29px;
  height: 24px;
  background-image: url(../images/ic-checkout-payment.png);
}

.ico-pencil {
  width: 12px;
  height: 14px;
  background-image: url(../images/pencil@2x.png);
}

.ico-shop {
  width: 30px;
  height: 27px;
  background-image: url(../images/shop@2x.png);
}

.ico-house {
  width: 30px;
  height: 27px;
  background-image: url(../images/house@2x.png);
}

.ico-info {
  width: 13px;
  height: 13px;
  background-image: url(../images/info@2x.png);
}

.ico-profile-lg {
  width: 158px;
  height: 151px;
  background-image: url(../images/profile-lg@2x.png);
}

.ico-location-lg {
  width: 153px;
  height: 151px;
  background-image: url(../images/location-lg@2x.png);
}

.ico-card-lg {
  width: 153px;
  height: 151px;
  background-image: url(../images/card-lg@2x.png);
}

.ico-check-lg {
  width: 153px;
  height: 151px;
  background-image: url(../images/check-lg@2x.png);
}

.ico-mastercard {
  width: 27px;
  height: 16px;
  background-image: url(../images/mastercard@2x.png);
}

.ico-visa {
  width: 15px;
  height: 13px;
  background-image: url(../images/visa@2x.png);
}

.ico-elo {
  width: 29px;
  height: 15px;
  background-image: url(../images/elo@2x.png);
}

.ico-american-express {
  width: 40px;
  height: 13px;
  background-image: url(../images/american-express@2x.png);
}

.ico-hipercard {
  width: 37px;
  height: 16px;
  background-image: url(../images/hipercard@2x.png);
}

.ico-diners {
  width: 20px;
  height: 16px;
  background-image: url(../images/union@2x.png);
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .ico-car {
    width: 20px;
    height: 20px;
  }
  .ico-profile {
    width: 23px;
    height: 25px;
  }
  .ico-location {
    width: 16px;
    height: 23px;
  }
  .ico-card {
    width: 25px;
    height: 20px;
  }

  .ico-profile-lg {
    width: 102px;
    height: 98px;
  }
  .ico-location-lg {
    width: 99px;
    height: 98px;
  }
  .ico-card-lg {
    width: 102px;
    height: 98px;
  }
  .ico-check-lg {
    width: 91px;
    height: 97px;
  }
}

/* ------------------------------------------------------------ *\
	Link More
\* ------------------------------------------------------------ */

.link-more {
  font-size: 12px;
  line-height: 1.33;
  color: #383838;
  text-decoration: none;
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] {
  list-style: none outside none;
}

/* ------------------------------------------------------------ *\
	List Images
\* ------------------------------------------------------------ */

.list-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -9px;
}

.list-images li {
  padding: 0 9px;
}

.list-images li.size-1 img {
  height: 56px;
  margin: 0 0 0 10px;
}

.list-images li.size-2 img {
  max-width: 89px;
}

/* ------------------------------------------------------------ *\
	List Credits
\* ------------------------------------------------------------ */

.list-credits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  font-family: "Lato", sans-serif;
  font-size: 10px;
  line-height: 1.67;
  font-weight: bold;
}

.list-credits li {
  padding: 0 10px;
}

.list-credits li a {
  display: inline-block;
  vertical-align: middle;
}

.list-credits li a:hover {
  opacity: 0.8;
}

.list-credits li img {
  display: block;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  margin-left: 11px;
}

.list-credits li.size-1 img {
  max-width: 47px;
}

.list-credits li.size-2 img {
  max-width: 57px;
}

.list-credits li span i {
  margin-right: 4px;
}

/* ------------------------------------------------------------ *\
	List Info
\* ------------------------------------------------------------ */

.list-info li.template {
  display: none;
}

.list-info li + li {
  padding-top: 16px;
  border-top: 1px solid #b1b1b1;
  margin-top: 15px;
}

.list-info li:nth-child(2) {
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
}

/*  List Content  */

.list-info .list__content hr {
  border: 0;
  border-top: 1px solid #b1b1b1;
  margin-top: 20px;
  background: none;
}

/*  List Remove  */

.list-info .list__remove {
  display: none;
  font-size: 11px;
}

/*  --alt  */

.list-info--alt li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-info--alt h5 {
  width: 100%;
}

.list-info--alt .list__remove {
  display: inline-block;
}

.list-info--alt .list__content {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-right: 10px;
}

.list-info--alt .list__actions {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  text-align: center;
}

.list-info--alt .list__actions .btn {
  min-width: 60px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 9px;
}

.list-info--alt .list__actions a {
  color: #919191;
  text-decoration: none;
}

.list-info--alt .list__actions a:not(.btn):hover {
  text-decoration: underline;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .list-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto;
  }
  .list-info h5 {
    width: 100%;
  }
  .list-info .list__content {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 25px;
  }

  .list-info .list__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 9px;
  }
  .list-info .list__actions .btn {
    width: 100%;
  }
}

@media (max-width: 360px) {
  .list-info .list__content {
    padding-right: 10px;
  }
}

/* ------------------------------------------------------------ *\
	List Radios
\* ------------------------------------------------------------ */

.list-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.list-radios li {
  width: 16.66%;
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo:hover {
  opacity: 0.8;
}

.logo img {
  max-width: 54px;
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Section Order
\* ------------------------------------------------------------ */

.section-order {
  padding: 5.5% 0 58px;
  background-color: #fff;
}

.section-order .col.final.completed,
.section-order .col.active {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.section-order .col--1of4 {
  max-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.section-order .section__foot {
  margin-top: 61px;
}

.section-order .section__foot .list-images {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-order .section__body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
  .section-order {
    padding: 79px 0 25px;
  }

  .section-order .section__body > .cols {
    margin: 0;
  }

  .section-order .section__body > .cols > .col.active,
  .section-order .section__body > .cols > .col {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
  }

  .section-order .section__body > .cols > .col + .col {
    margin-top: 40px;
  }
  .section-order .section__body > .cols > .col + .col.completed {
    margin-top: 20px;
  }
}

/* mobile */
@media (max-width: 430px) {
  .section-order .section__body {
    flex-direction: column;
  }

  .section-order {
    padding: 25px 0 25px;
  }
}

/* ------------------------------------------------------------ *\
	Slick
\* ------------------------------------------------------------ */

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px -3px;
  font-size: 0;
  list-style: none;
  visibility: hidden;
}

.slick-dots li {
  padding: 0 3px;
}

.slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #363636;
  border-radius: 100%;
  background: #eeeeee;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slick-dots li.slick-active button {
  background: #363636;
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Steps
\* ------------------------------------------------------------ */

.steps {
  padding: 28px 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
}

.steps .shell {
  padding: 0;
}

.steps i {
  margin-right: 12px;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.steps a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  color: #919191;
  text-decoration: none;
}

.steps a:hover {
  opacity: 0.8;
}

.steps ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
  list-style: none;
}

.steps li {
  position: relative;
  width: 100%;
}

.step-container {
  display: none;
  padding: 10px 0 30px;
}

@media (min-width: 768px) {
  .step-container {
    padding: 10px 15% 30px;
  }
}

.step-container.active {
  display: block;
}

.steps li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.steps li.checked a {
  color: #868686;
}

.steps li span {
  margin: 10px 0 0;
  font-size: 12px;
  text-align: center;
}

.steps li .ico {
  height: 34px;
  width: 34px;
  margin: 0;
  border-radius: 50%;
  background-color: #b9b7b7;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.steps li.checked .ico {
  background-color: #d60b52;
}

.steps li.checked .progress-bar {
  width: 85px;
}

.steps li.checked .ico-car {
  background-image: url(../images/ic-checkout-car.png);
}

.steps li.checked .ico-profile {
  background-image: url(../images/ic-checkout-profile.png);
}

.steps li.checked .ico-location {
  background-size: 13px;
  background-image: url(../images/ic-checkout-location.png);
}

.steps li.checked .ico-card {
  background-image: url(../images/ic-checkout-payment.png);
}

.steps li:not(.checked),
.steps li.current.checked {
  pointer-events: none;
  cursor: default;
}

/* Tablet Portrait */

@media (min-width: 768px) {
  .steps .shell {
    padding: 0 10%;
  }
}

@media (max-width: 1023px) {
  .steps {
    padding: 19px 0 18px;
    font-size: 14px;
    line-height: 1.36;
  }
  .steps i {
    margin-right: 0;
  }
  .steps ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
  }
  .steps li a {
    padding: 0 10px;
  }
  .steps li:after {
    width: 6px;
    height: 6px;
  }

  .steps li.current {
    padding: 0;
    white-space: nowrap;
  }
  .steps li.current span {
    display: block;
  }
  .steps li.current i {
    margin-right: 12px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .steps li.current {
    padding: 0 2vw;
  }

  .section-order .section__body {
    display: block;
    margin: 0 auto;
    max-width: 410px;
  }
}

@media (max-width: 360px) {
  .steps {
    font-size: 12px;
  }
  .steps li.current i {
    margin-right: 7px;
  }
}

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

/*  Tabs Head  */

.tabs .tabs__head {
  margin-bottom: 28px;
}

/*  Tabs Nav  */

.tabs .tabs__nav {
  font-size: 15px;
  line-height: 1.33;
  font-weight: bold;
  text-align: center;
}

.tabs .tabs__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
}

.tabs .tabs__nav li {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0 5px;
}

.tabs .tabs__nav li a {
  display: block;
  padding: 10px 0;
  border-radius: 5px;
  color: #919191;
  text-decoration: none;
}

.tabs .tabs__nav li a:hover {
  opacity: 0.8;
}

.tabs .tabs__nav li.active a {
  background: #eeeeee;
  color: #d60b52;
}

/*  Tabs Body  */

.tabs .tabs__body {
  position: relative;
}

/*  Tab  */

.tabs .tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.tabs .tab.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  -o-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets {
  list-style: none outside none;
}

/* Slider */

.slick-slider {
  position: relative;

  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Plano */

/* mobile */
.plan__container__mobile {
  width: 100%;
  box-shadow: 0 0 20px rgb(0 0 0 / 15%);
  border-radius: 8px;
}

.plan__value__mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 55px 16px 16px;
  position: relative;
}

.plan__value__mobile > section:first-child > h3 {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 5px;
}

.plan__value__mobile > section:first-child > p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #d60b52;
}

.plan__value__mobile > section:last-child > b {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: right;
  color: #404040;
}

.plan__value__mobile > section:last-child > p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 11px;
  text-align: right;
  color: #404040;
  margin: 5px 0 0;
}

.more-info__icon {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' transform='rotate(-180 12 12)' fill='white' stroke='%23D60B52'/%3E%3Cg clip-path='url(%23clip0_2_1439)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5369 8.8645L12.3069 13.0861L8.07694 8.8645L6.77734 10.1641L12.3069 15.6937L17.8365 10.1641L16.5369 8.8645Z' fill='%23D60B52'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_1439'%3E%3Crect width='12' height='8.4' fill='white' transform='translate(6 8.1001)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
}

.more-info__icon.open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='%23D60B52' stroke='%23D60B52'/%3E%3Cg clip-path='url(%23clip0_2_1521)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46306 15.1355L11.6931 10.9139L15.9231 15.1355L17.2227 13.8359L11.6931 8.3063L6.16346 13.8359L7.46306 15.1355Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_1521'%3E%3Crect width='12' height='8.4' fill='white' transform='translate(18 15.8999) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.plan__advantages__container__mobile {
  display: none;
  padding: 0 16px 16px;
}

.plan__advantages__container__mobile > section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.plan__advantages__container__mobile > section > p {
  width: calc(100% / 2.5);
  margin: 0 0 5px;
}

.plan__advantages__container__mobile > section > p > img {
  margin: 0 5px 0 0;
}

.plan__advantages__container__mobile > p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #5f5f5f;
}

/* desktop */
.plan__container {
  width: 100%;
  display: none;
  max-width: 237px;
  box-shadow: 0 0 20px rgb(0 0 0 / 15%);
  border-radius: 8px;
}

.plan__container .plan__advantages {
  padding: 18px 18px 5px;
}

.plan__container .plan__advantages > h3 {
  font-weight: 300;
  font-size: 14px;
  font-family: "Ubuntu";
}

.plan__container .plan__advantages > p,
.plan__container .plan__advantages > h5 {
  font-size: 12px;
  font-family: "Ubuntu";
  color: #505050;
  line-height: 14px;
  margin: 0 0 10px;
}

.plan__container .plan__advantages > h5 {
  font-family: "Roboto";
  font-weight: 500;
  margin: 0 0 15px;
}

.plan__container .plan__advantages > p > img {
  margin: 0 10px 0 0;
}

.plan__container .plan__value {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #dadada;
  padding: 13px 13px;
}

.plan__container .plan__value > p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.plan__container .plan__value > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 130px;
}

.plan__container .plan__value > div > b {
  margin: 0;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}

.plan__container .plan__value > div > p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 11px;
  color: #d60b52;
  white-space: nowrap;
  padding-top: 8px;
}

/* tablet */
@media (min-width: 768px) {
  .plan__container__mobile {
    display: none;
  }

  .plan__container {
    display: block;
    margin: 0 0 0 20px;
  }
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 99;
  padding: 10px;
}

.modal .modal__container {
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  max-height: 100vh;
}

.modal .modal__header {
  padding-bottom: 15px;
}

.modal .modal__header-title {
}

.modal .modal__body {
  max-height: 400px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.modal .modal__article {
  overflow-y: scroll;
}

.modal .modal__footer {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.modal .modal__button {
  width: 100%;
}

@media (min-width: 1024px) {
  .modal .modal__container {
    width: 40vw;
  }

  .modal .modal__button {
  }
  .modal .modal__article {
    overflow-y: scroll;
  }
}

/* Modal do Recaptcha */
.modal-recaptcha {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  background-color: rgba(0, 0, 0, 0.51);
}

.modal-recaptcha.show {
  display: block;
}

.modal-recaptcha__inner {
  width: 100%;
  height: 100%;
  padding: 0 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-recaptcha__content {
  width: 100%;
  max-width: 425px;
  padding: 46px 7px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
}

.modal-recaptcha__close {
  max-width: 16px;
  position: absolute;
  top: 25px;
  right: 31px;
  cursor: pointer;
}

h2.modal-recaptcha__title {
  margin-bottom: 24px;
  color: #1F2A47;
  font-size: 22px;
  font-weight: 400;
}

@media (min-width: 360px){
  .modal-recaptcha__content {
      padding: 46px 27px;
  }
}

@media (min-width: 768px){
  .modal-recaptcha__content {
      padding: 46px 42px;
  }
}

/* Error message */

.msg.text-danger,
.validation-message {
  color: #d60b52;
  max-height: 50px;
  transition: all 200ms ease;
  overflow: hidden;
}

.msg,
.validation-message {
  text-align: left;
  margin-top: 5px;
}

/* Sroll Bar */

::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #cdcdcd;
}

/* Loader */

.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
}
.loader__inner {
  position: relative;
}
.loader__text {
  text-align: center;
  font-size: 2em;
  color: #d60b52;
  font-size: 18px;
  font-weight: 700;
}

/* Input type number */
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 8px;
  color: #333;
  text-align: center;
  position: relative;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}

[data-field-text] {
  text-transform: uppercase;
}
/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Button Sticker Number and your Modal - Start
\* ------------------------------------------------------------ */

.btn-find-sticker-number {
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-start;
  cursor: pointer;
  padding-bottom: 15px;
  padding-left: 10px;
  height: 43px;
}

.btn-find-sticker-number .text-btn {
  text-decoration: underline;
  font-size: 9pt;
}

.form .label-numero-adesivo {
  margin-bottom: 5px;
}

.modal-title {
  color: #505050;
  padding-bottom: 15px;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.modal-description {
  font-size: 18px;
  text-align: center;
}

@media (min-width: 768px) {
  #modal-sticker-number img {
    max-width: 480px;
    min-width: 200px;
    width: auto;
  }
}

/* ------------------------------------------------------------ *\
	Button Sticker Number and your Modal - End
\* ------------------------------------------------------------ */

/* Orderplaced in Checkout */

.container--orderplaced {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  top: 0;
  z-index: 50;
  opacity: 0.9;
  display: none;
  align-items: center;
  justify-content: center;
}

.container--orderplaced .box--orderplaced {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  max-width: 435px;
}

.container--orderplaced .title-orderplaced {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  color: #000000;
  font-family: Ubuntu;
}

.container--orderplaced .title-orderplaced .name-user {
  text-transform: capitalize;
}

.container--orderplaced .minor-text-orderplaced,
.container--orderplaced .normal-text-orderplaced {
  padding-top: 10px;
  font-family: Ubuntu;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #000000;
}

.container--orderplaced a {
  margin-top: 20px;
  font-size: 16px;
  padding: 14px 24px;
  border-radius: 4px;
  background-color: #a2c855;
  color: #fff;
  text-decoration: none;
}

.container--orderplaced a:hover {
  background-color: #7a9640;
}

/* ------------------------------------------------------------ *\
	Button Trigger Value and your Modal - Start
\* ------------------------------------------------------------ */

.form_control_valor_disparo {
  display: flex;
  align-items: center;
}

.form_control_valor_disparo .select {
  flex: 1 1 auto;
}

.button_modal_valor_disparo {
  padding-left: 10px;
  cursor: pointer;
}

.box-items-and-rules {
  display: flex;
  flex-direction: column;
}

.box-list-instructions {
  display: flex;
  flex-direction: column;
  background-color: #fbfbfb;
  border: 1px solid #cbcbcb;
  padding: 20px;
}

.box-list-instructions .item-instructions {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.box-list-instructions .item-instructions img {
  padding-bottom: 10px;
}

.box-list-instructions .item-instructions .title-item {
  font-weight: bold;
  padding-bottom: 5px;
}

.box-rules {
  padding-top: 10px;
  font-size: 9pt;
}

.box-rules .item-rule {
  padding-top: 7px;
}

.jsPrevious {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  #modal-trigger-value {
    max-width: 740px;
  }

  .box-list-instructions {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* ------------------------------------------------------------ *\
	Button Trigger Value and your Modal - Start
\* ------------------------------------------------------------ */

.in-initial-steps .steps .shell {
  display: none;
}

.in-initial-steps .section-order {
  position: relative;
  padding: 0px 0 122px;
  top: 55px;
}

.in-initial-steps .section-order,
.in-initial-steps .container--initial-steps {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.in-initial-steps .container--initial-steps {
  display: flex;
}

.container--initial-steps {
  padding: 20px 0 50px 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: #fff;
  position: absolute;
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.container--initial-steps .box--initial-steps {
  display: flex;
  flex-direction: row;
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
  width: 100%;
  max-width: 480px;
  min-height: 400px;
}

.container--initial-steps .wrapper--initial-steps {
  position: relative;
  transition: all ease 0.4s;
  width: 100%;
  display: flex;
}

.container--initial-steps .box--step {
  min-width: 100%;
  padding: 0 15px;
  transition: all ease 0.4s;
}

.container--initial-steps .title-tabs {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 200;
  padding-bottom: 30px;
  font-family: "Ubuntu";
  text-align: center;
  padding-top: 30px;
}

.box--message {
  align-items: center;
  justify-content: center;
  display: flex;
}

.box--message .box_button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}

.box--message .box--text {
  text-align: center;
  margin: 0 auto;
  font-size: 15px;
  max-width: 400px;
}

.title--message {
  padding-bottom: 20px;
  position: relative;
  display: block;
}

#active-user #btn--active-user__back {
  font-weight: bold;
  background-color: #ffffff;
  color: #D60B52;
  border: 2px solid #ffffff;
  transition: all .3s ease;
}

#active-user #btn--active-user__back:hover {
  border: 2px solid #D60B52;
}

.car-confirmation-line {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  min-width: 230px;
}

.car-confirmation-line .car-detail {
  width: 100px;
}

.car-confirmation-line .car-detail .label {
  color: #c5c5c5;
}

.car-confirmation-line .car-detail .value {
  font-size: 14px;
  white-space: nowrap;
  font-weight: bold;
  color: #505050;
}

#confirmation-car-data button {
  width: 45%;
}

#confirmation-car-data #btn--seccond-try-car {
  background-color: #a2c855;
  color: #fff;
}

#modal-inconsistance-data .modal-title {
  font-size: 15px;
  text-align: center;
  color: #505050;
  font-weight: bold;
}

#modal-inconsistance-data .modal-description {
  max-width: 400px;
  font-size: 14px;
  text-align: center;
}

#inconsistance-data a {
  width: 100%;
}

/* compra sem placa */
.car-without-data__label {
  font-size: 14px;
  font-weight: 400;
}

.car-without-data__label span {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 20px 0;
}

.car-without-data__label span:before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  min-width: 24px;
  height: 24px;
  border: 2px solid #8e8e93;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 0.3s ease;
}

.car-without-data__label input:checked + span:before {
  content: "✔";
  background-color: #60c091;
  border: 2px solid #60c091;
  color: #ffffff;
}

.car-without-data__label input[type="checkbox"] {
  display: none;
}

.car-without-data__warning {
  width: 100%;
  min-height: 160px;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 16px 16px 12px;
  display: none;
}

.car-without-data__warning > h4 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #505050;
}

.car-without-data__warning > h4::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' viewBox='0 0 25 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6074 8.38972V13.4547C11.6074 13.9207 12.007 14.2993 12.5003 14.2993C12.9936 14.2993 13.3932 13.9207 13.3932 13.4547V8.38972C13.3932 7.92373 12.9936 7.54517 12.5003 7.54517C12.007 7.54517 11.6074 7.92372 11.6074 8.38972Z' fill='%23D60B52'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6881 0.989207L0.279673 18.0337C-0.0932242 18.6453 -0.0932242 19.3991 0.279673 20.0109C0.653764 20.6227 1.34434 20.9999 2.09135 20.9999H22.9087C23.6557 20.9999 24.3463 20.6227 24.7202 20.0109C25.0933 19.399 25.0933 18.6453 24.7202 18.0337L14.3118 0.989207C13.9377 0.377354 13.2471 -6.10352e-05 12.5001 -6.10352e-05C11.7531 -6.10352e-05 11.0625 0.377364 10.6884 0.989207H10.6881ZM12.2351 1.83337C12.2893 1.74387 12.3903 1.68847 12.4997 1.68847C12.6092 1.68847 12.71 1.74387 12.7642 1.83337L23.1726 18.8778C23.2278 18.9674 23.2278 19.0781 23.1726 19.1667C23.1184 19.2562 23.0176 19.3116 22.9082 19.3116H2.09081C1.9814 19.3116 1.88035 19.2562 1.82614 19.1667C1.77093 19.0781 1.77093 18.9674 1.82614 18.8778L12.2351 1.83337Z' fill='%23D60B52'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3932 15.9874C13.3932 16.4535 12.9934 16.8315 12.5003 16.8315C12.0072 16.8315 11.6074 16.4535 11.6074 15.9874C11.6074 15.5212 12.0072 15.1432 12.5003 15.1432C12.9934 15.1432 13.3932 15.5212 13.3932 15.9874Z' fill='%23D60B52'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  margin: 0 10px 0 0;
}

.car-without-data__warning > p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #505050;
}

/* location container */

.location-info__container {
  display: none;
}

/* informations */

.informations__container {
  margin-top: 15px;
}

.informations__container .information {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 15px;
}

.informations__container .information::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 10px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 0C5.14341 0 3.3629 0.737629 2.05035 2.05035C0.73763 3.36306 0 5.14357 0 7C0 8.85643 0.73763 10.6371 2.05035 11.9497C3.36306 13.2624 5.14357 14 7 14C8.85643 14 10.6371 13.2624 11.9497 11.9497C13.2624 10.6369 14 8.85643 14 7C14 5.14357 13.2624 3.3629 11.9497 2.05035C10.6369 0.737629 8.85643 0 7 0ZM7 12.6453C5.50285 12.6453 4.06698 12.0505 3.00818 10.9919C1.94954 9.9331 1.35477 8.49723 1.35477 7.00008C1.35477 5.50293 1.94954 4.06706 3.00818 3.00826C4.06698 1.94962 5.50285 1.35485 7 1.35485C8.49715 1.35485 9.93302 1.94962 10.9918 3.00826C12.0505 4.06706 12.6452 5.50293 12.6452 7.00008C12.6452 8.49723 12.0505 9.9331 10.9918 10.9919C9.93302 12.0505 8.49715 12.6453 7 12.6453Z' fill='%233535A5'/%3E%3Cpath d='M6.32263 3.38708H7.67757V7.67746H6.32263V3.38708Z' fill='%233535A5'/%3E%3Cpath d='M7.67757 9.70988C7.67757 10.084 7.3742 10.3873 7.0001 10.3873C6.626 10.3873 6.32263 10.084 6.32263 9.70988C6.32263 9.33579 6.626 9.03241 7.0001 9.03241C7.3742 9.03241 7.67757 9.33578 7.67757 9.70988Z' fill='%233535A5'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
}

.informations__container .information > p {
  width: calc(100% - 20px);
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #919191;
}

.informations__container .information > p > a {
  color: #c80000;
}

/* Router */

.container--initial-steps.cpf-step .wrapper--initial-steps {
  left: 0;
}

.container--initial-steps.unavaible-plan-step .wrapper--initial-steps {
  left: -100%;
}

.container--initial-steps.cpf-ativo-pre-manual-step .wrapper--initial-steps {
  left: -200%;
}

/* Inputs */

.container_list_inputs {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  max-width: 360px;
  margin: 0 auto;
}

.container_input_item {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  width: 100%;
  align-items: flex-end;
}

.box_input {
  position: relative;
  width: 100%;
}

.label_input {
  position: absolute;
  top: 16.7px;
  left: 20.5px;
  font-size: 15px;
  background-color: #ffffff;
  transition: all ease 200ms;
  pointer-events: none;
  z-index: 3;
}

.input {
  width: 100%;
  border-radius: 4pt;
  padding: 16px 0px 16px 16px;
  transition: all ease 200ms;
  font-size: 14px;
  background-color: #ffffff;
  z-index: 0;
}

input[disable="disable"] {
  z-index: 0;
  position: relative;
}

.box_input img {
  transition: all ease 200ms;
  opacity: 0;
}

.defaut .input {
  border: 1.4pt solid #cecece;
  color: #c0c0c0;
}

.defaut .label_input {
  color: #c0c0c0;
}

.focus .input {
  border: 1.4pt solid #414141;
  color: #464646;
}

.focus .label_input {
  color: #464646;
  transform: scale(0.97) translate(-5px, -26px);
  padding: 0px 3px;
}

.focus .label_input.numero {
  color: #464646;
  transform: scale(0.97) translate(-14px, -26px);
  padding: 0px 3px;
}

.error .input {
  border: 1.4pt solid #db0100;
  color: #db0100;
}

.error .label_input {
  color: #db0100;
  transform: scale(0.97) translate(-8px, -26px);
  padding: 0px 3px;
}

.error .label_input.numero {
  color: #db0100;
  transform: scale(0.97) translate(-14px, -26px);
  padding: 0px 3px;
}

.error img {
  opacity: 1;
}

.blocked .input {
  border: 1.4pt solid #dadada;
  color: #b9b9b9;
}

.blocked .label_input {
  color: #dcdcdc;
  transform: scale(0.97) translate(0px, -26px);
  padding: 0px 3px;
}

.blocked .label_input.numero {
  color: #dcdcdc;
  transform: scale(0.97) translate(-14px, -26px);
  padding: 0px 3px;
}

.image-input {
  position: absolute;
  right: 5px;
  top: 25%;
  max-width: 30px;
}

.show-flag .image-input {
  opacity: 1;
}

.showing-password .image-input {
  opacity: 1;
}

.hiding-password .image-input {
  opacity: 1;
}

/* terms */
.terms__text {
  text-align: center;
  font-size: 10px;
}

.terms__link {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 110%;
  color: #d60b52;
}

@media (min-width: 768px) {
  .terms__text,
  .terms__link {
    font-size: 12px;
  }
}

/* Buttons */

.box_button {
  position: relative;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  background-color: #ffffff;
  z-index: 20;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 50px;
}

.btn_next {
  min-width: 50%;
  padding: 13px 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 4pt;
  transition: all ease 200ms;
  display: flex;
  justify-content: center;
  align-items: center;
}

.disable .btn_next {
  background-color: #efefef;
  color: #c9c9c9;
  pointer-events: none;
}

.enable .btn_next {
  background-color: #a2c855;
  color: #ffffff;
  cursor: pointer;
}

.img-loader {
  max-width: 17px;
  display: none;
}

.loading .img-loader {
  display: block;
}

.loading span {
  display: none;
}

.box__important-text {
  padding-top: 15px;
  font-style: italic;
}

.field-research {
  display: flex;
  justify-content: space-between;
}

.field-research .box-ic {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 2px;
}

.field-research .box-text {
  width: 100%;
  letter-spacing: 0.6px;
  text-align: left;
  padding-left: 10px;
}

.steps__container {
  width: 100%;
  max-width: 653px;
  border-radius: 8px;
}

@media (max-width: 414px) {
}

@media (min-width: 768px) {
  .steps__container {
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
  }

  .container--initial-steps .title-tabs {
    font-size: 26px;
  }
}

@media (min-width: 1024px) {
  .in-initial-steps .section-order,
  .in-initial-steps .container--initial-steps {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .container--initial-steps .box--initial-steps {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
}

@media (min-width: 1166px) {
}

@media (min-width: 1366px) {
}